/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	font-family:trebuchet ms,arial;
	font-size:0.8em;
	line-height:1.5em;
	background:#ffffff url('../images/bg_top.gif') repeat-x;
}
a {
	color:#E14930;
}
a:hover {
	text-decoration:none;
}
a img {
	border:0px;
}
ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
/* HEADER
=============================================================== */
#container, #header, #middle {
	width:800px;
	margin:0px auto;
}
.containter {
	background:url('../images/img_planaprav.gif') no-repeat;
}
#header {
	width:788px;
	height:401px;
}
#headertop {
	height:115px;
	color:#899aac;
}
#headertop a img {
	padding-top:30px;
	float:left;
}
#headertop h1 a {
	height:41px; text-indent:-9000px; display:block; width:101px;
	background:url('../images/logoalter.jpg');
	float:left;
	margin-top:30px;
}
#menu ul {
	list-style:none;
	height:38px;
	background:#ffffff url('../images/bg_menu_li.jpg');
}
#menu ul li {
	background:#ffffff url('../images/bg_menu_li.jpg');
	float:left;
	text-align:center;
	padding:0px;
}
#menu ul li a {
	text-decoration:none;
	padding-top:8px;
	color:#E14930;
	font-size:1.5em;
	font-style:italic;
	display:block;
	height:38px;
	width:131px;
}
#menu ul li a:hover, #menu ul li a.active {
	text-decoration:underline;
}
#headerpicture {
	width:814px;
	
	height:240px;
	position:relative;
	top:-87px;
	left:-13px;
	background:#CCCCCC;

/*	background:url('../images/bg_uvod_ram.jpg') no-repeat;*/
	background:url('../images/bg_uvod_ram.gif') no-repeat;
}
.obklady {
	background:red url('../images/bg_obkladyadlazby.jpg') no-repeat;
}
.solarnezariadenia {
	background:#ffffff url('../images/bg_solzar.jpg') no-repeat;
}
#mainheader {
/*
	width:300px;
	background:#E14930;
*/
	position:relative;
	top:-100px;
	left:28px;
/*
	left:15px;

	width:266px;
	height:90px;
	display:block;
	background:url('../img/head-promo-shadow.png');
*/
}
#headerpicture h1 {
	color:#FFFFFF;
	font-size:2em;
	font-weight:normal;
	font-style:italic;
/*	padding-left:30px;
	padding-top:15px;
	padding-top:85px;
	position:relative;
	left:30px;
*/
	background:/*#e14930*/ url('../img/head-promo-shadow2.png') right;
	display:inline;
	padding:25px 0px 25px 25px
}
#headerpicture img {
	margin:28px 28px;
/*
	margin:18px 15px;
	
	position:relative; 
	left:-116px;
	bottom:0;
	padding-top:30px;
*/
}
img.plan {
	position:relative;
	top:30px;
	margin:0px auto;
	z-index:1;
}
#header p.viac {
	height:20px;
	color:white;
	font-weight:bold;
	font-size:50%;
	text-align:right;
	display:inline;
	
	bottom:-20px;	
	position:relative;
	right:20px;
	text-align:right;
/*	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:240px;
	position:relative;
*/
}
#header p.viac a {
	color:#FFFFFF;
}
#obrazokplan {
	background:transparent url('../images/img_plan.gif') no-repeat scroll 0%;
	left:-115px;
	position:relative;
	width:115px;
	height:79px;
	z-index:1;
	top:178px;
	float:left;
}
#obrazokprav {
	background:transparent url('../images/img_pravitko.gif') no-repeat scroll 0%;
	right:-114px;
	position:relative;
	width:115px;
	height:79px;
	top:176px;
	float:right;
}
#obrazokprav, #obrazokplan {
	bottom:45px;
}
/* LOGIN FORM
=============================================================== */
#login {
	float:right;
	padding-top:45px;
	height:50px;
	width:430px;
}
div.inputs {
	padding-top:2px;
	padding-bottom:15px;
	float:left;
}
button {
	cursor:pointer;
	margin-bottom:3px;
	border:none;
	float:left;
}
button.ok {
	background:transparent url('../images/btn_ok.jpg');
	height:31px;
	width:38px;
	color:#FFFFFF;
	vertical-align:middle;
}
button.register {
	background:url('../images/btn_register.jpg');
	height:31px;
	width:88px;
	color:#FFFFFF;
}
#login input {
	border:1px solid #2a4969;
	padding-top:3px;
	height:17px;
	line-height:23px;
	width:100px;
	color:#899AAC;
	background:url('../images/bg_input.jpg') repeat-x;
}
#login label {
	line-height:23px;
	font-size:1.2em;
}
/* MIDDLE
=============================================================== */
h1, h2 {
	color:#E14930;
	font-style:italic;
	font-weight:bold;
}
#left h1, #middle h1 {
	font-size:2em;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #e1e6eb;
}
#left h2, .polozka-galeria h2 {
	background:none /*url(../images/img_li.gif) no-repeat 0 50% */;
	font-size:1.3em;
	padding:5px 0px 5px 0px;
}
#left .kontaktneinformacie h2, #left .otvaraciehodiny h2 {
	background:url(../images/img_li.gif) no-repeat 0 50%;
	padding-left:10px;
}

#middle {
	clear:both;
	margin-top:10px;
	padding-bottom:20px;
	
}
#left {
	float:left;
	width:540px;
}
#right {
	float:right;
	width:248px;
}
.panel {
	padding:20px;
	width:198px;
	background:url('../images/bg_polozka.gif') no-repeat;
	min-height:100px;
}
#middle li {
	background:url('../images/img_li.gif') no-repeat 0 50%;
	padding-left:14px;
	line-height:1.7em;
}
/* POLOZKA
=================================================================== */
.polozka {
	border:1px solid #eef0f3;
	color:#194879;
	text-align:center;
	padding:10px;
	margin:5px 0px 5px;
}
.polozka h3 {
	font-size:1.1em;
	text-align:left;
	padding-bottom:10px;
}
/*.polozka button { background:url('../images/btn_detail.jpg') no-repeat; width:63px;	height:27px; margin-left:15px; }*/
p.cena a img {
	height:27px;
	width:63px;
	vertical-align:middle;
	padding-left:20px;
}
p.cena {
	padding-top:10px;
	text-align:left;
	font-weight:bold;
}
p.cena span, .panel span.datum {
	color:#DE4931;

}
.panel h2 {
	font-size:1.3em;
	padding-bottom:10px;
}
p {
	padding-bottom:15px;
}
.infomail input {
	background:url('../images/bg_input_mail.jpg') no-repeat;
	width:175px;
	line-height:20px;
	padding:4px;
	border:none;
	margin:10px auto 10px;
	color:#194879;
	border:1px solid #D6D7D6;
}
textarea {
	background:url('../images/bg_input_mail.jpg') repeat-x left bottom;
	width:175px;
	height:100px;
	line-height:20px;
	border:1px solid #D6D7D6;
	margin:10px auto 10px;
	padding:5px;
	color:#194879;
}
textarea, .infomail input {
	font-family:trebuchet ms;
	font-size:1em;
}
.infomail {
	padding-bottom:40px;
}
.infomail button {
	background:url('../images/btn_odosli.jpg') no-repeat;
	width:89px;
	height:32px;
	position:relative;
	right:-100px;
}
/* AKCIE
=============================================================== */
.polozka-akcia, .polozka-galeria {
	clear:both;
	padding-bottom:25px;
	padding-top:20px;
}
.akcia-image, .galeria-image {
	float:left;
	padding-right:10px;
	
	margin:0px auto;
	text-align:center;
	width:154px;
	height:122px;
	background:url(../images/bg_akcie_img.jpg) no-repeat;
	padding-top:15px;
}
.polozka-akcia img {
}
.akcia-popis {
	float:left;
	width:376px;
	padding-bottom:10px;
}
.akcia-popis p {
	padding-bottom:10px;
}

/*
.polozka-akcia p {
	float:left;
	width:376px;
	padding-bottom:10px;
}
*/
.panel ul li a {
	color:#184574;
	text-decoration:none;
	font-weight:bold;
}
.panel ul li {
	padding:3px;
}
.panel ul li a:hover {
	color:#E14930;
	text-decoration:underline;
}
span.webvyrobcu {
	background:url('../images/img_li.gif') no-repeat 0 50%;
	padding-left:10px;
	line-height:20px;
}
/* GALERIA
=============================================================== */
.polozka-galeria p {
	float:left;
	width:580px;
}
.polozka-galeria button {
	height:30px;
	width:80px;
	background:url('../images/btn_zobrazit.jpg') no-repeat;
}
.zobrazit {
	height:30px;
	line-height:30px;
	width:80px;
	display:block;
	background:url('../images/btn_zobrazit.jpg') no-repeat;
}
table.galeria tr td {
	padding:8px;
}
.panel div.detail {
	margin:0px auto;
	text-align:center;
	width:154px;
	height:137px;
	background:url(../images/bg_akcie_img.jpg) no-repeat;
}
div.detail img {
	padding-top:15px;
}
.back {
	padding-left:15px;
	background:url(../images/img_back.jpg) no-repeat 0 70%;
}
/* KONTAKT
=============================================================== */
.kontaktneinformacie {
	float:left;
}
.otvaraciehodiny {
	float:right;
}
.otvaraciehodiny table tr td {
	padding:0px 5px 0px 5px;
}
.medzera {
	width:5px;
}
.mapa {
	border:1px solid #CCCCCC;
	padding:2px;
}
/* FOOTER
=============================================================== */
#footer {
	clear:both;
	background:#184472 url('../images/bg_footer.jpg') repeat-x;
	font-size:11px;
	height:85px;
}
#bottommenu a {
	padding:0px 3px 0px 3px;
	color:#ffffff;
	text-decoration:none;
}
#bottommenu a:hover, #bottommenu a.active {
	text-decoration:underline;
}
a#createdby {
	color:#E14930;
}
#bottom {
	width:800px;
	margin:0px auto;
	color:#ffffff;
}
#bottommenu ul {
	padding-top:20px;
	padding-bottom:20px;
	list-style:none;
	font-size:1.2em;
}
#bottommenu ul li {
	float:left;
	padding-right:20px;
}
#bottommenu {
	float:left;
}
#bottommenu p {
	padding-top:20px;
	padding-bottom:0px;
}
#logo {
	float:right;
}
a.nahor {
	position:relative;
	top:-1px;
}
a.logo img {
	position:relative;
	top:30px;
}
.clear {
	clear:both;
}