/* ZAKLADNI STYLOPIS */
body {
    margin: 0;
    padding: 0;
/*	background-color: rgb(7,191,197); 
   font-family: Ubuntu, Trebuchet MS; */
    font-family: Arial;
	font-size: .9em;
	color: black;
}
#body-pozadi-kyticky {
	width: 100%;
/*	background-image: url(images/pozadi-top.jpg); */
	background-repeat: no-repeat;
	border-top: 1px solid #34bfc9;
}

h1, h2, h3, h4 {
	color: #009a9f;
}
.hgreen {color: #d854d7;}

/* ZAKLADNI DIVY */
/* smazat pak pokud misa nebuce chtit ty clanky o webu nahore na kazde strance
#nad-center {
	min-width: 900px;
	width: 75%;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;007478
}*/

#center {
	min-width: 1120px;
	width: 80%;
	margin: 0 auto;
	margin-top: 10px;
	background-color: white;
}
#head {
	width: 100%;
	height : 105px;
	margin: 0 auto;
	background-color: #007478;
}

#topmenu {
	width: 100%;
	height : 24px;
/*	margin: 0 auto;     */
	margin-top: -15px;
	float: none;
	background-color: #009a9f;
}

#advert {
	width: 94%;
	min-width: 940px;
	font-size: .85em;
	margin: 10px auto;
	display: block;
	overflow: hidden;
}

#advertp {
	width: 99%;
	font-size: .9em;
	margin: 10px auto;
	display: block;
	overflow: hidden;
}

.topmenu {
	height: 100%;
	border-right: solid 1px white;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	float: left;
}

.atopmenu {
	color:#bcf5f7; 
	font-size: .95em;
	font-weight: bold; 
	text-decoration: none;
}
.l_menu_top {
	background-color: #007478;
	height: 35px;
	padding-left: 20px;
	color:#bcf5f7; 
	font-weight: bold;
	border-bottom: solid 1px white; 	
}
.l_menu {
	background-color: #009a9f;
	height: 30px;
	padding-left: 20px;	
	border-bottom: solid 1px white;
}
.l_menu_w {
	background-color: white;
	padding-left: 18px;	
        padding-top: 5px;
        padding-bottom: 5px;
}

.l_menu a {
	color:#bcf5f7; 
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
}
.l_menu_hv {
	background-color: #009a9f;
	height: 30px;
	padding-left: 20px;	
	border-bottom: solid 1px white;
}
.l_menu_hv a {
	color:white; 
	font-weight: bold;
	text-decoration: none;
}
.l_menu_z {
	background-color: #d854d7;
	height: 30px;
	padding-left: 20px;	
	border-bottom: solid 1px white;
}
.l_menu_z a {
	color:white; 
	font-weight: bold;
	text-decoration: none;
	font-size: .9em;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #e3feff;
width: 150px; /*Default width of hint.*/ 
padding: 10px;
border:1px solid #007478;
font-size: 1em;
color: magenta;
line-height:18px;
z-index:100;

border-right: 2px solid #007478;
border-bottom: 2px solid #007478;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

#tooltip {
    position: absolute;
    display: none;
    width: 800px;
    border: 1px outset #007478;
    background-color:#e3feff; 
    color: magenta;
    margin-left: 20px;
    margin-top: -15px;
    padding: 10px;
}


#maincol{
 width:75%;
 min-width:750px;
 float:right;
 display: block;
 overflow: hidden;
 border: none 1px red;
 }  

 #leftcol {
 position:relative;
 float:left; 
 z-index: 0;
 width:250px; 
 margin-right: 10px;
 display: block;
 overflow: hidden;
 }
 
.td-premium-left {		
 padding-left: 0px; 
 height: 25px;
 color: #007478; 
}

.td-premium-left a {		
 color: #007478; 
 text-decoration: none;
 font-size: 1em; 
}

.td-premium-right {		
 padding-right: 30px; 
 color: red; 
 font-size: 1em;
 text-align: right;
}

#logo {
	width: 400px;
	height : 70px;
	padding: 15px;
	float: left;
}

#logo span {
	font-size: 1.7em; 
	font-weight: normal; 
	font-family: tahoma;  
	letter-spacing: .08em;
}
#logo span.sm {
	font-size: 1em; 
	font-weight: normal; 
	font-family: tahoma;  
	color: white;
}

#prihlas {
	width: 500px;
	float: right;
}

#lang {
	margin-top: 50px;
	width: 150px;
	float: left;
}

.styled-select select {
   background: white;
   width: 200px;
   padding: 5px;
   font-size: 12px;
   border: 1px solid #009a9f;
   height: 30px;
}
 

.styled-select-date select {
   background: white;
   float: left;
   width: 60px;
   padding: 5px;
   font-size: 12px;
   border: 1px solid #009a9f;
   height: 30px;
}
 
.styled-select-80 select {
   background: white;
   float: left;
   width: 80px;
   padding: 5px;
   font-size: 12px;
   border: 1px solid #009a9f;
   height: 30px;
} 

.styled-registr-180 {
	background: white;
	width: 180px;
   font-size: 12px;
   border: 1px solid #009a9f;
   height: 30px;
}

#leftcol {
 position:relative; 
 float:left; 
 width:250px; 
 margin-right: 10px;

 }
#mezera {
	width: 100%;
	height: 20px;
	margin-top: 10px;
	background-color: white;
}

#lidi-pozadi {
	position: absolute;
	top: 190px;
	left: 60%;
	width: 400px;
	height: 370px;
	float: right;
	margin-right: 30px;
	margin-top: 0px;
	background: url(./images/uvodni-lidi-copy.png) top center no-repeat;
	z-index: 1;
}

#main-top-light {
	width: 95%;
	/*background-color: #e3feff;*/
	color: #007478;
	padding: 0px 25px;
	margin: 0px auto;
	display: block;
	overflow: hidden;
}

/*#main-top-text {
	width: 95%;
	padding: 10px 20px;
	font: normal .95em Arial;
	color: #007478;
	text-align: justify;
	background-color: #e3feff;
}
*/
#dlouhy-modry-pruh {
	width: 95%;
	height: 10px;
	margin: 0px auto;
	margin-top: 10px;
	border-left: solid 1px #009a9f;
	border-right: solid 1px #009a9f;
	background-color: #009a9f;
}

#modry-pruh {
	width: 468px;
	height: 20px;
	margin-left: 0px;
	background-color: #009a9f;
}
#div-horo-hp {
	width: 95%;
	margin: 0px auto;
	border-left: solid 1px #009a9f;
	border-right: solid 1px #009a9f;
	border-top: none 1px #009a9f;
	border-bottom: solid 1px #009a9f;
	display: block;
	overflow: hidden;
}

#reg-napis {
	height: 20px;
	/*width: 360px;*/
	margin:  0px 0px;
	padding: 6px;
	padding-bottom: 0px;
	font: bold 1em arial;
	color: white;
	text-align: center;
	float: left;
	display: block;
	overflow: hidden;
	background-color: #009a9f;
}
#hpser-napis {
	margin:  0px 0px;
	padding: 6px;
	padding-bottom: 0px;
	font: bold 1em arial;
	color: white;
	text-align: center;
	float: left;
	display: block;
	overflow: hidden;
	background-color: #009a9f;
}
#reg-sipka {
	height: 36px;
	width: 50px;
	margin-left: 5px;
	margin-top: -20px;
	float: left;
	background-image: url(./images/red-arrow2.png);
}
#div-reg-form {
	width: 438px;
	margin: 0px 0px;
	margin-top: 0px;
	border-left: solid 1px #009a9f;
	border-right: solid 1px #009a9f;
	border-top: solid 15px #009a9f;
	float: left;
}
#div-search-form {
	width: 400px;
	margin: 0px 0px;
	margin-top: 0px;
	border-left: solid 1px #009a9f;
	border-right: solid 1px #009a9f;
	border-top: solid 15px #009a9f;
	float: left;
}
#div-reg-bott {
	width: 440px;
	height: 30px;
	margin: 0 0 0 0px;
	color: white;
	font: normal .9em arial;
	text-align: left;
	background-color: #009a9f;	
}
#div-reg-bottl {
	width: 120px;
	height: 25px;
	float: right;
	margin-top: -5px;
	margin-right: -1px;
	padding-top: 5px;
	color: white;
	font: bold 1.1em arial;
	text-align: center;
	background-color: #66b815;	
}
#div-analyzuj {
	width: 120px;
	height: 25px;
	float: right;
	margin-top: 15px;
	margin-right: -1px;
	padding-top: 5px;
	color: white;
	font: bold 1.1em arial;
	text-align: center;
	background-color: #66b815;	
}

.middle_main	{
	width: 95%;
	min-width: 950px;
	margin: 0px auto;
	margin-top: 0px;
	padding-bottom: 10px;
	clear:both;
 	display:block;
 	overflow:hidden;
/*	background-color: orange;	*/
}

.horoskopy {
	position: relative;
	width: 405px;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	display:block;
	overflow:hidden;
	border-left: solid 1px #009a9f;
	border-right: solid 1px #009a9f;
	border-top: solid 15px #009a9f;
	border-bottom: solid 1px #009a9f;
}


#modry-pruh-search {
	width: 94%;
	min-width: 940px;
	height: 30px;
	margin: -10px 30px;
	background-color: #009a9f;
}

#div-search {
	width: 93.4%;
	min-width: 934px;
	height: 80px;
	margin-top: -20px;
	margin-left: 30px;
	background-color: #e3feff;
}

#search-napis {
	height: 25px;
	width: 250px;
	margin: 30px 30px 0px;
	padding: 6px;
	padding-bottom:0px;
	font: bold 1em arial;
	color: white;
	text-align: center;
	background-color: #009a9f;
}
#search-napis-s {
	height: 25px;
	margin: 30px 30px 0px;
	padding-top: 5px;
	font: bold 1em arial;
	color: white;
	text-align: center;
	background-color: #009a9f;
}
#analyza-tmava {
	width: 200px;
	height: 20px;
	
	margin-top: -30px;
	margin-left: 10px;
	padding-top: 10px;
	font: bold 1em arial;
	color: white;
	text-align: center;
	float: left;
	background-color: #009a9f;
}
#analyza-svetla {
	float: right;
	width: 100%;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	clear:both;
 	display:block;
 	overflow:hidden;
 /*	border-top: solid 1px #009a9f; */
	background-color: #e3feff;
}

#analyza-tmava-hv {
	width: 50px;
	height: 100px;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #009a9f;
}
#analyza-svetla-hv {
	width: 100%;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	z-index: 2;
	clear:both;
 	display:block;
 	overflow:hidden;
 /*	border-top: solid 1px #009a9f; */
	background-color: #e3feff;
}

#akce-mp {
	position: absolute;
	top: 600px;
	left: 43%;
	width: 230px;
	height: 220px;
	float: right;
	z-index: 2;
	background: url(./images/srdce.png) top center  no-repeat;
}

#main-gopay {
	width: 100%;
	float: right;
	margin-right: 0px;
	margin-top: 20px;
	z-index: 2;
	clear:both;
 	display:block;
 	overflow:hidden;
	background-color: white;
	border: solid 1px #e3feff;
}

#mezera-30 {
	width: 100%;
	margin-top: 10px;
	height: 30px;
	background-color: transparent;
}

#mezera-10 {
	width: 100%;
	/* margin-top: 10 auto; */
	height: 10px;
	background-color: transparent;
}
.mezera-10 {
	width: 100%;
	/* margin-top: 10 auto;*/
	height: 10px;
	background-color: transparent;
}
#mezera-5 {
	width: 100%;
	/* margin-top: 10 auto; */
	height: 5px;
	background-color: transparent;
}


/* Tabulka registrace uvod */
.rf-left {font: bold 1em Arial; color: #009a9f; height: 25px; padding-right: 20px;}
.rf-right {padding-left: 10px; font: bold 1em Arial; color: #009a9f;}
.rf-txt {padding: 10px 10px; font: normal .8em arial; width: 350px; color: #007478;}

.input-regform {
	width: 170px;
	height: 16px;
	border: solid 1px gray;
	font: normal .8em arial;	
}
.souhlas {
	font-weight: bold;
	color:#007478; 
	border-bottom: solid 1px #009a9f;
	height: 10px;	
}



.modry-pruh-pozadi {
	width: 100%;
	margin: 0px 0px;
	background-color: #009a9f;
}

.div-modry-svetly-pozadi {
	width: 99%;
	background-color: #e3feff;
}

.div-zeleny-button {
	height: 25px;
	margin-top: 0px;
	color: white;
	font: normal 1em arial;
	text-align: center;
	background-color: #d854d7;	
}

.mptab1 {
    width:99%; 
    float: left;
}
.mptab1td1 {
    width: 800px;
}
.mptab1h1 {
    margin-top: 0px;
}
.mptab1td2 { 
    padding-bottom: 8px;
}
.mptab2 {
    width:99%; 
    float: left;
}
.mptab2td1 {
    width: 400px;
}
.mptab2td2 {
    padding-left: 25px; 
    vertical-align: top;
}

.mpdivbot {
    margin: 5px auto; 
    width: 95%;
    display: block; 
    overflow: hidden; 
    font-size: .9em; 
    color: #007478;
}
/*.div-zeleny-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 5px 10px;
	margin-bottom: 3px;
	margin-right: 3px;
	background: -moz-linear-gradient(
		top,
		#66a815 0%,
		#66a815);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#66a815),
		to(#66a815));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #326b1a;
	-moz-box-shadow:
		2px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		2px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	box-shadow:
		2px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(115,107,115,1);
}
*/
.div-premium-button {
	height: 28px;
	margin-top: 0px;
	color: white;
	font: normal 1.1em arial;
	text-align: center;
	border: outset 1px silver;
	background-color: #009a9f;	
}
.modry-button {
	height: 25px;
	margin-top: 0px;
	color: #007478;
	font: bold .9em arial;
	text-align: center;
	border: outset 1px silver;
	background-color: #bcf5f7;	
}

.modry-button-tmavy {
	height: 25px;
	margin-top: 0px;
	color: white;
	font: bold .9em arial;
	text-align: center;
	border: outset 1px silver;
	background-color: #009a9f;	
}
.modry-pruh-kompat {
	width: 100%;
	height: 30px;
	margin: -10px 0px;
	background-color: #007874;
}

.modry-pruh-qsearch {
	width: 100%;
	height: 30px;
	margin: -10px 0px;
	background-color: #009a9f;
}

.modry-pruh-qsearch-zeleny {
	width: 100%;
	height: 30px;
	margin: -10px 0px;
	background-color: #66b815;
}

.div-qsearch {
	width: 99%;
	margin-top: -20px;
	 clear:both;
 	display:block;
 	overflow:hidden;
	background-color: #e3feff;
}

.div-qsearch-zluta {
	width: 99%;
	margin-top: -20px;
	 clear:both;
 	display:block;
 	overflow:hidden;
	background-color: #f1fee5;
}
.oatxt	{
	margin: 5px 5px;  
	color: #007478;
	text-align: justify;
}
.main-people {
	width: 130px;
	margin-right: 20px;
	float: left;
}

li.um {
	list-style-image: url(./images/skvele-15.png);	
	margin-bottom: 5px;
}


#search-napis {
	height: 25px;
	margin: 0px 0px 0px;
	padding-top: 5px;
	font: bold 1em arial;
	color: white;
	text-align: center;
	background-color: #009a9f;
}

.td-tripple-top-main	{
	height: 45px; 
	padding: 0 20px; 
	font: bold 1.25em arial; 
	color: #007478; 
	text-decoration: underline;
}

.td-karta-left {
	height: 27px; 
	padding: 0 20px; 
	font: bold 1em arial; 
	color: #007478; 
	text-decoration: none;
}
.td-filtr-left {
	height: 27px; 
/*	padding: 0 10px; */
	font: bold .95em arial; 
	color: #007478; 
	text-decoration: none;
}
.td-filtr-black {
    text-align: center; 
    color: black;
}
.td-cena {
	height: 27px; 
	text-align: center; 
	font: bold 1.1em arial; 
	color: #66b815; 
	text-decoration: none;
}

.td-cenik-top {
	padding: 0px 20px;
	height: 30px;
	text-align: center; 
	font-size: 1.1em; 
	background-color: #007478; 
	color: white;
}

.td-detail-left {
	width: 160px; 
	height: 30px; 
	padding: 0 10px; 
	font: bold 1em arial; 
	color: #007478; 
	text-decoration: none;
}

.td-detail-aktiv {
	border-bottom-color: #15999f;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 3px;
	height: 30px; 
	font: normal 1em arial; 
	color: #4c4c4c; 
	text-decoration: none;
}

.td-detail-right {
	border-bottom-color: #15999f;
	padding: 0 20px; 
	font: bold 0.9em arial, Helvetica, Arial, sans-serif; 
	color: rgb(51,51,51); 
	border-bottom: dotted 1px;
	text-decoration: none;
}
.td-detail-left-dopl {
	width: 170px; 
	height: 30px; 
	padding: 0 10px; 
	font: bold 1em arial; 
	color: #007478; 
	text-decoration: none;
}
.td-detail-right-dopl {
	/*height: 27px; */
	padding: 3px 20px; 
	font: normal 1em arial; 
	color: rgb(51,51,51); 
	border-bottom: dotted 1px #009a9f;
	text-decoration: none;
}

.vypis-user {
	width: 32%;
	height: 160px;
	float: left;
	margin: 2px 2px;
	border: solid 1px #007478;
}

a.navpage {
	font: normal 1em arial;
	color: #007478;
}


.mezipage {
	width: 25px;
	height: 20px;
	margin: 0px 1px;
	float: left;
	background-color: white;
	text-align: center;
	color: #007478;	
}

.nextpage {
	width: 22px;
	height: 20px;
	margin: 0px 1px;
	float: left;
	background-color: #e3feff;
	text-align: center;
	color: #007478;	
}
.aktpage {
	width: 22px;
	height: 20px;
	margin: 0px 1px;
	float: left;
	background-color: #007478;
	text-align: center;
	color: white;	
}
#footer{
/*height:220px; */
  background-color:#009a9f; 
 clear:both;
 display:block;
 overflow:hidden;
} 
#footer2 {
	width: 100%;
	height: 220px;
	margin: 0 auto;
	background-color: #009a9f;
}
.footer-in {
	width: 100%;
	margin: 0 30px;
	background-color: #009a9f;
}

.patka-tab {
	float: left;
	border-right: solid 1px #bcf5f7;
	margin-top: 20px;
	margin-right: 10px;
}

.patka-tab-top {
	font:  bold 1em Arial;
	padding-right: 5px;
	color: white;	
}

.patka-tab-bot {
	font-size: .85em; 
	color: white; 
	text-align: right;
}

.patka-tab-odkaz {
	font:  normal .9em Arial;
	text-align: left;
	padding-right: 10px;
	color: white;	
}

.afoot {
	font:  normal .9em Arial;
	color: #bcf5f7;	
	text-decoration: none;
}



.leftmenu {
	float: left;
	width: 240px;
}
.contpage {
	height: 300px;
	width: 70%;
	min-width: 700px;
	margin-right: 20px;
	float: right;
	border: solid 1px blue;
/*	background-color: #007478; */
}

#mask{
  position:absolute;
  left:0;
   top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}
  
#boxes .window{
  position:fixed;
  left:0;
  top:0;
  width:440px;
  min-height:350px;
  display:none;
  z-index:9999999;
  padding:20px;
}

#boxes .insideWindow{
  width:375px; 
  min-height:353px;
  max-height:420px;
  padding:20px;
  padding-top:30px;
  background-color:#ffffff;
  z-index:9999999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
 /* behavior: url(PIE/PIE.htc); */
}
#boxes #closeButton{
	background:url(./images/closesm.png) no-repeat;
	display:block;
	position:absolute;
	top:-10px;
	right:-10px;
	width:24px;
	height:24px;
	outline:none;
	cursor:pointer;
}

#mask2{
  position:absolute;
  left:0;
   top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}
  
#boxes2 .window{
  position:fixed;
  left:0;
  top:0;
  width:440px;
  min-height:350px;
  display:none;
  z-index:9999999;
  padding:20px;
}

#boxes2 .insideWindow{
  width:375px; 
  min-height:353px;
  max-height:420px;
  padding:20px;
  padding-top:30px;
  background-color:#ffffff;
  z-index:9999999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  /*behavior: url(PIE/PIE.htc);*/
}
#boxes2 #closeButton2{
	background:url(./images/closesm.png) no-repeat;
	display:block;
	position:absolute;
	top:-10px;
	right:-10px;
	width:24px;
	height:24px;
	outline:none;
	cursor:pointer;
}

#mask3{
  position:absolute;
  left:0;
   top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}
  
#boxes3 .window{
  position:fixed;
  left:0;
  top:0;
  width:440px;
  min-height:350px;
  display:none;
  z-index:9999999;
  padding:20px;
}

#boxes3 .insideWindow{
  width:375px; 
  min-height:300px;
  max-height:350px;
  padding:20px;
  padding-top:30px;
  background-color:#ffffff;
  z-index:9999999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
 /* behavior: url(PIE/PIE.htc); */
}
#boxes3 #closeButton3{
	background:url(./images/closesm.png) no-repeat;
	display:block;
	position:absolute;
	top:-10px;
	right:-10px;
	width:24px;
	height:24px;
	outline:none;
	cursor:pointer;
}

#mask4{
  position:absolute;
  left:0;
   top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}
  
#boxes4 .window{
  position:fixed;
  left:0;
  top:0;
  width:440px;
  min-height:350px;
  display:none;
  z-index:9999999;
  padding:20px;
}

#boxes4 .insideWindow{
  width:375px; 
  min-height:300px;
  max-height:350px;
  padding:20px;
  padding-top:30px;
  background-color:#ffffff;
  z-index:9999999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  box-shadow:0 1px 2px 2px rgba(0,0,0,0.5);
  /* behavior: url(PIE/PIE.htc);*/
}
#boxes4 #closeButton4{
	background:url(./images/closesm.png) no-repeat;
	display:block;
	position:absolute;
	top:-10px;
	right:-10px;
	width:24px;
	height:24px;
	outline:none;
	cursor:pointer;
}

.textarea{
	width: 95%;
	height:150px;
	color: #555;
	padding: 4px;
	margin:4px 0 10px 0;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	z-index:9999;
}
.button{
	
	margin:10px auto;
	text-align:right;
	height:40px;
}
.button input{
	width:120px;
	height:40px;
	padding:5px;
	color:#000;
	position:absolute;
	right:25px;
	font-size:12pt;
}

.myCheckbox input {
    display: none;
}

.myCheckbox span {
    width: 20px;
    height: 20px;
    float: left;
    padding-right: 5px;
    display: block;
    background: url("./images/checkboximg.png") no-repeat;
}

.myCheckbox input:checked + span {
    background: url("./images/checkboximgchecked.png") no-repeat;
}

#main {
	width: 350px;
	margin:auto;
	background: #f1fee5;
	padding-left: 10px;
	padding-bottom: 10px;
	border: 1px solid #ccc;
}

#image-list {
	list-style:none;
	margin:0;
	padding:0;
}
#image-list li {
	background: #fff;
	border: 1px solid #ccc;
	text-align:center;
	padding:20px;
	margin-bottom:19px;
}
#image-list li img {
	width: 258px;
	vertical-align: middle;
	border:1px solid #474747;
}

.halfmoon{
float: left;	
margin: 0px;	
margin-bottom: 1em;
	width: 100%;
	background-color: #009a9f;
}

.halfmoon ul{
padding: 3px 6px 2px 5px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0;
font-size: 1em;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #009a9f;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 15px 2px 10px;
margin: 0;
margin-right: 0px; /*distance between each tab*/
border-right: 1px solid white;
color: white;
font-size: 1em;
line-height: 1.5em;
background: #009a9f;
}

/*.halfmoon li a:visited{
color: white;
background: #009a9f;
}
*/
.halfmoon li a:hover, .halfmoon li.selected a{
background-color: #d854d7;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top: 0;
border: 1px solid #009a9f; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal .9em Arial;
line-height:18px;
z-index:100;
/* background-color: #da104e; */
background-color: #d854d7;
width: 200px;
visibility: hidden;
}


.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #009a9f; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: white;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
background-color: white;
color: #009a9f;
}

#vodorovne-menu {position: relative; z-index: 3;width: 100%;margin: 0px; }
#vodorovne-menu li.domu {float:left;list-style-type:none; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li.domu a {display:inline-block; height:24px;line-height:24px; width: 70px;text-align:center; text-decoration:none;color:#fff;font-size: .9em}
#vodorovne-menu li.domu a:hover { background: #66b815; color:#fff;}

#vodorovne-menu li.about {float:left;list-style-type:none; border: solid #F0F0F0; border-width:0 1px 1px 0px;}
#vodorovne-menu li.about a {display:inline-block; height:24px;line-height:24px; width: 175px;text-align:center; text-decoration:none;color:#fff;font-size: .9em}
#vodorovne-menu li.about a:hover { background: #66b815; color:#fff;}

#vodorovne-menu li.sah {float:left;list-style-type:none; border: solid #F0F0F0; border-width:0 1px 1px 0px;}
#vodorovne-menu li.sah a {display:inline-block; height:24px;line-height:24px; width: 180px;text-align:center; text-decoration:none;color:#fff;font-size: .9em}
#vodorovne-menu li.sah a:hover { background: #66b815; color:#fff;}

#vodorovne-menu li.aop {float:left;list-style-type:none; border: solid #F0F0F0; border-width:0 1px 1px 0px;}
#vodorovne-menu li.aop a {display:inline-block; height:24px;line-height:24px; width: 200px;text-align:center; text-decoration:none;color:#fff;font-size: .9em}
#vodorovne-menu li.aop a:hover { background: #66b815; color:#fff;}

#vodorovne-menu li.kar {float:left;list-style-type:none; border: solid #F0F0F0; border-width:0 1px 1px 0px;}
#vodorovne-menu li.kar a {display:inline-block; height:24px;line-height:24px; width: 160px;text-align:center; text-decoration:none;color:#fff;font-size: .9em}
#vodorovne-menu li.kar a:hover { background: #66b815; color:#fff;}

#vodorovne-menu li.new {float:left;list-style-type:none; border: solid #F0F0F0; border-width:0 1px 1px 0px;}
#vodorovne-menu li.new a {display:inline-block; height:24px;line-height:24px; width: 110px;text-align:center; text-decoration:none;color:#fff;font-size: .9em}
#vodorovne-menu li.new a:hover { background: #66b815; color:#fff;}

#vodorovne-menu li.kontakt {float:left;list-style-type:none; border: solid #F0F0F0; border-width:0 1px 1px 0px;}
#vodorovne-menu li.kontakt a {display:inline-block; height:24px;line-height:24px; width: 120px;text-align:center; text-decoration:none;color:#fff;font-size: .9em}
#vodorovne-menu li.kontakt a:hover { background: #66b815; color:#fff;}

#vodorovne-menu li.domu ul {display:none; margin: 0px; padding: 0px;}
#vodorovne-menu li.domu:hover ul { display:block; position:absolute; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li.domu:hover ul li { display:block; float:none; height:24px; width: 70px; border-top: 1px solid #F0F0F0; padding: 0px;}
#vodorovne-menu li.domu:hover ul li a {background:#66b815;font-size: .85em;}
#vodorovne-menu li.domu:hover ul li a:hover {background: #fff;color:#007478;}

#vodorovne-menu li.about ul {display:none; margin: 0px; padding: 0px;}
#vodorovne-menu li.about:hover ul { display:block; position:absolute; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li.about:hover ul li { display:block; float:none; height:24px; width: 175px; border-top: 1px solid #F0F0F0; padding: 0px;}
#vodorovne-menu li.about:hover ul li a {background:#66b815;font-size: .8em;}
#vodorovne-menu li.about:hover ul li a:hover {background: #fff;color:#007478;}

#vodorovne-menu li.sah ul {display:none; margin: 0px; padding: 0px;}
#vodorovne-menu li.sah:hover ul { display:block; position:absolute; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li.sah:hover ul li { display:block; float:none; height:24px; width: 180px; border-top: 1px solid #F0F0F0; padding: 0px;}
#vodorovne-menu li.sah:hover ul li a {background:#66b815;font-size: .8em;}
#vodorovne-menu li.sah:hover ul li a:hover {background: #fff;color:#007478;}

#vodorovne-menu li.aop ul {display:none; margin: 0px; padding: 0px;}
#vodorovne-menu li.aop:hover ul { display:block; position:absolute; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li.aop:hover ul li { display:block; float:none; height:24px; width: 180px; border-top: 1px solid #F0F0F0; padding: 0px;}
#vodorovne-menu li.aop:hover ul li a {background:#66b815;font-size: .8em;}
#vodorovne-menu li.aop:hover ul li a:hover {background: #fff;color:#007478;}

#vodorovne-menu li.kar ul {display:none; margin: 0px; padding: 0px;}
#vodorovne-menu li.kar:hover ul { display:block; position:absolute; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li.kar:hover ul li { display:block; float:none; height:24px; width: 160px; border-top: 1px solid #F0F0F0; padding: 0px;}
#vodorovne-menu li.kar:hover ul li a {background:#66b815;font-size: .8em;}
#vodorovne-menu li.kar:hover ul li a:hover {background: #fff;color:#007478;}

#vodorovne-menu li.new ul {display:none; margin: 0px; padding: 0px;}
#vodorovne-menu li.new:hover ul { display:block; position:absolute; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li.new:hover ul li { display:block; float:none; height:24px; width: 110px; border-top: 1px solid #F0F0F0; padding: 0px;}
#vodorovne-menu li.new:hover ul li a {background:#66b815;font-size: .8em;}
#vodorovne-menu li.new:hover ul li a:hover {background: #fff;color:#007478;}

#vodorovne-menu li.kontakt ul {display:none; margin: 0px; padding: 0px;}
#vodorovne-menu li.kontakt:hover ul { display:block; position:absolute; border: solid #F0F0F0; border-width:0 1px 1px 1px;}
#vodorovne-menu li.kontakt:hover ul li { display:block; float:none; height:24px; width: 120px; border-top: 1px solid #F0F0F0; padding: 0px;}
#vodorovne-menu li.kontakt:hover ul li a {background:#66b815;font-size: .8em;}
#vodorovne-menu li.kontakt:hover ul li a:hover {background: #fff;color:#007478;}

.grayBox{
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
   /* filter: alpha(opacity=80);*/
}
.box_content {
    position: fixed;
    top: 5%;
    left: 30%;
    right: 30%;
    width: 40%;
    padding: 16px;
    z-index:1002;
    overflow: auto;
}

.hidden { display: none; }
.unhidden { display: block; }