 <style type="text/css">
body {



  /*font-size: 1.0em;
  font-family: Calibri, sans-serif; Century Gothic,  'Verdana CE', Verdana, sans-serif;
  color: #000;
  line-height: 1.4em;
  background-color: #FFF; */
  background-attachment: fixed;                       /* přišpendlení pozadí - přidává se do bloku, který za sebou to pozadí má... */
}
#kontejner_all {
  margin: 0 auto;
  width: 1024px;        
/*  background-image: url("img/bg1.png");     */
  background-repeat: repeat;          

/*   background-repeat: no-repeat;                   */
}

img.bg {           /* Set rules to fill background  */
	/* min-height: 100%;*/
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: 860px;
  /* Set up positioning */
	position: absolute; 
	top: 0;
	left: 0;    
/*	box-shadow: black  0 3px 15px;     */
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=180, Strength=8)*/
}         
#cela-stranka {
  margin: 0 auto;
  width: 1000px;
  position: relative;
  font-family:    Segoe UI, Century Gothic, Arial, Calibri, Century Gothic, sans-serif;  
  font-size: 0.9em;
  line-height: 1.4em;
  /*border: 1px solid;*/
}
.logo {
  width: 200px; 
  height: 250px; 
  float: left; 
  background-color: black;
} 
.hlavicka {
  width: 1000px;
  height: 240px;
  /* background-image: url("img/header.png");*/
  margin-bottom: 10px;
 /* -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 50px;
  box-shadow: black  2px 3px 6px;     */

}



.hlavicka a {
  text-decoration:none;
}
.pouhy_odkaz a {
  text-decoration: none;
  color: maroon;
}
.pouhy_odkaz a:hover {
  text-decoration:none;
	color: orange;
}
.pouhy_odkaz a:active {
  text-decoration:none;
	color: green;
}
img.hlavicka_bg{
  width: 1000px;
  height: 250px;
  margin-top: -5px;
  margin-left: 0px;
  text-decoration:none;
  border:none;
  outline:none;
}
.kontejner_odkazy{
  width:1000px;
  height: 30px;           
/*  background-color: red;            */
  top: 270px;
  margin-bottom: 10px;
/*  box-shadow: black  2px 3px 6px;    */
  /* filter: progid:DXImageTransform.Microsoft.Shadow(color="black",direction=180,strength=15); -> řešení shadow pro IE9*/
}
.odkazy {
  /*width: 1000px;
  margin-left: 210px;
  background-image: yellow;
  box-shadow: black  3px 0 6px; */
}
.odkazy ul {
  list-style:none; 
  margin:0; 
  padding:0;
}
.odkazy li {
  float: left; 
  width:158px; 
  background-color: maroon; 
  text-align:center;    
  position:relative;
  height:30px; 
  line-height:30px; 
  font-weight: 600; 
}


.odkazy li ul li {
  float:none; 
  width:270px; 
  text-align:left; 
  padding-left:5px; 
  font-weight: 600;        
}
.odkazy a {
  text-decoration:none; 
  color: white;
}
.odkazy a:hover {
  text-decoration:none;  
  color: black;
}
.odkazy li ul {
  position:absolute; 
  top:30px; 
  left:0; 
  visibility:hidden;
}
.odkazy li:hover ul {
  visibility: visible;  
}        
.odkazy li:hover {
  background-color: orange;  
  color: black;    
}

.odkaz1 li {
  float: left; 
  width:210px; 
  background-color: maroon;
  text-align:center;                  
  position:relative;
  height:30px; 
  line-height:30px; 
  font-weight: 600; 
}
.odkaz1:hover li {
  background-color: orange;  
  color: black;    
}
#odkaz1  {
  float: left; 
  width:210px; 
  background-color: maroon;
  text-align:center;                  
  position:relative;
  height:30px; 
  line-height:30px; 
  font-weight: 600; 
}
#odkaz1:hover  {
  background-color: orange;  
  color: black;    
}





/*   ŠEST OBRÁZKŮ NA TITULNÍ STRANĚ    */
a.titulka_krby {
  background-image: url("./img/titulni_strana/titulni_strana/krby_01b.jpg");          
  position: absolute;
/*  opacity: 0.6;     */
  width: 200px;
  height: 200px;
}
a.titulka_krby:hover {
  background-image: url("./img/titulni_strana/titulni_strana/krby_01a.jpg");
  position: absolute;
/*  opacity: 1;        */
  width: 200px;
  height: 200px;
}
a.titulka_kamna {
  background-image: url("./img/titulni_strana/titulni_strana/kamna_02b.jpg");          
  position: absolute;
  margin-left: 204px;
/*  opacity: 0.7;         */
  width: 200px;
  height: 200px;
}
a.titulka_kamna:hover {
  background-image: url("./img/titulni_strana/titulni_strana/kamna_02a.jpg");
/*  opacity: 1;        */
  width: 200px;
  height: 200px;
}
a.titulka_komin {
  background-image: url("./img/titulni_strana/titulni_strana/komin_03b.jpg");          
  position: absolute;
  margin-left: 408px;
/*  opacity: 0.7;         */
  width: 200px;
  height: 200px;
}
a.titulka_komin:hover {
  background-image: url("./img/titulni_strana/titulni_strana/komin_03a.jpg");
/*  opacity: 1;        */
  width: 200px;
  height: 200px;
}
a.titulka_tepelko {
  background-image: url("./img/titulni_strana/titulni_strana/tepelko_04b.jpg");          
  position: absolute;
  margin-left: 0px;
  margin-top: 184px;
/*  opacity: 0.7;         */
  width: 200px;
  height: 200px;
}
a.titulka_tepelko:hover {
  background-image: url("./img/titulni_strana/titulni_strana/tepelko_04a.jpg");
/*  opacity: 1;        */
  width: 200px;
  height: 200px;
}
a.titulka_klima {
  background-image: url("./img/titulni_strana/titulni_strana/klima_05b.jpg");          
  position: absolute;
  margin-left: 204px;
  margin-top: 184px;
/*  opacity: 0.7;         */
  width: 200px;
  height: 200px;
}
a.titulka_klima:hover {
  background-image: url("./img/titulni_strana/titulni_strana/klima_05a.jpg");
/*  opacity: 1;        */
  width: 200px;
  height: 200px;
}
a.titulka_kotel {
  background-image: url("./img/titulni_strana/titulni_strana/kotel_06b.jpg");          
  position: absolute;
  margin-left: 408px;
  margin-top: 184px;
/*  opacity: 0.7;         */
  width: 200px;
  height: 200px;
}
a.titulka_kotel:hover {
  background-image: url("./img/titulni_strana/titulni_strana/kotel_06a.jpg");
/*  opacity: 1;        */
  width: 200px;
  height: 200px;
}
/******************************************************************************/










/* STYLOVÁNÍ LEVÉHO MENU - AKČNÍ NABÍDKY */
.leve_menu_akce {                  /* vlastnosti celého levého rámečku */
  width: 184px;  
  float: left;
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;          */
  margin-left: 5px;          
  margin-top: 5px;
  background-color: #FCFCEE;      
/*  box-shadow: black  2px 3px 6px;         */
  position: relative; 
  border-style: outset;                             
/*  background-image: url(img/flame_06.gif);            */ 
}

.leve_menu_akce h1 {
/*  color: rgb(255,0,0);           červená barva 
  color: maroon;                                */
  color:  rgb(255,51,0);
  font-size: xx-large;
  font-weight: 900; 
}
.leve_menu_akce a {
  text-decoration: none;
}
.leve_menu_akce:hover {
  border-style: inset;
  background-color: rgb(255,224,128);
}
.leve_menu_zelena {                  /* vlastnosti celého levého rámečku */
  width: 184px;
  height: 84px; 
  float: left;     
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-left: 5px;          
  margin-top: 5px;
  background-color: #FCFCEE;      
  box-shadow: black  2px 3px 6px;
  position: relative; 
  border-style: outset;                             
}
.leve_menu_zelena:hover {
  border-style: inset;
  background-color: rgb(255,224,128);
}
/* STYLOVÁNÍ LEVÉHO MENU */
.leve-menu {                  /* vlastnosti celého levého rámečku */      
  width: 198px;  
  min-height: 402px;
  float: left;
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;             */
  margin-right: 10px;
  background-color: #FCFCEE;      
/*    background-color: grey;            */
/*  box-shadow: black  2px 3px 6px;       */
  clear: both;
  border: 1px solid maroon;       
}
.button {                     /* vlastnosti velkých knoflíků */
  color: white;
  font:2.4em Arial, Calibri, Century Gothic, sans-serif;
  font-size:100%;
  font-weight: 600;
  padding: 3px;
  width: 180px;
        background-color:maroon; 
/*  background-color:#4d4d4d;          */
  border: 1px solid black;
/*  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:7px;                  */
  margin-top:10px;
/*  box-shadow:  1px 1px 2px 2px rgb(153,153,153);     
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);      */
  cursor: pointer;         /* pointer = ukazuje ručičku */
}
.button:hover {
    background-color: orange;  
/*  background-color: rgb(204,204,204);            */
  color: black;
}
.button:active {
  background-color: green;
  color: white;
}
.slider01, .slider03, .slider05, .slider07, .slider09, .slider11, .slider13 {
  width: 180px;
  margin: 0 auto;
}
.slider02, .slider04, .slider06, .slider08, .slider10, .slider12, .slider14 {
  width: 170px;
  margin-top:  5px;
  margin-left: 5px;
/*  border-left: 1px solid maroon;
  border-bottom: 1px solid maroon;       */
  border-radius: 0px;
}
.slider02 a, .slider04 a, .slider06 a, .slider08 a, .slider10 a, .slider12 a, .slider14 a {
  text-decoration: none;
  margin-left: 5px;
  color: maroon;
}
.slider02 a:hover, .slider04 a:hover, .slider06 a:hover, .slider08 a:hover, .slider10 a:hover, .slider12 a:hover, .slider14 a:hover {
  color: orange;
}
.slider02 a:active, .slider04 a:active, .slider06 a:active, .slider08 a:active, .slider10 a:active, .slider12 a:active, .slider14 a:active {
  color: green;
}
/* ---------------------------- konec stylování levého menu ------------------------------------------------ */


.velky_obrazek {    /* tento obrázek musí být široký 780px  */
  margin-left: 5px;
}


/* STYLOVÁNÍ PRAVÉ SEKCE - AKTUALITY */
.prave_menu {
  width: 168px;
  position: absolute; 
  left: 830px; 
  top: 290px;
  float: left;     
  background-color: #FCFCEE;
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;       
  box-shadow: black  2px 3px 6px;     */
  margin: 0 0 50px 0;
  min-height: 402px;
  border:  1px solid maroon;
}
/*  .prave_menu:hover {
  background-color: orange;
}          
.prave_menu h3 {
  margin-left: 10px;
  color: brown;
}
.prave_menu:hover h3 {
  color: white;
}                            */
.prave_menu a {
  text-decoration: none;
}
.prave_menu p:hover {
  color: maroon;
}


#aktuality  {
  position: absolute;
  left: 8px;
  top: 8px;
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;    */
  border: 1px solid maroon;
}






#radio_beat {
  position: absolute;
  left: 6px;
  top: 395px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;   
  border: 4px outset maroon;
}
#radio_beat:hover {
  border: 4px inset maroon;
}


#nova_zelena {
  position: absolute;
  left: 6px;
  top: 365px;
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;           
  border-radius: 10px;                 */
  border: 1px solid maroon;
}   
#nova_zelena:hover {
  opacity: 0.3;
}

#najdete_nas {
  position: absolute;
  left: 7px;
  top: 300px;
  color: rgb(0,0,204);
  font-size: 105%;
  font-weight: normal;
  text-decoration: none;
}
#najdete_nas:hover {
  color: maroon;
}



#knoflik_beat {
  width: 179px;
  height: 90px;
  margin-top: 5px;
  margin-left: 7px;
  margin-bottom: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float: left;
  cursor:pointer;               
  background-color: orange;
  background-image: url(img/bg16.PNG);
  box-shadow: black  2px 3px 10px;
  text-decoration: none;
  color: rgb(255,192,0);		
  border-style: outset;
  border-width: 5px;

}
#knoflik_beat:hover {
border-style: inset;
}

.hlavni-text {
/*  width: 610px;             */
  width: 788px;
  float: left;
  background-color: #FCFCEE;
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: black  2px 3px 6px;        */
  margin: 0 0 50px 0;
  min-height: 420px;
  border: 1px solid maroon;
}
.hlavni-text p {
  margin-left: 15px;
  margin-right: 15px;
  color: #2a2929; /*2a2929, 4d4d4d*/
}
.hlavni-text_index {
  width: 608px;
  float: left;
/*  background-color: #FCFCEE;            */
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: black  2px 3px 6px;       */
  margin: 0 0 50px 0;
  min-height: 420px;
/*  border: 1px solid maroon;      */
}
.hlavni-text_index p {
  margin-left: 15px;
  margin-right: 15px;
  color: #2a2929; /*2a2929, 4d4d4d*/
}

.popisky-obrazku p {
  margin-left: 400px;
  margin-right: 15px;
  color: #2a2929; /*2a2929, 4d4d4d*/
}
.nase_real_01 p {
  margin-left: 485px;
  margin-right: 15px;
  color: #2a2929; /*2a2929, 4d4d4d*/
}
.nase_real_02 p {
  margin-left: 10px;
  margin-right: 350px;
  color: #2a2929; /*2a2929, 4d4d4d*/
}
span {
  margin-left: 10px;
  margin-right: 10px;
}

.hlavni-text h1 {
  margin-top: 15px;
  margin-left: 15px;
  color: #2a2929;
  margin-bottom: 1px;
}
.hlavni-text h2 {
  margin: 15px;
  color: #2a2929;
}
.hlavni-text h3 {
  margin: 15px;
  color: #2a2929;
}
.hlavni-text h4 {
  margin: 15px;
  color: #2a2929;
}
.hlavni-text h5 {
  margin: 15px;
  color: #2a2929;
}
.hlavni-text ul {
  margin: 15px;
  color: #2a2929;
}
.hlavni-text li {
  margin-left: 15px;
  color: #2a2929;
}
.odskok_20px ul {
  margin-left: 20px;
  color: #2a2929;            
}  
.odskok_50px p {
  margin-left: 50px;
  color: maroon;
}  
.odskok_50px a {
	color:maroon;
}
.odskok_50px a:hover {
	color:maroon;
}

/* stylování odskoků z odkazů po pravé straně hlavní stránky - "nahoru, zpět na..." atd. */  
.odskok_650px p {
  margin-left: 650px;
}
.odskok_650px a  {
  margin-left: 650px;
  color: maroon;
}
.odskok_650px a:hover  {
	color: orange; 
}	
.odskok_650px a:active  {
	color: green;   
}	  
.odskok_100px p {
  margin-left: 100px;
	color: black;
}
.odskok_20px p {
  margin-left: 20px;
	color: black;
}
.odskok_20px li {
  margin-left: 20px;
  color: #2a2929;                    
}
#odskok_20px {
  margin-left: 20px;
  height: 65px;
}
.prodej_obecne {
   width: 185px;
   height: 120px;
   margin-top: 10px;
   margin-left: 10px;
   margin-bottom: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   float: left;
   cursor:pointer;
}
.uvodni{
   width: 198px;
   height: 259px;
   margin-top: 5px;
   margin-left: 3px;
   margin-bottom: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   float: left;
   cursor:pointer;
}
.uvodni:hover {
  background-color: orange;
}
.uvodni_komplex {
   width: 598px;
   height: 138px;
   margin-top: 0px;
   margin-left: 3px;
   margin-bottom: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   float: left;
   cursor:pointer;
 }
.uvodni_komplex:hover {
  background-color: orange;
}
#schemata_01 {
   margin-left: 200px;
}



.knoflik_prazdny{
   width: 179px;
   height: 270px;
   margin-top: 5px;
   margin-left: 16px;
   margin-bottom: 5px;
    float: left;
}
.knoflik1{
  width: 187px;
  height: 270px;
  margin-top: 5px;
  margin-left: 7px;
  margin-bottom: 5px;
  float: left;
  cursor:pointer;               
  text-decoration: none;
  color: rgb(0,0,0);		
  border: 1px solid maroon;     
  border-width: 1px;
/*  -moz-border-radius: 10px;           PŮVODNÍ NASTAVENÍ "KARTY"
  -webkit-border-radius: 10px;
  border-radius: 10px;     
  background-color: #ffffff;       
  box-shadow: black  2px 3px 10px;      
  border-style: outset;        
  height: 21.5em;         */
}
.knoflik1:hover {
  background-image: url("img/pozadi_knoflik1.png");
/*  border-style: inset;          
  width: 187px;
  height: 270px;
  margin-top: 5px;
  margin-left: 7px;
  margin-bottom: 5px;      */
}
.knoflik1 a {
  text-decoration: none;
}           
.knoflik1 h3 {
  color: maroon;  
  margin-top: 10px;   
}
.knoflik1 h4 {
  color: maroon;  
  margin-top: 10px;
}
.knoflik2 {
  width: 187px;
  height: 230px;
  text-decoration: none;  
  margin-left: 4px;
  float: left;
  cursor:pointer;                /*  jako pointer bude fungovat celé tlačítko */
}
.knoflik_ukazka1 {
  width: 140px;
  height: 140px;
  margin-top: 10px;
  margin-left: 13px;
  margin-bottom: 10px;
  float: left;
  text-decoration: none; 
  border: 1px solid maroon;
}
.knoflik_ukazka1:hover {
  opacity: 0.3;
}
.knoflik_ukazka2{
  width: 140px;
  height: 140px;
  margin-top: 4px;
  margin-left: 4px;
}
.knoflik_ukazka_vpravo {
  width: 140px;
  height: 140px;
  margin-top: 10px;
  margin-left: 500px;
  margin-bottom: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float: left;
  background-color: #ffffff;
  box-shadow: black  2px 3px 10px;
  text-decoration: none; 
  color: gray;
  border-style: outset;
  border-width: 4px;
}
a.knoflik_ukazka_vpravo:hover { 
  border-style:inset;
}
.okno_pro_text_vlevo {
  width: 300px;
  height: 140px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  float: left;
  background-color: #ffffcc;
  text-decoration: none;
  color: gray;		
  border: 1px solid maroon;

}
.okno_pro_text_vlevo p {
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  color: #2a2929; /*2a2929, 4d4d4d*/
  font-size:  0.9em;
}
.okno_pro_text_vpravo{
  width: 300px;
  height: 140px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  float: left;
  background-color:  #ffffcc;
  text-decoration: none;
  color: gray;	
  border: 1px solid maroon;
}
.okno_pro_text_vpravo p {
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  color: #2a2929; /*2a2929, 4d4d4d*/
  font-size:  0.9em;
}
.tlacitka1 {
  width: 179px;
  height: 120px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float: left;
  background-color: #FCFCEE;
  box-shadow: black  2px 3px 10px;
  text-decoration: none; 
  color: gray;
  border-style: outset;
  border-width: 3px;
  height: 9.3em;
}
a.tlacitka1:hover {
  border-style:inset;
} 
.tlacitka2 {
  width: 165px;
  height: 100px;
	margin-top: 10px;
  margin-left: 6px;
}
.tlacitko_male {
  width: 187px;
  height: 22px;
  margin-top: 5px;
  margin-left: 7px;
  margin-bottom: 5px;
  float: left;
  text-align:center;
  cursor:pointer;                /*  jako pointer bude fungovat celé tlačítko */
  background-color: #FCFCEE;
  text-decoration: none;
  border: 1px solid maroon;  
}
a.tlacitko_male:hover {
/*  border-style: inset;                 */
  background-image: url("img/pozadi_tlacitko_male.png");
} 
.tlacitko_male h2 {            
  margin-top: 0px;
  text-align: center;    /* nebo taky LEFT nebo taky RIGHT */
  color: maroon;
  text-decoration: none;
  font-size: 1.2em;
}
.tlacitko_male h3 {           
  margin-top: 0px;
  text-align: center;    /* nebo taky LEFT nebo taky RIGHT */
  color: maroon;
  text-decoration: none;
}
.obecna_informace { 
  width: 187px;
  height: 22px;
  margin-top: -30px;
  margin-left: 595px;        
  margin-bottom: 5px;
  float: left;
  text-align:center;
  background-color: #FCFCEE;
  text-decoration: none; 
  border: 1px solid maroon;
  font-size: 16px;
  font-weight: bold;
  padding-top: 3px;
  cursor: pointer;                
} 


.obecna_informace:hover {     
  background-image: url("img/pozadi_tlacitko_male.png");
}
.obecna_informace a {
  text-decoration: none;
}           

.prave-menu {
  /*width: 200px;
  float: right;
  margin-left: 10px;
  background-color: white;
  box-shadow: black  2px 3px 6px;*/
}
.paticka {
  width: 1000px;
  clear: both;
  float: left;
  background-image: url("img/bg_footer.png");                   
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;        
  box-shadow: black 0 -3px 15px;         */
  margin:  0 auto;
}
.paticka a {
  text-decoration: none;
  color: maroon;
  margin-right: 15px;
  margin-left: 30px;
  float: left;
}
.paticka a:hover {
  color: orange;
}
.paticka a:active {
  color: green;
}
.klicova_slova h1 {
  color: white;
}
.sprava_webu  {
  text-decoration: none;
  color: white;
  margin-left: 190px;
  float: left;
}
.sprava_webu_counter  {
  text-decoration: none;
  color: white;
  margin-left: 80px;
  float: left;
}

@media screen and (max-width: 1024px) {
	img.bg {
	left: 50%;
	margin-left: -512px; }
}
img.hlavicka {
	/* Set up proportionate scaling */
	width: 400px;
	height: 250px;
	/* Set up positioning */
	position: absolute; 
	top: 0;
	left: 0;
}
#rozvinout_text {
  font-weight: bold;          
  color: maroon;
  font-size: 14px;
  cursor: pointer;
}
#rozvinout_text:hover {
  font-weight: bold;          
  color: orange;
  font-size: 14px;
  cursor: pointer;
}
#kontaktni_udaje {
  border-color: rgb(128,0,0);
  border-style: solid solid solid solid;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
/*  border-collapse: collapse;     */
  box-shadow: gray 0 3px 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
}
#mezinadpis {
  margin-left: 40px;
  color: rgb(128,0,0);
}
#pozice_h1 {
  text-align: left;
}
#pro_legendu {
  margin-left: 40px;
  color: rgb(128,0,0);
  font-size: 15px;
}
#napoveda { 
  margin-right: 5px;       
  color: maroon;
  font-size: 11px;
  border: 1px solid maroon; 
/*  box-shadow: gray 0 1px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;      */
}    
#napoveda:hover {
  background-image: url("img/pozadi_tlacitko_male.png");
}
.fancybox {
  text-decoration: none;
}      

.knoflik_pro_video a {
  width: 175px;
  height: 117px;
  margin-top: 5px;
  margin-left: 16px;
  margin-bottom: 5px;
  float: left;
  cursor:pointer;                /*  jako pointer bude fungovat celé tlačítko */
  background-color: gray;
  text-decoration: none;
  border: 1px solid maroon;
}
.knoflik_pro_video a:hover {
  opacity: 0.3; 
}
#video {
 width: 500px;
}

#tab_cerpadel a{
  text-decoration: none;    
  font-weight: bold;
  color: maroon;
}
#tab_cerpadel a:hover{
  color: orange;
  background-color: maroon;
}
#tab_cerpadel a:active{
  color: green;
}
.slovnik a{
  text-decoration: none;
  color: maroon;
}
.slovnik a:hover{
  color: orange;
}
.slovnik a:active{
  color: green;
}


/* STYLOVÁNÍ TLAČÍTEK ODKAZŮ NA SOCIÁLNÍ SÍTĚ A DALŠÍ GENERELNÍ ODKAZY */
.socialmedia {
  position: absolute;
  left: 785px;
  top: 200px;      
  float: left;                             
}
#google, #twitter, #facebook, #seznam {
  box-shadow:         black  3px 3px 6px;   /* barva - posunX - posunY - hloubka */
  -webkit-box-shadow: black  3px 3px 6px;
  -moz-box-shadow:    black  3px 3px 6px; 
  border-radius: 5px;
  width: 30px;
}
#spolehliva_firma {
  position: absolute;
  left: 940px;
  top: 140px; 
  border-radius: 5px;
  width: 50px;
}

/* STYLOVÁNÍ TLAČÍTKA "NAJDETE NÁS NA FACEBOOKU" */
#najdete_nas_na_fb {
  position: absolute;
  left: 10px;
  top: 300px; 
  border-radius: 5px;
  width: 180px;
}




#google:hover, #twitter:hover, #facebook:hover, #seznam:hover {
  box-shadow:         orange  3px 3px 6px;
  -webkit-box-shadow: orange  3px 3px 6px;
  -moz-box-shadow:    orange  3px 3px 6px; 
  border-radius: 5px;
  width: 30px;
}

/* STYLOVÁNÍ TLAČÍTKA PRO ČARODĚJNICI - SPOT NA RÁDIU BEAT */
.carodejnice {
  position: absolute;
  left: -130px;
  top: 25px;      
  float: left;                             
}
#burning_witch {
  box-shadow:         white  0px 0px 70px;   /* barva - posunX - posunY - hloubka */
  -webkit-box-shadow: white  0px 0px 70px;
  -moz-box-shadow:    white  0px 0px 70px; 
  width: 150px;
  border-radius: 40px;
}
#burning_witch:hover {
  box-shadow:         red  0px 0px 70px;   /* barva - posunX - posunY - hloubka */
  -webkit-box-shadow: red  0px 0px 70px;
  -moz-box-shadow:    red  0px 0px 70px; 
  width: 150px;
  border-radius: 40px;
}



/***********************************************************************/

/* STYLOVÁNÍ HORKÉ LINKY */        /* ještě z toho udělat odkaz, kde může být napsáno, že zavoláme zpět... */
#telefon {
  position: absolute;
  left: 20px;
  top: 203px;  
  box-shadow:         white  3px 3px 6px;   
  -webkit-box-shadow: white  3px 3px 6px;
  -moz-box-shadow:    white  3px 3px 6px;     
  border-radius: 5px;
}
#telefon:hover {
  box-shadow:         orange  3px 3px 6px;   
  -webkit-box-shadow: orange  3px 3px 6px;
  -moz-box-shadow:    orange  3px 3px 6px;     
}                        
#tel_cislo {
  font-size: 150%;
  position: absolute;
  left: 45px;
  top: 211px;      
  color: white; 
}
#tel_cislo:hover {
  color: orange;
}
/***********************************************************************/
#obrazek_v_textu {
  margin-left: 15px;   
  margin-right: 15px;      
}
#hlavni_nadpis {
  font-size: 120%;
}
#podnadpis {
  font-size: 80%;
}             

/* STYLOVÁNÍ NAŠE INSPIRACE */        
#inspirace {
  float: left;
  margin-left: 13px;
  margin-top: 13px;
  border: 1px solid maroon;
/*  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;                 */
}             
#inspirace:hover {
  opacity: 0.3;
}
/***********************************************************************/
#pokud {
  float: left;
}
/* STYLOVÁNÍ KLENOTNICE */       
#klenotnice {
  position: absolute;
  left: 0px;
  top: 0px;  
  box-shadow:         gray  3px 3px 6px;   
  -webkit-box-shadow: gray  3px 3px 6px;
  -moz-box-shadow:    gray  3px 3px 6px;      
  border-radius: 20px;
  border: 10px solid red;
}
#klenotnice:hover {
  box-shadow:         gray  3px 3px 6px;   
  -webkit-box-shadow: gray  3px 3px 6px;
  -moz-box-shadow:    gray  3px 3px 6px;        
  border: 10px solid orange;
}                        
/***********************************************************************/
/* STYLOVÁNÍ DOMOV A TEPLO VLL 2019 */       
#domov_a_teplo_2019 {
  position: absolute;
  left: 840px;
  top: 390px;  
  box-shadow:         gray  3px 3px 6px;   
  -webkit-box-shadow: gray  3px 3px 6px;
  -moz-box-shadow:    gray  3px 3px 6px;      
  border-radius: 20px;
  border: 10px solid red;
}
#domov_a_teplo_2019:hover {
  box-shadow:         gray  3px 3px 6px;   
  -webkit-box-shadow: gray  3px 3px 6px;
  -moz-box-shadow:    gray  3px 3px 6px;        
  border: 10px solid orange;
}                        
/***********************************************************************/










/* STYLOVÁNÍ LEVÉHO OKRAJE AKTUALIT, EV. FAQ */
.odskok_zprava_38 p, .odskok_zprava_38 h4 {
  margin-left: 38px;
}


/***********************************************************************/
/* STYLOVÁNÍ TLAČÍTKA COFIDIS */
#cofidis {
  margin-left: 8px;
  border: 1px solid maroon;
}


/***********************************************************************/
/* STYLOVÁNÍ BANNERU */
.banner_repov {
  position: absolute;
  left: 210px;
  top: -15px;  
  opacity: 0.9;
}

/* STYLOVÁNÍ JARNÍ AKCE PRO STAVEBNÍKY */
#vajicko_01 {
  position: fixed;
  left: 20px;
  top: 100px;  
  width: 200px;
  opacity: 1;
} 





/* STYLOVÁNÍ VLOČKY PRO ZIMNÍ SLEVOVOU AKCI */
#vlocka_01 {
  position: absolute;
  left: -230px;
  top: -100px;  
  width: 350px;
  opacity: 1;
}  
#zimni_akce {
  position: absolute;
  left: -120px;
  top: 50px;  
  width: 120px;
  opacity: 1;
}  
#vlocka_02 {
  position: absolute;
  left: 600px;
  top: 80px;  
  width: 150px;
  opacity: 0.5;
}  
#vlocka_03 {
  position: absolute;
  left: 900px;
  top: 400px;  
  width: 250px;
  opacity: 0.5;
} 
#vlocka_04 {
  position: absolute;
  left: 550px;
  top: 300px;  
  width: 100px;
  opacity: 0.5;
}    
#vlocka_05 {
  position: absolute;
  left: 400px;
  top: 500px;  
  width: 100px;
  opacity: 0.5;
} 
#vlocka_06 {
  position: absolute;
  left: -150px;
  top: 500px;  
  width: 150px;
  opacity: 0.5;
} 
#vlocka_01:hover,#vlocka_02:hover,#vlocka_03:hover,#vlocka_04:hover,#vlocka_05:hover,#vlocka_06:hover  {
  opacity: 1;
}
  
/*  box-shadow:         gray  3px 3px 6px;   
  -webkit-box-shadow: gray  3px 3px 6px;
  -moz-box-shadow:    gray  3px 3px 6px;      
  border-radius: 20px;
  border: 10px solid red;             
}
#klenotnice:hover {
  box-shadow:         gray  3px 3px 6px;   
  -webkit-box-shadow: gray  3px 3px 6px;
  -moz-box-shadow:    gray  3px 3px 6px;        
  border: 10px solid orange;
}           */             
                      
</style>

