/* -- start setup -- */

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

/* -- 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;
background-image : url(../pcs/pcs_layout/background-image.jpg);
background-position : top center;
background-repeat : repeat-x;
}

#container {
width:763px;
border:7px solid #CBEBF8;
margin: 40px auto;	
text-align: left;
}

#header {
height:149px;
height:133px;
position:relative;
background-position: center;
background-repeat: no-repeat;
}

#header div {
position:absolute;
top:30px;
left:30px;
font-size:25px;
color:White;
width:300px;
font-style : italic;
font-weight:bold;
}

#header a {
color:#FFE200;
text-decoration:none;
line-height:5px;
font-weight:bold;
}

.image1 {background-image: url(../pcs/pcs_layout/hlavicka1.gif);}

#stripe {
background-color: #C7DE4F;
border-top:5px solid #CBEBF8;
border-bottom:5px solid #CBEBF8;
height:20px;
}

#content {
background-color: #FFFFFF;
background-image : url(../pcs/pcs_layout/content-background.gif);
background-position : top center;
background-repeat : repeat-y;
}

#footer {
background-color: #C7DE50;
border-top:5px solid #CBEBF8;
text-align:right;
padding:30px 30px 30px 0;
font-size:90%;
}

#footer a {
text-decoration:none;
font-size:100%;
}

#footer a:HOVER {color:black;}

#main {
float:right;
width:580px;
}

#mainIn {padding:20px 30px 35px 30px;}

#mainIntro {
padding:20px 30px 35px 30px;
background-image: url(../pcs/pcs_layout/intro-background.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#banner {
width:580px;
height:180px;
background-position : center;
background-repeat : no-repeat;
position : relative;
}

#banner p {
position : absolute;	
top:45px;
left:28px;
font-size:25px;
color:White;
font-style : italic;
font-weight:bold;
}

#banner p span {
font-size:25px;
color:White;
font-style : italic;
font-weight:bold;
display:block;
}

.bannerIntro {background-image : url(../pcs/pcs_layout/banner-intro.jpg);}
.banner1 {background-image : url(../pcs/pcs_layout/rozvrh.jpg);}
.banner2 {background-image : url(../pcs/pcs_layout/lekce.jpg);}
.banner3 {background-image : url(../pcs/pcs_layout/lektori.jpg);}
.banner4 {background-image : url(../pcs/pcs_layout/fotogalerie.jpg);}
.banner5 {background-image : url(../pcs/pcs_layout/pripravujeme.jpg);}
.banner6 {background-image : url(../pcs/pcs_layout/kontakty.jpg);}

#menu {
width:178px;
background-color : #BADA48;
}

#menu li { list-style-type: none;}

#menu ul li a { 
display:block;
color: White;
text-decoration: none;  
font-size: 115%;  
height:25px;
line-height:25px;
padding-left:15px;
border-top:1px solid #FFE43F;
border-bottom:1px solid #FFE43F;
}

#menu li a:HOVER, #menu li.menuActive a {background-color : #FC6717;}

/*	TXT + IMG	*/
h1 {
font-weight: normal;
font-size: 160%;
color:#949494;
}

p.ods {margin: 1.5em 0;}

p.odsIntro1 {
margin: 1.5em 0;  
width:330px;
}

p.odsIntro2 {
margin: 1.5em 0 0 0;
width:230px;
}

p.odsIntro3 {
width:160px;
}

h2 {
font-weight: bold;
font-size: 140%;
color:#296280;
margin:.5em 0 0 0;
}


.imgLeft {
float: left;
margin: 0 20px 10px 0;
}

.imgRight {
float: right;
margin: 0 0 10px 20px;
}

/*	form	*/
#contactForm {margin: 30px 0;}

label, input {
display: block;
float: left;
margin-bottom: 5px;
}

label {width: 140px;}

input, select, textarea {
margin-bottom: 5px;
border : 1px solid #CDCBBD;
}

input.error, select.error, textarea.error  {border : 1px solid red;}

textarea.komplet {
width: 398px;
height : 90px;
}

select {
width: 260px;
_margin-left: -3px;
}

select.short {
width: 136px;
}

input {padding : 2px;}
input.short {width: 130px;}
input.long {width: 254px;}
input.submit {width: 260px;}

option {
padding : 1px;
padding : 2px;
color : #617ea9;
}

legend {
text-align: left;
font-weight : bold;
padding-top: 20px;
_margin-left: -6px
}

label {
text-align: left;
padding-top : 4px;
}

#contactForm p {margin-top : 20px;}
#contactForm br {
clear: left;
line-height : 8px;
}

.povinne {
font-size : small;
color: #B3B3B3;
}

input.submit {
background-color : White;
border : 1px solid #CDCBBD;
font-weight : bold;
width: 170px;
text-align: center;
color: Black;
}

#chybove_odeslani, #uspesne_odeslani {
margin: 20px 0;
font-weight: bold;
color: Red;
}

#uspesne_odeslani {color: #575758;}
.itemList {margin:25px 20px 25px 25px;	}

div.lekce1,div.lekce2, div.lekce3, div.lekce4, div.lekce5, div.lekce6, div.lekce7, div.lekce8, div.lekce1Intro,div.lekce2Intro, div.lekce3Intro, div.lekce4Intro, div.lekce5Intro, div.lekce6Intro, div.lekce7Intro, div.lekce8Intro, div.lekce9Intro {
padding-left:145px;
background-position: top left;
background-repeat: no-repeat;
}

div.lekce1Intro,div.lekce2Intro, div.lekce3Intro, div.lekce4Intro, div.lekce5Intro, div.lekce6Intro, div.lekce7Intro, div.lekce8Intro, div.lekce9Intro  {height:145px;}

div.lekce1, div.lekce1Intro { background-image: url(../pcs/pcs_lekce/lekce1.jpg); }
div.lekce2, div.lekce2Intro { background-image: url(../pcs/pcs_lekce/lekce2.jpg); }
div.lekce3, div.lekce3Intro { background-image: url(../pcs/pcs_lekce/lekce3.jpg); }
div.lekce4, div.lekce4Intro { background-image: url(../pcs/pcs_lekce/lekce4.jpg); }
div.lekce5, div.lekce5Intro { background-image: url(../pcs/pcs_lekce/lekce5.jpg); }
div.lekce6, div.lekce6Intro { background-image: url(../pcs/pcs_lekce/lekce6.jpg); }
div.lekce7, div.lekce7Intro { background-image: url(../pcs/pcs_lekce/lekce7.jpg); }
div.lekce8, div.lekce8Intro { background-image: url(../pcs/pcs_lekce/lekce8.jpg); }
div.lekce9, div.lekce9Intro { background-image: url(../pcs/pcs_lekce/lekce9.jpg); }

div.lekce1 *, div.lekce1Intro * {color:#f3cc0b;}
div.lekce2 *, div.lekce2Intro * {color:#60c1eb;}
div.lekce3 *, div.lekce3Intro * {color:#F37B2C;}
div.lekce4 *, div.lekce4Intro * {color:#FFC200;}
div.lekce5 *, div.lekce5Intro * {color:#fa6020;}
div.lekce6 *, div.lekce6Intro * {color:#fa891f;}
div.lekce7 *, div.lekce7Intro * {color:#F990BD;}
div.lekce8 *, div.lekce8Intro * {color:#6e60eb;}
div.lekce9 *, div.lekce9Intro * {color:#c1d252;}

#zari {
height:180px;
background-color:#fbe13f;
background-image: url(../pcs/pcs_layout/kolecko.gif);
background-position: center center;
background-repeat: no-repeat;
}

#videoKolecko {
background-color:#fbe13f;
display:block;
height:60px;
background-image: url(../pcs/pcs_layout/video-kolecko.jpg);
background-position: 24px 20px;
background-repeat: no-repeat;
padding:160px 10px 0 10px; 
text-align:center;
text-decoration:none;
font-weight:bold;
color:#3c8dae;
}

.newsMenu {
background-color:#fbe13f;
display:block;
padding:0 10px 0 10px; 
text-align:center;
text-decoration:none;
font-weight:bold;
color:#fc5f13;
}

.newsMenu strong {
font-size:20px;
margin-bottom:5px;
display:block;
font-weight:bold;
color:#fc5f13;
}

.fb {
background-color:#fbe13f;
display:block;
padding:0 10px 0 10px; 
text-align:center;
text-decoration:none;
font-weight:bold;
color:#3b5995;	
}

.fb * {color:#3b5995;}

.fbIcon {
margin:5px auto;
background-image: url(../pcs/pcs_layout/facebook.jpg);
background-position: center;
background-repeat: no-repeat;
width:86px;
height:32px;
display:block;
}