/*******************************************************************************
QUALITOP v 1.0
created 2oo9

STYLING FOR MASTER INDEX
*******************************************************************************/

body{
background: #78cdff url("./images/background_img.gif") left top repeat-x;
color: #264252;
font-size: 11px;
font-family: Arial,Verdana,Tahoma,sans-serif;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#wrapper{
width: 1100px;
margin: 0px auto;
background-image: url("./images/background.jpg");
}

h1{
font-size: 25px;
color: white;
font-weight: 100;
margin: 210px 0 0 80px;
padding: 0 0 0 0;
font-style: normal;
position: absolute;
}

h2{
font-size: 16px;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-style: normal;
position: absolute;
}

h3{
font-size: 12px;
font-weight: 100;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-style: normal;
position: absolute;
}

/*header***********************************************************************/

#header{
height: 134px;
width: 1100px;
background-image: url("./images/header.jpg");
background-repeat: repeat-x;
margin: 0 0 0 0;
}

#header #logo{
width: 514px;
height: 134px;
margin: 0 0 0 0;
float: left;
}


#header #logo img{
margin: 30px 0 0 75px;
position: absolute;
}

#header #logo h4{
font-size: 19px;
color: #b4e2fd;
font-weight: normal;
margin: 85px 0 0 80px;
position: absolute;
}

#header #logo a{
text-decoration: none;
cursor: pointer;
}

#header #logo a:hover{
text-decoration: none;
cursor: pointer;
}

/*header menu******************************************************************/

#header #menu{
margin: 0 0 0 0;
height: 64px;
}

#header #menu ul{
list-style-type: none;
margin: 0 0 0 0;
padding-left: 40px;
}

#header #menu li{
display: inline;
padding-left: 15px;
color: #79ccfe;
font-size: 16px;
font-family: Arial;
font-weight: bold;
}

#header #menu a{
text-decoration: none;
font-size: 16px;
color: #79ccfe;
}

#header #menu a:hover{
text-decoration: none;
font-size: 16px;
color: white;
}

/*header obrazok***************************************************************/

#header_image{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 1100px;
height: 259px;
}

#header_image #header_image_left{
margin: 0 0 0 0;
height: 259px;
width: 514px;
float: left;
background-image: url("./images/header_image_left.jpg");
background-repeat: no-repeat;
}

#header_image #header_image_right{
margin: 0 0 0 0;
height: 259px;
width: 586px;
float: left;
background-image: url("./images/header_image_right.png");
background-repeat: no-repeat;
}

/*menu obrazkove a obsah*******************************************************/

#content{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 1100px;
height: 425px;
float: left;
background-image: url("./images/background.jpg");
}

#content #help{
margin: 0 0 0 0;
width: 59px;
height: 425px;
float: left;
}

#content #menu{
width: 980px;
height: 99px;
float: left;
}

#content #menu #menu_button_kat {
height: 99px;
width: 327px;
float: left;
margin: 0 0 0 0;
background-image: url("./images/button_kat.png");
}

#content #menu #menu_button_kat a {
margin: 25px 0 0 110px;
text-decoration: none;
font-size: 20px;
font-weight: normal;
color: #264252;
cursor: pointer;
position: absolute;
}

#content #menu #menu_button_proc{
height: 99px;
width: 355px;
float: left;
margin: 0 0 0 0;
background-image: url("./images/button_proc.png");
}

#content #menu #menu_button_proc a {
margin: 25px 0 0 160px;
text-decoration: none;
font-size: 20px;
font-weight: normal;
color: #264252;
cursor: pointer;
position: absolute;
}

#content #menu #box_top{
height: 99px;
width: 298px;
background-image: url("./images/box_top.png");
background-repeat: no-repeat;
margin: 0 0 0 0;
float: left;
}

#content #menu #box_top #aktuality{
margin: 0 0 0 140px;
font-size: 20px;
font-weight: bold;
color: #264252;
position: absolute;
}

#content #menu #box_top p{
width: 200px;
position: absolute;
margin: 45px 0 0 50px;
line-height: 1.5;
font-size: 12px;
}

#content #menu #box_top a{
color: #ff6e17;
font-size: 12px;
font-weight: bold;
margin: 85px 0 0 195px;
position: absolute;
}

#content #menu #box_top a:hover{
text-decoration: none;
}

#content #text{
width: 990px;
height: 326px;
float: left;
position: relative;
}

#content #text #left{
margin: 0 0 0 0;
width: 682px;
height: 326px;
float: left;
}

#content #text #left #image{
height: 232px;
width: 327px;
float: left;
background-image: url("./images/image.jpg");
background-repeat: no-repeat;
margin: 0 0 0 0;
}

#content #text #left #box_d{
height: 232px;
width: 355px;
float: left;
background-image: url("./images/box_d.jpg");
background-repeat: no-repeat;
margin: 0 0 0 0;
}

#content #text #left #box_d #odsat{
margin: 0 0 0 0;
width: 40px;
height: 232px;
float: left;
}

#content #text #left #box_d ul{
list-style-type: none;
margin: 90px 0 0 0;
line-height: 1.9;
}

#content #text #left #box_d li{
font-size: 12px;
font-weight: normal;
}

#content #text #left #box_d a{
text-decoration: none;
color: #264252;
}

#content #text #left #box_d a:hover{
text-decoration: none;
color: white;
}

#content #text #right{
margin: 0 0 0 0;
width: 298px;
height: 326px;
position: absolute;
top: 0px;
right: 10px;
}

#content #text #right #box_bottom{
height: 327px;
width: 298px;
background-image: url("./images/box_bottom.png");
background-repeat: no-repeat;
margin: 0 0 0 0;
float: left;
position: relative;
}

#content #text #right #box_bottom #left{
height: 327px;
width: 50px;
margin: 0 0 0 0;
float: left;
}

#content #text #right #box_bottom #right_1{
position: absolute;
height: 74px;
width: 200px;
margin: 0 0 0 0;
left: 50px;
top: 27px;
}

#content #text #right #box_bottom #right_1 p{
width: 200px;
margin: 5px 0 10px 0;
line-height: 1.5;
font-size: 12px;
}

#content #text #right #box_bottom #right_1 a{
color: #ff6e17;
font-size: 12px;
font-weight: bold;
margin: 0 0 0 145px;
position: absolute;
}

#content #text #right #box_bottom #right_1 a:hover{
text-decoration: none;
}

#content #text #right #box_bottom #right_2{
height: 80px;
width: 200px;
margin: 0 0 0 0;
position: absolute;
left: 40px;
top: 108px;
}

#content #text #right #box_bottom #right_2 p{
width: 200px;
margin: 0 0 0 0;
line-height: 1.5;
font-size: 12px;
}

#content #text #right #box_bottom #right_2 a{
color: #ff6e17;
font-size: 12px;
font-weight: bold;
margin: 0 0 0 145px;
position: absolute;
}

#content #text #right #box_bottom #right_2 a:hover{
text-decoration: none;
}

#content #text #right #box_bottom #right_2 #ctete{
width: 180px;
position: absolute;
top: 60px;
left: 10px;
}

#content #text #right #box_bottom #right_2 #ctete a{
color: #ff6e17;
font-size: 12px;
font-weight: bold;
margin: 40px 0 0 0;
position: absolute;
}

#content #text #right #box_bottom #right_2 #ctete a:hover{
text-decoration: none;
}

#content #text #right #box_bottom #right_2 #image{
width: 170;
height: 45px;
position: absolute;
top: 170px;
left: 80px;
}

#content #text #right #box_bottom #right_2 #image a{
margin: 0 0 0 0;
text-decoration: none;
}

#content #text #left #middle{
height: 94px;
width: 682px;
float: left;
background-image: url("./images/middle.jpg");
background-repeat: no-repeat;
margin: 0 0 0 0;
}

#content #text #left #middle #text_left{
height: 94px;
width: 327px;
margin: 30px 0 0 20px;
font-size: 11px;
float: left;
}

#content #text #left #middle #text_left a{
color: white;
}

#content #text #left #middle #text_right{
height: 94px;
width: 355px;
margin: 30px 0 0 -40px;
font-size: 11px;
float: left;
}

/*zapatie**********************************************************************/

#bottom{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 1100px;
height: 82px;
float: left;
background-image: url("./images/background.jpg");
}

#bottom #bottom_image{
height: 82px;
width: 980px;
background-image: url("./images/bottom.png");
background-repeat: no-repeat;
margin: 0 0 0 59px;
}

#bottom #left_side{
margin: 40px 0 0 10px;
float: left;
text-decoration: none;
color: #264252;
font-size: 12px;
}

#bottom #right_side{
margin: 25px 0 0 0;
padding: 0 0 0 30px;
float: left;
}

#bottom #right_side #text{
font-size: 11px;
font-weight: bold;
margin: 0 0 0 0;
}

#bottom input{
border: 0;
background-color: #ffffff;
font-size: 11px;
font-family: Arial;
padding: 2px 6px 2px 6px;
}

#bottom #odeslat-button{
cursor: pointer;
color: #264252;
background-color: #ffbd17;
font-size: 11px;
font-family: Arial;
}

#header #odeslat-button:hover{
cursor: pointer;
color: white;
background-color: #ffbd17;
}