/* -- start setup -- */

* {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
margin : 0;	
border : none;
padding : 0;
line-height: 18px;
color: Black;
}

/* -- 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;}

h1 {}
h2 {}

body {
background-color : #9FC8F6;
background-image: url(../pcs/pcs_layout/pozadi.jpg);
background-position: top;
background-repeat: repeat-x;
background-attachment: scroll;
}

#header {
width: 210px;
height: 80px;
background-image: url(../pcs/pcs_layout/logo.gif);
background-position: top;	
background-repeat: no-repeat;
}

#header a {
width: 210px;
height: 80px;
display: block;
}

#menu {
margin: 15px;
padding: 25px;
background-color: #B2D9FF;
float: left;
}

#menu li {list-style-type: none;}
#menu li a, #menu li {
text-decoration: none;
font-weight: bold;
}
#menu li a:HOVER {color: Black;}

ul.submenu {margin: 7px 0 7px 17px;}
ul.submenu li a {color: #4138D5;}

ul.submenu span {
font-weight: normal;
font-size: 9px;
}

#content {margin: 15px 0 0 210px;}
#content_in {width: 800px;}

/*	tabulky	*/
table.tabulka {
border-collapse : collapse;
background-color : #FDFEFF;
border: 1px solid #3A93EC;
margin: 15px 0;
}

table.tabulka td, table.tabulka th {
padding : 4px 7px 4px 10px;
vertical-align : top;
text-align : left;
font-size: 11px;
}

table.tabulka th {
padding : 4px 7px 4px 10px;
background-color : #B2D9FF;
color: #003C77;
}

table.tabulka td {border-top : 1px solid #ABD1FF;}
table.tabulka tr.sudy td {background-color : #F4F9FF;}

table.tabulka td a {
color: #CC5310;
font-size: 11px;
}

.listovani {
min-height : 20px;
line-height : 20px;
background-color : #B2D9FF;
font-weight : bold;
font-size : 10px;
padding: 0 10px;
float: left;
}

.listovani a, .listovani span {
font-weight : bold;
font-size : 11px;
margin: 0 2px;
}

.listovani span { color: #6B9AC9; }

.listovani a {
font-weight : bold;
font-size : 11px;
margin: 0 2px;
}

.listovani a:HOVER, .listovani a.str:HOVER {color: #BC0909;}

.listovani a.str {
text-decoration: none;
font-weight : bold;
color: Black;
}

#dogggie {
background-image: url(../pcs/pcs_layout/doggie.jpg);
background-position: center;
width: 160px;
height: 167px;
position: absolute;
bottom: 0;
right: 0;
}


/*	form	*/
label {
display: block;
float: left;
margin-bottom: 5px;
color: #CC5310;
}

label {width: 185px;}

input, select, textarea {
margin-bottom: 5px;
border : 1px solid #3A93EC;
color : #617ea9;
background-color: #F4F9FF;
}

input.error, select.error, textarea.error  {border : 1px solid red;}

textarea.komplet {
width: 398px;
height : 90px;
}

select {width: 260px;}
select.short {width: 136px;}

input {padding : 2px;}
input.veryshort {width: 45px;}
input.short {width: 130px;}
input.long {width: 254px;}
input.submit {width: 260px;}
input.checkbox {width: 20px;}

option {
padding : 1px;
padding : 2px;
color : #617ea9;
}

legend {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
_margin-left: -7px;
 font-weight: bold;
}

label {
text-align: left;
padding-top : 4px;
font-weight: bold;
}

#objednavkovy_form p {margin-top : 20px;}
#objednavkovy_form br {
clear: left;
line-height : 8px;
}

.povinne {font-size : xx-small;}

input.submit {
background-color: #EFF5FD;
color: #CC5310;
border: 1px solid #B75822;
font-size: 9px;
width: 211px;
height: 25px;
}
 
span.povinne {color: #277ED5;}
 
.dodatky_form, .dodatky_tab {
font-size: 9px;
color: #D97E4C;
} 

.dodatky_form {margin-left: 185px;} 

.veta {
	float: right;
}
