/* -- start setup -- */

* {
font-family : Helvetica,Arial,sans-serif;
font-size : x-small;
margin : 0;	
border : none;
padding : 0;
color:#787878;
}

/* -- 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 : White;
text-align: center;
}

#container {
margin:0 auto;
width : 995px;
text-align: left;
}

#header {
height:135px;
background-image : url(../pcs/pcs_layout/logo.gif);
background-position : right center;
background-repeat : no-repeat;
position:relative;
}

#homeRun {
display:block;
position:absolute;
top:12px;
right:0;
width:330px;
height:110px;
}

#firstMenu {
position:absolute;
top:33px;
left:0px;
}

#secondMenu {
position:absolute;
top:33px;
left:206px;
}

#firstMenu li, #secondMenu li {list-style-type : none;}

#firstMenu a, #secondMenu a {
display:block;
width:190px;
padding-left:15px;
height:15px;
line-height:15px;
text-decoration:none;
text-transform : uppercase;
/*color:#B8B8B8;*/
}

#firstMenu a:HOVER, #secondMenu a:HOVER, #firstMenu a.activeLink, #secondMenu a.activeLink {
background-color : #92CC20;
color : White;
}

#newsArea {
margin-top:8px;
background-image : url(../pcs/pcs_layout/main-background.gif);
background-position : top left;
background-repeat : repeat-y;
background-color : White;
position : relative;
height:346px;
}

#flashArea {
position:absolute;
top:0;
right:50px;
width:740px;
height:346px;
background-position : center;
background-repeat : no-repeat;
}

#flashArea a {
position:absolute;
bottom:6px;
right:9px;
display:block;
float:left;
background-color: #8ECC00;
color:White;
text-decoration:none;
font-size:12px;
padding:3px 5px;
font-weight:bold;
}

.background1 {background-image : url(../pcs/pcs_layout/pcs1.jpg);}
.background2 {background-image : url(../pcs/pcs_layout/pcs2.jpg);}
.background3 {background-image : url(../pcs/pcs_layout/pcs3.jpg);}
.background4 {background-image : url(../pcs/pcs_layout/pcs4.jpg);}
.background5 {background-image : url(../pcs/pcs_layout/pcs5.jpg);}
.background6 {background-image : url(../pcs/pcs_layout/pcs6.jpg);}

.backgroundKarate {background-image : url(../pcs/pcs_ref/karate.jpg);}
.backgroundMraveniste {background-image : url(../pcs/pcs_ref/mraveniste.jpg);}
.backgroundInt {background-image : url(../pcs/pcs_ref/interier74.jpg);}
.backgroundAas {background-image : url(../pcs/pcs_ref/atlantis.jpg);}
.backgroundJerome {background-image : url(../pcs/pcs_ref/jerome.jpg);}
.backgroundBubliny {background-image : url(../pcs/pcs_ref/bubliny.jpg);}
.backgroundEdekor {background-image : url(../pcs/pcs_ref/edekor.jpg);}
.backgroundSex {background-image : url(../pcs/pcs_ref/eroticcity.jpg);}
.backgroundFmobil {background-image : url(../pcs/pcs_ref/fmobil.jpg);}
.backgroundJasmine {background-image : url(../pcs/pcs_ref/kadernictvi.jpg);}
.backgroundGorenje {background-image : url(../pcs/pcs_ref/gorenje.jpg);}
.backgroundOrto {background-image : url(../pcs/pcs_ref/ortopedica.jpg);}
.backgroundKufa {background-image : url(../pcs/pcs_ref/perfectclinic.jpg);}
.backgroundUzij {background-image : url(../pcs/pcs_ref/uzijsito.jpg);}

#newsArea *  {color:White;}

#newsArea .odd  {
width:205px;
height:25px;
font-size:1px;
background-image : url(../pcs/pcs_layout/dot.gif);
background-position : center center;
background-repeat : repeat-x;
}

#newsArea p.h2, #newsArea p.h2, #newsArea p, #newsArea p.h3  {padding-left:15px;}
#newsArea p.h2  {display:inline;}

#newsArea p.h2 {
font-size:160%;
text-transform : uppercase;
font-weight:bold;
}

#newsArea p.h2 a {
font-size:65%;
font-weight:normal;
margin-left:18px;
text-decoration:none;
text-transform : uppercase;
}

#newsArea p.h3 {
font-size:135%;
font-weight:normal;
width:175px;
text-transform : uppercase;
padding:0 0 0 15px;
margin:0;
}

#newsArea p {
width:175px;
margin:5px 0;
}

#content {
margin-top:22px;
padding-right:90px;
}

#main {
float:right;
width:670px;
}

#main h1 {
margin-top:10px;	/*	srov.sloupcu	*/
font-size:290%;
text-transform : uppercase;
color:Black;
line-height:92%;
}

#main h2 {
margin:20px 0 0 0;
font-size:170%;
text-transform : uppercase;
color:Black;
}

p.mainText {
font-size:150%;
margin:1em 0 0.7em 0;
line-height:130%;
}

p.mainTextLeft {
font-size:150%;
margin:1em 0 0.7em 0;
line-height:130%;
float:left;
width:320px;
}

.mainText a, .mainText strong, .mainTextLeft a, .mainTextLeft strong {font-size:100%;}

#main .odd  {
width:670px;
height:25px;
font-size:1px;
background-image : url(../pcs/pcs_layout/dot-grey.gif);
background-position : center center;
background-repeat : repeat-x;
}

.ods, .odsLeft {
margin:1em 0;
line-height:140%;
font-size:115%;
}

.odsLeft {
width:325px;
float:left;
}

.ods a, .ods strong, .odsLeft a, .odsLeft strong  {font-size:100%;}

.itemList {margin:1em 20px;}

.itemList li {
line-height:170%;
font-size:115%;
}

.referenceList li {
line-height:170%;  
list-style-type: none; 
font-size:115%;
text-transform:uppercase;
color: #92CC20;
}

.referenceList li a {
font-size:100%;
text-transform:uppercase;
color: #92CC20;
text-decoration:none;
}

.referenceList li a:HOVER {color:#787878;}

.itemList li strong, .itemList li a {font-size:100%;}
#reference  {width:190px;}

#reference .odd  {
width:205px;
width:190px;
height:25px;
font-size:1px;
background-image : url(../pcs/pcs_layout/dot-grey.gif);
background-position : center center;
background-repeat : repeat-x;
}

#reference h2 {
font-size:160%;
text-transform : uppercase;
color:Black;
}

#reference h2 a {
font-size:65%;
font-weight:normal;
margin-left:18px;
text-decoration:none;
text-transform : uppercase;
color:#35D4F0;
}

#reference h3 {
font-size:135%;
font-weight:normal;
width:175px;
text-transform : uppercase;
color:#92CC20;
}

/*.referenceRight {margin-left:330px;}*/

.reference  {
float:left;
width:310px;
height:145px;
margin-right:20px;
}

.reference img  {
float:left;
margin:0 20px 20px 0;
}
.reference strong {font-size:110%;}





#contactForm {margin: 30px 0;}

#contactForm label, #contactForm input {
display: block;
float: left;
margin-bottom: 5px;
}

#contactForm label {
font-size:120%;
width: 140px;
}

#contactForm.sirsiForm label {
width: 250px;
font-size:120%;
}

#contactForm input, #contactForm select, #contactForm textarea {
margin-bottom: 5px;
border : 1px solid Black;
}

#contactForm input.error, #contactForm select.error, #contactForm textarea.error  {border : 1px solid red;}

#contactForm textarea.komplet {
width: 398px;
height : 90px;
}

#contactForm select {
width: 260px;
_margin-left: -3px;
}

#contactForm select.short {width: 136px;}
#contactForm input {padding : 2px;}
#contactForm input.short {width: 130px;}
#contactForm input.long {width: 254px;}
#contactForm input.submit {width: 260px;}

#contactForm option {
padding : 1px;
padding : 2px;
color : #617ea9;
}

#contactForm legend {
text-align: left;
font-weight : bold;
padding-top: 20px;
_margin-left: -6px
}

#contactForm label {
text-align: left;
padding-top : 4px;
}

#contactForm p {margin-top : 20px;}
#contactForm br {
clear: left;
line-height : 8px;
}

#contactForm .povinne {
font-size : small;
color: Red;
}

#contactForm input.submit {
font-size:120%;
background-color : #92CC20;
font-weight : bold;
width: 170px;
text-align: center;
color: White;
border:none;
}

#chybove_odeslani, #uspesne_odeslani {
margin: 20px 0;
font-weight: bold;
color: #0505A5;
}

#chybove_odeslani {color: Red;}

#credits {
margin:5px auto;
width : 810px;
text-align: right;
}

#credits a {color:#989898;}
#credits a:HOVER {color:#626262;}