/*
Theme Name: GrassCare
Version: 1.0
Theme URI: http://www.udrzbytravniku.cz/
Description: This theme was designed by Jakub Spitzer and coded by Tomas Mahrik.
Author: Code by MaHo & design by Jakub Spitzer 
Author URI: http://www.bytesforall.com/
*/

body {
	background: url("images/bg.gif") repeat-x;
	font-family: 'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	margin:0px;
	padding:0px;
}

h1,h2,h3,a,p{
	font-family:'Arial', Helvetica, sans-serif;
}

h2,h3{
  font-size:12px;
  margin:0px;
}

#page {
	width:1200px;
	height:950px;
	margin:auto;
}

#header {
	background: url('images/header.jpg');
	padding: 0px;
	height:388px;
	width: 900px;
	margin:auto;
}	

.header_txt_frame{
	position:relative;
	top:28px;
	right: 25px;
	float: right;
}

.header_txt, .header_txt_2,.header_txt_3{
	position:absolute;
	width:245px;
	height:70px;
	margin-bottom: 20px;
	left:-240px;
}

.header_txt_2{
	top: 95px;
}

.header_txt_3{
	top: 185px;
}

.header_txt h2, .header_txt_2 h2, .header_txt_3 h2{
	font-size:12px;
	margin:0px;
	margin-bottom:2px;
}

.header_txt p,.header_txt_2 p, .header_txt_3 p{
	margin-top:0px;
	font-size:10px;
	text-align:justify;
}

#main_heading h1{
	position:relative;
	width:300px;
	font-weight:600;
	left:60px;
	top:35px;
	float:left;
	font-size:34px;
	font-family:'Arial', Helvetica, sans-serif;
}

#main_heading a{
  color: #FFFFFF;
  text-decoration: none;
}

#header_heading h3{
	position:relative;
	top:97px;
	left:-227px;
	margin:0px;
	float:left;
	font-size:10px;
}

#header_heading_2 h2{
	position:relative;
	top: 188px;
	left: 75px;
	width:300px;
	height:20px;
	font-size:14px;
	margin:0px;
	font-weight: 200;
}

.header_link_1, .header_link_2, .header_link_3,.header_link_4{
	position:relative;
	top:0px;
	left: 0px;
	width: 20px;
	height: 20px;
	text-align:center;
	float:left;
}

.header_link_2{ left: 11px; }
.header_link_3{ left: 19px; }
.header_link_4{ left: 27px; }

.header_link_1 strong, .header_link_2, .header_link_3,.header_link_4{
	color:#000000;
	font-size:14px;
	margin:0px;
	font-weight:600;
}

.border{
	display:block;
	height:24px;
	width:900px;
	background: url('images/border.jpg') repeat-x;
	margin: auto;
	margin-top:5px;
}

.content{
	display:block;
	height: 412px;
	width:900px;
	background: url('images/content.png');
	margin:auto;
}

.content_2{
	display:block;
	height: 412px;
	width:900px;
	background: url('images/content_2.jpg');
	margin:auto;
}

#ver_line{
	display:block;
	position:absolute;
	left: -15px;
	top: 35px;
	height: 260px;
	width: 3px;
	background:url('images/ver_line.jpg');
	background-repeat:no-repeat;
}

#arrow_1 a, #arrow_2 a{
	display:block;
	position:absolute;
	top: 110px;
	left: -35px;
	float:left;
	background:url('images/arrow_1.gif');
	width: 24px;
	height: 26px;
	background-repeat:no-repeat;
}

#arrow_2 a{
        width: 24px;
	float:right;
	left: 195px;
	top:110px;
	background:url('images/arrow_2.gif');
	background-repeat:no-repeat;
}

#art_1,#art_3,#art_4,#art_5{
	display: block;
	position:relative;
	width:385px;
	top:22px;
	left:45px;
	margin:0px;
	float:left;
}

#art_1 li,#art_3 li,#art_4 li,#art_5 li{
	font-size: 10px;
}

#art_1 ul,#art_3 ul,#art_4 ul,#art_5 ul{
	margin-top: 10px;
}

#art_1 a,#art_3 a,#art_4 a,#art_5 a{
  width: 60px;
	margin-top: 5px;
	float:right;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:600;
	text-decoration: underline;
}

#art_1 a:hover,#art_3 a:hover,#art_4 a:hover,#art_5 a:hover{
	text-decoration: underline;
}

#article_1{
	width:385px;
	height: 100px;
	float:none;
}

#article_2{
	position:relative;
	top:65px;
	width:385px;
	height:100px;
	float:none;
}

#art_3{ left:70px;width:185px;}	
#art_5{ left:90px;width:500px;}	

#article_5{
	top: 22px;
	left: 65px;
	width:500px;
	height:185px;
}

#article_3{
	top: 22px;
	left: 65px;
	width:185px;
	height:185px;
}

#art_4{
  width:185px;
	top: 22px;
	left: 90px;
}

#article_4{
	width:185px;
	height:250px;
	float:none;
}

#article_list{
	position:relative;
	top: 40px;
	left: -20px;
	width:190px;
	float:none;
	height:67px;
}
#article_list ul{
	margin:0px;
	list-style-type: none;
}
#article_list li{
	margin:0px;
	font-size:12px;
	margin-bottom:10px;
}
#article_1 h6,#article_2 h6,#article_3 h6, #article_4 h6,#article_5 h6{
	margin:0px;
	font-size:12px;
}
#article_1 p, #article_2 p, #article_3 p, #article_4 p, #article_5 p{
	margin:0px;
	margin-top:5px;
	text-align: justify;
	font-size:10px;
	line-height:11px;
}

.border_2{
	display:block;
	height:24px;
	width:900px;
	background: url('images/border_2.jpg') repeat-x;
	margin: auto;
}

.line{
	position:relative;
	left: 40px;
	width:260px;
	height:3px;
	margin-top:2px;
	background:url('images/line.jpg');
}

#images{
	display:block;
	width: 375px;
	height:90px;
	position:absolute;
	left: 10px;
	top: 280px;
	margin-bottom:0px;
}

.pic, .pic img{
	position:relative;
	display:block;
	height:92px;
	width: 119px;
	border: 0px;
	float:left;
	margin-right:5px;
}

#images2{
	display:block;
	width: 190px;
	height:180px;
	position:absolute;
	left: -2px;
	top: 190px;
	margin-bottom:0px;
}

.pic2, .pic2 img{
	position:relative;
	display:block;
	height:73px;
	width: 190px;
	border: 0px;
	float:left;
	margin-right:5px;
}

#images3{
	display:block;
	width: 190px;
	height:300px;
	position:absolute;
	left: 600px;
	top: 40px;
	margin-bottom:0px;
}

.pic3, .pic3 img{
	position:relative;
	display:block;
	width: 190px;
	border: 0px;
	margin-right:5px;
	margin-bottom:20px;
}

#error p{
	position:relative;
	top: 25px;
	left: 75px;
	margin:0px;
	font-size:12px;
}

#footer{
	display:block;
	width:900px;
	height:47px;
	background:url('images/footer.jpg') repeat-x;
	margin:auto;
	margin-bottom:2px;
}

.footer_link,.footer_autor,.footer_company{
	position:relative;
	float:left;
	top: 28px;
	margin:auto;
}

.footer_autor{ float:right; margin-right: 50px;}
.footer_company{ margin-left: 50px;}

.footer_menu{
	display:inline;
	position:relative;
	top:23px;
	left:110px;
	text-align:center;
	float:left;
	margin:0px;
}

.footer_menu li {
	float:left;
	margin:0px;
}

.footer_menu p {
	position:relative;
	top:-20px;
	float:left;
	font-size:10px;
}

.footer_menu ul {
	list-style-type:none;
	margin:0px;
}

.footer_company a, .footer_autor a, .footer_link a, .footer_menu a{
	color:#FFFFFF;
	font-size:10px;
	margin-right:5px;
	text-decoration:none;
}

.footer_company a:hover, .footer_autor a:hover, .footer_link a:hover, .footer_menu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.footer_company small, .footer_autor small, .footer_menu small, .footer_link small{
	font-size:10px;
	color:#FFFFFF;
}


/* Menu */
#menu{
	display:block;
	width:980px;
	height: 43px;
	margin:auto;
}

#menu_line{
	display:block;
	width:900px;
	height:43px;
	font-size:12px;
	font-weight:600;
	font-family: 'Arial', Helvetica, sans-serif;
	margin:0px;
}

#menu_line ul {
	list-style-type:none;
	margin:0px;
}

#menu_line ul li {
	display:block;
	float:left;
	background:url('images/button.jpg');
}

#menu_line ul li a {
	display:block;
	width:119px;
	height:33px;
	text-align:center;
	vertical-align:text-bottom;
	text-decoration:none;
	color: #FFFFFF;
	margin-top:10px;
}

#menu_line ul li a:hover {
	text-align:center;
	text-decoration:underline;
}

/*footer menu*/
#menu{
	display:block;
	width:980px;
	height: 43px;
	margin:auto;
}
