/*

Screen style

@version 04.02.2010 23:11:15

*/

body{background:#eeeeee url('../images/bg.png') top center repeat-x; text-align:center; font-size:75%; color:#000000;}

/* HLavni blok na stredu */
#box{width:800px; margin:0px auto; text-align:left; position:relative; border:0px red solid; margin-bottom:1em;}

/* Logo */
#logo{width:222px; margin-top:37px;}

/* Prekryti nadpisu hlavniho obrazkem - logo */
h1, h1 a{display:block; position:relative; width:222px; height:65px; overflow:hidden; margin-bottom:0;}
h1 a{background:url('../images/logo.png') 00 no-repeat; position:absolute; top:0; left:0;}
h1 a span{display:none;}

/* Klikaci rychlý kontakt obrazkem */
#contact{position:absolute; top:105px; left:35px;}
#contact a, #contact span{display:block; position:relative; width:147px; height:84px; overflow:hidden;}
#contact span{background:url('../images/contact.png') 00 no-repeat; position:absolute; top:0; left:0;}
#contact a{height:54px;padding-top:30px;}

/* Obrazková navigace */
#nav{position:absolute; top:2px; right:0;}
#nav ul{margin:0;}
#nav li{list-style-type:none; display:inline; margin:0; padding:0;}
#nav a{display:block; float:left; width:175px; height:54px; margin-left:1em;}
#nav a span{display:none;}

/* Stejne dlouhe + vyzmencovat jen na text + pridat +20 px na width + center position of bg */
#nav .bt-1 a{background:url('../images/bt/bt-1.png') center bottom no-repeat; width:71px; /*width:41px;*/}
#nav .bt-2 a{background:url('../images/bt/bt-2.png') center bottom no-repeat; width:135px; /*width:105px;*/ }
#nav .bt-3 a{background:url('../images/bt/bt-3.png') center bottom no-repeat; width:118px; /*width:88px;*/}
#nav .bt-4 a{background:url('../images/bt/bt-4.png') center bottom no-repeat; width:101px;/*width:71px;*/ }
#nav .selected a, #nav a:hover{background-position:center top;}




/* Obsah */
#content{margin-top:181px; background:#ffffff;}
.inner{padding:30px; padding-top:20px;}

#content ul{margin-left:1em;}
#content li{list-style-type:none; padding-left:16px; background:url('../images/bull.png') left center no-repeat; margin-bottom:5px;}

/* Floating sloupce v obsahu */
.col{float:left; width:350px; margin-right:3.1em;}
.end{margin-right:0;}

h2, h3{/*font-weight:bold;*/}
h2{background:#F3C410; font-size:180%; padding:30px; padding-top:20px; padding-bottom:15px; margin:0;}
h2, #nav a{text-transform:uppercase}
h3{color:#F3C410; font-size:150%;}

#footer{padding-top:1.3em; position:relative;}
#footer span{position:absolute; top:1.3em; right:0;}
#footer span a{margin-left:7px;}

#content a{color:#000000;}
#content h3 a{color:#F3C410;}
#content a:hover{color:grey;}

#footer, a{color:#aaaaaa;}
a:hover{color:#000000;}

#vehicles{width:559px; height:207px; position:absolute; top:78px; right:-40px; background:url('../images/vehicles2.png') 00 no-repeat;}


dl{margin-bottom:1.7em;  padding:0; border-bottom:1px solid #eeeeee;}
dt{margin-left:0; margin-bottom:5px;}
dt{font-weight:bold;}

h4{font-weight:bold; margin-bottom:5px;}

/*
.services h4{cursor:pointer; }
.services h4:hover{color:grey;}
*/

.services h3{ margin-bottom:10px;}
.services p{margin-bottom:0.8em;}
.separator{border-bottom:1px solid #eeeeee; margin-bottom:0.8em; padding-top:0.2em;}

