/* -- start setup -- */

* {
font-family : Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size : 11px;
margin : 0;	
border : none;
padding : 0;
color: #77727E ;
}

/* -- 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;}

.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;}

h1, h2.news {
font-size: 22px;
font-weight: lighter;
margin-bottom: 10px;
}

h2.news {margin: 0 0 10px 0;}

h1.intro {
color: White;
margin-bottom: 0;
}

h2 {
margin: 11px 0;
font-size: 15px;
font-weight: lighter;
}

h3 {
font-size: 13px;
margin: 10px 0;
font-weight: lighter;
}

body {
background-color : #E9E8ED;
text-align: center;
}

#container {
width: 750px;
margin: 60px auto auto;
text-align: left;
}

#header {
width: 750px;
height: 78px;
background-image: url(../pcs/pcs_layout/logo-qf.gif);
background-position: right center;
background-repeat: no-repeat;
position: relative;
}

#link_logo {
width: 105px;
height: 40px;
position: absolute;
top: 20px;
right: 0;
display: block;
}

#menu1, #menu2, #menu3 {
height: 78px;
border-right: 1px solid White;
float: left;
}

#menu1:HOVER, #menu2:HOVER, #menu3:HOVER {background-color: #EDEDF1;}

#menu1 p, #menu2 p, #menu3 p {
font-size: 10px;
color: White;
margin-left: 6px;
margin-top: 5px;
}

#menu1 {width: 80px;}
#menu2 {width: 105px;}
#menu3 {width: 102px;}
#menu1 ul, #menu2 ul, #menu3 ul {padding: 0px 0 0 20px;}
#menu1 ul, #menu2 ul, #menu3 ul {padding: 0px 0 0 16px;}

#menu1 a, #menu2 a, #menu3 a {
text-decoration: none;
font-size: 10px;
color: #B0AEB2;
text-transform: lowercase;
}

#menu1 a:HOVER, #menu2 a:HOVER, #menu3 a:HOVER, #menu1 a.selected, #menu2 a.selected, #menu3 a.selected {color: #77727E;}

#menu1 li, #menu2 li, #menu3 li {
list-style-type: none;
line-height: 11px;
}

#page {
width: 750px;
height: 428px;
background-image: url(../pcs/pcs_layout/page-background.gif);
background-position: center;
background-repeat: repeat-y;
position: relative;
}

#page_in {
margin-left: 25px;
margin-right: 435px;
padding-top: 30px;
}

#page_in h2 {width: 250px; }
#page_in p {font-size: 14px;}

#welcome {
background-color: #77CE1B;
width: 750px;
height: 270px;
}

#flash_intro {
position: absolute;
top: 30px;
right: 35px;	
}

#content {
position: relative;
width: 750px;
}

#left_side {
float: left;
width: 250px;
padding: 25px;
}

/*	right style	*/
#right_side_1 {
position: absolute;
/*top: 10px;*/
top: 11px;
left: 300px;
padding: 20px;
width: 390px;
}

#right_side_2 {
position: absolute;
top: -2000px;
left: 300px;
padding: 20px;
width: 390px;
}

#right_side_3 {
position: absolute;
top: -2000px;
left: 300px;
padding: 20px;
width: 390px;
}

#reference {
margin-left: 333px;
margin-top: 38px;
}

#texty {
margin-left: 300px;
margin-top: 50px;
}

img.thumb, img.thumb_last {
float: left;
display: block;
margin: 0px 16px 16px 0;
}

img.thumb_last {margin: 0px 0 16px 0;}	/*	posledni thumb v rade	*/

#footer { 
margin-top: 7px;
text-align: right;
font-size: 10px;
color: #AFAEB1;
}

#footer span {
font-size: 9px;
color: #AFAEB1;
}

#footer a {
font-size: 10px;
color: #AFAEB1;
text-decoration: none;
}

#footer a:HOVER {color: #9F9F9F;}
a.link_header {text-decoration: none;}
a.link_header:HOVER {color: #524D59;}
#footer p span {font-size: 9px;}

/*	txt	*/
.odstavec {
margin: 0 0 1.5em 0;
line-height: 17px;
}

.odstavec_small {
margin: 0 0 1em 0;
line-height: 14px;
}

/*	seznamy	*/
.itemlist {
margin: 0 20px 10px 20px;
line-height : 18px;
}

a.odkaz {text-decoration: none;}
a.odkaz:HOVER {color: #5C5763;}
p.b a.odkaz {
line-height: 26px;
font-size: 15px;
font-weight: lighter;
}

/*	continue	*/
#continue {
width: 750px;
/*height: 380px;*/
height: 428px;
background-image: url(../pcs/pcs_layout/page-background.gif);
background-position: center;
background-repeat: repeat-y;
position: relative;
}

#continue_in {
padding: 25px;
padding-right: 30px;
}

#continue_img {
position: absolute;
bottom: 0;
left: 0;
width: 289px;
height: 140px;
color: White;
font-weight: bold;
background-position: center;
background-repeat: no-repeat;
}

#left_column {
width: 250px;
/*margin-top: 14px;*/
padding-top: 3px;
_padding-top: 4px;
}

#right_column_reference, #right_column, #right_columnTop {
width: 385px;
position: absolute;
top: 64px;
left: 330px;
}

#right_columnTop {top: 21px;}
#right_column_reference {top: 20px;}

#page_list, #left_list {
position: absolute;
bottom: 34px;
left: 330px;	
}

#left_list {left: 25px;	}

#page_list a, #left_list a, #img_list a {
text-decoration: none;
margin-left: 3px;
margin-right: 3px;
font-size: 11px; 
font-weight: bold;
}

#img_list {	/* sirka dle pcs */
width: 314px; 
margin-top: 15px;
}

#img_list span {float: right;}
.page_list a.selected {color: #000000;}

/*
.context_img1 {background-image: url(../pcs/pcs_layout/context_img1.jpg);}
.context_img2 {background-image: url(../pcs/pcs_layout/context_img2.jpg);}
.context_img3 {background-image: url(../pcs/pcs_layout/context_img3.jpg);}
.context_img4 {background-image: url(../pcs/pcs_layout/context_img4.jpg);}
*/

.context_kontakty {background-image: url(../pcs/pcs_layout/context_img1.gif);}

.context_img1 {background-image: url(../pcs/pcs_layout/context_img2.gif);}

.mail_pit, .mail_vlada, .mail_eky, .mail_hanz, .mail_lenka {
display: block;
width: 34px;
height: 74px;
position: absolute;
bottom: 46px;
left: 55px;
}

.mail_vlada {
left: 90px;
width: 45px;
}

.mail_eky {
left: 136px;
width: 36px;
}

.mail_hanz {
left: 173px;
width: 36px;
}

.mail_lenka {left: 210px;}

/*	reference	*/
.reference_img {margin-top: 7px;}
.reference_itemlist {list-style-position: outside;}
.reference_itemlist li {list-style-type: none; }

#pcs_box { position: relative; width: 375px; height: 225px; }
#img_list, #left_list, #page_list {color: #B0AEB2;}
a.list, #img_list a, #left_list a, #page_list a	{color: #B0AEB2; text-decoration: none;}
#img_list a, #left_list a	{font-size: 11px; font-weight: bold;}
#img_list a:HOVER, #left_list a:HOVER, #page_list a:HOVER, a.active, a.list:HOVER	{color: #77727E !important; text-decoration: none;}


.introSmall {
padding-top:10px;
line-height:11px;
color:White;
font-size:10px!important;
}

/*	new	*/
#continue_in h1 {
width:240px;
}

.clovek {
float:left;
width:160px;
height:5em;
margin-right:10px;
}