/* -- start setup -- */

* {
font-family : Helvetica,Arial,sans-serif;
font-size : small;
margin : 0;	
border : none;
padding : 0;
}

/* -- common -- */

.m2 {margin : 2px;}
.m5 {margin : 5px;}
.m10 {margin : 10px;}
.m20 {margin : 20px;}
.m30 {margin : 30px;}

.mt5 {margin-top : 5px;}
.mt10 {margin-top : 10px;}
.mt14 {margin-top : 13px;}

.mt20 {margin-top : 20px;}
.mt40 {margin-top : 40px;}

.ml5 {margin-left : 5px;}
.ml10 {margin-left : 10px;}
.ml20 {margin-left : 20px;}
.ml40 {margin-left : 40px;}

.mb5 {margin-bottom : 5px;}
.mb10 {margin-bottom : 10px;}
.mb20 {margin-bottom : 20px;}
.mb40 {margin-bottom : 40px;}

.mr5 {margin-right : 5px;}
.mr10 {margin-right : 10px;}
.mr20 {margin-right : 20px;}
.mr40 {margin-right : 40px;}

.b1red {border : 1px solid Red;}
.b1bl {border : 1px solid Black;}
.b2bl {border : 2px solid Black;}
.b1wh {border : 1px solid White;}
.b2wh {border : 2px solid White;}

.b1oranz {border : 1px solid #FE5815;}

.p2 {padding : 2px;}
.p5 {padding : 5px;}
.p10 {padding : 10px;}
.p20 {padding : 20px;}
.p30 {padding : 30px;}
.p60 {padding : 60px;}

.pt2 {padding-top : 2px;}
.pt5 {padding-top : 5px;}
.pt10 {padding-top : 10px;}
.pt20 {padding-top : 20px;}
.pt30 {padding-top : 30px;}

.pr2 {padding-right : 2px;}
.pr5 {padding-right : 5px;}
.pr10 {padding-right : 10px;}
.pr20 {padding-right : 20px;}
.pr30 {padding-right : 30px;}

.pb2 {padding-bottom : 2px;}
.pb5 {padding-bottom : 5px;}
.pb10 {padding-bottom : 10px;}
.pb20 {padding-bottom : 20px;}
.pb30 {padding-bottom : 30px;}

.pl2 {padding-left : 2px;}
.pl5 {padding-left : 5px;}
.pl10 {padding-left : 10px;}
.pl20 {padding-left : 20px;}
.pl30 {padding-left : 30px;}

.ml0 {margin-left : 0;}

/* -- text -- */
.bez_podtrz {text-decoration : none;}
.b {font-weight : bold;}
.norm {font-weight : normal;}
.i {font-style : italic;}
.u {text-decoration : underline;}
.text_doprostred {text-align : center;}
.text_blok {text-align : justify;}
.text_doleva {text-align : left;}
.vcenter {vertical-align : middle;}

/* -- colors --*/
.wh {color : White;}
.cervena {color : Red;}
.cerna {color : Black;}
.blue {color : #00A0C6;}
.green {color: #87AF12;}

/* -- display --*/
.neviditelny {visibility : hidden;}
.skryty {display : none;}

/* -- font size -- */
.mediuml {font-size : medium;}
.small {font-size : small;} /* -- start size --*/
.x_small {font-size : xx-small;}
.font_x_small {font-size : 10px;}
.xx_small {font-size : xx-small;}
.horni_index {vertical-align : super;}

/* -- float -- */
.float_left {float : left;}
.float_right {float : right;}

.clear {clear : both;}

/* -- all pages -- */
hr {display : none;}

body {
background-color : #006BB7;
text-align: center;
 background-image: url(../pcs/pcs_layout/background.jpg);
 background-position: top center;
 background-repeat: no-repeat;
}

#container {
width:970px;

padding-left:170px;
position:relative;

margin:25px auto;
text-align:left;
/*background-color: #ECDFB5;*/

background-image: url(../pcs/pcs_layout/container-background.gif);
background-position: right top;
background-repeat: repeat-y;
}

#header {
height: 241px;
background-color: #243F8E;
 background-image: url(../pcs/pcs_layout/hlavicka.jpg);
 background-position: center;
 background-repeat: no-repeat;
}


#main {
margin:25px 0 0 12px;
padding:0 20px 20px 0;
background-image: url(../pcs/pcs_layout/logo-background.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}

#content {
width:660px;
float:right;
}

#menu {width:235px;}
#menu {width:260px;}


#item {
float:left;
width:350px;
width:380px;
}

#barvy {
margin:25px 0;
}

.barva {
margin:5px 22px 5px 0;
font-size:11px;
float:left;
}

#foto {
/*width: 270px;*/
margin-left:350px;
text-align: center;
}

/*
.barvaBoxSingle {
width:100px;
width:150px;
height:15px;
}*/

.barvaBoxSingle {
width:150px;
height:15px;
border-top:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
}

.barvaBoxDouble, .barvaBoxDoubleSecond {
width:100px;
height:15px;
float:left;
border-top:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
}

.barvaBoxDoubleSecond {
width:50px;
}

.webMenu {margin:15px 20px;}
.webMenu a {
text-decoration:none;
text-transform:uppercase;
}

.webMenu a:HOVER {
text-decoration:underline;
}

h1 {
font-size:130%;
text-decoration:underline;
}

p.ods {margin:1.2em 0;}

#menuLinky {margin:10px 0 15px 0;	}

#menuLinky a {
text-decoration:none;
font-size:12px;
font-weight:bold;
margin-right:25px;

padding-left: 28px;
height:35px;
line-height:35px;
display:block;
float:left;
 
background-position: left center;
background-repeat: no-repeat;
}


.linkBarevnice {background-image: url(../pcs/pcs_layout/ico-barevnice.gif);}
.linkZnacka {background-image: url(../pcs/pcs_layout/ico-znacka.gif);}
.linkCertifikat {background-image: url(../pcs/pcs_layout/ico-kvalita.gif);}
.linkMaloobchod {background-image: url(../pcs/pcs_layout/ico-prodej.gif);}



/*	uprava menu - barevnost	*/
ul#dhtmlgoodies_topNodes li a {
color:Black;
font-weight:bold;
}

ul#dhtmlgoodies_topNodes ul li a {
color:#313131;
font-weight:bold;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

ul#dhtmlgoodies_topNodes ul li li a {
color:#606060;
color:Black;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
}


.finishMenu {
height:60px;
background-color: #006BB7;
background-image: url(../pcs/pcs_layout/finish-menu.gif);
background-position: right center;
background-repeat: no-repeat;
position:relative;
}

.finishMenu a {
display:block;
height:60px;
position:absolute;
top:0;
width:110px;
}


.finishMenu a.odkaz1 {right:0;}
.finishMenu a.odkaz2 {right:110px;}
.finishMenu a.odkaz3 {right:220px;}
.finishMenu a.odkaz4 {right:330px;}
.finishMenu a.odkaz5 {right:440px;}
.finishMenu a.odkaz6 {right:550px;}
.finishMenu a.odkaz7 {right:660px;}



#clovek, #clovekLong {
position:absolute;
top:0;
left:0;

background-image: url(../pcs/pcs_layout/osoba.jpg);
background-position: center;
background-repeat: no-repeat;

width:170px;
height:400px;
}

#clovekLong {
background-image: url(../pcs/pcs_layout/osoba-delsi.jpg);
height:460px;
}

#clovek h2, #clovekLong h2 {
position:absolute;
top:10px;
left:0;
text-align:center;
width:170px;
color:#253F8E;
font-size:20px;
}

#clovek .popisek strong {
color:White;
font-size:12px;
}

#clovek .popisek p {
font-size:11px;
}

#clovek .popisek, #clovekLong .popisek, #clovekLong .popisekEmpty {
position:absolute;
top:250px;
left:10px;
width:150px;
color:White;
font-size:11px;
}

#clovekLong .popisekEmpty {
top:50px;
}

#clovek .popisek a, #clovekLong .popisek a, #clovekLong .popisekEmpty a {
color:White;
}

#clovek .popisek strong, #clovekLong .popisek strong, #clovekLong .popisekEmpty strong {font-size:125%;}

#clovek .image, #clovekLong .image {
position:absolute;
top:45px;
left:6px;
}