/* CSS Document */


body
{
font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
background-color: #47545f; 
background-image: url(bg.png);
background-repeat: repeat-x;
text-align: center;
padding: 0px;
margin: 0px;
color: #ffffff;
}


h1
{
color: #a6b2bd;
font-size: 15pt;
margin-top: 2px;
margin-bottom: 2px;
line-height:160%;
}

h2
{
color: #7e8c96;
font-size: 13pt;
padding-left: 10px;
margin-top: 2px;
margin-bottom: 2px;
line-height:160%;
}

h3
{
color: #546777;
font-size: 11pt;
padding-left: 20px;
margin-top: 2px;
margin-bottom: 2px;
line-height:160%;
}

p {line-height:160%;}

#main
{

margin: 0 auto;
width: 898px;
margin-top: 65px;


}


#top
{
background-image: url(top.jpg);
position:relative;
float: left;
height: 262px;
width: 898px;


}
#top a#logo{
   display: block;
    height: 50px;
    left: 40px;
    position: absolute;
    top: 30px;
    width: 250px;
    text-indent:-9999em;
    outline:none;
}
#drill{z-index:4;}

/* jazyky */
.lang img, .lang a{border:0 none; text-decoration:none;margin-left:10px;}
.lang a.img{border:1px solid #2c3f50;border:1px solid #7d8d9b; display:block;height:17px;width:27px;float:left;}
.lang a.cz{background: transparent url('../images/cz_bg.png') 0 -17px no-repeat;}
.lang a.de{background: transparent url('../images/de_bg.png') 0 -17px no-repeat;}
.lang a.img:hover {border:1px solid #7d8d9b;border:1px solid #fff; background-position:0 0;}
.lang{
right:5px;
overflow:hidden;
position:absolute;
top:19px;
width:84px;
}

/*    MENU TOP    */

div#menu-top{
position:relative;
top: 11px;
_top: 11px;
left:317px;
_left: 118px;
width: 500px;
height: 39px;
background: gray url(menuback-top.png) top left no-repeat;
}


div.menu-top_item{
display: inline;
}


#menu-top a{
outline:none;
font-size:0.85em;
color: white;
text-decoration: none;
}

#menu-top .first-top, .first-top-active{
position: absolute;
top: 0px;
display:block;
width: 268px;
height: 38px;
padding-top: 10px;
left: -20px;
text-align: center;
}

#menu-top .first-top:hover{
background: transparent url(hover_top_first.gif) top center no-repeat;
color: #000000 !important;
}

#menu-top .first-top-active{
background: transparent url(hover_top_first.gif) top center no-repeat;
color: #000000 !important;
}

#menu-top .second-top, .second-top-active{
position: absolute;
top: 0px;
display:block;
width: 191px;
height: 37px;
padding-top: 10px;
left: 173px;
text-align: center;
}

#menu-top .second-top:hover{
background: transparent url(hover_top_second.gif) top center no-repeat;
color: #000000 !important;
}


#menu-top .second-top-active{
background: transparent url(hover_top_second.gif) top center no-repeat;
color: #000000 !important;
}


#menu-top .third-top, .third-top-active{
position: absolute;
top: 0px;
display:block;
width: 190px;
height: 39px;
padding-top: 10px;
left: 308px;
text-align: center;
}

#menu-top .third-top:hover{
background: transparent url(hover_top_third.gif) top center no-repeat;
color: #000000 !important;
}


#menu-top .third-top-active{
background: transparent url(hover_top_third.gif) top center no-repeat;
color: #000000 !important;
}


/*     KONEC MENU TOP       */


div#menu{
position:relative;
top: 180px;
_top: 180px;
left:279px;
_left: 85px;
width: 510px;
height: 39px;
background: gray url(menuback.png) top left no-repeat;
}

div.menu_item{
display: inline;
}


#menu a{
outline:none;
font-size:0.85em;
color: white;
text-decoration: none;
}

#menu .first, .first-active{
position: absolute;
top: 0px;
display:block;
width: 154px;
height: 39px;
padding-top: 10px;
left: 1px;
text-align: center;
}

#menu .first:hover{
background: transparent url(hover_first.gif) top center no-repeat;
color: #000000 !important;
}

#menu .first-active{
background: transparent url(hover_first.gif) top center no-repeat;
color: #000000 !important;
}

#menu .second, .second-active{
position: absolute;
top: 0px;
display:block;
width: 154px;
height: 39px;
padding-top: 10px;
left: 117px;
text-align: center;
}

#menu .second:hover{
background: transparent url(hover_next.gif) top center no-repeat;
color: #000000 !important;
}


#menu .second-active{
background: transparent url(hover_next.gif) top center no-repeat;
color: #000000 !important;
}


#menu .third, .third-active{
position: absolute;
top: 0px;
display:block;
width: 154px;
height: 39px;
padding-top: 10px;
left: 233px;
text-align: center;
}

#menu .third:hover{
background: transparent url(hover_next.gif) top center no-repeat;
color: #000000 !important;
}


#menu .third-active{
background: transparent url(hover_next.gif) top center no-repeat;
color: #000000 !important;
}


#menu .fourth, .fourth-active{
position: absolute;
top: 0px;
display:block;
width: 154px;
height: 39px;
padding-top: 10px;
left: 349px;
text-align: center;
}

#menu .fourth:hover{
background: transparent url(hover_next.gif) top center no-repeat;
color: #000000 !important;
}


#menu .fourth-active{
background: transparent url(hover_next.gif) top center no-repeat;
color: #000000 !important;
}

#menu .fifth, .fifth-active{
position: absolute;
top: 0px;
display:block;
width: 154px;
height: 39px;
padding-top: 10px;
left: 465px;
text-align: center;
}

#menu .fifth:hover{
background: transparent url(hover_next.gif) top center no-repeat;
color: #000000 !important;
}


#menu .fifth-active{
background: transparent url(hover_next.gif) top center no-repeat;
color: #000000 !important;
}


#content
{
float: left;
width: 874px;
background-color: #151f28;
border-width: 12px;
border-color: #304251;
border-style: solid;
border-left-width: 12px;
border-right-width: 12px;

}


#content_top
{
text-align: justify;
margin-left: 280px;
padding-right: 50px;
padding-bottom: 50px;
margin-top: 20px;
margin-bottom: 20px;
}



#content_top_inside
{
text-align: left;
margin-left: 30px;
padding-top: 10px;
padding-bottom: 15px;
width: 600px;
float: left;
}

#content_top_inside p
{
width: 550px;
float: left;
}

#img_vrt
{
float: left;
border: 1px #39444e solid
float: left; 
width: 208px;
height: 258px;
margin-left: 15px;
margin-top: 40px;
}

#vrty
{
float: left;
margin: 20px 30px;
width: 800px;
text-align: left;
}

p
{
margin-left: 20px;
margin-top: 5px;
}
.tucne
{
margin-left: 22px;

}
#top_img
{
border: 1px #39444e solid;
float: left; 
width: 209px;
height: 259px;

}

#content_middle
{
float: left;
background-image: url(middle_bg.jpg);
width: 874px;
height: 37px;
}

#content_middle2
{
float: left;
background-image: url(middle_bg2.jpg);
width: 874px;
height: 37px;
}

#content_middle3
{
float: left;
background-image: url(middle_bg.gif);
width: 874px;
height: 37px;
}

#content_bottom
{
float: left;
padding-bottom: 10px;
background-color: #10171e;
}

#content_middle h2
{
padding-left:52px;
color: #fff !important;
margin-top: 8px;
}

.technika_obsah
{
text-align: left;
margin-left: 30px;
padding-top: 10px;
padding-bottom: 15px;
width: 600px;
float: left;
}

.small_box
{
font-size: 14px;
width: 105px ;
float: left;
margin-left: 4px;
margin-top: 20px;
_margin-left: 1px;
}


.small_box2
{
float: left;
width: 210px;
margin-left: 5px;
margin-top: 7px;
text-align: left;
}

.box_number2
{
color: #47545f !important;
font-size: 20px;
}
.box_number
{
color: #47545f !important;
}


.small_box img
{
border: 1px #39444e solid;
_border: 0px #39444e solid;
}
.small_box a
{
color: #fff;
text-decoration: none;
}

.small_box2 img
{
border: 3px #39444e solid;
float: left;
margin-right: 5px;

}


#drill

{

display: block;
position: absolute;
margin-top: 109px;
margin-left: 29px;
width: 248px;
height: 386px;
background-image: url(drill.jpg);
background-repeat: no-repeat;

}

ul
{
margin-top: 0px !important;
}

.seznam li
{
list-style-image: url(li_ar.jpg);
line-height:160%;

}


.seznam ul li
{
color: #61717f;
list-style-image: url(ulli_disc.png);
margin-left: 30px;
line-height:160%;


}

#reference_obsah
{
float: left;
width: 850px;
text-align: left;
padding-top: 10px;
margin-left: 30px;
}

#kontakt
{
float: left;
width: 850px;
text-align: left;
padding-top: 10px;
margin-left: 30px;
height:800px;
}

#adresa
{
position: relative;
left: 0px;
right: 0px;
width: 400px;
}

#mapa
{
position: relative;
width: 400px;
top: -400px;
left: 405px;
}

#formular
{
 float: left;
width: 400px;
}

#formular th
{
text-align: left;
font-weight: normal;
}

#formular table
{
margin-left: 15px;
}

.povinne
{
color: #546777;
margin-left: -3px;
}

#sipky
{
width: 874px;
float: left;
height: 50px;
text-align: left;

}

#sipky img
{
margin-top: 15px;
margin-left: 167px;
}

.sipka2
{
margin-left: 199px !important;
}

.nadpis
{
margin-top: -15px;
padding-top: 0;
}

#border
{
border: 1px #7d8d9b solid;
float: left;

}

#wp_link
{
background-image: url(wp_link.png);
float: right;
background-repeat: no-repeat;
width: 239px;
height: 29px;

}

#wp_link a
{
color: #22323f;
font-size: 10pt;
line-height: 29px;
text-decoration: none;

}

#rozcestnik 
{ 
border: 3px solid #000;
}

.seznam a
{
color: #fff;

}

#mail
{
color: #fff !important;

}

#content_middle h2{text-align:left;padding-left:310px;}
th.prazdne {color:#ff3322;}
th.povinne {color:#fff;}
th.povinne:after ,th.prazdne:after{content:"*"}

#facebookstyle-block { width: 400px; height:300px; padding-bottom: 20px; padding-top: 20px; margin-left: auto; margin-right:auto; text-align:center; color:#FFFFFF; position: relative; left: 200px; top: -400px; _top: -400px; _left: 400px; } 
#facebookstyle-lista { background-color:#aabbcc; width: 291px; height:33px; margin-left: auto; margin-right:auto; text-align:center; color:#FFFFFF; }
#facebookstyle-faces { background-color:rgb(81, 94, 105); position:relative; left:0; top:63px; _top: -193px; width:291px; height: 170px; margin-left: auto; margin-right:auto; text-align:center; z-index:0; }

.total { color:#FFFFFF; }