/*
Theme Name: MATE s.r.o.
Theme URI: http://www.matesro.sk
Author: Michal Poppe
Author URI: www.popppe.sk

.
General comments/License Statement if any.
.
*/

*{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}
body {
	font-family: Helvetica, Arial, Verdana;
	font-size:11pt;
	color: #003333;
	background:#e3d9b6 url(images/bg1.jpg) top left repeat-x; /*#e3d9b6    #F4ECD6*/
}
body#front {background:#F4ECD6 url(images/bg.jpg) top left repeat-x;}
a {color: #003333; text-decoration: underline;}
a:hover {color:#FF9000;}

/*
MAIN BODY OF PAGE
*/

#wrapper {
	background: transparent;
	width:960px;
	margin:0 auto;
	
	height:auto;
	padding:31px 0 10px 0;
	}

#top {
	width:960px;
	height:322px;
	background:transparent url(images/top-bg.jpg) top left no-repeat;
	}
#top a {float:left;display:block;width:350px;height:320px;background:transparent;}
	
#top-baner {
	width:532px;
	height:285px;
	float:right;
	background:transparent url(images/top-baner-inc-bg.jpg) top right no-repeat;
	}	
.top-baner-inc {
	width:511px;
	height:267px;
	background:transparent;
	margin:4px;
	}	
	
#menu {
	width:960px;
	height:51px;
	}	
#menu ul 	{
	text-align:right;
	background:transparent;
	}
#menu ul li { display: inline; }	
#menu ul li a { text-decoration: none; line-height:3.4em; padding: 1.1em 1em; color: #fff; background:transparent url(images/menu-bg-bg.jpg) center right no-repeat;
	font-weight:bold;font-size:14px;}
#menu ul li a.last {background:transparent;}	
#menu ul li a:hover {color:#FF9000;}	
	
/*
#news {
	width:960px;
	height:214px;
	background:transparent url(images/formular.jpg) bottom right no-repeat;
	position:relative;
	}	
#news div {font-weight:bold;float:left;margin:45px 0 0 10px;font-size:21px;color:#192C32;}	
#news p {
	width:490px;
	margin:0 0 0 20px;
	padding:50px 0 0 20px;
	float:left;
	background:transparent;
	line-height:1em;
	}
#news a {clear:right; line-height:1.9em;color:#192C32;padding: 0 0 0 25px; background: transparent url(images/a.jpg) top left no-repeat;}	
#news a:hover {color:#FF9000;}
	
#news2 {width:295px;height:160px;background:transparent;float:left;position:absolute; bottom:0; right:0;}

table {background:transparent;position:absolute;bottom:0;right:33px;width:auto;}	
input#email {background:transparent;height:30px;width:225px;margin:0 0 0 30px;}
input.submit-button {width:225px;height:23px;border:none;margin:0px 0 0 30px;}
textarea {width:224px;height:55px;margin:15px 0 10px 30px;background:transparent;}	*/


#news {
	width:624px;
	height:214px;
	position:relative;
	float: left;
	}	
#video {
    position: absolute;
    left: 419px; top: -31px;
}
#news div {font-weight:bold;float:left;margin:45px 0 0 10px;font-size:21px;color:#192C32;}	
#news p {
	width:290px;
	margin:0 0 0 20px;
	padding:50px 0 0 20px;
	float:left;
	background:transparent;
	}
#news a {position: absolute; top: 170px; left: 350px; clear:right; line-height:1.9em;color:#192C32;padding: 0 0 0 25px; background: transparent url(images/a.jpg) top left no-repeat;}	
#news a:hover {color:#FF9000;}
	
#news2 {background: url(images/sformular.jpg) top left no-repeat; float:right; margin: 7px 0 10px 10px; width: 295px; height: 208px; position: relative;}

#obsah {float: left; width: 620px; padding-top: 30px;}

table {background:transparent;position:absolute;top:55px;left:0px;width:auto;}	
input#email {background:transparent;height:30px;width:225px;margin:0 0 0 30px;}
input.submit-button {width:225px;height:23px;border:none;margin:0px 0 0 35px;}
textarea {width:224px;height:55px;margin:15px 0 10px 30px;background:transparent;}
	
#ponuka {
	width:940px;
	
	background:transparent;
	margin:0 auto;
	padding:25px 0 0 0;
	border:none;
	}	

.ponuka1, .ponuka2, .ponuka3 {background:transparent url(images/ponuka-bg.jpg) top left no-repeat;color:#F0EBD7;}	
.ponuka1  h1, .ponuka2  h1, .ponuka3  h1 {width:290px;color:white;font-size:19px;font-weight:normal;line-height:2em;margin:0 0 0 10px;background:transparent;}
	
.ponuka1 {
	width:300px;
	height:300px;
	float:left;
	position:relative;
	}		

.ponuka3 ul, .ponuka1 ul, .ponuka2 ul {width:260px;margin:20px 0 0 20px;}	
.ponuka3 ul li, .ponuka1 ul li , .ponuka2 ul li {padding:8px;}
.ponuka3 a, .ponuka1 a, .ponuka2 a {color:#F0EBD7;}
.ponuka3 a:hover, .ponuka1 a:hover, .ponuka2 a:hover {color:#FF9000;}
.ponuka1 ul { list-style-type: none;}	
.ponuka3 li, .ponuka1 li, .ponuka2 li { background-image: url(images/a-ponuka.jpg); background-repeat: no-repeat; background-position:0 1em;}
.ponuka3 ul li, .ponuka1 ul li, .ponuka2 ul li {padding:7px 0 7px 18px;}
.ponuka3 ul, .ponuka2 ul {height:180px;}




.ponuka2 {
	width:300px;
	height:300px;
	float:left;
	position:relative;
	}		
.ponuka3 {
	width:300px;
	height:300px;
	float:left;
	position:relative;
	}	

.viac {width:auto;text-align:right;height:20px;font-size:13px;font-weight:bold;float:right;position:absolute; bottom:40px;right:15px;}
.minibreak {width:250px;height:5px;}
	
#continue {width:880px;margin:0 auto;text-align:center;line-height:1.5em;padding:25px 0 40px 0;color:#47595F;}
#footer {
	width:960px;
	height:105px;
	border-top: 1px solid #323E42;
	text-align:center;
	clear: both;
	}	
#footer div {
	padding:10px 0 0 0;font-size:12px;font-weight:bold;color:#47595F;
	}	
	
/*
HELP FILES
*/	
.cb {clear:both;}
	
	
#formular label {
	width: 200px; 
	position: absolute;
	top: -15px;
	left: 87px;
}

#formular input, #formular textarea {
	width: 225px;
}

#formular label.error {
font-size: 11px; 
background: #fbfcda url('images/cancel.png') no-repeat left;
border:1px solid #dbdbd3;
width:150px;
padding-left:20px;
}


#formular p { clear: both; }

h2 {margin: 20px 0 5px 0;}
p {margin: 20px 0;}
body {line-height: 140%;}
.datum {font-size: 90%;}
.post img, .anotacia img {border: 3px solid white; margin: 15px;}
#perex img, .anotacia img {margin: 0 1px 1px 0; float: left;}
#perex h3 {clear: both; padding:10px 0 0 0;}
#perex {clear: both;}
.viacej {clear: both; height: 25px; padding-right: 20px; text-align: right;}

.post ul li {list-style:disc; padding:0 0 0 5px; margin: 0 0 0 20px;}