/* OBECNE */

body {background: #b9b9b9 url(../img/bg_body.jpg) center top no-repeat; margin: 0; padding: 0; font-family: Arial; font-size: 12px;}

img {border: 0;}



a {color: #ec3b07;}

a:hover {text-decoration: none;}



.hidden {display: none;}



#main {width: 865px; margin: 0 auto 0 auto;}



/* HLAVICKA */

h1 {font-family: Arial; letter-spacing: -9px; font-size: 90px; color: #3a3a3a; font-weight: bold; margin: 23px 0px 4px 9px; height: 97px; line-height: 77px;}



/* KONTAKT */

#kontakt {background: url(../img/bg_kontakt.png); height: 100px; margin: 30px 0 25px 0; padding: 0 48px 0 48px;}

#kontakt .box {padding: 31px 68px 32px 0; float: left; font-size: 12px; color: #222222; width: auto;}

#kontakt .kontaktni_formular {background: url(../img/kontaktni_formular.gif) top; width: 125px; height: 18px; margin: 41px 0 41px 0; float: left;}

#kontakt .kontaktni_formular:hover {background: url(../img/kontaktni_formular.gif) bottom;}



/* NABIDKA */
#nabidka {margin: 20px 0 36px 0;}

#nabidka_content {background: url(../img/bg_kontakt.png); padding: 15px 20px 10px;}

#nabidka h2 {margin: 0; padding: 0;}

#nabidka #nabidka_obsah {padding-top: 10px;}

#nabidka .polozka {border-top: 1px dashed #9a9999; padding: 10px 7px; display: block; position: relative; cursor: default;}

#nabidka .polozka span.sluzba {font-size: 13px; line-height: 18px; padding-right: 5px;}

#nabidka .polozka span.sluzba_popis {font-size: 11px; line-height: 16px; color: #494949;}

#nabidka .polozka div.cena {background: #11adbc; color: #fff; padding: 4px 10px; font-size: 12px; font-weight: bold; position: absolute; top: 8px; right: 5px;}

#nabidka .polozka a.objednat {background: #11adbc; color: #fff; padding: 4px 10px; font-size: 12px; font-weight: bold; position: absolute; top: 8px; right: 5px; display: none;}

#nabidka .polozka a.objednat:hover {background: #0b8894; text-decoration: underline;}


#nabidka .polozka:hover {background: url(../img/bg_blok_hover.png);}

/*#nabidka .polozka:hover div.cena {position: absolute; top: 8px; right: 80px;}

#nabidka .polozka:hover a.objednat {display: block;} */

#nabidka .polozka:hover span.sluzba_popis {display: none;}

#nabidka #zobrazit_skryt {margin: 0 0 0 750px; padding: 5px 7px 0px; width: 95px; background: url(../img/bg_kontakt.png);}

/* REFERENCE */

#reference .menu_nadpis {height: 45px; background: url(../img/bg_nadpisy.gif) repeat-x bottom left; padding: 0 3px 1px 3px; margin-right: 1px;}

#reference h2 {float: left; padding: 0; margin: 19px 0 0 0; font-size: 20px; color: #3d3d3d; width: 170px;}

#reference .menu_webdesign, .menu_loga, .menu_bannery, .menu_ostatni, .menu_active {float: right; height: 34px; margin: 3px 0 0 5px; width: auto;}

#reference .menu_webdesign {background: url(../img/menu_webdesign.gif) top center; width: 82px;}

#reference .menu_webdesign:hover {background: url(../img/menu_webdesign.gif) bottom center;}

#reference .menu_loga {background: url(../img/menu_loga.gif) top center; width: 107px;}

#reference .menu_loga:hover {background: url(../img/menu_loga.gif) bottom center;}

#reference .menu_bannery {background: url(../img/menu_bannery.gif) top center; width: 70px;}

#reference .menu_bannery:hover {background: url(../img/menu_bannery.gif) bottom center;}

#reference .menu_ostatni {background: url(../img/menu_ostatni.gif) top center; width: 105px;}

#reference .menu_ostatni:hover {background: url(../img/menu_ostatni.gif) bottom center;}



#reference .ref, #cistic {clear: both;}



.ref_img {width: 280px; height: 186px; margin: 14px 4px 0px 4px; padding-bottom: 14px; float: left; overflow: hidden; position: relative; background: url(../img/bg_nadpisy.gif) repeat-x bottom left; }

.ref_img h3 {margin: 0; padding: 3px 0 3px 0; color:#FFF; font-weight: bold;}

.ref_img p {margin: 0; color: #afafaf; font-size: 11px; }

.ref_img p.url {font-size: 10px; font-style: italic;}

.ref_img p.zobrazit {margin-top: 4px;}

.ref_img p.zobrazit a {color: #fff; font-size: 11px; text-align: right; float: right; background: #11adbc; padding: 2px 5px; text-decoration: none;}

.ref_img p.zobrazit a:hover {background: #0b8894;}

				

.ref_popis { 

padding: 10px;

float: left; 

position: absolute;

top: 240px;

left: 0; 

background: #000;

width: 260px;

background: url(../img/bg_sliding-box.png);

}

.ref_img:hover .ref_popis {top: 108px;}



/* PATICKA */

#paticka {background: url(../img/bg_kontakt.png); margin: 20px 0 30px 0; padding: 7px 10px 7px 10px; color: #717171; font-size:10px;}

#paticka .valid {float: right; width: auto;}

#paticka a {color: #717171;}

#paticka a:hover {text-decoration: none;}



/* UPOZORNENI */

#upozorneni {background: #b9b9b9; text-align: center; padding-bottom: 25px;}

#upozorneni h1 {font-size: 20px; letter-spacing: normal; padding: 20px 0 0 0; margin: 0; line-height: normal; height: auto;}

#upozorneni .zavreni {height: 32px; width: 82px; display: block; background: url(../img/tlacitko_konec.gif) top left no-repeat; border: 0; cursor: pointer; margin: 0 auto 0 auto;}

#upozorneni .zavreni:hover {background: url(../img/tlacitko_konec.gif) bottom left no-repeat;}