/* 
	Theme Name: projektbk_theme
	Description: Web na míru pro projektbk.cz
  
*/



                                                                                                                                
                                                                                                                                 

html {
} 


body {
position: relative;
margin: 0 auto; 
font-size: 62.5%; 
line-height: 1.6;
font-family: 'Open Sans',monospace;    
width: 100%;
background: url(images/grafika/d.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
background-color: rgb(255,255,255);

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


} 



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


}

           
.logo a {    
float: left!important;
position: relative;
top: 17px;
width: 333px;
height: 72px!important;    
background-image: url(images/grafika/logo.png);
background-repeat: no-repeat;
display: block;
z-index: 10000!important;
} 
.logo span  {
visibility: hidden;
} 

.zahlavi {
float: none!important;
margin: 0 auto!important; 
height: 108px;
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: -4px;  
margin-left: 100px; 
z-index: 1000!important;  
}

.slider {
margin: 0 auto;

} 

                            
 


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


} 

.male {
text-transform: lowercase!important;

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

}                            

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

} 


h3  {
color: rgb(64,64,64);               
font-size: 1.6em;
text-transform: uppercase;


} 


.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;
position: relative;
top: -1px;
margin-right: 20px;
} 
.kontakt p {
float: left;
margin-left: 30px;
color: rgb(64,64,64);
}
.kontakt a {
color: rgb(64,64,64);
}

.telefon {
padding-left: 40px;
background-image: url(images/grafika/telefon.png);
background-repeat: no-repeat;
background-position: left center;
display: block;
}

.obalka {
padding-left: 40px;
background-image: url(images/grafika/mail.png);
background-repeat: no-repeat;
background-position: left center;
display: block;
}

.tele a {
top: 5px!important;
position: relative!important;
font-size: 1.5em!important;
}
.mailo a {
top: 5px!important;
position: relative!important;
font-size: 1.5em!important;
}

.schovat {
visibility: hidden!important;
}



.tele1 {
font-size: 1.5em!important;
color: rgb(64,64,64);
}
.mailo1 {
font-size: 1.5em!important;
color: rgb(64,64,64);
}




.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 li {

}

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(17,17,17);  
border-top: 6px solid rgb(37,141,240);  
margin-top: -5px;   
} 

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;
}

.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;
} 

.nadpis h1 {
color: rgb(255,242,0)!important; 
} 

.detail_prispevek h3 {
text-transform: uppercase;
color: rgb(0,0,0);
}

.detail_prispevek li{
list-style-image: url(images/grafika/seznam.png);
line-height: 1.9!important;
}

.prispevek_blok {
top: 15px!important;
font-size: 1.1em!important;
border-bottom: 1px dotted rgb(156,153,153)!important;
}

.prispevek_obrazek {
border-bottom: 1px dotted rgb(156,153,153)!important;
}

.okna {
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.0em!important; 
color: rgb(63,59,59)!important; 
} 




.tlacitko1 a {  
background-color: rgb(37,141,240)!important; 
color: rgb(255,255,255)!important; 
padding: 10px 50px 10px 50px;
font-size: 0.9em!important;
}
.tlacitko a {  
background-color: rgb(37,141,240)!important; 
color: rgb(255,255,255)!important; 
padding: 10px 10px 10px 10px;
font-weight: bold;
}
.rychla_poptavka {

} 
.rychla_poptavka p {
font-size: 1.8em!important;
color: rgb(255,255,255)!important;
} 

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

.formular {
margin-top: 20px!important;
margin-bottom: 20px!important;
color: rgb(255,255,255)!important; 
padding: 10px 10px 10px 10px;
background-color: rgb(35,31,32)!important; 
}  

.formular h3 {
color: rgb(255,242,0)!important;
} 

.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: rgba(37,141,240);
} 
.odkaz a {
font-weight: 800;
color: rgb(255,255,255)!important;
}




#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: 5px 5px 5px 5px; 
	text-decoration: none;  
  margin-left: 20px;
  text-transform: uppercase;
 
}


#access ul ul {
  font-size: 0.6em;
	display: none;
	position: absolute;
	top: 41px;
	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: 14px;
  height: auto;
  border-bottom: 1px solid rgb(255,255,255);
  
  
}   
#access li:hover > a  { 
color: rgb(255,255,255); 
background-color: rgb(37,141,240);

}   
#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(255,255,255); 
background-color: rgb(37,141,240);

}
#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(36,36,49);
}
.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: 886px) {
.logo a {    
display: none!important;

}  

.kontakt {
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: 844px) {
.rychla_poptavka {
padding-bottom: 30px!important;
} 
.rychla_poptavka p {
font-size: 1.5em!important;
color: rgb(255,255,255)!important;
} 

.rychla_poptavka a {
font-size: 1.3em!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: 1035px) {
#navigace {

margin-top: -38px!important;  
 
}

}


@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 {
 
}
.sidebar_pc {   
display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;

}
.sidebar_left {   
width: 100%!important;
float: none!important;
margin: 0 auto!important; 
list-style-type: none;
text-align: center;
order: 3!important;

}
.sidebar_right {
order: 2!important;   
width: 100%!important;
float: none!important;
margin: 0 auto!important; 
margin-top: 50px;
list-style-type: none;
text-align: center;
}


} 






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


}