/*------------------------------------------------------------------------------
Vytvořil: Jan Valuštík, jan@valustik.com, www.valustik.com
Datum: 03/2008
------------------------------------------------------------------------------*/



/* html+body -----------------------------------------------------------------*/
html{
  background:rgb(209,209,209) URL("../obr/bg.jpg") 0px 0px repeat;}

body{position:relative; min-height:600px; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;color:rgb(51,51,51);font-size:small;text-align:center;padding:0px;margin:0px; }

/* hlavní layout -------------------------------------------------------------*/
#reklama{z-index:1000; position:absolute; top:50px; left:0px; margin:0px; border:0px; width:100%; height:376px; background:URL("../obr/reklama.png") 50% 50% no-repeat; cursor:pointer;}
#ram2{position:relative; margin:0px auto 0px auto;padding:0px 15px 0px 15px;width:900px;background:rgb(229,229,229) URL("../obr/ram_bg.png") top left repeat-y;}
#mutace{width:20px;  height:100px; z-index:100; position:absolute; top:0px; right:-12px;}
#mutace img{border:0px; margin:0px; float:left;}
#ram{margin:0px auto 0px auto; padding:0px;width:900px;background:red;}

h1.h1s{display:none;}

menu{list-style:none;position:relative;width:900px;height:102px;background:black URL("../obr/menu_bg.png") top left repeat-x;padding:0px;margin:0px;}
menu li{display:block;float:left;}
menu a.logo{width:158px;}
menu a.logo span{width:178px; background:URL("../obr/logo.png") no-repeat;}
menu a.logo:hover span{background-position:0px 0px;}

menu a.ofirme{width:71px; overflow:hidden;}
menu a.ofirme span{width:91px; background:URL("../obr/tl_ofirme.png");}

menu a.aktuality{width:89px;overflow:hidden;}
menu a.aktuality span{width:109px; background:URL("../obr/tl_aktuality.png");}

menu a.reference{width:91px;overflow:hidden;}
menu a.reference span{width:111px; background:URL("../obr/tl_reference.png");}

menu a.servis{width:61px;overflow:hidden;}
menu a.servis span{width:81px; background:URL("../obr/tl_servis.png");}

menu a.partneri{width:80px;overflow:hidden;}
menu a.partneri span{width:100px; background:URL("../obr/tl_partneri.png");}

menu a.kontakt{width:80px;overflow:hidden;}
menu a.kontakt span{width:100px; background:URL("../obr/tl_kontakt.png");}

menu a.akce{width:37px;overflow:hidden;}
menu a.akce span{width:57px; background:URL("../obr/tl_akce.png");}

menu a.kariera{width:52px;overflow:hidden;}
menu a.kariera span{width:72px; background:URL("../obr/tl_kariera.png");}

menu a{display:block;position:relative; float:left; height:72px; margin:0px; padding:10px; padding-top:20px; color:white; font-size:1em; text-decoration:underline; overflow:hidden; text-transform:uppercase; text-align:center;}  
menu a:hover{text-decoration:none;color:rgb(186,22,22);}
menu a span{display:block; position:absolute; top:0px; left:0px; height:102px; padding:0px; margin:0px; cursor:pointer; background-repeat:no-repeat;background-position:0px 0px;}
menu a:hover span{background-position:0px -102px;}
menu li.aktivni a{color:rgb(186,22,22);text-decoration:none;}
menu li.aktivni span{background-position:0px -102px;}

#telo_top{text-align:right; width:870px; height:319px; margin:0px;padding:5px 15px 5px 15px ;background:rgb(253,253,253) URL("../obr/top.jpg") top left no-repeat;}
#telo_top img.slogan.cs{position:absolute; top:210px; left:140px; margin:0px; border:0px;}
#telo_top img.slogan.en{position:absolute; top:190px; left:55px; margin:0px; border:0px;}
#telo_top a{color:rgb(40,40,40);text-decoration:none; font-size:0.9em;}
#telo_top_2{float:left;text-align:right; color:white; font-size: 0.9em; width:870px; margin:0px; padding:5px 15px 5px 15px; height:20px;background:rgb(51,51,51) url("../obr/top_mensi_bg.png") right 0px repeat-y;}
#telo_top_2 a{color:white;text-decoration:none;}

#telo_middle{width:900px;float:left;background:rgb(253,253,253) URL("../obr/middle_bg.png") top left repeat-y;margin:0px;padding:0px;}
  
#telo_bottom{width:900px;position:relative;margin:0px;padding:0px;padding-top:40px;padding-bottom:40px; background:black URL("../obr/bottom.png") 5px 40px repeat-y; color:white;text-align:center;font-size:1em;clear:both;}
#telo_bottom a{color:white; margin:0px 8px 0px 8px;}
#telo_bottom a:hover{text-decoration:none;}
#telo_bottom a.aktivni{text-decoration:none; color:rgb(186,22,22);}
#telo_bottom a.copy{position:absolute; bottom:10px; right:10px; color:white; font-size:0.85em; text-decoration:none;}


/* obecne prvky --------------------------------------------------------------*/
#text{width:530px;float:left;color:rgb(15,15,15);text-align:left;line-height:1.5em;margin:0px;padding:30px;background:URL("../obr/text_bg.png") top left repeat-x;}

#sloupec{width:310px;float:left;margin:0px;padding:0px;overflow:hidden;}
ul#sloupec_1{list-style:none;margin:0px;padding:0px;padding-top:25px;width:170px;float:left;overflow:hidden;}
ul#sloupec_1 li{display:block;float:left;padding:13px 0px 13px 12px;width:150px;text-align:left;}
ul#sloupec_1 li a{color:rgb(51,51,51); color:white; padding:4px;text-decoration:none;text-transform:uppercase; font-weight:bold;font-size:0.9em;}
ul#sloupec_1 li a:hover{color:white;background:rgb(51,51,51);}

ul#sloupec_1 li a.sloupec_cerveny{color:white; background:rgb(186,22,22);}
ul#sloupec_1 li a.sloupec_cerveny:hover{color:white; background:rgb(51,51,51);}

ul#sloupec_2{list-style:none;margin:0px;padding:0px;padding-top:30px;width:140px;float:left;overflow:hidden;}
ul#sloupec_2 li{display:block;float:left;padding:5px;width:130px;text-align:left;}
ul#sloupec_2 li a{color:white;background:rgb(51,51,51);padding:3px;text-decoration:none;text-transform:uppercase;font-weight:normal;font-size:0.85em;}
ul#sloupec_2 li a:hover{color:rgb(51,51,51);background:none;}

.navigace{/*nahoru + tisk*/ text-align:right; clear:both; color:rgb(186,22,22);}
.navigace a{margin:0px 9px 0px 0px;}
/* uvod ----------------------------------------------------------------------*/
.zvyrazneny{color: rgb(60,60,60); border:3px solid rgb(238,238,238); text-align:left; line-height:1.7em; margin:15px 0px 15px 0px;padding:15px; background:rgb(243,245,243) URL("../obr/p_zvyrazneny_bg.png") top left repeat-x;}
.aktualne_box{width:490px; color: rgb(60,60,60); border:3px solid rgb(238,238,238); text-align:left; line-height:1.5em; margin:20px 0px 20px 0px;padding:15px; background:rgb(250,250,250) URL("../obr/sedy_bg.png") top left repeat-x; float:left;}
.billboard{display:block;width:530px;height:62px;margin:50px 0px 50px 0px; background:none;}
.billboard img{margin:0px; border:0px;}
/* reference -----------------------------------------------------------------*/
.reference_box{float:left; width:490px; color: rgb(60,60,60); border:4px solid rgb(238,238,238); text-align:left; line-height:1.5em; margin:20px 0px 20px 0px;padding:15px; background:rgb(250,250,250) URL("../obr/sedy_bg.png") top left repeat-x;}
.reference_box p{clear:both;}
.reference_box p.fotka{text-align:center;}
.reference_box img{margin:0px;}
/* servis --------------------------------------------------------------------*/
.servis_box{text-align:center; color:white; width:220px; border:5px solid rgb(243,243,243); padding:20px 5px 20px 5px; margin:8px; float:left; line-height:1.5em; background:rgb(186,0,0) URL("../obr/servis_bg.png") top left repeat-x;}
.servis_box strong{display:block;text-align:center;font-size:1.1em;}
.servis_box img{margin:15px;border:0px;text-align:center;}
.servis_box a{color:white;}
.servis_box a:hover{color:black;}
/* partneri ------------------------------------------------------------------*/
a.partneri_box{width:200px; min-height: 110px;border:0; padding:5px; margin:15px; margin-bottom:30px; float:left; display:block; text-decoration:none; text-align:center; overflow:hidden;}
a.partneri_box img{border:0px;margin:0px;}
a.partneri_box strong{width: 200px; margin:0px; padding:0px; display:block; text-align:center; font-weight:normal; overflow:hidden;}
/* plastova_okna -------------------------------------------------------------*/
a.plastova_okna{display:block; float:left; width: 200px; margin:20px; padding:0px; text-align:center; text-decoration:none;}
/* garazpva vrata ------------------------------------------------------------*/
a.garazova_vrata{display:block; float:left; margin:0px; margin-bottom:15px; padding:0px; text-align:center; text-decoration:none;}
a.garazova_vrata img{margin:0px;}
/* regenerace domu -----------------------------------------------------------*/
p.rekonstrukce{float:left;margin:0px; padding:0px; text-align:center;}
/* kontakt -------------------------------------------------------------------*/
.kontakt_box{float:left; text-align:left; width:530px; margin:0px; margin-bottom:10px; min-height:340px; padding:0px;}
.kontakt_box h3{margin-bottom:20px;}
.kontakt_box img{width:250px; height:250px; float:left; margin:0px; margin-right:20px;border:2px solid rgb(186,22,22);}
.kontakt_box p{line-height:1.8em;}
.kontakt_box p strong{line-height:1.0em;}
.kontakt_box p.mapa{float:right;clear:both;}

.kontakt_box_2{float:left; text-align:left; width:530px; margin:0px; margin-bottom:10px; min-height:340px; padding:0px;}
.kontakt_box_2 p{line-height:1.8em;}
.kontakt_box_2 address{line-height:1.8em;font-style:normal;}
.kontakt_box_2 .skype{margin:0px;border:0px;vertical-align:middle; width:auto; height:auto;}
address{width:230px; padding:10px; margin:5px; float:left;}
/* kalkulace ------------------------------------------------------------------*/
#profilek1, #profilek2, #profil_vybran, #barva_okna2, #druh_skla, #show_parapety_vni, #show_parapety_ven, #show_kontakty, #aaa, #meziskelni_pricky_show, #parapety_venkovni_sirka_hlinik{display:none;}
#barvaral{visibility:hidden;width:160px;float:right; margin-right:20px;}
/* drobne prvky zprehlednujici kod -------------------------------------------*/
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.text-big{font-size:1.2em;}

.text-bold{font-weight:bold;}

.text-red{color:rgb(186,22,22);}
.text-orange{color:rgb(220,51,0);}
.text-green{color:rgb(140,255,100) !important;}
.text-gray{color:rgb(210,210,210) !important;}

.border-none{border:0px;}

.cursor-help{cursor:help;}

.float-right{float:right;}
.float-left{float:left;}

.clear-both{clear:both;}

.help{cursor:help;border-bottom:1px dashed rgb(206,22,22);}

.display-none{display:none;}

.povinne{color:rgb(220,51,0); text-align:right;}

/*tagy*/  
a{color:black; color:rgb(186,22,22); outline:none;}
a:hover{color:rgb(80,80,80);}

h1{
  font-size:1.5em;
  font-weight:bold;
  color:black;
  margin:0px;
  padding:0px;}
  
h2{
  text-align:left;
  padding:0px;
  margin:0 0px 23px 0px;
  font-size:1.75em;
  font-weight:normal;}

h3{
  font-size:1.15em;
  font-weight:bold;
  color:rgb(186,22,22);
  margin:0px;
  margin-bottom:10px;
  padding:0px;}

p{margin: 0px;margin-bottom:20px;padding:0px;}
	
img{border:6px solid rgb(243,243,243); margin:5px;}
	  
hr{display:none;}

form br{display:none;}
  
input{display:block;width:330px;color:black;margin:0px;margin-bottom:15px;padding:10px;padding-top:5px;padding-bottom:5px;background:rgb(253,255,253);border:1px solid rgb(203,205,203);}
textarea{display:block;width:330px;color:black;background:rgb(253,255,253);border:1px solid rgb(203,205,203);padding:5px;}
.tlacitko{background:rgb(186,22,22);border:0px solid rgb(186,22,22);width:360px;cursor:pointer;color:white;}

/* kalkulace-form a table ----------------------------------------------------*/
form input.display-none{display:none;}
form.kalkulace table{width:530px;font-size:1em; table-layout:auto;}
form.kalkulace table td{height:20px; padding:20px 0px 15px 5px; background:rgb(240,240,240);}
.kalkulace img{border:0px; margin:0px;}

.radek{display:block;padding:5px 0px 5px 0px;margin-top:10px;}
.radek_m{display:block;padding:0px;margin-top:5px;}

.radek_m_r{display:block;padding:0px;margin-top:5px;color:rgb(186,22,22);}/*radek + cerveny text, je v kroku 2*/
.radek_m_r em{color:black; font-style:normal;}

.kalkulace input{display:inline;width:220px;color:black;margin:0px;padding:2x 0px 2px 0px;background:rgb(253,255,253);border:1px solid rgb(203,205,203);}
.kalkulace .checked{display:inline;color:black;width:20px;margin:0px;margin-right:3px; padding:0px;background:none;border:0px;}

/*pro cast,kde jsou specifikace oken,obrazky...*/
.kalkulace tr.specifikace td{text-align:center; padding:10px 0px 10px 0px;}
.kalkulace tr.specifikace td input{width:50px; display:inline;color:black;margin:5px 9px 5px 9px;padding:2x 0px 2px 0px;border:1px solid rgb(180,180,180);}
.kalkulace .textarea-mensi{width:250px;}
.kalkulace tr.specifikace td input.tlacitko{width:150px;display:inline;color:white;margin:25px 0px 25px 0px;padding:5px;border:0px solid rgb(180,180,180);cursor:pointer;background:rgb(186,22,22);}

.input-none input{display:none;}/*v kroku 2 se nezobrazuji skryte formular*/

p.vzornik img{
  width:124px;height::92px; margin:12px; 
}

#show_kontakty{text-align:center;}

#parapety_1, #parapety_2{display:none;}