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

/* paleta ----------------------------------------------------------------------
svetle hneda (pozadi) - rgb(209,203,189)
stredne modra (odkazy) - rgb(35,121,158)
stredne modra2 (nadpisy boxu) - rgb(101,191,230)
svetle modra (pozadi pod form ve vyhledavani) - rgb(229,244,251)
fialova (box na fotky na uvodu) - rgb(183,133,154)
tmave fialova (text) - rgb(96,51,71)
------------------------------------------------------------------------------*/

/* html+body -----------------------------------------------------------------*/
html{background:rgb(230,230,230); padding:0px; margin:0px;}
body{font-family:sans-serif; color:rgb(26,26,26); font-size:small; text-align:center; padding:0px; margin:0px;}

/* hlavní layout -------------------------------------------------------------*/
#ram{position:relative; margin:0px auto 0px auto; padding:0px; width:1000px; overflow:hidden; background:URL("../obr/middle.png") left bottom repeat-y;}

#telo_top{position:relative; float:left; text-align:left; width:990px; height:435px; margin:0px 0px 0px 5px; padding:0px; background:URL("../obr/top.jpg") left bottom no-repeat;}
#telo_top h1{display:none;}
#telo_top #logo{ position:absolute; top:0px; right:15px; width:315px; height:85px;} #telo_top #logo span{display:none;}
#telo_top a#odkaz1{position:absolute; top:0px; left:15px; width:155px; height:85px;} 
#telo_top #odkaz2{position:absolute; top:0px; left:205px; width:130px; height:85px; }
#telo_top #odkaz1 span, #telo_top #odkaz2 span{display:none;}

#telo_top #kalkulace_panel{position:absolute; top:139px; left:-1px; width:320px; height:40px; background:URL("../obr/kalkulace.png") left bottom no-repeat;} #telo_top #kalkulace_panel span{display:none;}
#telo_top #program{position:absolute; top:189px; left:-1px; width:320px; height:40px; background:URL("../obr/program.png") left bottom no-repeat;} #telo_top #program span{display:none;}


#top_stin{position:absolute; top:137px; left:0px; width:5px;} #top_stin img{border:0px; margin:0px;}
#top_stin2{position:absolute; top:187px; left:0px; width:5px;} #top_stin2 img{border:0px; margin:0px;}

#telo_middle{position:relative; display:block; width:990px; float:left; margin:0px; padding:0px 5px 0px 5px;}

#telo_bottom{position:relative; width:1000px; height:50px; margin:0px auto 0px auto; padding:0px; text-align:left; font-size:1em; clear:both;}
#telo_bottom img{border:0px; margin:0px;}
#telo_bottom a.nahoru{height:20px; padding:5px 15px 5px 15px; background:white URL("../obr/bottom_tl_bg.png") left top repeat-x; color:black; position:absolute; top:0px; left:10px;}
#telo_bottom a.tisk{height:20px; padding:5px 15px 5px 15px; background:white URL("../obr/bottom_tl_bg.png") left top repeat-x; color:black; position:absolute; top:0px; left:82px;}
#telo_bottom a.valustik{position:absolute; top:10px; left:882px;}

/* podstranky ----------------------------------------------------------------*/
/* uvod */
#stiny{position:absolute; top:523px; right:0px; width:5px;}
#stiny img{float:left; margin:0px 0px 6px 0px; border:0px;}

#text{display:block; float:left; width:990px; padding:3px 0px 0px 0px;}
#text.pozadi1{background:URL("../obr/text_bg.png") top left repeat;}
#text.pozadi2{background:URL("../obr/text_bg2.png") top left repeat-x;}
#text.kalkulace-box{background:URL("../obr/text_bg2.png") top left repeat-x; width:930px; padding:30px;}

.box{float:left; width:435px; padding:10px 30px 0px 30px; margin:0px 0px 10px 0px; height:390px; }
.box.nabidka{width:465px; padding:10px 0px 0px 30px;}
.box h2{margin:0px 0px 15px 0px; padding:0px;}
.box h2.nabizime{margin:0px 0px 20px 0px; padding:0px;}
.box h2 span{display:none;}
.box h2 img{border:0px; margin:0px;}
.box p{padding:0px; margin:0px 0px 12px 0px;}
.box p a{display:block; float:right; width:454px; height:40px; padding:0px; margin:0px 0px 8px 0px;}
.box p a img{margin:0px; border:0px;}

a.kalkulace{display:block; float:right; width:174px; height:33px; padding:0px; margin:0px;  background:URL("../obr/tlacitka/kalkulace1.png") top left no-repeat;} a.kalkulace:hover{ background:URL("../obr/tlacitka/kalkulace1.png") 0px -34px no-repeat;}
a.kalkulace span{display:none;}
a.kalkulace.b{background:URL("../obr/tlacitka/kalkulace2.png") top left no-repeat;} a.kalkulace.b:hover{background:URL("../obr/tlacitka/kalkulace2.png") 0px -34px no-repeat;}
a.kalkulace.c{background:URL("../obr/tlacitka/reference.png") top left no-repeat;} a.kalkulace.c:hover{background:URL("../obr/tlacitka/reference.png") 0px -34px no-repeat;}

a.budoucnost{display:block; float:right; width:126px; height:33px; padding:0px; margin:0px 15px 0px 0px;  background:URL("../obr/tlacitka/budoucnost.png") top left no-repeat;} a.budoucnost:hover{ background:URL("../obr/tlacitka/budoucnost.png") 0px -34px no-repeat;}
a.budoucnost span{display:none;}

.box p.reference{color:white; float:left; height:80px; line-height:1.4em; margin:0px 0px 10px 0px; font-size:11px; overflow:hidden;}
.box p.reference a{display:block; float:left; margin:5px 13px 3px 13px; height:70px; width:107px; border:1px solid white; overflow:hidden; text-align:center;} .box p.reference a img{border:0px; margin:0px;}

.box-sestavy .reference{float:left; width:100%; border-bottom:1px solid rgb(220,220,220); padding:0 0 0 0; margin:0 0 25px 0;}
.box-sestavy .reference h3{width:100%; float:left; margin:0 0 10px 0; font-size:20px;}
.box-sestavy .reference p{display:block; width:340px !important; min-height:210px; float:right; font-size:12px; line-height:20px; padding:0 5px 5px 5px; text-align:left;}
.box-sestavy .reference a.obrazek{margin:0; padding:0px; width:200px !important; height:150px !important; float:left !important; border:1px solid rgb(200,200,200); overflow:hidden; text-align:center;} .box-sestavy .reference a.obrazek img{margin:0; height:100%;}
.box-sestavy .reference .fotky{width:202px; height:65px; float:left; padding:5px 0 0 0;}
.box-sestavy .reference .fotky a{float:right; width:60px; height:60px; margin:2px; overflow:hidden; border:1px solid rgb(200,200,200);} .reference .fotky a img{margin:0;border:0;}

.box .chyba{width:380px; background:white; border:1px solid rgb(255,140,140); padding:5px 10px 5px 10px; line-height:2em; font-size:0.85em; float:left; margin:80px 0px 0px 0px;}
.box .dobra{width:380px; background:white; border:0px solid rgb(140,230,140); padding:5px 20px 5px 20px; line-height:2em; font-size:0.85em; float:left; margin:80px 0px 0px 0px;}
.box .chyba a, .box .dorba a{display:inline; float:none; width:auto; padding:0px; margin:0px; color:black;}

input{display:block; float:left; width:350px; border:1px solid rgb(200,200,200); padding:10px; margin:5px 0px 5px 0px; background:white URL("../obr/bottom_tl_bg.png") left top repeat-x; font-family:sans-serif;}
input.tlacitko{width:101px; height:35px; margin:7px 63px 0px 0px; border:0px; padding:0px; float:right; background:URL("../obr/tlacitka/odeslat1.png") top left no-repeat; cursor:pointer;} input.tlacitko:hover{background:URL("../obr/tlacitka/odeslat1.png") 0px -36px no-repeat;}
textarea{display:block; float:left; width:350px; height:100px; border:1px solid rgb(200,200,200); padding:10px; margin:5px 0px 5px 0px; font-family:sans-serif; font-size:1em; background:white URL("../obr/bottom_tl_bg.png") left top repeat-x;}

/* sestavy */
.sloupec-sestavy{width:380px; float:right; padding:20px 0px 0px 0px;}
.sloupec-sestavy h2{text-align:right; margin-right:20px; margin-bottom:28px;} .sloupec-sestavy h2 span{display:none;} .sloupec-sestavy h2 img{border:0px; margin:0px;}
.sloupec-sestavy p{margin:0px; padding:0px;}
.sloupec-sestavy p a{display:block; float:right; width:330px; height:36px; padding:0px; margin:0px 0px 8px 0px; overflow:hidden;}
.sloupec-sestavy p a.aktivni{width:340px;}
.sloupec-sestavy p a img{height:100%; margin:0px; border:0px;}

.box-sestavy{width:570px; float:left; padding:20px;}
.box-sestavy h2{text-align:left; margin-bottom:30px;} .box-sestavy h2 span{display:none;} .box-sestavy h2 img{border:0px; margin:0px;}
.box-sestavy p{display:block; width:570px; float:left; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px;}
.box-sestavy a.obrazek{display:block; height:120px; margin:0px 20px 0px 20px; border:0px solid rgb(200,200,200); float:left;}
.box-sestavy a.obrazek img{height:100%; margin:0px; border:0px;}

.box-sestavy p.schema{float:left; border:1px solid rgb(220,220,220); background:white URL("../obr/schema_bg.png") left top repeat-x; margin-top:7px; padding:20px 10px 20px 10px; width:548px;}
.box-sestavy p.schema a.obrazek{height:250px;}
.box-sestavy p.schema strong{margin:0px 0px 10px 0px;}

/* kalkulace */
.kalkulace-box h2{text-align:left; margin-right:20px; margin-bottom:28px;} .kalkulace-box h2 span{display:none;} .kalkulace-box h2 img{border:0px; margin:0px;}
.kalkulace-box strong{float:left; width:350px; font-weight:normal; height:28px; padding:14px 0px 0px 10px; text-align:left; margin:0px 0px 0px 20px;}
.kalkulace-box h4{float:left; width:100%; text-align:left; margin:20px 0px 2px 20px;}
.kalkulace-box input,select{display:block; float:left; width:350px; border:1px solid rgb(200,200,200); padding:9px; margin:5px 0px 5px 0px; font-family:sans-serif; background:white URL("../obr/bottom_tl_bg.png") left top repeat-x;}
.kalkulace-box select{width:370px; padding:9px;}
.kalkulace-box textarea{width:348px;}
.kalkulace-box input.tlacitko{width:101px; height:35px; margin:7px 180px 0px 0px; border:0px; padding:0px; float:right; background:URL("../obr/tlacitka/odeslat2.png") top left no-repeat; cursor:pointer;} .kalkulace-box input.tlacitko:hover{background:URL("../obr/tlacitka/odeslat2.png") 0px -36px no-repeat;}

/* 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-small{font-size:.85em;}

.text-bold{font-weight:bold !important;}
.text-italic{font-style:italic !important;}
.text-underline{text-decoration:underline !important;}
.text-underline-none{text-decoration:none !important;}

.text-red{color:rgb(186,22,22);}
.text-orange{color:rgb(220,51,0);}
.text-green{color:rgb(83,83,29);}
.text-blue{color:rgb(0,115,142);}

.border-none{border:0px !important;}
.margin-none{margin:0px !important;}
.background-none{background:none !important;}
.list-style-none{list-style:none !important;}

.display-none{display:none !important;}
.float-right{float:right;}
.float-left{float:left;}
.clear-both{clear:both;}

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

/* tagy ----------------------------------------------------------------------*/  
a{color:rgb(51,141,180);}
a:hover{color:rgb(11,101,140); text-decoration:none;}

/*h1, h2, h3, h4, h5, h6, h7{font-family: "Palatino Linotype", "New York CE", utopia, serif;}*/
h1{font-size:1.5em;font-weight:bold; float:right; color:black;margin:0px;padding:0px;}
h2{text-align:left; padding:0px; margin:3px 0px 21px 0px; font-size:1.7em; font-weight:normal; color:black; text-transform:uppercase; letter-spacing:-1px;}
h3{font-size:1.4em;font-weight:normal; color:rgb(51,141,180); margin:10px 0px 2px 0px;padding:0px; text-align:right;}
h4{font-size:1.2em;font-weight:bold;float:left;color:black;margin:30px 0px 0px 0px;}

big{font-size:1.15em; margin:0px;}

p{margin:0px 0px 12px 0px; padding:0px; line-height:1.6em; text-align:left;}
p.vyrazny{font-size:1.1em; }
.chyba{background:rgb(255,240,240); border:1px solid rgb(255,140,140); padding:5px 20px 5px 20px; line-height:2em;}
.dobra{background:rgb(240,255,240); border:1px solid rgb(140,230,140); padding:5px 20px 5px 20px; line-height:2em;}

address{float:left; line-height:1.9em; font-style:normal; padding:0px; margin:0px 0px 12px 0px; text-align:left; color:white; font-size:0.85em;}
address strong{display:block; width:210px; float:left; font-weight:normal;}
address img{border:0px; margin:0px 5px 0px 20px; vertical-align:middle;}

img{border:1px solid rgb(240,240,240); margin:5px 15px 5px 15px;}
ul{float:left; width:100%; margin:0px 0px 10px 0px; padding:0px; text-align:left;}	  
ul li{margin:10px 0px 10px 40px;}

ol{margin:0px 0px 20px 0px; padding:0px;}	  
ol li{margin:5px 0px 0px 35px;}

table{width:97%; margin:0px auto 10px auto; border:1px solid rgb(240,240,240); background:rgb(239,239,239);}
table th{padding:10px; width:40%; font-size:1.2em; font-weight:bold; color:rgb(80,80,80);}
table td{padding:10px; width:40%; background:rgb(246,246,246);}

table.uzky-radek td{padding:6px;}


hr{display:none;}
hr.aktivni{display:block; float:left; width:100%; height:1px; border:0px; color:rgb(235,235,235); background:rgb(235,235,235); margin:5px 0px 5px 0px;}