/* -- start setup -- */

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

/* -- 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 : #C8E3FF;
text-align: center;
}

#introContainer {
margin: 35px auto 5px auto;
text-align: left;
width: 805px;
height: 505px;
background-color: #99CCFF;
position: relative;
border-top: 5px solid #66A1DE;
border-bottom: 5px solid #66A1DE;
}

#homeRun {
position: absolute;
top: 69px;
left: 46px;
display: block;
width: 145px;
height: 91px;
background-image: url(../pcs/pcs_layout/logo-intro.gif);
background-position: center;
background-repeat: no-repeat;
}

#menuArea {
text-align: center;
position: absolute;
top: 231px;
left: 0px;
width: 241px;
height: 206px;
background-color: #CCFEFF;
}

#menuArea ul {margin-top: 20px;}
#menuArea ul {margin-top: 10px;}
#menuArea ul li { 
list-style-type: none;  
line-height: 1.6em;   
}

#menuArea ul li a { 
color: Black;  
text-decoration: none;
}

#menuArea ul li.red a { color: Red; }
#menuArea ul li a:HOVER, #introAdresa a:HOVER { text-decoration: underline;}

#introAdresa {
position: absolute;
text-align: left;
bottom: 23px;
_bottom: 20px;
left: 35px;
font-size: 10px;
line-height: 12px;
color: Black;  
}

#introAdresa a  {
font-size: 10px;
color: Black;  
text-decoration: none;
}

#introFlash {
position: absolute;
top: 0;
right: 20px;

_right: 19px;

width: 544px;
height: 231px;

/*background-image: url(../pcs/pcs_layout/flash-tmp.jpg);
background-position: center;
background-repeat: no-repeat;	*/
overflow: hidden;
}

#introMain {
position: absolute;
bottom: 0px;
right: 0px;

_bottom: -1px;
_right: -1px;

width: 564px;
height: 274px;
background-image: url(../pcs/pcs_layout/intro-text-background.gif);
background-position: center;
background-repeat: no-repeat;		
}

#introMainContent {margin: 15px 52px 0 35px;	}
#introMainContent h1, #introMainContent p, #introMainContent p strong  {color: Black;}

#introMainContent h1  {
font-size: 125%;
font-weight: normal;
margin-bottom: 5px;
}

#introMainContent p  {
margin: 0;
font-size: 12px;
}

#introMainContent p strong  {
margin: 0;
font-size: 12px;
}


/*	continue	*/
#container {
margin: 10px auto 5px auto;
text-align: left;
width: 805px;
background-color: #CCFEFF;
position: relative;
border-top: 5px solid #7EB3E5;
border-bottom: 5px solid #7EB3E5;
background-image: url(../pcs/pcs_layout/continue-background.gif);
background-position: center;
background-repeat: repeat-y;
}

#headerContinue {
height: 110px;
background-color: #9ACEFE;
position: relative;
background-position: 241px 0 ;
background-repeat: no-repeat;
}

.headerortopedicke-pomucky {background-image: url(../pcs/pcs_layout/header-1.jpg);}
.headeranatomie-nohy-bolesti-nohou {background-image: url(../pcs/pcs_layout/header-2.jpg);}
.headerploche-nohy {background-image: url(../pcs/pcs_layout/header-3.jpg);}
.headerortopedicka-detska-obuv {background-image: url(../pcs/pcs_layout/header-4.jpg);}
.headerortopedicke-vlozky-do-bot {background-image: url(../pcs/pcs_layout/header-5.jpg);}
.headerortopedicka-obuv-zdravotni-boty {background-image: url(../pcs/pcs_layout/header-6.jpg);}
.headervysetreni-nohou {background-image: url(../pcs/pcs_layout/header-7.jpg);}
.headerkontakty {background-image: url(../pcs/pcs_layout/header-8.jpg);}
.headermapa-webu {background-image: url(../pcs/pcs_layout/header-9.jpg);}
.headersilver-fresh {background-image: url(../pcs/pcs_layout/header-9.jpg);}

#homeRunContinue {
position: absolute;
top: 8px;
left: 46px;
display: block;
width: 145px;
height: 91px;
background-image: url(../pcs/pcs_layout/logo-continue.gif);
background-position: center;
background-repeat: no-repeat;
}

#navig {
width: 241px;
float: left;
}

#mainContent {
float: left;
width: 544px;
}
#mainContentIn {padding: 20px 25px;}

#menuContinue {
text-align: center;
width: 241px;
height: 206px;
}

#menuContinue ul {margin-top: 20px;}
#menuContinue ul li { 
list-style-type: none;  
line-height: 1.6em;   
}

#menuContinue ul li a { 
color: Black;  
text-decoration: none;
}
#menuContinue ul li.red a { color: Red; }
#menuContinue ul li a:HOVER, #menuContinue ul li a.menuActive { text-decoration: underline;}

#foot {
background-image: url(../pcs/pcs_layout/foot-background.jpg);
background-position: center;
background-repeat: no-repeat;
width: 240px;	
height: 140px;
}

/*#footSmile {
margin-top:80px;
margin-bottom:20px;
text-align:center;
background-image: url(../pcs/pcs_layout/foot-smile.jpg);
background-position: center;
background-repeat: no-repeat;
width: 176px;	
padding:320px 33px 0 33px;
}*/

#footSmile {
margin-top:25px;
margin-bottom:15px;
background-image: url(../pcs/pcs_layout/foot-smile.jpg);
background-position: top center;
background-repeat: no-repeat;
padding-top:140px;
text-align:center;
}

#continueAdresa {
margin: 25px 0;
text-align: center;
width: 241px;
font-size: 10px;
line-height: 10px;
color: Black;  
}

#continueAdresa a  {
font-size: 10px;
color: Black;  
text-decoration: none;
}

/*	text	*/
.odstavec {margin: 0 0 1.6em 0;}

.itemList {
margin-left: 25px;
margin-bottom: 15px;
}

#container h1, #container h2, #container h3  {
font-size: 165%;
font-weight: normal;
margin-bottom: 10px;
}

#container h2  {
font-size: 135%;
margin-top: 15px;
}

#container h3  {
font-size: 115%;
margin-top: 25px;
margin-bottom: 12px;
}

/* pcs */
.imageFull {margin: 15px 0;}

.imageLeft, .imageLeftLast {
float: left;
margin: 15px 15px 0 0;	
}

.imageLeftLast {margin: 15px 0 0 0;	}

.imageRight, .imageRightLast {
float: right;
margin: 15px 0 0 15px;	
}

.imageRightLast {margin: 15px 0 0 0;	}

/*	top image	*/
.imageTopLeft {
float: left;
margin: 0 15px 5px 0;	
}

.imageTopRight {
float: right;
margin: 0 0 5px 15px;	
}

.imageRightLast {margin: 15px 0 0 0;	}

#credits {
width: 805px;
margin: 0 auto;
font-size: 10px;
text-align: right;
}

#credits a {
font-size: 10px;
text-decoration: none;
}

#bottomLinks {
color: #6B8CA9;
width: 700px;
margin: 20px auto 20px auto;
font-size: 10px;
line-height: 135%;
}

#bottomLinks a {
color: #6B8CA9;
font-size: 10px;
text-decoration: none;
margin: 0 2px;
}