/* 
	Theme Name: vybavenipradelen_theme
  
*/



                                                                                                                                 
                                                                                                                                 

html {
} 


body {
position: relative;
margin: 0 auto; 
font-size: 62.5%; 
line-height: 1.6;
font-family: 'Open Sans',monospace;    
width: 100%;
background-color: rgb(255,255,255)!important;

  
} 
.wrapper {   
margin: 0 auto;
width: 100%; 


} 



.vse {     
width: 100%;
margin: 0 auto;
z-index: 1000!important;
max-width: 800px;      


}

           
.logo a {    
float: left!important;
position: relative;
top: 20px;
max-width: 100%!important;
z-index: 10000!important;
} 
.logo span  {
visibility: hidden;
} 

.zahlavi {
float: none!important;
margin: 0 auto!important; 
height: 124px;
z-index: 1000!important; 
background-image: url(images/grafika/bg_line.png);
background-repeat: repeat-x;
display: block; 

}


.obal_zahlavi {
float: none!important;
margin: 0 auto!important; 
max-width: 1178px; 

}

#navigace {
float: right; 
margin-top: -60px;  
margin-left: 200px; 
z-index: 1000!important;  
}

.slider {
float: none!important;
margin: 0 auto!important; 

} 

                

h1  {
color: rgb(86,167,210);               
font-size: 1.6em;
text-transform: uppercase;


} 
h2  {
color: rgb(64,64,64); 
font-size: 1.5em;

}                            

h2 a  {
color: rgb(64,64,64); 
font-size: 0.8em;
text-transform: none!important;

} 


h3  {
color: rgb(64,64,64);               
font-size: 1.4em;


} 


.clear {
clear: both;
}
a {
text-decoration: none;
color: rgb(0,0,0);
} 

.aligncenter {
float: none!important;
margin: 0 auto!important;
display: block;
}
 
.kontakt {
float: right;
top: 0px!important;
margin-right: 20px;
} 
.kontakt p {
float: left;
margin-left: 30px;
color: rgb(64,64,64);
font-size: 1.5em!important;
}
.kontakt a {
color: rgb(64,64,64);
}


.wpsp-read-more a {
background-color: rgb(86,167,210)!important;
border: 0px solid rgb(86,167,210)!important;
color: rgb(255,255,255)!important;
text-decoration: none!important;
}

.overeni {
float: none!important;
margin: 0 auto!important; 
width: 100%;           
color: rgb(36,36,48)!important;
z-index: 10000;     
text-align: center!important; 
}  

.formular {
margin-bottom: -20px!important;

}

body .minimal-brown input.wpcf7-form-control.wpcf7-submit, body .minimal-brown input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
background-color: rgb(86,167,210)!important;
border: 0px solid rgb(86,167,210)!important;
color: rgb(255,255,255)!important;
}



.widget-title {
display: none;   
}

#obsah {
float: none!important;
margin: 0 auto!important; 
width: 100%;   
font-size: 1.5em!important;            
color: rgb(0,0,0)!important;
z-index: 10000;     
text-align: justify!important;   
}

#obsah a {
text-decoration: none;
color: rgb(86,167,210);  
}

#obsah img {

}

img {

max-width: 100%;
height: auto;

}  
.service_modra  {
font-size: 1.2em!important;
color: rgb(255,255,255);
font-weight: bold;
} 

.wpsm_serviceBox {
background-color: rgba(13,135,197,0.0)!important;

} 

.wpsm_serviceBox a {
color: rgb(255,255,255)!important;

  
} 

 




footer {
float: none;
margin: 0 auto;
width: 100%;
height: auto;                    
display: block;
font-size: 1.3em;
color: rgb(0,0,0);   
background: url(images/grafika/footer.png);
background-repeat: repeat;  
background-color: rgb(86,167,210);  
border-top: 6px solid rgb(0,148,219);       
} 

footer a {
color: rgb(255,255,255)!important;                    
} 
#obal_footer {
float: none;
margin: 0 auto;
width: 100%!important;
max-width: 1100px;  
text-align: center!important;
color: rgb(255,255,255);
list-style-type: none;   
              
} 

.mapa {  
margin-top: -20px!important;
}

.uvod_text h1  {
color: rgb(47,146,1)!important; 

} 

.uvod_text  {
color: rgb(35,31,32)!important; 


} 

.sluzby_radek {
padding-bottom: 30px!important;
} 

.sluzby_radek h2 {
color: rgb(255,242,0)!important; 
text-decoration: underline;
} 

.sluzby_radek p {
color: rgb(255,242,0)!important; 
font-weight: bold!important;
} 



.prispevek {
float: none!important;
margin: 0 auto!important;
}


.okna {
background-color: rgb(255,255,255)!important;
padding: 10px 10px 10px 10px!important;

} 

.okna a{
background-color: rgb(86,167,210)!important; 
color: rgb(255,255,255)!important; 
padding: 10px 50px 10px 50px;
font-size: 0.9em!important;

} 

.okna:hover a{
background-color: rgb(36,36,48)!important; 
color: rgb(255,255,255)!important; 
padding: 10px 50px 10px 50px;
font-size: 0.9em!important;

}

.oknakatalog {                                                         
background-color: rgb(255,255,255)!important;
padding: 10px 10px 10px 10px!important;
border: 2px solid rgb(220,211,211);
                                                        
}
 
.sluzby_okna {
padding-top: 20px!important;
padding-bottom: 20px!important;
} 

.sluzby_okna h3 {
font-size: 1.2em!important; 
color: rgb(63,59,59)!important; 
} 


.hodnoceni {
color: rgb(255,255,255)!important;
} 

.hodnoceni h3{
color: rgb(255,255,255)!important;
} 
 
.poptavkakontakt {
color: rgb(36,36,48)!important;
}   
   
.poptavkakontakt h3 {
color: rgb(36,36,48)!important;
} 
                          

.rychla_poptavka p {
color: rgb(255,255,255)!important;
} 

.rychla_poptavka {
font-size: 1.3em!important;
font-weight: normal!important;
}  

.tlacitko a {  
font-size: 1.0em!important;
background-color: rgb(86,167,210)!important; 
color: rgb(255,255,255)!important; 
padding: 10px 10px 10px 10px;
font-weight: normal;
}

  

.seznam_footer {
text-align: left;

}

.seznam_footer li {
list-style-image: url(images/grafika/seznam.png);
}            


                             
.odkaz {
text-align: center!important;
float: none!important;
margin: 0 auto!important;
color: rgb(255,255,255);
width: 100%;
font-size: 0.9em!important;
background-color: rgb(86,167,210);
} 
.odkaz a {
font-weight: 800;
color: rgb(255,255,255)!important;
}

.kategorie_blok {
padding-top: 10px;
border-top: 1px dotted rgb(0,0,0);
}

.kategorie_titulek {
font-size: 1.4em!important;
color: rgb(86,167,210);
font-weight: bold;
}

.kategorie img {
float: left;
margin-right: 10px;
}



.popisek_nadpis{
font-size: 1.4em!important;
color: rgb(86,167,210);
font-weight: bold;
}



.single img {
float: left;
margin-right: 10px;
}

                                              










#access {

}

#access .menu-header,
div.menu {
	font-size: 11px;
	margin-left: 0px; 
   
	
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0; 
       
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;

  font-size: 1.4em;
  
}  
#access a {
color: rgb(36,36,49);
text-decoration: underline;
font-weight: lighter;
display: block;
line-height: 38px;
padding: 2px 15px 2px 15px; 
text-decoration: none;   
text-transform: uppercase;
border-right: 1px solid rgb(220,237,246);

}


#access ul ul {
  font-size: 0.6em;
	display: none;
	position: absolute;
	top: 39px;
	left: -40px;
	z-index: 99999;
  
}
#access ul ul li {
min-width: 300px;
}
#access ul ul ul {
	left: 85.5%;
	top: 2px; 
}
#access ul ul a {
background-color: rgb(36,36,49);
  color: rgb(255,255,255);
	line-height: 1.1em;
	padding: 10px;
  height: auto;
  border-bottom: 1px solid rgb(255,255,255);
  
  
}   
#access li:hover > a  { 
color: rgb(36,36,49); 
text-decoration: underline;

}   
#access ul ul :hover > a {
color: rgb(255,255,255);
}   
#access ul li:hover > ul {                
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: rgb(36,36,49); 
text-decoration: underline;

}
#access ul ul li.current_page_item > a,
#access ul ul li.current_page_ancestor > a,
#access ul ul li.current-menu-ancestor > a,
#access ul ul li.current-menu-item > a,
#access ul ul li.current-menu-parent > a {
color: rgb(255,255,255);
background-color: rgb(0,148,219);
}
.navigation {
	color: rgb(255,255,255);
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: rgb(255,255,255);
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
color: rgb(255,255,255);
text-decoration: underline;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


















@media only screen and (max-width: 1106px) {
.logo a {    
display: none!important;

}   

.slider {
display: none!important;

} 

.zahlavi {
float: none!important;
margin: 0 auto!important; 
top: 0px!important;
position: relative!important;
height: 0px;
z-index: 1000!important; 
background-image: url(images/grafika/bgline.png);
background-repeat: repeat-x;
display: block; 


}

#wprmenu_bar .menu_title a{
color: rgb(255,255,255)!important;


}



}


@media only screen and (max-width: 1106px) {


.kontakt {
display: none!important;
} 




}




@media only screen and (max-width: 844px) {
.rychla_poptavka {
padding-bottom: 30px!important;
} 
.rychla_poptavka p {
font-size: 1.0em!important;
color: rgb(255,255,255)!important;
} 

.poptavkatlacitko a {
font-size: 1.0em!important;
font-weight: normal!important;
}  

h1  {
text-align: center!important;
font-size: 1.2em!important;
} 
h2  {
text-align: center!important;

} 
h3 a {
text-align: center!important;

}
h3  {
text-align: center!important;
} 

}



}





@media only screen and (max-width: 767px) {
.wpsm_serviceBox a {
color: rgb(255,255,255)!important;
float: right!important;
  
} 
}





@media only screen and (max-width: 1126px) {

}


@media only screen and (max-width: 376px) {


}

@media only screen and (max-width: 394px) {

}




@media only screen and (max-width: 446px) { 


}



@media only screen and (max-width: 620px) {

}


@media only screen and (max-width: 767px) {
h1  {
text-align: center!important;
font-size: 1.2em!important;
} 
h2  {
text-align: center!important;

} 
h3 a {
text-align: center!important;

}
h3  {
text-align: center!important;
} 
 

}    


@media only screen and (max-width: 782px) { 
.widget_header  {
display: none!important;
} 

}


@media only screen and (max-width: 944px) {


} 


@media only screen and (max-width: 899px) {      


}
body {
background-color: rgb(255,255,255);
 
}    



#obsah {      
order: 1!important;
float: none!important;
margin: 0 auto!important; 
width: 94%!important;
font-size: 1.4em;              
color: rgb(0,0,0);
z-index: 10000;  
text-align: justify!important;

}
#obsah p {
 
}



} 






@media only screen and (max-width: 1256px) {


}