/* -- start setup -- */

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

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

body#introPage {background-color : #E5E5E5;}

/*	intro	*/
#kartaEgo, #kartaWaldeska {
float: left;	
width: 379px;
height: 243px;
background-position: center;
background-repeat: no-repeat;
}

.kartaEgoOff {background-image: url(../pcs/pcs_layout/ego-intro.jpg);}
.kartaEgoOn {background-image: url(../pcs/pcs_layout/ego-intro-hover.jpg);}

.kartaWaldeskaOff {background-image: url(../pcs/pcs_layout/waldeska-intro.jpg);}
.kartaWaldeskaOn {background-image: url(../pcs/pcs_layout/waldeska-intro-hover.jpg);}


#kartaEgo {border-right: 8px solid White;}

#kartaEgo:HOVER {background-image: url(../pcs/pcs_layout/ego-intro-hover.jpg);}
#kartaWaldeska:HOVER {background-image: url(../pcs/pcs_layout/waldeska-intro-hover.jpg);}

#descEgo, #descWaldeska {
float: left;	
width: 339px;
padding: 20px;
background-color: #E2F0E3;
}

#descEgo {border-right: 8px solid White;}

#footerEgo, #footerWaldeska {
color: White;
float: left;
width: 300px;
}

#footerEgo {margin-right: 86px;}

#introMain {
clear: Both;
border-top: 5px solid White;
border-bottom: 5px solid White;
}

#introMain h1 {
font-size: 150%;
font-weight: normal;
color: Red;
}

#introMain h1 a {
font-size: 82%;
font-weight: normal;
color: Red;
text-decoration: none;
}


/* intro END*/

#container {
margin: 50px auto;
text-align: left;
background-color: #407E3D;	/* color schema */
border: 7px solid White;
width: 766px;
}

#header {
height: 150px;
background-image: url(../pcs/pcs_layout/waldeska-header.jpg);
border-bottom: 5px solid White;
background-position: center;
background-repeat: no-repeat;
position: relative;
}

#header a#homeRun {
height: 130px;
width: 210px;
position: absolute;
top: 10px;
left: 10px;
display: block;
}

#main {
padding: 20px;
margin-top: 20px;
border-top: 5px solid White;
border-bottom: 5px solid White;
background-color: #EAF5F1;
background-image: url(../pcs/pcs_layout/main-background.gif);
background-position: center;
background-repeat: repeat-y;
}

#menu {
float: left;
width: 150px;
margin-right: 30px;
}

#menu li {
list-style-type: none;
line-height: 1.7em;
}

#menu li a {
color: #548158;
font-size: 107%;
text-decoration: none;
}


#menu li a:HOVER, #menu li a.menuActive, #menu li.menuActive a {color: Red;}

#content {
float: left;
width: 544px;
}

#footer {
margin: 30px 20px;
color: White;
}

/*	txt	*/
h1 {
font-size: 150%;
font-weight: normal;
color: Red;
}

h1 a {
font-size: 80%;
font-weight: normal;
color: Red;
text-decoration: none;
}

h2 {
font-size: 120%;
font-weight: normal;
color: Red;
margin: 15px 0;
}

p.odstavec {margin: 1.2em 0 1.5em 0;}

/*	MENU	*/
#menuList {width: 510px;	}
#menuList h2 {
font-size: 120%;
font-weight: normal;
color: Red;
margin: 30px 0 15px 0;
}

#menuList dl{
width: 100%;
overflow: auto;
margin: 0 0 1em;
} 

#menuList dt,#menuList dd.price{
font-weight: bold;
font-size: 11px;
}

#menuList dt{
float: left;
padding-right: 3px;
padding-bottom: 2px;
color: Black;

width: 433px;
width: 407px;  
background: url(../pcs/pcs_menu/dot.gif) repeat-x left bottom;
}

#menuList dt span {
font: italic 100% Georgia,Times,sans-serif;
color: Black;
width: 40px;
display: block;
float: left;
}

#menuList dd.price{
float: right;
padding-left: 3px;
font-size: 110%;
} 

#menuList dd.ingredients{
float: left;
padding: 3px 0;
font: italic 100% Georgia,Times,sans-serif;
color: #B65719;
font-size: 10px;
width: 395px;
width: 380px;
padding-left: 40px;
} 

#menuList p.comment {
font: italic 100% Georgia,Times,sans-serif;
color: Black;
font-size: 10px;
margin-top: 1.5em;
margin-bottom: 1.5em;
padding-left: 40px;
}

#menuList p.kategorie{
margin: 20px 0;
padding: 3px 0;
font: italic 100% Georgia,Times,sans-serif;
color: #B65719;
font-size: 10px;
width: 380px;
padding-left: 40px;
} 

.zpetNahoru {
margin: 20px 0 40px 0;
text-align: center;
}

.zpetNahoru a {
color: Black;
font-size: 11px;
}

/*	pcs	*/
.imgThumb {
float: left;
margin: 10px 20px 10px 0; 
}

.imgThumbLast {
float: left;
margin: 10px 0 10px 0; 
}

.imgThumbRight {
float: right;
margin: 0 24px 20px 20px; 
display: inline;
}