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

STYLING FOR PS
*******************************************************************************/

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

#header_image_ps{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 1100px;
height: 264px;
background-image: url("./images/header_image_ps.jpg");
background-repeat: no-repeat;
}

#header_image_ps #navigation{
margin: 170px 0 0 80px;
width: 1000px;
height: 30px;
position: absolute;
font-size: 12px;
color: white;
}

#header_image_ps #navigation a{
color: white;
}

#header_image_ps #navigation a:hover{
text-decoration: none;
color: white;
}

#header_image_top{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 1100px;
height: 264px;
background-image: url("./images/header_image_aktual.jpg");
background-repeat: no-repeat;
}

#header_image_top #navigation{
margin: 170px 0 0 80px;
width: 1000px;
height: 30px;
position: absolute;
font-size: 12px;
color: white;
}

#header_image_top #navigation a{
color: white;
}

#header_image_top #navigation a:hover{
text-decoration: none;
color: white;
}

/*prave menu a obsah***********************************************************/

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

#content_ps #left{
margin: 0 0 0 0;
width: 725px;
float: left;
}

#content_ps #left #historie{
margin: 0 0 0 0;
width: 660px;
height: auto;
float: left;
}

#content_ps #left #historie p{
margin: 0 20px 10px 18px;
font-size: 12px;
line-height: 1.8;
}

#content_ps #left #oddel_uabox{
margin: 0 0 0 0;
width: 65px;
float: left;
}

#content_ps #left #uabox{
margin: 0 0 0 0;
width: 660px;
height: auto;
float: left;
}

#content_ps #left #uabox #header{
margin: 0 0 0 0;
width: 660px;
height: 52px;
float: left;
background-image: url("./images/ua_box_header.jpg");
background-repeat: no-repeat;
}

#content_ps #left #uabox #header h2{
font-size: 16px;
font-weight: bold;
margin: 20px 0 0 18px;
padding: 0 0 0 0;
font-style: normal;
position: absolute;
color: #ffffff;
}

#content_ps #left #uabox #middle{
margin: 0 0 0 0;
width: 660px;
height: auto;
float: left;
background-image: url("./images/ua_box_middle.jpg");
background-repeat: repeat-y;
}

#content_ps #left #uabox #middle p{
margin: 0 20px 10px 18px;
font-size: 12px;
line-height: 1.8;
}

#content_ps #left #uabox #bottom{
margin: 0 0 20px 0;
width: 660px;
height: 46px;
float: left;
background-image: url("./images/ua_box_bottom.png");
background-repeat: no-repeat;
}

#content_ps #left #text{
margin: 0 0 0 80px;
width: 645px;
height: auto;
}

#content_ps #left #text #katalog{
margin: 0 0 0 0;
width: 644px;
height: 356px;
background-image: url("./images/product_catalog.png");
background-repeat: no-repeat;
}

#content_ps #left #text #katalog #oddel{
margin: 0 0 0 0;
width: 64px;
height: 356px;
float: left;
}

#content_ps #left #text #katalog #left{
margin: 0 0 0 0;
width: 220px;
height: 356px;
float: left;
}

#content_ps #left #text #katalog #left p{
margin: 25px 0 0 0;
width: 220px;
height: 35px;
}

#content_ps #left #text #katalog #middle{
margin: 0 0 0 0;
width: 220px;
height: 356px;
float: left;
}

#content_ps #left #text #katalog #middle p{
margin: 25px 0 0 0;
width: 220px;
height: 35px;
}

#content_ps #left #text #katalog #right{
margin: 0 0 0 0;
width: 140px;
height: 356px;
float: left;
}

#content_ps #left #text #katalog #right p{
margin: 25px 0 0 0;
width: 140px;
height: 35px;
}

#content_ps #left #text #ostrava{
margin: 0 0 0 0;
width: 345px;
height: auto;
float: left;
}

#content_ps #left #text #brno{
margin: 0 0 0 0;
width: 300px;
height: auto;
float: left;
}

#content_ps #left #text p{
margin: 0 0 0 0;
width: 545px;
height: auto;
font-size: 12px;
}

#content_ps #left #text img{
margin: 0 20px 0 0;
width: 80px;
height: 80px;
float: left;
}

#content_ps #left #text span{
margin: 0 0 20px 0;
width: 645px;
height: auto;
float: left;
font-size: 12px;
line-height: 1.8;
}

#content_ps #left #text a{
text-decoration: none;
color: #264252;
font-size: 12px;
cursor: pointer;
}

#content_ps #left #text a:hover{
text-decoration: none;
color: white;
cursor: pointer;
}

#content_ps #left #text #detail p{
margin: 0 0 20px 0;
width: 200px;
height: auto;
float: left;
font-size: 12px;
}

#content_ps #left #text #detail .fotoholder, #content_ps #left #text #detail .fotoholder2 {
float: left;
margin: 0 20px 0 0;
clear: both;
}

#content_ps #left #text #detail .fotoholder td, #content_ps #left #text #detail .fotoholder2 td{
background: white;
border: 5px solid #c2e8ff;
width: 150px;
height: 150px;
text-align: center;
margin: 0px;
padding: 0px;
vertical-align: center;
}

#content_ps #left #text #detail .fotoholder td img, #content_ps #left #text #detail .fotoholder2 td img{
margin: auto;
float: none;
width: auto;
height: auto;
border: 0px;
}

#content_ps #left #text #detail span{
margin: 0 0 20px 0;
width: 300px;
height: auto;
float: left;
font-size: 12px;
}

#content_ps #left #text #detail a{
text-decoration: none;
color: #264252;
font-size: 12px;
cursor: pointer;
}

#content_ps #left #text #detail a:hover{
text-decoration: none;
color: white;
cursor: pointer;
}

#content_ps #right{
margin: 0 0 0 0;
width: 375px;
float: left;
}

#content_ps #right #panel{
margin: 0 0 0 0;
width: 375px;
height: 517px;
background-image: url("./images/box_bottom_ps.jpg");
background-position: top;
background-repeat: no-repeat;
}

#content_ps #right #panel #produkt{
margin: 0 0 0 0;
width: 375px;
height: 317px;
position: relative;
}

#content_ps #right #panel #produkt #left{
margin: 0 0 0 0;
width: 75px;
height: 317px;
float: left;
}

#content_ps #right #panel #produkt #right{
margin: 0 0 0 0;
width: 200px;
height: 317px;
float: left;
}

#content_ps #right #panel #produkt #right #aktualita1 {position: absolute; top: 0px; left: 70px;}
#content_ps #right #panel #produkt #right #aktualita2 {position: absolute; top: 83px; left: 70px;}
#content_ps #right #panel #produkt #right #aktualita3 {position: absolute; top: 164px; left: 70px;}
#content_ps #right #panel #produkt #right #ctete_1 {position: absolute; top: 238px; left: 70px;}

#content_ps #right #panel #produkt #right p{
margin: 10px 0 0 0;
width: 200px;
line-height: 1.5;
font-size: 12px;
}

#content_ps #right #panel #produkt #right a{
color: #ff6e17;
font-size: 12px;
font-weight: bold;
margin: 0 0 0 135px;
cursor: pointer;
}

#content_ps #right #panel #produkt #right a:hover{
text-decoration: none;
color: #ff6e17;
cursor: pointer;
}

#content_ps #right #panel #produkt #right #ctete_1{
margin: 30px 0 0 0;
width: 200px;
position: absolute;
}

#content_ps #right #panel #produkt #right #ctete_1 a{
color: #ff6e17;
font-size: 12px;
font-weight: bold;
margin: 0 0 0 0;
position: absolute;
}

#content_ps #right #panel #produkt #right #ctete_1 a:hover{
text-decoration: none;
}

#content_ps #right #panel #kontakt{
margin: 0 0 0 35px;
width: 340px;
height: 200px;
}

#content_ps #right #panel #kontakt #left{
margin: 0 0 0 0;
padding: 80px 0 0 0;
width: 130px;
height: 120px;
float: left;
}

#content_ps #right #panel #kontakt #right{
margin: 0 0 0 0;
padding: 20px 0 0 0;
width: 210px;
height: 180px;
float: left;
}

#content_ps #right #panel #kontakt a{
color: white;
}

#content_ps #right #panel #kontakt a:hover{
text-decoration: none;
color: white;
}

#content_ps #right #panel_top{
margin: 0 0 0 0;
width: 375px;
height: 517px;
background-image: url("./images/box_bottom_aktual.jpg");
background-position: top;
background-repeat: no-repeat;
}

#content_ps #right #panel_top #produkt{
margin: 0 0 0 0;
width: 375px;
height: 317px;
}

#content_ps #right #panel_top #produkt #left{
margin: 0 0 0 0;
width: 75px;
height: 317px;
float: left;
}

#content_ps #right #panel_top #produkt #right{
margin: 0 0 0 0;
width: 300px;
height: 317px;
float: left;
}

#content_ps #right #panel_top #produkt #right p{
margin: 15px 0 10px 0;
width: 300px;
height: auto;
font-size: 12px;
}

#content_ps #right #panel_top #produkt #right a{
text-decoration: none;
color: #264252;
cursor: pointer;
}

#content_ps #right #panel_top #produkt #right a:hover{
text-decoration: none;
color: #ff6e17;
cursor: pointer;
}

#content_ps #right #panel_top #kontakt{
margin: 0 0 0 35px;
width: 340px;
height: 200px;
}

#content_ps #right #panel_top #kontakt #left{
margin: 0 0 0 0;
padding: 80px 0 0 0;
width: 130px;
height: 120px;
float: left;
}

#content_ps #right #panel_top #kontakt #right{
margin: 0 0 0 0;
padding: 20px 0 0 0;
width: 210px;
height: 180px;
float: left;
}

#content_ps #right #panel_top #kontakt a{
text-decoration: none;
color: white;
cursor: pointer;
}

#content_ps #right #panel_top #kontakt a:hover{
cursor: pointer;
text-decoration: none;
color: white;
}

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

#bottom_ps{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 1100px;
height: 85px;
float: left;
}

#bottom_ps #bottom_image{
height: 85px;
width: 1100px;
background-image: url("./images/bottom_ps.png");
background-repeat: no-repeat;
margin: 0 0 0 0;
}

#bottom_ps #bottom_image img{
height: 45px;
width: 170px;
margin: 32px 0 0 40px;
position: absolute;
}

#bottom_ps #bottom_image #left_side{
margin: 45px 0 0 59px;
float: left;
text-decoration: none;
color: #264252;
font-size: 12px;
}

#bottom_ps #bottom_image #right_side{
margin: 32px 0 0 0;
padding: 0 0 0 30px;
float: left;
}

#bottom_ps #bottom_image #right_side #text{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

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

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

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

.clear
{clear: both;}