/*	obecne definice selektoru */
* {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
* {font-size : xx-small;}

/*		DEFINOVANI NULOVYCH MARGINU A PADDINGU - prebuseni nastaveni prohlizece*/
BODY, P, LI, UL, DIV, SPAN, H1, H2, H3,  FORM, A, IMG, TABLE, TR, TD {
	margin : 0;
	border : none;
	padding : 0;
}

H1 {display : none;}
H3 {
	padding-top : 14px;
	display : block;
}
/*	nadpisy jednotlivych projektu	*/

/*	DEFINOVANI MINIMALNICH SIREK A VYSEK dle 800x600 MOZILLA ONLY	*/
.min_vyska {min-height : 550px;}
.min_sirka {min-width : 750px;}

/* obecne definice trid pro vsechny	*/

/*	definice paddingu a marginu		*/
.m2 {margin : 2px;}
.m5 {margin : 5px;}
.m10 {margin : 10px;}
.m20 {margin : 20px;}
.m30 {margin : 30px;}

.mt5 {margin-top : 5px;}
.mt10 {margin-top : 10px;}
.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;}

.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;}

/*	textove vseobecne	*/
.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;}

.bila  {color : White;}
.cervena  {color : Red;}
.cerna {color : Black;}
.seda {color : #4F647D;}

.neviditelny {visibility : hidden;}	/*	formatuje se jako by byl	*/
.skryty {display : none;}	/*	vyjmut i z formatovani 	*/

.mediuml {font-size : medium;}
/*	small je vychozi velikost	*/
.x_small {font-size : x-small;}
.xx_small {font-size : xx-small;}

.float_left {float : left;}
.float_right {float : right;}

.cistic {
	clear : both;
	height : 1px;
	margin-top : -1px;
	border : none;
	padding : 0;
	font-size : 1px;
	background-color : transparent;
	visibility : hidden;
}

.horni_index {vertical-align : super;}
.cistic_simple {clear : both;}

/*	-----------------------------------konec obecnych definici	*/
BODY#index {
	background-color : #AED7FF;
	background-image : url(../pcs/mraky_gradient.gif);
	background-position : top;
	background-repeat : repeat-x;
}

BODY#detail {
	background-color : #9FC8FB;
	color : White;
}

BODY#detail IMG {border : 10px solid White;}
.ramecek {border : 10px solid White;}

#obal {
   margin: 0px auto 0;
	width: 770px;
	position: relative;
}

#hlavicka {
	width : 770px;
	height : 240px;
	background-image : url(../pcs/pcs_hlavicka.gif);
	background-position : top;
	background-repeat : no-repeat;
}

#okno {
	width : 770px;
	background-color : #D5E9FC;
}

#menu {
	padding : 10px;
	text-align : center;
}

#menu UL LI {
	display : inline;
	padding-left : 13px;
	padding-right : 8px;
	background-image : url(../pcs/dot.gif);
	background-position : left;
	background-repeat : no-repeat;
	line-height : 20px;
	height : 20px;
}
#menu UL LI A {color : Black;}

#ostruvek, #tovarna {
	width : 280px;
	height : 240px;
	background-image : url(../pcs/ostruvek.gif);
	background-position : center;
	background-repeat : no-repeat;
	float : right;
	margin-right: 15px;
}

#tovarna {
	width : 340px;
	height : 220px;
	background-image : url(../pcs/tovarna.gif);
	margin-top : 50px;
	margin-right: 15px;
}

#paticka {
	width : 770px;
	height : 180px;
	background-image : url(../pcs/paticka.gif);
	background-position : center;
	background-repeat : no-repeat;
}

.karta {
	width : 380px;
	height : 150px;
	background-image : url(../pcs/2karta_portfolio.gif);
	background-position : center;
	background-repeat : no-repeat;
	margin : 10px;
	background-color : #9FC8FB;
}

.karta P IMG {
	border : 3px solid White;
	margin : 12px;
	float : left;
}

A {color : Black;}
.karta P.popis {
	padding : 7px;
	padding-right : 15px;
	padding-top : 0;
}
.karta P.popis A {color : Black;}
.karta P.popis SPAN.seda A {color : #4F647D;}
.karta P.popis A:HOVER, #menu A:HOVER, A.link:HOVER, A:HOVER {color : #515151;}
.karta P.popis SPAN.seda A:HOVER {color : Black;}
A.link {color : Black}

/*	form na postu	*/
#form {
	margin-top : 40px;
	margin-bottom : 50px;
}

FIELDSET {
	font-size : x-small;
	font-family : sans-serif;
	border : 1px solid #5B84B7;
	width : 400px;
	margin : 10px;
	padding : 1em;
	border-bottom : 0;
	border-right : 0;
}

LABEL {
	float : left;
	width : 20%;
	margin-right : 0.5em;
	padding-top : 0.2em;
	text-align : right;
	font-weight : bold;
}

LEGEND {
	padding: 0.2em 0.5em;
	border : 1px solid #5B84B7;
	color: Black;
	text-align : right;
	background-color : #9FC8FB;
	_margin-bottom : 7px;
}

#form TEXTAREA {
	width : 300px;
	border : 1px solid #5B84B7;
	background-color : #EAF4FE;
}

.submit {background-color : #FFBE19;}

INPUT, SELECT {border : 1px solid Black;}
INPUT.kratky {width : 100px;}
INPUT.delsi {width : 200px;}
INPUT.dlouhy {width : 300px;}
SELECT.dlouhy {width : 305px;}

INPUT {margin : 1px;}
INPUT {padding : 2px;}

