/* <![CDATA[ */
/* background: #CCCCCC url("http://www.psmedia.cz/template/redakce/podklad_page.gif") 0 0 ; */



body {
 background: #E9E9E9;

  margin: 0;
  padding: 0;                                      
  border: 0;
  font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
  font-weight: 400; 
  font-size: 80%;
  line-height:1.6em;
  text-align: center;
  color:#333;
  

/*background-image: url("https://www.instaluj.cz/design/photo/pozadi.gif");*/
/*background-position: bottom;*/
/*background-repeat: repeat-x;*/
/*background:  url("https://shop.instaluj.cz/template/design/snih-pozadi.jpg") top center repeat;*/




  
  }
  
#main {
/*  border-right: 1px solid #AFAFAF;
  border-right: 1px solid #D6D6D6;
  */  

 /*border-right: 2px url("https://www.instaluj.cz/design/photo/BGR.gif") 0 0 repeat-y;*/
 
 width: 1060px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 background: #fff;
  }


  
#main2 {
 /*border-left: 1px dashed #FFF;
 border-right: 1px dashed #FFF;*/
 width: 1060px;
 _width: 1060px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 /*background: #E9E9E9;*/
  }




#ot-sdk-btn-floating.ot-floating-button {
        display: none;
}

#SearchText { 
/*	width: 150px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	*/
}


#SearchText, #SuggestResults {
	
	
}

#SuggestResults {
	margin-left: -180px;
	margin-top: 20px;
	background: #fff;
	
	
}

#AutoSuggestBoxArea {
	margin-bottom: 10px;
	
}


.naseptavac {
  position: absolute;
  margin-left: 518px;
  margin-top: -2px;
  width: 320px;
	background: #fff;
	text-align: left;
	border: 1px solid #CCC;
        /*z-index: 3;*/
}

.naseptavac {
/*margin-left: 450px;*/
}

.naseptavac p {
border-top: 1px solid #CCC;

	
}


.naseptavac a {
padding: 5px;
color: #000;
text-decoration: none;
	
}


/*
#bannervisible {
                
 position: fixed; bottom: 20px; right: 20px; max-width:540px; z-index: 999;                
}

.bannervisible {
                
 position: fixed; bottom: 20px; right: 20px; max-width:540px; z-index: 999;                
}

*/

ul {
 margin: 5px;
 padding: 0;
 list-style-type: none;
}


li {
 margin: 0;
 padding: 0 5px;
}

ul a:hover {
background: transparent;
color:#0000cc;
text-decoration: underline;
}

ul a {
color: #ea0000;
font-weight: 400;
text-decoration: underline;
}





/******************************************************** zahlavi */


.zalozky {
 


}

.zalozka-aktiv {

position: absolute;
margin: 85px 0px 0px 10px; 
_margin: 80px 0px 0px 10px; 
width: 160px;
height: 35px;
background:  url("https://www.instaluj.cz/design/photo/zalozka-aktiv2020.jpg") no-repeat; 
padding: 9px 0 0 0;
text-align: center;
/* font: 120%/1.3em Georgia,Serif; */
/*font: 100%/1.1em Arial CE,Serif;*/
/*
padding: 5px 0px 4px 0px;
font-family: Tahoma, Geneva, sans-serif
*/ 

font-weight: 800;
display: block;

}


.zalozka-aktiv a {
color: #000;
font-weight: 800;
}




.zalozka1 {
position: absolute;
width: 162px;
height: 30px;
background:  url("https://www.instaluj.cz/design/photo/zalozka-2020-4.jpg") no-repeat; 
/*background:  url("https://www.instaluj.cz/design/photo/zalozka.jpg") no-repeat; */
margin: 90px 0px 0px 173px;
_margin: 85px 0px 0px 173px;
padding: 3px 0 0 0;
text-align: center;
/* font: 120%/1.3em Georgia,Serif; */
/*font: 100%/1.1em Arial CE,Serif; */
font-weight: 800;
display: block;

}


.zalozka1 a {
color: #FFF;
font-weight: 800;
}

.zalozka1 a:hover {
color: #000;
width: 162px;
height: 30px;
background:  url("https://www.instaluj.cz/design/photo/zalozka-hover2020.jpg") no-repeat; 
margin: -3px 0px 0px 0px;
padding: 3px 0 0 0;
display: block;




}










.zalozka2 {
position: absolute;
width: 162px;
height: 30px;
background:  url("https://www.instaluj.cz/design/photo/zalozka-2020-mh2.jpg") no-repeat; 
margin: 90px 0px 0px 341px;
_margin: 85px 0px 0px 341px;
padding: 3px 0 0 0;
text-align: center;
/* font: 120%/1.3em Georgia,Serif; */
/*font: 100%/1.1em Arial CE,Serif; */
font-weight: 800;
display: block;

}


.zalozka2 a {
color: #FFF;
font-weight: 800;
}

.zalozka2 a:hover {
color: #000;
width: 162px;
height: 30px;
background:  url("https://www.instaluj.cz/design/photo/zalozka-hover2020.jpg") no-repeat; 
margin: -3px 0px 0px 0px;
padding: 3px 0 0 0;
display: block;
}








.zalozka3 {
position: absolute;
width: 162px;
height: 30px;
background:  url("https://www.instaluj.cz/design/photo/zalozka-2020-mh2.jpg") no-repeat; 
margin: 90px 0px 0px 509px;
_margin: 85px 0px 0px 509px;
padding: 3px 0 0 0;
text-align: center;
/* font: 120%/1.3em Georgia,Serif; */
/*font: 100%/1.1em Arial CE,Serif; */
font-weight: 800;
display: block;

}


.zalozka3 a {
color: #FFF;
font-weight: 800;
}

.zalozka3 a:hover {
color: #000;
width: 162px;
height: 30px;
background:  url("https://www.instaluj.cz/design/photo/zalozka-hover2020.jpg") no-repeat; 
margin: -3px 0px 0px 0px;
padding: 3px 0 0 0;
display: block;
}





.zalozka4 {
position: absolute;
width: 67px;
height: 30px;
background:  url("https://www.instaluj.cz/design/photo/search-icon.jpg") no-repeat; 
margin: 90px 0px 0px 676px;
_margin: 85px 0px 0px 676px;
padding: 7px 0 0 0;
text-align: center;
/* font: 120%/1.3em Georgia,Serif; */
font: 100%/1.1em Arial CE,Serif; 
font-weight: 800;
display: block;

}

.zalozka4 a {
color: #FFF;
text-decoration: none; 
}

.zalozka4 a:hover {
color: #000;
width: 67px;
height: 30px;
background:  url("https://www.instaluj.cz/design/photo/search-icon-aktiv.jpg") no-repeat; 
margin: -7px 0px 0px 0px;
padding: 7px 0 0 0;
display: block;
text-decoration: none;
}





/* url("http://www.psmedia.cz/template/1/top-lista.gif") top left repeat-x */
/* #E9AF8E */

#top-lista {
 width: 760px;
 margin: 0 auto;
 padding: 0;
 border: 0;
 color: #333;
 text-align: left;
 
 
 }  



 /*  url("http://www.psmedia.cz/template/1/top-lista.gif") top left repeat-x */

#center-lista {
 margin: 0;
 padding: 1px 0;
 background: #FFF;
 border-bottom: 0px dashed #E9AF8E;
 border-top: 0px dashed #E9AF8E;
 color: #000;
 text-align: left;
 } 
html>body #center-lista {
 padding: 0 0 3px 0;
}


#mezi-blok {
 margin: 0;
 padding: 0;
 background: #fff;
 border-bottom: 1px dashed #CDCDCD;
 border-top: 0px dashed #E9AF8E;
 color: #fff;
 height: 10px;
 font-size: 1px;
 line-height: 0;
}



#top-lista a {
  
 width: 150px; 
  color: #FFF;
  text-decoration: underline;
  font-weight: 400;
  font-size: 1em;
  
  
  
/*url("https://www.instaluj.cz/design/photo/zalozka-left.gif");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left;   
  */
 
/* background: #EA0000; 
 background: #EA0000 url("https://www.instaluj.cz/design/photo/lista-top-odkazy.gif") top right ;
  */
  
  
  }



/*009999*/

#top-lista a:hover {
  color: #0000CC;
  text-decoration: underline;
  }




#center-lista a {
  color: #000;
  text-decoration: underline;
  font-weight: 400;
  font-size: 1em;
  background: transparent;
  }

/*009999*/

#center-lista a:hover {
  color: #EA0202;
  background: transparent;
  text-decoration: none;
  }


#zapati {
 /*width: 760px;*/
 margin: 0 auto 20px auto;
 padding: 5px 5px 5px 5px;
 background: transparent;
 border: 0;
/* border-top: 1px dashed #E9AF8E; */
 color: #333;
 text-align: center;
 clear: both;
 font-size: 0.8em;
 line-height: 170%;
 } 


#zapati a {
 
 text-decoration: underline;
 }

#zapati a:hover {
 
 text-decoration: underline;
 }


.spodni-seo {
 padding: 1px 0px;
 margin: 0px;
 line-height: 100%;
 color: #aaa;
 
}

.spodni-seo a {
 color: #aaa;
}

.spodni-seo a:hover {
 color: #aaa;
}


#logo {
 margin: 0;
 padding: 0;
 border: 0;
 /*background: #fff;*/
 height: 120px;
 } 


.logo-click {
        margin: -5px 0 0 0;
}

#top-reklama {
 margin: 0;
 padding: 2px 0;
 
 /*background: #E9E9E9;*/
 text-align: center;
 width: 970px;
 height: 231px;
 } 
 
html>body #top-reklama {
 width: 970px;
 margin: 0 auto;
 } 

.reklama300ramecek {
        border: 1px solid #F23434; 
        padding: 0; 
        margin: 0px 2px 0px 1px; 
        width: 300px; 
        height: 300px;
}

#top-reklama img {
 padding: 4px ; 
 }


.text-reklama {
        margin: 0;
        padding: 0;
        color: #AEAEAE;
        font-size: 9px;
        font-weight: 400;
}


.reklama-sloupec-prvni {
        text-align: center;
        padding: 0 0 0 5px;
}

.reklama-nad-tabulkou {
        text-align: center;
        padding: 0 0 0 0px;
}


#doporucujeme-novou-verzi {
 padding: 20px 0;
 background: #E9E9E9;
 text-align: center;
 width: 758px;
 margin: 0 auto;
 } 
 
#doporucujeme-pro-xp {
 padding: 5px 0;
 background: #E9E9E9;
 text-align: center;
 width: 758px;
 margin: 0 auto;
 } 
 


#levy-sloupec {
 margin: 0;
 padding: 0;
 border: 0;
 text-align: left;
 width: 310px;
 float: left;
 }
 
 

#pravy-sloupec {
 margin: 0;
 padding: 0;
 border: 0;
 color: #000;
 text-align: left;
 width: 180px;
 }

#top-blok {
 margin: 0;
 padding: 0px 0;
 
 color: #000;
 background: #FFF;
 text-align: left;
 vertical-align: middle;
 }

html>body #top-blok {
 padding: 1px 0 1px 0;
}


#center-container {
 width: 100%;
 margin: 0;
 padding: 0;
 border: 0;
 color: #333;
 
/* background: #FFF url("https://www.instaluj.cz/design/photo/levy-sloupec-pozadi.jpg") 0 0 repeat-y; */
  

}




span.doplnek {
 color: red;
 font-style: italic;
}


span.alarm {
 color: red;
 
}


.info-data {

margin: 0px 0px 0px 0px;
padding: 14px 10px 0px 0px;
text-align: right;

}



.vyhledavani {

margin: 0px 0px 0px 0px;
padding: 14px 20px 0px 0px;

}


.filtr_os {
 color: #000;
 background: #FFF;
 border: 1px solid #F65A5A;
 background: #fff url("https://www.instaluj.cz/design/photo/pozadi-search.jpg") 0 0 repeat-y;
 padding: 0px 0px 0px 0px; 
 margin: 0px 0px 0px 0px;
 }



.AutoInput {

 /* background: #fff url("https://www.instaluj.cz/design/photo/pozadi-search.jpg") 0 0 repeat-y; */
 width: 500px; 
 height: 24px;
 border: 0px solid #000; 
 padding: 0px 0px 0px 0px; 
 margin: 3px 0px 0px 0px; 
 font-size: 1.5em;
 outline: none;

}


input {
outline: none;
}

textarea {
outline: none;
}

select {
outline: none;
}


.search-button {

width: 19px;
height: 19px;
border: 0px;
margin: 3px 0px 0px 3px; 
}



// magazin slide 
.bjqs-wrapper p {
 font-size: 1.2em; 
 line-height: 1.4em; 
 font-family: Georgia,serif,Times New Roman, Times, serif, Verdana, Arial CE, Helvetica CE, arial, helvetica, sans-serif; 
}

 /*------------levy, pravy sloupec------*/



.leve-menu , .levy-search, .leva-anketa, .levy-lang, .levy-kosik {
 margin: 20px 0 0 0;
 padding: 0;
}


.levy-login {
 margin: 20px 0 0 0;
 padding: 0;
 
}

.top-search {
 margin: 3px 5px ;
 padding: 3px 5px;
 width: 150px;
 font-size: 11px;

}


.levy-nadpis {
 margin: 3px 5px ;
background: #F23434;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; 
 color: #FFF;
 padding: 3px 5px;
 font-weight: 800;
 width: auto;
 font-size: 11px;
 line-height:115%;
 text-align: center;

}

.levy-search-detail {
 margin: 2px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 1px dashed #333;
 border-left: 0;border-right: 0;
}

.leva-anketa-detail {
 margin: 2px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 1px dashed #333;
 border-left: 0;border-right: 0;
}

.levy-login-detail {
 margin: 2px 0px ;
 padding: 0px 10px 0px 15px;

 /*border: 1px dashed #CDCDCD;*/
 border-left: 0;border-right: 0;
 
}

.levy-login-detail p {
 margin: 5px 5px 0 0 ;
 padding: 0;
 
}


.levy-lang-detail  {
 margin: 2px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 1px dashed #333;
 border-left: 0;border-right: 0;
}

.levy-kosik-detail  {
 margin: 2px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 1px dashed #333;
 border-left: 0;border-right: 0;
}



#zahlavi p {
 margin: 0 0 3px 0;
 }


select.sloupec {
 width: 165px;
}

select.sloupec-odesli {
 width: 135px;
}

 /*--------------------------------------stred*/


.container {
  float: right;
  margin: 0;
  padding: 5px 10px 20px 10px;
  width: 727px;
  background: #FFF;
  }

.container p {
  margin: 0 0 0.7em 0 ;
  padding: 0;
  }


.skryj-hidden {
 display: none;
 text-align: center;
}
 

.container img {
   border: 0;
   margin: 5px;
   vertical-align: baseline;

}

.container .instalator {
 border: 1px solid #ccc;
 padding: 0px;
 margin: 15px 0 0 0;
}

.container .instalator a {
font-size: 1.0em;
font-weight: 800;
}

.container .instalator img {
   border: 0;
   margin: 2px 15px 2px 3px;
   vertical-align: middle;

}



#center-container .container .autor {
   clear: both;
   margin: 0.1em 0; padding: 0;
   text-align: right;

}

.container .zpet {
   float: right;
   margin: 0.5em 0; padding: 0;
   text-align: right;

}




.container ul {
 list-style-type: disc;
 padding-left: 30px; 
 margin: 5px 0;
}

.container ul li {
 padding: 1px 5px; 
 
}

.container ul ul li {
 padding: 1px 5px; 
 
}


.container ol {
 padding-left: 30px; 
 margin: 5px 0;
}

.container ol li {
 padding: 1px 5px; 
 
}

.container ol ol li{
 padding: 1px 5px; 
 
}





.container ul li a {
background: transparent;
color: #ea0000;
text-decoration: underline;
 }

.container ul li a:hover {
color:#0000cc;
font-weight: 400;
text-decoration: underline;
 }

.container ol li a {
 display: inline;
 background: transparent;
 color: #505F8A;
 padding: 0;
 margin: 0;
 font-weight: 400;
 text-decoration: underline;
 }

.container ol li a:hover {
 display: inline;
 background: transparent;
 color: #505F8A;
 padding: 0;
 margin: 0;
 font-weight: 400;
 text-decoration: underline;
 }





.container table.dwn {
 font-family: "Verdana CE", Verdana, sans-serif;
 border: 0;
 /*font-size: 0.9em;*/
 padding: 0; 
 margin: 0;
 }

.container table.dwn td {
 font-family: "Verdana CE", Verdana, sans-serif;
 border: 0;
 /*font-size: 1.1em;*/
 padding: 0px 8px 0px 0px; 
 margin: 0;
 }


.container span.podsebe p {
        padding: 1px;
        
}

.container span.podsebe h2 {
        
        font-size: 1.5em;
}


.container table {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 0.9em;
 padding: 0; margin: 7px auto;
 border-left: 1px dashed #333;
 border-bottom: 1px dashed #333;
 }
    /*
html>body .container table {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 0.9em;
 padding: 0; margin: 7px auto;
 border-left: 1px dashed #333;
 border-bottom: 1px dashed #333;
 text-align: left;
 width: 100%;
 }   */


.container table td {
 padding: 2px 5px;
 border-color: #333;
 border-right: 1px dashed #333;
 border-top: 1px dashed #333;
 vertical-align: middle;
 }
html>body .container table td {
 padding: 0 5px;
}





.anketa {
border: 3px solid #000;
background: #FFE226 url("https://www.instaluj.cz/_grafika/jana.png") bottom right no-repeat;
padding: 0px 0px 5px 5px;
margin: 10px 5px 25px 5px;
/*height: 163px;*/
}


.anketa table {
border: 0px solid #000;
 text-align: left;
  width: 100%;
 /* background: transparent url("https://www.instaluj.cz/_grafika/jana.png") bottom right no-repeat; */
}

.anketa table td {
border: 0px solid #000;
}



.anketa input {
border: 0px solid #000;
width: 20px;
}

.anketa table td.otazka {
 font-size: 1.3em;
 font-weight: 800;
 padding: 0px 0px 5px 0px;
}

.anketa table td.odpoved {
 font-size: 1.1em;
 font-weight: 400;
 padding: 0 0 0 15px;
}


   /*
.anketa-page {
border: 3px solid #000;
background: #FFE226 url("https://www.instaluj.cz/_grafika/jana.png") bottom right no-repeat;
padding: 0px 0px 5px 5px;
margin: 5px 5px 25px 5px;
width: 100%;
}

  */
.anketa .button {
 width: 80px;
 height: 20px;
 background: #000;
 color: #FFF;
 float: left;
 margin: 20px;
}
    /*
.anketa-page table {
border: 0px solid #000;
 text-align: left;
}

.anketa-page table td {
border: 0px solid #000;
}



.anketa-page table td.otazka {
 font-size: 1.3em;
 font-weight: 800;
 padding: 0px 0px 5px 0px;
}

.anketa-page table td.odpoved {
 font-size: 1.1em;
 font-weight: 400;
 padding: 0 0 0 15px;
}

     */


.container table.diskuse {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 0.9em;
 padding: 0; margin: 7px auto;
 border: 1;
 
 border-left: 0px dashed #EF0000;
 border-right: 0px dashed #EF0000;

 border-top: 0px dashed #EF0000;
 border-bottom: 0px dashed #EF0000;
 }
/* 
html>body .container table.diskuse {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 1em;
 padding: 0; margin: 7px auto;
 border: 0;
 text-align: left;
 width: 100%;
 } 
*/
.container table.diskuse td {
 padding: 0px 5px 10px 0px;
 border-left: 0px dashed #000;
 border-right: 0px dashed #000;

 border-top: 0px dashed #000;
 border-bottom: 0px dashed #EF0000;

 border: 1;
 vertical-align: middle;
 }
 
.container table.diskuse td p {
margin: 0 0 0 0;
}             



.diskuse-input {
border: 1px solid #DEDBD6;
width: 200px;
}

.diskuse-input-predmet {
width: 500px; 
padding: 0px 0px 0px 5px; 
border: 1px solid #DEDBD6;
}


.diskuse-input-text {
width: 500px; 
height: 80px; 
border: 1px solid #999; 
font-size: 1.0em; 
padding: 5px 0px 0px 5px; 
border: 1px solid #DEDBD6;
}


/*
html>body .container table.bez td {
 padding: 0 5px;
}
  */




 


.container table.bez {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 0.9em;
 padding: 0; margin: 7px auto;
 border: 0;
 }
 
html>body .container table.bez {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 1em;
 padding: 0; margin: 7px auto;
 border: 0;
 text-align: left;
 width: 100%;
 } 

 p.tabulka {
 padding: 0; margin: 0;
}

 h3.tabulka {
 padding: 0; margin: 0 0 2px 0;
}


.container table.bez td {
 padding: 2px 5px;
 border: 0;
 vertical-align: middle;
 }

html>body .container table.bez td {
 padding: 0 5px;
}

.container .clanek-formular {
 /*padding: 2px 5px;*/
 border: 0;
 margin: 0 0 30px 0;
 width: 100%;
}


/***************************************************** vseobecne */


p {
   margin: 10px 0;
   padding: 0; 
}



h1, h2, h3 {
   margin:  15px 0 5px 0;
   padding: 0;
   font-size: 1.3em;
   color: #000;
   font-family: Verdana;
    
}

h1 { font-size: 1.6em;     padding: 7px 0px 2px 0px;    line-height: 1.0;  }

h2 { font-size: 1.2em; margin:  10px 0 10px 0; color: #000;}

h3 { font-size: 1.1em; color: #000;}

h4 { font-size: 1em; color: #000;}

.container h1 a,.container h2 a,.container h3 a {
   font-weight: 400;
   color: #ea0000;
   
}

.container .vypis-programu h2 a {
   font-weight: 800;   
}

 a:hover {
   color: #0000cc;
   text-decoration: underline;
}




.cleaner {
clear: both;
margin: 0; padding: 0;
height: 1px;
border: none;
overflow: hidden;
font-size: 1px;

}

.hidden {
  display: none;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }
  
a {
  color: #ea0000;
  text-decoration: underline;
  font-weight: 400;
  font-size: 1em;
  }

/*009999*/

a:hover {
  color: #0000cc;
  text-decoration: underline;
  }
  

.container a {
 color: #ea0000; 
}

.container a:hover {
 color: #0000cc; 
 text-decoration: underline;
}

.container .katalog-rozdeleni a {
 color: #999;
}

.container .katalog-rozdeleni a:hover {
 color: #0000cc;
 text-decoration: underline;
}


h2.rozdeleni-katalogu {
  margin: 5px 0 2px 0;
  padding: 0;
 font-size: 1.3em;
}

.container .katalog-rozdeleni h2.rozdeleni-katalogu a {
 color: #ea0000;
 font-size: 1.1em; 
}

.container .katalog-rozdeleni h2.rozdeleni-katalogu a:hover {
 color: #0000cc;
 text-decoration: underline;
}




h2.download-button {
  margin: 10px 0px 10px 0;
  padding: 0;
 font-size: 1.6em;

}

.container h2.download-button a {
 color: #FFF;
padding: 10px 20px 15px 8px;

 
}

.container h2.download-button a:hover {
 color: #FFF;
 text-decoration: underline;
}

.download-background {
}

.download-background a {
    border-radius: 4px;
    background: #F23434;
    background-image: linear-gradient(#FF6060, #F13B3B, #F23434);
    padding: 7px 20px 10px 7px;        
}

.download-background a:hover {
    
    /*border-radius: 7px;*/
    background: #F23434;
/*    background-image: linear-gradient(#FF6060, #F13B3B, #F23434); */
 


}




hr {
  margin: 2px 0 2px 0;
  padding: 0;
  background: #333;
  border: 0;
  height: 1px;
  font-size: 1px;
  }

html>body  hr {
  margin: 5px 0 5px 0;
  padding: 0;
  background: #333;
  border: 0;
  border-top: 1px dashed #333;
  height: 0px;
  font-size: 1px;
  }


  
input {
  border: 1px solid #999;
  width: 140px;
  height: 18px;
  background: #fff;
  margin: 0 0px;
  padding: 0;
  vertical-align: middle;
  }
/*html>body input {
  width: 138px;
  height: 16px;
  vertical-align: top;
} */


.button-submit {
 border: 0px solid #EA0000;
  width: 100px;
  height: 23px;
  background: #FFF url("https://www.instaluj.cz/design/photo/button-filtr.jpg") 0 0 repeat-x;
  color: #EA0000;
  font-weight: 800;
  margin: 0 0 0 3px;
  padding: 0;
  vertical-align: middle;
}

input.button {
  border: 1px solid #B6B3A3;
  width: 23px;
  height: 18px;
  background: #fff;
  margin: 0 0 0 3px;
  padding: 0;
  vertical-align: middle;
  }
html>body input.button {
  width: 21px;
  height: 16px;
  vertical-align: top;
}

button {
 vertical-align: middle;
}


.mybutton {
font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 background: #F23434; 
 border: 1px solid #FF9E9E; 
 border-radius: 4px; 
 padding: 5px 8px; 
 color: #fff; 
 cursor: Pointer; 
}



.cistyselect {
background: none;

}

textarea {
  border: 1px dashed #999;
  width: 100%;
  height: 100px;
  background: #fff;
  margin: 3px auto;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  }
  
input.radio-button {
  border: 1px dashed #999;
  width: 22px;
  height: 22px;
  background: #fff;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }


input.radio-button-hodnoceni {
  border: 0;
  width: 20px;
  height: 20px;
  background: transparent;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }  


.hodnot-uzivatel-stin {
//background: #FFF url("https://www.instaluj.cz/design/photo/hodnot-uzivatel-stin.jpg");

}

html>body input.radio-button-hodnoceni {
  width: 15px;
  height: 15px;
  }  



input.check-button {
  border: 0px solid #999;
  width: 18px;
  height: 18px;
  background: #fff;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }
  
html>body input.check-button {
  border: 0px solid #999;
  width: 15px;
  height: 15px;
  background: #fff;
  margin: 2px 0;
  padding: 0;
  vertical-align: middle;
  }

  
select {
  border: 1px solid #999;
  height: 20px;
  /*background: #fff url("https://www.instaluj.cz/design/photo/pozadi-search.jpg") 0 0 repeat-y;*/
  margin: 2px 0;
  padding: 0;
  text-align: left;
  color: #63604F;
  vertical-align: middle;
  }


input.submit-odeslat {
  font-size: 11px;
  font-weight: 800;
  width: 80px;
  height: 20px;
  border: 1px dashed #FF0000;
  color: #000;
  background: #FFD6D6;  
  cursor: pointer;
  vertical-align: middle;
}
html>body input.submit-odeslat {
  width: 78px;
  height: 18px;
  vertical-align: top;
}

.mezera20 {
 height: 20px;
 background: transparent;
 margin: 0;
 padding: 0; 
}

.mezera200 {
 height: 200px;
 background: transparent;
 margin: 0;
 padding: 0; 
}


.mezera50 {
 height: 50px;
 background: transparent;
 margin: 0;
 padding: 0; 
}

form {
 padding: 0;
 margin: 0;
}

/********************************************************* chyba */

.chyba {
  border: 1px dashed red;
  background: #FFFFCC;
  margin: 1em 0;
  padding: 1em;
  color: red;
}


.info {
  border: 1px dashed green;
  background: #CCFFD4;
  margin: 1em 0;
  padding: 1em;
  color: green;
}




/*---------------------------------------top lista */

.top-urovne {
 margin: 1px 0 1px 0;
 padding: 2px 5px 0 5px;
 color: #666;
 border: 0;
 
 
}

.top-search {
 margin: 1px 0 0 0;
 padding: 2px 5px;
 color: #000;
 border: 0;
 width: 170px; 
 }

.top-search p {
 margin: 0;
 padding: 0;
 }

.top-lang {
 margin: 3px 0;
 padding: 0 5px;
 color: #333;
 border: 0;
}
html>body .top-lang {
 padding: 0px 5px;
}




.top-menu {
 padding: 1px 5px;  
 margin:0;
 border: 0; 
 color: #CCFF99;
 font-weight: 400;
}

.top-menu-in {
 position: absolute;
 z-index:100; 
 padding: 0 0;
 margin: 0 ;
 
}


.top-lista {
 margin: 0;
 padding: 0;
 font-weight: 400;
 line-height: 0px;
 height: 1px;
 font-size: 1px;
 clear: both;
 background: transparent;
 border: 0;
 
}






#nav-top {
list-style: none;

}

 #navtop ul {
	padding: 0;
	margin:0;
	list-style: none;
  width: 150px;
  z-index: 99;
  position: relative;
  }

#navtop li {
    margin: 0 0 0 0;   
    padding: 0;
    position: relative; 
    float: left;
	  width: 150px;
    border: 0;
    background: transparent;
    display: block;
    height: auto;
    
    
}
html>body #navtop li {
   width: 150px;
}


 
#navtop a {
    text-decoration:none; 
    display:block;
    padding: 1px 5px;  
    margin:0;
    border: 0; 
    background: #FFCC33;
    color: #333;
    width:150px; 
    font-weight: 400;
    font-size: 11px;
    border-right: 1px dashed #333;
}

html>body #navtop a {
    width:139px; 
}



#navtop a:hover{
    background:#000;
    color:#fff;
    border-right: 1px dashed #333;
    width:150px; 
    
}

html>body #navtop a:hover{
    width:139px; 
}

#navtop ul{
    display:none;   
}

/*all see this */
#navtop ul ul, #navtop ul ul ul{
    display: none; 
    position: absolute; 
    margin-top: -1.4em; ; 
    margin-left: 11.7em;
    
}




/* non-IE browsers see this */
 #navtop ul li>ul, #navtop ul ul li>ul{
    margin-top:-1.1em;
    margin-left: 12.1em; 
 }

#navtop li:hover ul ul, #navtop li:hover ul ul ul{
    display:none; 
}

#navtop li:hover ul, #navtop ul li:hover ul, #navtop ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}






/*---------------------------------------stredova lista */

.stred-urovne {
 margin: 0px 0 0px 0;
 padding: 0px 5px 0 5px;
 border: 0;
}

.stred-search {
 margin: 1px 0 0 0;
 padding: 2px 5px;
 color: #fff;
 border: 0;
 width: 170px; 
 }

.stred-search p {
 margin: 0;
 padding: 0;
 color: #fff;
 }

.stred-lang {
 margin: 3px 0;
 padding: 0 5px;
 color: #333;
 border: 0;
}
html>body .stred-lang {
 padding: 0px 5px;
}




.stred-menu {
 padding: 1px 5px;  
 margin:0;
 border: 0px dashed #fff; 
 color: #CCFF99;
 font-weight: 400;
}

.stred-menu-in {
 position: absolute;
 z-index:100; 
 padding: 0 0;
 margin: 0 ;
 
}


.stred-lista {
 margin: 0;
 padding: 0;
 font-weight: 400;
 line-height: 0px;
 height: 1px;
 font-size: 1px;
 clear: both;
 background: transparent;
 border: 0;
}









#nav{
list-style: none;

}

 #nav ul { 
	padding: 0;
	margin:0;
	list-style: none;
  width: 150px;
  z-index: 99;
  position: relative;
  }

#nav li { 
    margin: 0 0 0 0;   
    padding: 0;
    position: relative; 
    float: left;
	  width: 150px;
    border: 0;
    background: transparent;
    display: block;
    height: auto;  
    
}
html>body #nav li {
      width: 150px;
}


 
#nav a {
    text-decoration:none; 
    display:block;
    padding: 1px 5px;  
    margin:0;
    border: 0; 
    background: #FFCC33;
    color: #333;
    width:150px; 
    font-weight: 400;
    font-size: 11px;
    border-right: 1px dashed #333;
}

html>body #nav a {
    width:139px;  
}



#nav a:hover{
    background:#000;
    color:#fff;
    border-right: 1px dashed #333;
    width:150px; 
}







html>body #nav a:hover{
    width:139px; 
}

#nav ul{
    display:none;   
}

/*all see this */
#nav ul ul, #nav ul ul ul{
    display: none; 
    position: absolute; 
    margin-top: -1.4em; ; 
    margin-left: 11.7em;
    
}




/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.1em;
    margin-left: 12.1em; 
 }

#nav li:hover ul ul, #nav li:hover ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/*-----------------vrchni blok*/

.blok-search {
 margin: 0;
 padding: 0px 0px 0px 0px;
 text-align: right;
 }
 
.blok-search p {
 margin: 0;
 padding: 2px 0;
 color: #000;
 } 

.blok-lang {
 margin: 0;
 padding: 1px 5px 1px 5px;
 text-align: right;
 }

.blok-lang p {
 margin: 0;
 padding: 2px 0;
 }
 

.blok-kosik {
 margin: 0;
 padding: 0px 5px 1px 5px;
 text-align: right;
 }

.blok-kosik p {
 margin: 0;
 padding: 2px 0;
 color: #333;
 }

 
 
.galerie-hlavni {
 margin: 20px 0;
 padding: 0;
 border: 0;
}

a.galerie-thumb {
 margin: 10px 4px;
 padding: 0;
 float: left;
 vertical-align: middle;
 border: 2px dashed #aaa;
 z-index: 99;
} 

a.galerie-thumb:hover {
 border: 2px dashed #333;
 
} 

.zebricek-sloupec {
padding: 0 5px;
margin: 0 0 10px 0 ;
font-size: 11px;
line-height:115%;
width: 100%;
}

h2.kupte-si {
 margin: 3px 0 ;
 background: #F65555 url("https://www.instaluj.cz/design/photo/h2-sloupec-kupte-si.jpg") 0 0;
 
 color: #FFF;
 /*border-bottom: 1px dashed #CDCDCD; */    
 padding: 3px 5px;
 margin: 15px 0 10px 0px;
 font-weight: 800;
 width: auto;
 text-align: center;
}



.kupte-si {
padding: 0 5px;
margin: 0 0 10px 0 ;
font-size: 11px;
line-height:115%;


}


table.kupte-si-vypis {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 11px;
 width: 100%;
 _width: 95%;
 padding: 0; margin: 0px auto;
 color: #333;
 border: 0;
 border: 1px solid #E9E9E9;
 }



table.kupte-si-vypis td {
 padding: 5px 3px;
 width: 1%;
 border: 1px solid #E9E9E9;
}



html>body .zebricek-sloupec {
width: auto;
}

h2.zebricek-sloupec {
 margin: 3px 0 ;
/* background: #F65555 url("https://www.instaluj.cz/design/photo/h2-sloupec.jpg");*/
background: #F23434;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
 color: #FFF;
 /*border-bottom: 1px dashed #CDCDCD; */    
 padding: 3px 5px;
 margin: 15px 0 10px 0px;
 font-weight: 800;
 width: auto;
 text-align: center;
}



table.zebricek-sloupec-vypis {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 11px;
 width: 100%;
 padding: 0; margin: 0px auto;
 color: #333;
 border: 0;
 }


table.zebricek-sloupec-vypis h2 {
        margin: 0;
        font-size: 18px;
        font-weight: 800;
}

table.zebricek-sloupec-vypis p {
        font-size: 12px;
}

table.zebricek-sloupec-vypis td {
 padding: 5px 3px;
 width: 1%;
 border: 0;
}




.sloupec-text {
padding: 0 5px;
margin: 15px 0 10px 0  ;
font-size: 11px;
line-height:115%;
}


h2.sloupec-nadpis {
 margin: 3px 0 ;
/* background: #ea0000; */
 color: #000;
 padding: 3px 5px;
 font-weight: 400;
 width: auto;
 font-size: 11px;
}


.sloupec-text p.autor{
padding: 0 5px;
margin: 0px 0 ;
font-size: 11px;
text-align: right;
}


.sloupec-text a {
 color: #ea0000; 
 text-decoration: underline;
}


.sloupec-text  a:hover {
color: #0000cc;
text-decoration: underline;
}




.container div.iv p {
 margin: 0px 0 0px 0;
 padding: 0px 0 0px 0;
}

.container div.katalog-rozdeleni {
 padding: 0; 
 margin: 10px 0 30px 0;
 width: 100%;
 clear: both;
 }

html>body .container div.katalog-rozdeleni {
 width: auto;
 }


.container div.katalog-top {
 padding: 0; 
 margin: 10px 0 30px 0;
 padding: 7px;
 border: 1px dashed #CDCDCD;  
 }


.container div.katalog-top h2 {
 width: 100%;
 padding: 1px 5px;
 font-weight: 800;
 }

html>body .container div.katalog-top h2 {
 width: auto;
 }

.container div.katalog-top h2.novinky10 { 
 background: #F2F2F2;
 color: #000;
 /*border: 1px dashed #9BDD7F; */
 }

.container div.katalog-top h2.akt10 { 
 background: #F2F2F2;
 color: #000;
/* border: 1px dashed #9BDD7F;  */
 } 

.container div.katalog-top h2.top10 { 
 background: #FFE226; 
 color: #F23434;
 font-weight: 800;
 font-size: 1em;
/* border: 1px dashed #DA752C;  */
 padding: 0 5px;
 } 


.container div.katalog-top h2.stojiza { 
 background: #FFE226; 
 color: #F23434;
 font-weight: 800;
 font-size: 1em;
/* border-top: 1px dashed #CDCDCD;  */
/* padding: 0 5px; */
 } 

 

.container div.katalog-top div.vypis {
 width: 100%;
 padding: 0;
 margin: 3px 0 10px 0;
 }

.container div.katalog-top div.vypis h4 {
 width: 100%;
 padding: 0;
 margin:  0;
 }

 
.container div.katalog-top div.vypis p {
 width: 100%;
 padding: 0;
 margin:  0 0 0 0;
 }

.container div.katalog-rozdeleni table.katalog-rozdeleni {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 0.9em;
 width: 100%;
 padding: 0; margin: 0;
 border: 0;
 color: #000;
 font-weight: 800;
 }

.container div.katalog-rozdeleni table.katalog-rozdeleni td {
 padding: 3px 2px;
 border: 0;
 text-align: left;
 width: 50%;
 }

div.polozka-obal {
  margin: 0 0 15px 0;
  padding: 0;
  width: 100%;
}
div.polozka-nadpis {
  margin: 0 0 5px 0;
  padding: 2px 0px;
  width: 100%;
  background: transparent;
  font-size: 1.3em;  
}

html>body div.polozka-nadpis {
  margin: 0 0 5px 0;
  padding: 2px 5px;
  width: auto;
  background: transparent;
  font-size: 1.2em;  
}
div.polozka-popis {
  margin: 0 ;
  padding: 5px;
  width: 100%;
  color: #000;
}

img.polozka-foto {
  float: left;
  border: 0;
  margin: 0 5px 0 0;
  padding: 0;
  
}


img.polozka-foto-home {
  float: right;
  border: 0;
  margin: 0 0px 0 5px;
  padding: 0;
  
}

div.polozka-cena {
  margin: 3px 0 0 0;
  padding: 3px 20px;
  text-align: right;
  color: #000;
}


.container table.katalog-parametry {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 100%;
 width: 100%;
 padding: 0; margin: 20px 0 0 0;
 border: 0px;
 color: #000;                
 }

.container table.katalog-parametry td.tdleft {
 padding: 3px 2px;
 border: 0;
 text-align: left;
 vertical-align: top;
 }

.container table.katalog-parametry td.td150 {
 padding: 3px 2px;
 border: 0;
 text-align: center;
 width: 150px;
 }

.container  td.katalog-parametry-detail-nadpis {
 
 background: #ea0000; /*url("https://www.instaluj.cz/design/photo/detail-produktu.jpg") no-repeat;*/
 	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; 

 padding: 5px; 
 border: 0px;
 color: #fff; 
 }



.container table.katalog-parametry {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 90%;
 width: 100%;
 padding: 0; margin: 20px 0 0 0;
 border: 0px ;
 color: #000;
 }

.container table.katalog-parametry  td.tdleft {
 padding: 5px 7px;
 border: 0;
 border-bottom: 2px solid #FEEEE3;
 text-align: left;
 vertical-align: middle;
 }

/*html>body .container table.katalog-parametry  td.tdleft {
 padding: 2px 7px;
 border: 0;
 border-bottom: 2px solid #FEEEE3;
 text-align: left;
 vertical-align: middle;
 }
*/



.container table.katalog-parametry td.tdpopis {
 padding: 5px 7px;
 border: 0;
 border-bottom: 2px solid #fff;
 text-align: left;
 margin: 0;

  border-bottom: 2px solid #FEEEE3; 
 vertical-align: middle;
 /*white-space: nowrap;*/
 width: 40%;
 font-weight: 800;
 }
 





 
     /*
html>body .container table.katalog-parametry table.katalog-parametry-detail td.tdpopis {
 padding: 2px 7px;
 border: 0;
 border-bottom: 2px solid #fff;
 text-align: left;
 margin: 0;
 background: #FFF;  
 vertical-align: middle;
 white-space: nowrap;
 width: 40%;
 font-weight: 800;
 } */



.bubble {
 position: absolute;
 margin: 20px 0 0 15px; 
 padding: 5px;
 width: 250px;
 background: #FFFEC2;
 border: 1px dashed #FFE742;
 display: none;
}

div.katalog-foto-detail {
  text-align: right;
}


div.vtip {
  border: 1px solid #CDCDCD;
  background: #FAEDED;
  padding: 10px;
  margin: 35px 5px;
  
}


p.napis {
 color: #EA0000;
 font-size: 1.2em;

}


.katalog-rozdeleni p {
 line-height: 160%;
 margin: 0;
 padding: 0;
 color: #999;
 font-size: 1em;
 font-weight: 400; 
 
}


.katalog-rozdeleni h1 {
 margin: 5px 0 2px 0;
 padding: 0;
 font-size: 1.3em;
}









.zalozka div {
border-bottom: 2px solid #C8C8C8;

 
 padding: 27px 0 0 0px; 
 
  
}

.zalozka-line div {


}



/* ------------------------------- zalozky u detailu Popis SW------------------------------------*/

.zalozka a {
 background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
 
 text-decoration: underline;
 text-align: center;
 font-weight: 800; 
 
 font-size: 10px;
 margin:4px; 
 width: 99px;
 height: 25px;
 display: block; 
 position: absolute;
 color: #000;

}


.zalozka a.zalozka-neaktivni {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 106px; 
 
}

.zalozka a.zalozka-neaktivni:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}


.zalozka a.zalozka-neaktivni2 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 208px;
}

.zalozka a.zalozka-neaktivni2:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}


.zalozka a.zalozka-neaktivni3 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 310px; 
}



.zalozka a.zalozka-neaktivni3:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}


/* ------------------------------- zalozky u detailu starsi verze ------------------------------------*/



.zalozka a.zalozka-neaktivni-s1 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
/* margin:7px 0 0 106px;  */
 margin:7px 0 0 4px;  
 
}

.zalozka a.zalozka-neaktivni-s1:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}



.zalozka a.zalozka-aktivni-s2 {
 background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
 
 text-decoration: underline;
 text-align: center;
 font-weight: 800; 
 
 font-size: 10px;
 margin:4px; 
 width: 99px;
 height: 25px;
 display: block; 
 position: absolute;
 color: #000;
 margin:4px 0 0 106px;  
}



.zalozka a.zalozka-neaktivni-s3 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 208px;
}

.zalozka a.zalozka-neaktivni-s3:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}


.zalozka a.zalozka-neaktivni-s4 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 310px; 
}



.zalozka a.zalozka-neaktivni-s4:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}






/* ------------------------------- zalozky u detailu nahled ------------------------------------*/



.zalozka a.zalozka-neaktivni-n1 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
/* margin:7px 0 0 106px;  */
 margin:7px 0 0 4px;  
 
}

.zalozka a.zalozka-neaktivni-n1:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}




.zalozka a.zalozka-neaktivni-n2 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 106px;
}

.zalozka a.zalozka-neaktivni-n2:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}




.zalozka a.zalozka-aktivni-n3 {
 background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
 
 text-decoration: underline;
 text-align: center;
 font-weight: 800; 
 
 font-size: 10px;
 margin:4px; 
 width: 99px;
 height: 25px;
 display: block; 
 position: absolute;
 color: #000;
 margin:4px 0 0 208px;  
}




.zalozka a.zalozka-neaktivni-n4 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 310px; 
}



.zalozka a.zalozka-neaktivni-n4:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}







/* ------------------------------- zalozky u detailu diskuse ------------------------------------*/



.zalozka a.zalozka-neaktivni-d1 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
/* margin:7px 0 0 106px;  */
 margin:7px 0 0 4px;  
 
}

.zalozka a.zalozka-neaktivni-d1:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}




.zalozka a.zalozka-neaktivni-d2 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 106px;
}

.zalozka a.zalozka-neaktivni-d2:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}







.zalozka a.zalozka-neaktivni-d3 {
 background: #F74B4B url("https://www.instaluj.cz/design/photo/zalozka-detail.jpg"); 
 font-weight: 800; 
 color: #FFF; 
 border: 0px;
 text-decoration: underline;
 text-align: center;

 width: 99px;
 height: 20px;
 display: block; 
 position: absolute;
 
 font-size: 10px;
 margin:7px 0 0 208px; 
}



.zalozka a.zalozka-neaktivni-d3:hover {
background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
color: #000;
}




.zalozka a.zalozka-aktivni-d4 {
 background: #FFF url("https://www.instaluj.cz/design/photo/zalozka-detail-aktiv.jpg"); 
 
 text-decoration: underline;
 text-align: center;
 font-weight: 800; 
 
 font-size: 10px;
 margin:4px; 
 width: 99px;
 height: 25px;
 display: block; 
 position: absolute;
 color: #000;
 margin:4px 0 0 310px;  
}














span.czech {
 background: #0000CC;
 color: #fff;
 font-size: 10px;
}

span.tip {
 background: #EA0000;
 color: #fff;
 font-size: 10px;
}


span.novinka {
 background: #32870D;
 color: #fff;
 font-size: 10px;
}

span.akt {
 background: #59C728;
 color: #fff;
 font-size: 10px;
}

span.zdarma {
 background: #00B827;
 color: #fff;
 font-size: 10px;
 cursor: help; 
}

span.externilink {
 background: #313131;
 color: #fff;
 font-size: 10px;
 cursor: help; 
}



table.iinstalator-edit {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 12px;
 line-height: 130%;
 padding: 0; margin: 7px auto;
 border: 0;
 color: #000;
 clear: both;
}

table.iinstalator-edit tr {
 border: 0;
}

table.iinstalator-edit td {
 border: 0;
 vertical-align: top;
}



table.iinstalator-edit td.tdleft-nadpis150 {
        vertical-align: top;
        padding: 8px 0px;
        width: 150px;
}

table.iinstalator-edit td.tdleft {
        padding: 0px;
        padding: 8px 0px;
}




table.vypis-programu {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 12px;
 line-height: 130%;
 padding: 0; margin: 7px auto;
 border: 0;
 color: #000;
 clear: both;
}
html>body table.vypis-programu {
 text-align: left;
 font-size: 12px;
 line-height: 130%;
 padding: 0; margin: 7px auto;
 width: auto;
 border: 0;
 color: #000;
 clear: both;
}


table.vypis-programu td.polozka-tdleft p {
 padding: 0; margin: 0;
 font-size: 100%;
 color: #000;
}

table.vypis-programu td h3 {
 padding: 0; margin: 0;
 font-size: 15px;
 line-height: 130%;
}

table.vypis-programu td h3 a {
 font-weight: 800;
}


table.vypis-programu td.polozka-tdleft p.perex {
 padding: 0; margin: 5px 0 7px 0;
 font-size: 12px;
 line-height: 130%;
 
}

table.vypis-programu td.polozka-tdleft p.parametr {
 padding: 0; margin: 0;
 font-size: 11px;
 color: #666;
}

table.vypis-programu tr.polozka-nadpis {
 background: #FFF url("https://www.instaluj.cz/design/photo/vypis-programu-tr.jpg");
 border: 0;
}



table.vypis-programu td {
 padding: 10px 5px; margin: 0;
 text-align: left;
 vertical-align: top;
 border: 0;
 line-height: 1.3em;
}

table.vypis-programu td.polozka-td100 {
 width: 100px;
 text-align: center;
 
 border-bottom: 1px dashed #ccc;
}

table.vypis-programu td.polozka-tdleft {
 padding: 10px 5px;
 text-align: left;
 vertical-align: top; 
 
 border-bottom: 1px dashed #ccc;
}


table.vypis-programu td.polozka-tdcenter {
 padding: 10px 15px;
 text-align: center;
 vertical-align: middle; 
 
 border-bottom: 1px dashed #ccc;
}

table.vypis-programu td.polozka-tdright {
 padding: 10px 5px;
 text-align: right;
 vertical-align: middle; 
 
 border-bottom: 1px dashed #ccc;
}


span.preskrtni {
background-image: url("https://www.instaluj.cz/template/202/preskrtni.gif"); background-position: 50% 40%; background-repeat: no-repeat;
}

.banner {
 text-align: center;
 color: #000;
 }
 
 
.sponzor {
font-size: 11px;
color: #aaa;
padding: 0;
margin: 0 0 5px 0;

} 

.katalog-filtr {
text-align: left;
padding: 5px;
background: #FFF url("https://www.instaluj.cz/design/photo/pozadi-katalog-filtr.gif") 0 0 repeat-x;
/* border: 1px solid #E9AF8E; */
/*color: #EA0000;*/
margin: 5px 0;
}

.katalog-filtr-top {
padding: 15px 0 0 0;
text-align: left;
/*color: #EA0000;*/
margin: 0;
}


/* ------------ empei.cz */
div.sponzor-sekce- {
  padding: 3px;
  margin: 10px 5px ;
  font-size: 11px;
  line-height:115%;
  background: #FFF;
  border: 3px solid #FFF;
  
}


div.sponzor-sekce- p {
  padding: 0 5px 5px 5px;
  margin: 2px 0 ;
}

div.sponzor-sekce- img {
  margin: 2px 5px ;
}


div.sponzor-sekce-vypis- {
  padding: 3px;
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height:115%;
  background: #FFF;
  border: 3px solid #FFF;
  float: right;
  width: 300px;
}

div.sponzor-sekce-vypis- p{
  padding:  5px;
  margin: 2px 0 ;
}


/* ------------ empei.cz*/ 


/* ------------ Aira Group */
div.sponzor-sekce-aira {
  padding: 3px;
  margin: 10px 5px ;
  font-size: 11px;
  line-height:115%;
   background: #FFEB6B; 
 /* border: 3px solid #FE7678;*/
  
}


div.sponzor-sekce-aira p {
  padding: 0 5px 5px 5px;
  margin: 2px 0 ;
}

div.sponzor-sekce-aira a {
font-size: 1.1em;
font-weight: 800;
}

div.sponzor-sekce-aira img {
  margin: 2px 5px ;
}


div.sponzor-sekce-vypis-aira {
  padding: 3px;
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height:115%;
  background: #FFF;
  border: 3px solid #FFF;
  float: right;
  width: 300px;
}

div.sponzor-sekce-vypis-aira p{
  padding:  5px;
  margin: 2px 0 ;
}


/* ------------ konec Aira Group */ 


div.sponzor-sekce-adocean {
  padding: 0px;
  margin: 0px 0px ;
  background: #fff;
  border: 0px solid #666;
  
}





div.sponzor-sekce {
  padding: 3px;
  margin: 10px 5px ;
  font-size: 11px;
  line-height:115%;
  background: #eee;
  border: 3px solid #666;
  
}


div.sponzor-sekce p {
  padding: 0 5px 5px 5px;
  margin: 2px 0 ;
}

div.asponzor-sekce p {
  padding: 0 5px 5px 5px;
  margin: 2px 0 ;
  text-align: center;
}

div.sponzor-sekce img {
  margin: 2px 5px ;
}


div.sponzor-sekce-vypis {
  padding: 3px;
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height:115%;
  background: #eee;
  border: 3px solid #666;
  float: right;
  width: 300px;
}

div.sponzor-sekce-vypis p{
  padding:  5px;
  margin: 2px 0 ;
}

.search-zvyrazni {
 background: #FFD0AF;
}


#pravy-banner {
 position: absolute;
 margin: 175px 0 0 762px;
 width: 120px;
 height: 600px;
 border: 0;
 z-index: 0;

}

/*
#pravy-banner {
 position: absolute;
 margin: -160px 0 0 762px;
 width: 160px;
 height: 600px;
 border: 0;


} */



#pravy-banner2 {
 position: absolute;
 margin: 738px 0 0 762px;
 width: 120px;
 height: 600px;
 border: 0;

}



#levy-banner {
 position: absolute;
 margin: 176px 0 0 -164px;
 
 width: 160px;
 height: 600px;
 border: 0;

}

#levy-banner-bottom {
 position: absolute;
 /*margin: 118px 0 0 -124px;*/
 margin: 0px 0 0 -164px;
 width: 160px;
 height: 600px;
 border: 0;

}


#levy-banner2 {
 position: absolute;
 margin: 738px 0 0 -164px;
 width: 160px;
 height: 600px;
 border: 0;

}



/*
margin: 738px 0 0 -124px;
  */

/*
#levy-banner {
 position: absolute;
 margin: 118px 0 0 -124px;
 width: 120px;
 height: 600px;
 border: 0;

}
  */


  
#adfox-l2{

margin:0px 0 0px 0px;
display:inline;

padding-top:0px;
padding-bottom:0px;
}

#adfox-l2 h2{ float:right;margin:0; font-size:12px;margin-bottom:10px; font-weight: 800;}

/*  cerveny horni odkaz */
#adfox-l2 h3{font-size:13px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; font-weight: 800; }

/*  cerny text */
#adfox-l2 p{font-size:13px;margin:3px 3px 3px 0;padding:6px 6px 6px 0px;}

/* odkaz dole */
#adfox-l2 .adfox-box div{float:right;font-size:10px; margin:5px 0px 0px 0;padding:0px 0px 0px 0px; }


#adfox-l2{margin:5px 0 15px 0px;float:left;display:inline;width:98%;background-color:#FFFFFF; border-top:1px dashed #E9AF8E;border-bottom:1px dashed #E9AF8E; padding-top:5px;padding-bottom:0px;}
#adfox-l2 h2{float:right;position:relative;margin:0; font-size:12px;font-weight:normal;margin-bottom:10px;}
#adfox-l2 h2 a{color:black;position:relative;padding:0;font-weight:normal;}
#adfox-l2 .adfox-box{float:left;clear:both;width:100%;display:inline;}
#adfox-l2 h3{font-size:13px;margin:0px;padding:0;font-weight:bold;}
#adfox-l2 h3 a{text-decoration:underline;margin:0;padding:0;font-weight:normal;}
#adfox-l2 p{font-size:13px;margin:5px 0 2px 0;padding:0;line-height:1;}
#adfox-l2 .adfox-box div{font-size:12px;padding:0;margin:0 0 10px 0}
#adfox-l2 .adfox-box div a {color:black;text-decoration:none;}

.adfox {
font-size: 12px;
line-height: 110%;
padding: 10px;
margin: 10px 0 30px 0;
width: 100%;
}

html>body .adfox {
font-size: 12px;
line-height: 110%;
padding: 10px;
margin: 10px 0 30px 0;
width: auto;
}





.etarget {
font-size: 12px;
line-height: 110%;
border: 1px dashed #E9AF8E;
padding: 10px;
margin: 10px 0 30px 0;
width: 100%;
}

html>body .etarget {
font-size: 12px;
line-height: 110%;
border: 1px dashed #E9AF8E;
padding: 10px;
margin: 10px 0 30px 0;
width: auto;
}



.etarget br {
line-height: 90%;
}

div.title {
margin: 5px 0 0 0;
padding: 2px 5px;
font-size: 12px;
}

.description {
margin: 2px 0 0 0;
line-height: 130%;
padding: 0px 5px;
} 


.etarget table.selfpromo {
  border: 0;
  width: 100%;
  font-size: 12px;
}



table.selfpromo .left {
  font-size: 12px;
  border: 0;
  background: #FEEEE3;
}

table.selfpromo .right {
  border: 0;
  padding: 5px;  
  text-align: right;
  background: #FEEEE3;
}


.reklama-top {
 
 margin: 0 auto;
 padding: 0px;
 text-align: center;
 background: #000;
 
 border-bottom: 1px;
 font-size: 9px;
 color: #EDEBEB;
}

.reklama-left {
 font-size: 9px;
 padding: 0px 0px 0px 0px;
 margin: 0px;
 line-height: 100%;
 
}

.reklama-left a {
 
 color: #EDEBEB;
 text-decoration: none;
 
}

.reklama-left a:hover {
 
 color: #EDEBEB;
 text-decoration: underline;
 
}

.reklama-left div {
 margin: 0 auto;
 padding: 5px;
 
 
 
}



.nod-center {
 text-align: center;
 padding: 1px 0px;
 margin: 0px;
 line-height: 100%;
 color: #095F62; 
}

.nod-center a {
 color: #095F62;
 
}

.lista-avg {
 width: 758px;
 margin: 0 auto;
 padding: 0px;
 text-align: left;
/*  border: 1px dashed #E9AF8E; */
 border-bottom: 0;
 font-size: 10px;
 color: #aaa;
}



.avg-kontrola-detail {
margin: 0px;
padding: 10px 0 10px 0;
text-align: center;
}


.nakupni-park {
 width: 748px;
 _width: 760px;
 margin: 0 auto;
 padding: 5px;
 text-align: left;
 background: #BFBDBD;
 /*background: #FFF; */
/* border: 1px solid #fff; */
 border-bottom: 0;
 font-size: 10px;
 color: #FFF;
text-decoration: none;
}

.park-left {
 padding: 1px 0px;
 margin: 0px;
 line-height: 100%;
text-decoration: none;
color: #000;
text-align: center; 
font-size: 10px; 
}

.park-left a {
 color: #000;
text-decoration: underline; 
}

.park-left a:hover {
 color: #FF0000;
text-decoration: underline; 
}



.facebook { 
border:none; 
overflow:hidden;
text-align: center; 
 
width:185px; 
height:362px; 
}





table.kolotoc {
 width: 758px;
 text-align: left;
}

table.kolotoc img {
margin: 5px;
}

.diit {
 width: 748px;
 margin: 10px auto 20px auto ;
 padding: 5px;
 text-align: left;
 /*background: #BFBDBD;*/
 background: #FFF; 
/* border: 1px solid #fff; */
 border-bottom: 0;
 font-size: 10px;
 color: #FFF;
text-decoration: none;
}



			#is_lista {
				background-color: white;
				border-top: 1px red dashed;
				border-bottom: 1px red dashed;
				padding: 0.2em 1em 0.2em 1em;
			}
			
			#is_lista .is_odkaz {
				color: red;
				font-weight: bolder;
			}
			
			#is_lista .is_odkaz:hover {
				color: black;
			}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
		
		
		

#banner-fade,
#banner-slide{
	margin-bottom: 30px;
        height: 185px;
        font-size: 110%;
  
}


ul.bjqs-controls.v-centered li a{
	display:none;
	padding:0px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}
		
   
   
   
   
   
   

.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	margin: 0 0 0 1067px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
.scroll-top-wrapper img {
		text-align: center;
   vertical-align: top;
}
 




 /* -------------------------------------------- fancy box css --------------------------------------------------  */
   
   /*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* ]]> */




.eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #898989;
    background-color: #DFDFDF;
    border-top: 1px solid #B6B6B6; 
    z-index: 1000;
}

.eu-cookies a {
 color: #616161;
} 

.eu-cookies button {
    background: green;
    color: white;
    border: 1px solid #004E00;
    padding: 2px 5px;
    margin: 1px;
    cursor: pointer;
}


.katalog-detail-magazin {
        border: 1px solid #ccc; 
        padding: 0px 15px 35px 15px; 
        margin: 20px 0 0 0;
}


.katalog-detail-youtube {
        text-align: center; 
        padding: 0; 
        margin:0;
        /*respon video*/
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;

}
/*respon video*/
.katalog-detail-youtube iframe,
.katalog-detail-youtube object,
.katalog-detail-youtube embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}


p.katalog-detail-koupit {
        text-align: right; 
        margin: 10px 0; 
        float: right;
}


.katalog-detail-social {
        background: #FAEDED; 
        border: 1px solid #CDCDCD; 
        padding: 0px 0px 0px 1px ; 
        margin: 2px; width: 135px;  
        float: right; 
}



.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 1.4s}@keyframes animateright{from{right:300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
#bannerclose{position:relative;animation:animateright 1.4s; z-index: 999;}@keyframes animateright{from{right:300px;opacity:0} to{right:0;opacity:1}}






/* respon vypinani pro klasicky design --------------------------------------------------------------  */

        #main2-respon {
                display: none;        
        }


        #banner-slide-respon {
                display: none;
        }


        .zalozka-resp {
                display:none;
        }

        .podsebe {
                display: none;
        }



 /*  pro tablety  ----------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 550px) { 



        #bannervisible {
                display:none;
        }



        #top-reklama-mobil {

                padding: 2px 0px 10px 0px;
                height: 300px;
        }

        .interscroller {
                display: block;
        }

        .reklama-paticka {
                display: none;
        }



        #main2 {
                display: none;
        }

        #main2-respon {
                display: block;   
                background: #FFF;     
        }

        .logo-click {
                margin: 0;
                height: 70px;
                width: auto;
        }

        .vyhledavani {
        padding: 10px 20px 7px 0px
        }

        .AutoInput {
                border: 1px solid #ccc;
                width: 200px;
        }

        .naseptavac {
                margin-left: 26%;
                width: 65%;
        }

        .div-zalozky-respon {
                border-bottom: 2px solid #ccc;
                height: 30px;
        }

        .zalozky-respon {
        background: #FFF;
        margin: 0;
        padding: 5px;         
        }

        .zalozka-aktiv-respon {
        border: 1px solid #ccc;
        border-radius: 8px 8px 0 0;
        border-bottom: 0;
        font-weight: 800;
        display: block;
        float: left;
        background: #FFF;
        margin: 0 5px 0 5px;
        padding: 3px 10px;
        }

        .zalozka-aktiv-respon a {
        color: #727272;
        }

        .zalozka1-respon {
        border: 1px solid #F23434;
        border-radius: 8px 8px 0 0;
        border-bottom: 0;
        font-weight: 800;
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 2px 10px;
        background: #F23434;
        }

        .zalozka1-respon a {
        color: #FFF;
        }


        .zalozka2-respon {
        border: 1px solid #F23434;
        border-radius: 8px 8px 0 0;
        border-bottom: 0;
        font-weight: 800;
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 2px 10px;
        background: #F23434;
        }

        .zalozka2-respon a {
        color: #FFF;
        }



        .container {
                width: auto;
                  float: none;
        }


        .podsebe {
                display: block;
                font-size: 0.9em;
        }

        .dwn {
                display:none;
        }


        #levy-sloupec {
                /*display: none;       */
                width: 99%;
                margin: 0px 0 10px 0px;
        }

        .mezera50 {
                height: 20px;
        }
 
         #main {
                width: auto;
         }

         #zapati {
                /*display:none;*/
         }

        #levy-banner-bottom {
                display:none;
        }

        #center-lista {
                display:none;       
        }

        ##mezi-blok {
                display:none;       
        }

        #banner-slide {
                display:none;              
        }

        #banner-slide-respon {
                display: block;
        }

         .scroll-top-wrapper  {
          display:none;      
         }


/*  kategorie   */

        .banner {
                display: none;
        }

/* katalog detail */
        .zalozka {
               display:none; 
        }


        .katalog-detail-social {
                /*display:none;*/
        }


        .zalozka-resp {
                display: block;
        }

        .zalozka-resp div {
                border-bottom: 2px solid #C8C8C8;
                padding: 27px 0 0 0px; 
        }


        /* popis software -------------------------- */
       .zalozka-resp a {
                background: #FFF;
                border: 1px solid #C6C6C6;
                border-radius: 8px 8px 0 0;
                border-bottom: 0;
                color: #000;
                font-weight: 800;
                font-size: 0.8em;
                display: block;
                position: relative;
                margin: 4px 2px;
                padding: 2px 7px;
                float: left;
        }

        .zalozka-resp a.zalozka-neaktivni {
                background: #F86666;
                border: 1px solid #F86666;
                color: #FFF;
                position: relative;
                margin: 5px 2px;
                float: left;
                padding: 0px 7px;
        }

        .zalozka-resp a.zalozka-neaktivni2 {
                background: #F86666;
                border: 1px solid #F86666;
                color: #FFF;
                position: relative;
                margin: 5px 2px;
                display:none;
                padding: 0px 7px;
        }

        .zalozka-resp a.zalozka-neaktivni3 {
                background: #F86666;
                border: 1px solid #F86666;
                color: #FFF;
                position: relative;
                margin: 5px 4px 2px;
                float: left;
                padding: 0px 7px;

        } 





        /* diskuze */
        .clanek-formular {
                /*display:none;*/
        }
        .diskuse-input-predmet {
                width: 97%;
        }
        .diskuse-input-text {
                width: 97%;
        }

/* katalog */
        table.vypis-programu td.polozka-tdcenter {
                display:none;
        }

        table.vypis-programu td.polozka-td100 {
                width: 50px;
        }

        img.polozka-foto {
                width: 100%;
                height: auto;
        }



} /*respon*/