Current File : /data/web/virtuals/215191/virtual/www/domains/skoly-skolky.cz/css/style.css

/*START: RESET DEFAULT STYLES*/
/******************************************************************************/

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p,table{
     margin: 0;
     padding: 0; 
}

table{
     border-collapse: collapse;
}

ul{
     list-style: none;
}

html, body{
}

h1, h2, h3, h4, h5, h6{
     font-size: 14px;
}

a{
     color: #000;
}

a:hover{
     text-decoration: none;
}

.hidden{
     display: none;
}

div img{
     border: 0;
}

.clear{
     clear: both;
     height: 0px;
     visibility: hidden;
     font-size: 0;
     line-height: 0;
     display: block;
     margin: 0;
     padding: 0;
     overflow: hidden;
}

/******************************************************************************/
/*END: RESET DEFAULT STYLES*/

body{
     font-size: 14px;
     color: #000;
     font-family: Verdana,Geneva,Tahoma,sans-serif;
     padding: 0 0 30px;
     line-height: 1.3;
     background: #fff;
}

p{
	
	margin-bottom: 15px;
}

#header{
	
	padding-top: 10px;

}

#main_wrap{
	
	/*width: 1000px;
	margin: 0 auto;
*/
}

#header_wrap{
	background-color: #FFF1AF;	
}

#header{
	width: 1000px;
	margin: 0 auto;
}
#content{
	margin: 0 30px 60px;
	/*max-width: 885px;*/
	width: 970px;
	margin: 0 auto;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-moz-box-shadow:    0 0px 4px 0 #D9CC4B;
  	-webkit-box-shadow: 0 0px 4px 0 #D9CC4B;
  	box-shadow:         0 0px 4px 0 #D9CC4B;
  	background-color: #fff;
  	clear: both;
}


.left_side_content:after,
.right_side_content:after,
#school_type_filter:after,
.preview_nav:after,
#header:after{
	clear: both;
	content: ".";
	display: block;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	height: 0;
}




#school_type_filter{
	clear: both;
	background-color: #FFE04F;
}

#school_type_filter li{
	width: 33.333%;
	float: left;
	text-align: center;
}

#school_type_filter li a{
	display: block;
	padding: 10px;
	font-size: 17px;
	text-decoration: none;
	border-bottom: 4px solid #64A1CD;
	
}

#school_type_filter li+li a{
	border-bottom-color: #EF9D1D;
}

#school_type_filter li+li+li a{
	border-bottom-color: #949494;
	}


#school_type_filter li a:hover,
#school_type_filter li a.active{
	background-color: #EFC70E;
	border-bottom-color: #CD6566;	
}





#left_side{
	float: left;
	width: 67%;
}

.left_side_content{
	padding-right: 20px;
	border-right: 1px solid #eee;
}

#right_side{
	float: left;
	width: 33%;
}

.right_side_content{
	padding: 0 20px;
	padding-right: 0;
	border-left: 1px solid #eee;
	margin-left: -1px;
}

.left_side{
	float: left;
	width: 50%;
}

.right_side{
	float: right;
	width: 45%;
}

h1{
	color: #47728F;
    	font-size: 26px;
	margin-bottom: 20px;
}

h2{
	font-size: 16px;
	margin-bottom: 7px;
}

#left_side .perex{
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 3px dotted #64A1CD;
}

#logo{
	font-size: 30px;
	font-weight: bold;
	color: #8BB1DF;
	text-decoration: none;
	float: left;
	margin: 15px;
}

.top_banner_wrap{
	float: right;
	padding-top: 40px;
}

.right_banner_wrap{
	margin-bottom: 30px;
}

.places_list{
	margin-bottom: 25px;
}

.page_hp .places_list{
	float: left;
	width: 23%;
	padding: 20px 1%;
	margin: 0;
}

.page_hp .places_list:nth-child(4n+2){
	clear: left
}

.page_hp .places_list:nth-child(1n+6){
	border-top: 1px solid #ddd;
}

.page_hp .places_list h2 a{
	text-decoration: none;
	margin-bottom: 6px;
}

.page_hp .places_list ul{
	list-style: circle outside;
	margin-left: 15px;
}

.page_hp .places_list ul li{
	display: block;
	margin-bottom: 3px;
	display: list-item;
	
}

.district_wrap h2{
	font-size: 14px;
}

#content:after{
	clear: both;
	content: ".";
	display: block;
	
}

ul._wrap li{
	display: inline;
	margin-right: 15px;
}

#right_side #region_list li{
	width: 42%;
	display: inline-block;
}

#pharmacy_list .pharmacy_item{
	border-left: 4px dotted #CD6566;
    float: left;
    margin: 1% 1% 35px;
    padding: 4px 2%;
    width: 43%;
	
}

#pharmacy_list .pharmacy_item h3{
	margin-bottom: 5px;
}

#pharmacy_list .pharmacy_item h3 a{
	text-decoration: none;
}

#pharmacy_list .pharmacy_item p{
	margin: 0;
}

a.more{
	display: block;
	padding-top: 5px;
	font-size: 90%;
	font-weight: bold;
	color: #64A1CD;
}

.pharmacy_item:nth-child(2n){
	clear: left
}

#pharmacy_list h2{
	margin-bottom: 25px;
}


#group_list{
	float: none;
	clear: both;
	width: auto;
}

#group_list li{
	display: inline;
}

#navigation{
	margin-bottom: 20px;
	font-size: 80%;
}

.places_list h2{
	margin-right: 10px;
}

#footer{
	padding: 5px 15px; 
}

#footer a{
	color: #444;
	margin-right: 10px;
}

.vcard .adr{
	margin-bottom: 20px;
}

.map_view{
	width: 100%px;
	height: 300px;
	margin-bottom: 25px;
}

.no_text{
	color: #444;
	font-style: italic;
}

#oh-ov-table tr{
	border-bottom: 1px solid #eee;
}

#oh-ov-table td{
	padding: 5px 15px 5px 0;
}

#oh-ov-table .open_hour,
#oh-ov-table .open_notes{
	text-align: center;	
}

#oh-ov-table .oh-day{
	text-align: right;
}






#last_flyer{
	margin-bottom: 30px;
}

#last_flyer h2{
	font-size: 160%;
	text-align: center;
	margin-bottom: 10px;
	color: #3AB410;
	padding: 10px 0;
	border-bottom: 3px solid #3AB410;
}

#last_flyer h3{
	text-align: center;
	font-size: 120%;
	margin-bottom: 0.5em;
}

#last_flyer h3 a{
text-decoration: none;}

#last_flyer li{
	width: 90%;	
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}

#last_flyer li a{
	display: block;
	padding: 10px;
	/*background-color: #F3FFEF;*/
	/*border: 1px dotted #3AB410;*/
}

#last_flyer li a:hover{background-color: #3AB410;}

#last_flyer .perex{
	padding: 0 10px;
	font-size: 90%;
}

#last_flyer li a img{
	width: 100%;
}

#last_flyer .other{
	text-align: center;
	display: block;
	font-weight: bold;
}

#flyer_preview{
	max-width: 100%;
	
}


.preview_nav{
	padding: 10px;
	border-top: 1px solid #8FD365;
	text-align: center;
}

.preview_nav a{
	text-decoration: none;
	font-weight: bold;
}

.preview_nav a:hover{
	text-decoration: underline;
}



.preview_nav .prev{
	float: left;
}

.preview_nav .next{
	float: right;
}

.page_nr{
	margin: 0 auto;
	display: block;
	width: 20%;
}




#search_box{
	clear: both;
	margin-bottom: 25px;
}

#search_query{
	height: 2em;
	border: 1px solid #3AB410;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-moz-box-shadow:    2px 2px 4px 0px #3AB410;
  	-webkit-box-shadow: 2px 2px 4px 0px #3AB410;
  	box-shadow:         2px 2px 4px 0px #3AB410;
  	padding: 5px;
  	width: 400px;
  	font-family: Arial;
  	font-size: 17px;
}

#search_query.default{
	color: #a6a6a6;	
}

#search_query.error{
	color: red;
}

#search_box .submit{
	background-color: #3AB410;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
	height: 3em;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 17px;
	font-family: Arial;
	
}

.autocomplete-w1 {
    background: url("img/shadow.png") no-repeat scroll right bottom transparent;
    left: 0;
    margin: 6px 0 0 6px;
    position: absolute;
    top: 0;
}
.autocomplete {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    cursor: default;
    margin: -6px 6px 6px -6px;
    max-height: 350px;
    /*max-width: 300px !important;*/
    min-width: 130px;
    overflow: auto;
    text-align: left;
    /*width: auto !important;*/
}
.autocomplete .selected {
    background: none repeat scroll 0 0 #F0F0F0;
}
.autocomplete div {
    overflow: hidden;
    padding: 2px 5px;
    white-space: nowrap;
}
.autocomplete strong {
    color: #3399FF;
    font-weight: normal;
}




.places_list{clear: both;}

.places_list ._wrap{
	padding: 8px;
	background-color: #FFF3DF;
}

.pager{
	clear: both;
	margin: 10px 10px 20px;
	text-align: right;
}


#hp_preview .item{
	width: 31%;
	float: left;
	margin: 0 1%;
}

#hp_preview .item li{
	margin: 3px 3px 8px 20px;
	font-size: 90%;
	list-style: disc outside;
}

.fb-like{
	float: right;
	margin-top: 35px;
	margin-right: 20px;
}