body {
	color: #000;
	font: 100% Verdana,Arial,sans-serif;
	/*background-color: #000;*/
  margin:0;
}
h1 {
text-align: center; 
}
.input_mrizka {
	border: 1px solid #C0C0C0;
	width: 20px;
	text-align: center;
	margin: 0;
}
.skryty_popis {
	border-bottom: 1px dashed #2B6787;
	margin-bottom:5px;
}
.datum_vkladani {
	border:1px solid #cccccc;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
	border-radius:7px;
	background-color: #D9ECFF;
	max-width:728px;
    box-shadow:0px 1px 1px #000000; 
      
	/*    padding-top:8px;
    padding-bottom:15px;
	margin:3px;
	 */
}
.podtrzeni {
	text-decoration: underline;
	color:#06498D;
}

.vypocet_osudove_cislo {
	border-left: 1px solid #57B1FF;
	border-right: 1px solid #57B1FF;
	// border-bottom: 1px solid #57B1FF;
	padding: 10px 10px 10px 10px;
	margin:0;
	background-color: #D9ECFF;
	border-bottom: 1px dashed #57B1FF;
	//width:728px;
}
.popis_osudove_cislo {
	border-left: 1px solid #57B1FF;
	border-right: 1px solid #57B1FF;
	border-bottom: 1px solid #57B1FF;
	padding:1px 10px 0px 10px;
	margin-top:0px;
	background-color: #F3F2F1;
	border-radius: 1px 1px 5px 5px;
}
.policka {
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-top: 1px solid #57B1FF;
	border-left: 1px solid #57B1FF;
	border-right: 1px solid #57B1FF;
	border-bottom: 1px dashed #57B1FF;
	background-color: #FFFFE1;
	line-height: 24px;margin-bottom:0px;padding:0;
	padding-left:15px;
  margin-top:10px;
}
.cinsky_kameny {
	text-align:right;padding-right:8px;
}
.div_mrizka {
	border-radius: 5px;
	border: 1px solid #343433;
	width:240px;
	height:70px;
	padding:1px;
}

p {
	text-align: justify;
	font: 100% Verdana,Arial,sans-serif;
  line-height: 1.5;
  padding: 0 10px 0 0;
}
.p_center {  
text-align:center; 
padding:0;
margin:0;
}
.vyznam_cisel {
	text-align: center;
	font: 12px/18px Verdana,Arial,sans-serif;
	margin-top: 0px;
	padding: 3px 3px 5px 3px;
	background-color: #D9ECFF;
	border-bottom: 1px dashed #2C6887;
}
.display_none {
	text-align: justify;
	display:none;
}
.lomitko {
	font-size: 18px;
	line-height:18px;
}


.del { display: none; }
.del:not(:checked) + label + * { display: none; } /* ?????????? ????? ?????? ???? ?????? */

/* ??? CSS ?????? */
	.del:not(:checked) + label,
.del:checked + label {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 2px;
	color: #fff;
	background: #4e6473;
	cursor: pointer;
}
.del:checked + label {
	background: #e36443;
}
////////////////////////////////////////////////////////





div.date-birth {
	width:25%;
	display:inline-block;
	margin:5px 0;

}
div.date-birth select {
	width:90%;

}
.a_vice   {
	text-align: right;
	line-height: 10px;
}
///////////////////DIV TABLE///////////////////

.boxer {
	display: table;
	border-collapse: collapse;
	width:100%;
  
}

.boxer .box-row {
	display: table-row;
}

.boxer .box_1 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	border-right: 1px dashed #2B6787;
	width:150px;
  padding-left:15px;
  font-size: 12px;
}
.boxer .box_adsense {
	display: table-cell;

	vertical-align: top;

	width:168px;
 /* position:fixed;    */

}
.boxer .box_2 {
	display: table-cell;
	text-align: left;
	vertical-align: top;

	width:758px;
	padding:15px;
}
 
         .pocet_v_mrizce {
background-color: #D4D37E;    
color:black;
line-height: 26px;  
padding-left: 4px;          
}
.chiromantie_menu {
    white-space:nowrap;
    float:left;
    border: 1px solid #415882;
    padding:10px;
    	border-radius: 5px;
      margin:15px 20px 15px 0px;
}
.search {
width: 480px;
height: 40px;
padding: 15px;
margin: 50px auto -20px auto;
background: #415882;
//background: rgba(0,0,0,.2);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
.shadow {
width: 510px;
border-radius: 10px;
box-shadow:0px 2px 7px #000000;
}
.search input[type=text] {
width: 380px;
height: 40px;
padding: 10px 5px;
float: left;
font:  15px 'Roboto', sans-serif;
border: 0;
background: #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.search input[type=submit] {
width: 80px;
height: 40px;
padding: 10px 5px;
float: right;
font: bold 120% 'Roboto', sans-serif;
border: 1px solid #513100;
background: #E5E0B9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.search input[type=submit]:hover {
background: #052035;
color: white;
border: 1px solid #F5DA91;
}
.search input[type=text]::-webkit-input-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.search input[type=text]:-moz-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.search input[type=text]:-ms-input-placeholder {
color: #999;
font-weight: normal;
font-style: italic;
}
.search input[type=text]:focus::-webkit-input-placeholder {
  color: transparent
}

.search input[type=text]:focus::-moz-placeholder {
  color: transparent
}

.search input[type=text]:focus:-moz-placeholder {
  color: transparent
}

.search input[type=text]:focus:-ms-input-placeholder {
  color: transparent
}
.nemusite {
margin: 40px auto 20px auto  !important;
text-align: center;
color: #000 !important;
font-style: italic  !important;
font-size:115% !important;
font-weight: normal !important;
border:0px solid #D0EDFD !important;
font-family: Arial, sans-serif !important;
}
.center {
margin: 0 auto;
text-align: center;
}
.tlacitka {
line-height: 200%; 
         
          }
.br_none {
display: none;            
            }
.menu_none {
display: none;             
           } 
.input_menu {
display: none;            
            } 
#menu {
display: none;      
      }                                 
@media screen and (max-width: 1100px) {
.boxer .box_adsense {
	display: none;
}          
.boxer .box_1 {
	width:15%;
}
.boxer .box_2 {
	width:85%;
	padding:10px;
}

}
@media screen and (max-width: 996px) {
.br_none {
display: block;            
            }
.boxer .box_1 {
	width:17%;
    padding-left:10px;
}
.boxer .box_2 {
	width:83%;
	padding:10px;
}  
.datum_vkladani {
	width:93%;
    text-align: center;
    margin-left: -8px;
    
} 
     
.table_display {
display: block;               
               }
.table_none {
display: none;            
            }     
}
@media screen and (max-width: 840px) {
.boxer .box_1 {
	width:19%;
    padding-left:7px;
}
.boxer .box_2 {
	width:81%;
	padding:10px;
}            
}
@media screen and (max-width: 714px) {
.boxer .box_1 {
	width:20%;
    padding-left:5px;
}
.boxer .box_2 {
	width:80%;
}            
}
@media screen and (max-width: 674px) {
.boxer .box_1 {
	width:22%;
}
.boxer .box_2 {
	width:78%;
} 
.h2_title {
 width:95%;
 padding: 0;
 margin: 0 auto;
 text-align: center;
}           
}
@media screen and (max-width: 610px) {
.boxer .box_1 {
	width:24%;
}
.boxer .box_2 {
	width:76%;
}            
}
@media screen and (max-width: 555px) {
.boxer .box_1 {
	width:26%;
}
.boxer .box_2 {
	width:74%;
}            
}
@media screen and (max-width: 510px) {
.boxer .box_1 {
	display: none;
}
.menu_none {
display: block;             
           }
.boxer .box_2 {
	width:100%;
} 
.input_menu {
 width: 100%;
 background-color: #1A344F;
 margin: 0 auto;
display: block;
            } 
#menu {
display: block;      
      }                     
}



@media screen and (max-width: 394px) {
.chiromantie_menu {
white-space: normal;
max-width: 320px;
float:none;
}                    
}