/* cobradesign styles - styles.css */

@import url("reset.css"); @import url("common.css");

body {
	font-family: arial, tahoma, sans-serif;
	color: #000;
	background: #81a83c url(/img/bodyBgRXY.jpg) top center;
	font-size: .8em;
	text-align: center;
}
#main {
	background: url(/img/bodyBgRX.jpg) repeat-x top center;
	padding-bottom: 20px;
	text-align: left;
}
#obal {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 10px;
	background: url(/img/obsahBgBottom.png) no-repeat bottom;
}
#obal2 {
	padding-left: 18px;
	padding-right: 20px;
	background: url(/img/obsahBgRY.png) repeat-y left;
}
#obsah {
	background: url(/img/obsahBgTop.jpg) no-repeat left top;
	width: 942px;
	margin: 0 auto;
}

/* ----- HEADER ----- */
#header {
	background: #022202 url(/img/headerBg.jpg) no-repeat top center;
	border: 7px solid #fff;
	border-top: none;
	height: 308px;
	position: relative;
}
#header strong a {
	background: #264700 url(/img/indexOdkaz.jpg) no-repeat;
	border: 5px solid #fff;
	border-top: none;
	display: block;
	width: 265px;
	height: 113px;
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 15px;
}
#header img.chalupa {
	position: absolute;
	top: 158px;
	left: 8px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

/* ----- LEFT COL ----- */
.leftCol {
	float: left;
	width: 284px;
	margin-left: 17px;
	margin-top: 75px;
	margin-bottom: 50px;
	text-align: right;
}
.leftCol ul {
	list-style: none;
	text-align: left;
	margin-bottom: 15px;
}
.leftCol ul li {
	background: url(/img/menuButton.png) no-repeat;
}
.leftCol ul li a, .leftCol ul li strong {
	background: url(/img/menuButton.png) no-repeat;
	display: block;
	height: 45px;
	padding: 20px 20px 0 45px;
	margin-bottom: 1px;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	text-decoration: none;
}
.leftCol ul li a:hover, .leftCol ul li strong {
	text-decoration: underline;
}
.leftCol img.mapa {
	margin-right: 7px;
}

/* ----- RIGHT COL ----- */
.rightCol {
	float: right;
	background: #c2e17f url(/img/obsahBgTop.jpg) no-repeat center top;
	width: 545px;
	margin-right: 70px;
	margin-bottom: 50px;
	padding: 5px;
}
.rightCol h1 {
	position: relative;
	color: #2f5800;
	font-size: 2em;
	font-style: italic;
	margin-bottom: .9em;
	margin-top: 10px;
}
.rightCol h1 span {
	display: block;
	position: absolute;
	left: -2px;
	top: -2px;
	color: #fff;
}
.rightCol ul {
	margin-left: 14px;
	padding-top: 10px;
}
.rightCol img {
	border: 5px solid #fff;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.rightCol img:hover {
	border-color: #5d852c;
	cursor: pointer;
}
.rightCol img.example1 {
	border: 5px solid #e0eeb1;
}
.rightCol img.example1:hover {
	border: 5px solid #e0eeb1;
}

/* ----- FOOTER ----- */
#footer {
	clear: both;
	margin-top: 20px;
	margin-left: 60px;
	margin-right: 60px;
	color: #c2e17f;
	padding: 7px 15px 15px 15px;
	border-top: 5px solid #fff;
	background: #80b034 url(/img/gradientGreen.jpg) repeat-x top;
}
#footer a {
	color: #c2e17f;
}
#footer .levy {
	float: left;
}
#footer .pravy {
	float: right;
	text-align: right;
}

/* ----- NEZARAZENE VECI ----- */
/* info hlasky */
div.green, div.red {
  margin: 10px 0px 10px 0px;
  padding: 7px 10px;
}
div.green p, div.red p {
  margin: 0; padding: 0;
}
div.green p a, div.red p a {
  text-decoration: underline;
  font-size: 1.1em;
}
div.green {
  background: #e7ffcb;
  border: 1px solid #aac979;
}
div.red {
  background: #f9e9e2;
  border: 1px solid #ecc6c0;
}
div.green p a {
	color: #2a5416;
}
div.red p a {
	color: #6d413a;
}

/* n�kter� �ir�� bu�ky v sekci kontakty a mapa */
table .example2 {
	width: 135px;
}
/* lastminute banner */
div#banner{
  position: absolute;
  left: 600px;
  top: 0px;
  padding: 0px 20px 0px 20px;
  width: 239px;
  height: 124px;
  font-size: 1.1em;
  background: lightblue url(/img/chalupa-akce.jpg) no-repeat;
}
div#banner h2{
  color: rgb(218,232,13);
}
div#banner h2{
  text-transform: uppercase;
}
div#banner a{
  color: rgb(218,232,13);
}
div#banner p{
	color: white;
  margin: 0px;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0px 0px 8px 0px;
}
div#banner a, div#banner strong{
  float: right;
}

/******************************************************************/
/* CAPCHA 														  */
/******************************************************************/

.capchaOffset { position:relative; top:-10px; }
input.capchaOffset { margin-left:120px !important; width:111px; }
img.capcha { position:absolute; margin-left:140px;margin-top:1px;border:none; }
.form1 input[type=submit] { clear:both;position:relative;top:8px; }