/* OBECNE */

BODY {
  margin: auto;
  color: #273B80;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #FFF;
  font-size: 11px;
  text-align: center;
}

BODY.pruh {
	background: white url(header_bg_pruh.gif) repeat-x 0% 0%;	
}


OPTION{	
	font-size : 11px;
}

INPUT {
	
	font-size : 9px;
	color: #888; 
	background-color: #FFE4C0;
	cursor: help;
}

SELECT {	           
	font-size : 9px;
	color: #001648; 
	background-color: #FBF3DF;
}

TEXTAREA {	           
	font-size : 9px;
	color: #001648; 
	background-color: #FBF3DF;
}

h1, h2, h4, h5{ margin: 0px; padding: 0px; }

h3 {
	margin: 0px 0px 0px; padding: 0px 0px 10px;
}

h6 {
	margin: 0px 0px 0px; padding: 0px 0px 5px;
	font-size: 12px;
}

IMG {
	background-color: transparent;
}

HR {
	COLOR: #FF4200;
}

P {margin-top: 0px; padding-top: 0px;}

TD {
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

LI {list-style-type: square;}

/*  links */

A {	color: #273B80; font-weight: bold; text-decoration: none }
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: none }

#header A {	font-weight: bold; }
#headerIndex A { font-weight: bold; }

#menu a {color: #273B80; font-weight: bold; }

#footer a { text-decoration: none; font-size: 11px; font-weight: normal;}


/* UTILS */

.sl { float: left; }
.sr { float: right; }
.clnr { clear: both; height: 0px; }
.check  { background-color: transparent; }


/* INDEX ---------------------------------------- */

/* header */

#headerIndex {
	position: relative;
	margin: 0px auto auto;
	background: white url(header_bg_big.jpg) no-repeat 0% 100%;
	height: 295px; 
	width: 780px;
}

#headerIndex .regata {
	position: absolute;
	left: 136px; top: 14px;
	margin: 0px;
}

#headerIndex .horizont {
	position: absolute;
	left: 287px; top: 177px;
	margin: 0px;
}

#headerIndex .port {
	position: absolute;
	left: 460px; top: 177px;
	margin: 0px;
}

#headerIndex .odregata {
	position: absolute;
	left: 610px; top: 177px;
	margin: 0px;
}

#headerIndex .flag {
	position: absolute;
	right: 0px; top: 127px;
	margin: 0px;
}


/* menu index*/

#menuIndex .menuHolder {
	position: relative;
	width: 490px;
	height: auto;
	text-align: left;
	padding: 2px 0px 0px;
}

#menuIndex .menuNadpis {
	width: auto;
	height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 10px 20px 5px;
}

#menuIndex .menuText {
	width: auto;
	height: auto;
	text-align: left;
	padding: 0px 10px 20px 20px;
}

#menuIndex .menuCely {
	width: auto;
	height: auto;
	padding: 0px 0px 5px;
	text-align: right;
	font-weight: bold;
}





/* HLAVICKA */

#header {
	position: relative;
	margin: 0px auto auto;
	background: white url(header_bg.jpg) no-repeat 0% 85%;
	height: 185px; 
	width: 780px;
}

#header .regata {
	position: absolute;
	left: 210px; top: 10px;
	margin: 0px;
}

#header .odregata {
	position: absolute;
	left: 15px; top: 65px;
	margin: 0px;
	width: 170px;
	height: 109px;
}

#header .horizont {
	position: absolute;
	left: 550px;
	top: 100px;
	margin: 0px;
}

#header .port {
	position: absolute;
	left: 650px;
	top: 100px;
	margin: 0px;
}

#header .flag {
	position: absolute;
	right: 0px; top: 62px;
	margin: 0px;
}


/* OBSAH - vsechno mezi headerem a footerem - leve menu, content */

.contentHolder {
	position: relative;
	height: auto;
	width: 780px;
	margin: 0px auto auto;
}

.menu {
	position: relative;
	height: auto; width: 250px;
	margin: 0px;
	float: left;	
}

.menuindex {
	position: relative;
	height: auto; 
	width: 490px;
	margin: 0px;
	float: left;	
}

.obsah {
	position: relative;
	height: auto; width: 530px;
	margin: 0px;
	float: left;
	text-align: left;	
}

.plachtaindex {
	position: relative;
	height: 315;
	width: 290px;
	margin: 0px;
	float: left;
	text-align: left;	
}

.plachta-pic {
	position: absolute;
	margin: 0px;
	left: 0px;
	top:75px;

}


/* MENU ------------------------------------------- */

#menu .menuHolder {
	position: relative;
	width: 250px;
	height: auto;
	text-align: left;
	padding: 2px 0px 0px;
}

#menu H6 {
	padding: 3px 40px 15px;
}

#menu .menuNadpis {
	width: auto;
	height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 40px 0px;
}

#menu .cervenyOD {
background: white url(menu_bg_red.gif) no-repeat 0% 0%;
}

#menu .modryOD {
background: white url(menu_bg_blue.gif) no-repeat 0% 0%;
}

#menu .menuText {
	width: auto;
	height: auto;
	text-align: left;
	padding: 0px 10px 20px 20px;
}

#menu .menuCely {
	width: auto;
	height: auto;
	padding: 0px 0px 5px;
	text-align: right;
	font-weight: bold;
}



/* DOMY ---------------------------------------- */





/* DETAIL DOMU ---------------------------------------- */

#domyDetail table.od {
	width: 510px;
	background-color: #F1F1F1;
	padding: 10px;
	margin: 0px;
}

#domyDetail td.text {
	width: auto;
}

#domyDetail TABLE TR.tab-header TD {
	background-color: #DEDEDE;
}

#domyDetail .pic {
	text-align: right;
	width: 200px;
	vertical-align: top;
}

#domyDetail .odpic {
	padding: 0px 0px 10px;
	position: relative;
	width: 200px;
	height: 150px;
}

#domyDetail .ikony IMG {
	margin-right: 5px;
}

#domyDetail .odpic-vice {
	position: absolute;
	right: 0px;
	top: 130px;
}

#domyDetail H5 {
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0px 5px;
	text-transform: uppercase;
	text-align: left;
}

#domyDetail P {
	display: block;
	padding: 10px 0px 10px;
	font-size: 11px;
	line-height: 1.5;
	text-align: left;
}


/* TEXTY, NOVINKY ---------------------------------------- */

#domyText .od {
	width: 525px;
	height: 384px;
}

#domyText .odobsah {
	width: auto;
	padding: 20px 0px 20px;
}

#domyText .odtext {
	width: auto;
	padding: 0px 30px 20px 10px;
	text-align: left;
}

#domyText P {
	text-align: justify;
}

#domyText .zpet {
	width: auto;
	padding: 0px 0px 0px 0px;
	text-align: right;
}


/* PARTNERI /loga partneru, nad footerem  */

#partneri {
	height: auto;
	width: 780px;
	margin: 0px auto auto;
}

#partneri .partneriNadpis {
	width: auto;
	height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 10px 0px;
}

#partneri .partneriLoga {
	width: 780px;
	margin: 0px 0px 0px;
	padding: 0px 0px 5px;
	text-align: left;
}


#partneri-detail {
	height: auto;
	width: auto;
	margin: 0px auto auto;
}

#partneri-detail .partneriNadpis {
	width: auto;
	height: 19px;
	font-weight: bold;
	text-align: left;
	padding: 3px 0px 0px;
}

#partneri-detail .partneriLoga {
	width: auto;
	margin: 0px 0px 0px;
	padding: 0px 0px 5px;
	text-align: left;
}


/* FOOTER / pouze paticka - pres celou sirku  */

#footer {
	width: 780px;
	margin: 0px auto auto;
	text-align: right;
}

#footer .footerText {
	height: auto; 
	width: auto;
	padding: 10px 10px 10px;
	text-align: right;
	font-size: 10px; 
}

