/* Slevy */
#box_ag { background-color: white; font-size: 10px; text-align: left; border:1px solid black; width: 220px; }
#box_ag .image { float: right; } .box_sleva { border: 1px solid black; } 

#footer  .cop {float:right;margin:0 3%;margin-bottom:3px;line-height: 40px;}
#footer  .dot {float:left;margin:0 1%;margin-top: -3px;line-height: 40px;}
#footer  .dot a {color: #fff;}




*
{
	margin: 0;
	padding: 0;
}
.clear
{
	clear: both;
	width: 0;
	height: 0;
	font-size: 0;
	border: 0;
}
body
{
	background: #f3f3eb url(../img/bg_body.jpg) repeat-x top;
	font-family: arial,tahoma,verdana;
	font-size: 13px;
	color: #000;
}

a:link
{
color: #00687B;
	text-decoration: underline;
}

a:visited
{
color: #00687B;
	text-decoration: underline;
}


a:hover
{
  color: #00BBD0;
	text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Main
-------------------------------------------------------------------------------------------------------------------------*/
div#main
{
	background: url(../img/bg_main.png) repeat-y center;
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 1000px;
	position: relative;
	min-height: 500px;
	_height: 500px;
}
div#main_in
{
	background: url(../img/bg_perex.jpg) no-repeat left top;
	width: 1000px;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Header
-------------------------------------------------------------------------------------------------------------------------*/
div#header
{
	margin: 0 auto;
	width: 1000px;
	height: 80px;
	position: relative;
}
div#header #logo
{
	background: url(../img/logo.jpg) no-repeat 0 0;
	padding: 2px 0 8px 40px;
	color: #579eb4;
	font-size: 20px;
	font-family: Verdana;
	text-decoration: none;
	position: absolute;
	top: 30px;
	left: 10px;
}
div#header #logo span
{
	color: #579eb4;
	font-weight: normal;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Perex
-------------------------------------------------------------------------------------------------------------------------*/
div#perex
{
	margin: 0 0 0 20px;
	width: 1000px;
	height: 210px;
	position: relative;
}
div#perex img
{
	margin: 20px 0 0 0;
}
div#perex h2
{
	padding: 0 30px;
	width: 940px;
	font-size: 29px;
	text-align: left;
	color: #fff;
	position: absolute;
	top: 40px;
	left: 0;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Main menu
-------------------------------------------------------------------------------------------------------------------------*/
ul#main_menu
{
	background: url(../img/bg_main_menu.jpg) no-repeat top left;
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	width: 970px;
	height: 0px;
}
ul#main_menu li
{
	display: block;
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 40px
}
ul#main_menu li a
{
	padding: 0 20px;
	height: 40px;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
}
ul#main_menu li a:hover
{
	background: url(../img/bg_main_menu_hover.jpg) repeat-x top;
	text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Content
-------------------------------------------------------------------------------------------------------------------------*/
div#content
{
	background: url(../img/bg_content.jpg) no-repeat 0 0;	
	margin: 5px 0 0 10px;
	padding: 20px 20px 0 20px;
	width: 640px;
	float: left;
}
div#content h1
{
	margin: 5px 0 20px 0;
	color: #00687B;
	font-weight: normal;
	line-height: 30px;


}







div#content h2
{
	margin: 0 0 10px 0;

	color: #00687B;
	font-weight: normal;
	line-height: 25px;


}
div#content h3
{
	margin: 0 0 20px 0;


	line-height: 20px;


}
div#content p
{
	margin: 0 0 15px 0;
	color: #000000;
}
div#content ul, div#content ul ul
{
	margin: 15px 0 0 0;
}
div#content ul li
{
	background: url(../img/bulet_01.gif) no-repeat 0 7px;
	color: #3f342d;
	padding: 0 0 0 13px;
	list-style-type: none;
	line-height: 20px;
}
div#content ul li a
{
	color: #72b1c3;
	text-decoration: underline;
}
div#content ul li a:hover
{
	text-decoration: none;
}
form
{
	margin: 0 0 20px 0;
	width: 600px;
}
form .text
{
	margin: 0 0 3px 0;
	padding: 5px 2px;
	width: 256px;
	border: solid 1px #3f342d;
	float: left;
}

textarea
{
	margin: 0 0 3px 0;
	padding: 1px 2px;
	width: 356px;
		height: 156px;
	border: solid 1px #3f342d;
	margin-bottom:20px;
	float: left;
}

form label
{
	margin: 6px 0 0 0;
	width: 100px;
	display: block;
	float: left;
	color: #000000;
}
form br
{
	clear: both;
	display: block;
}
form .button
{
	background: #72b1c3;
	margin: 20px 0 0 0;
	padding: 5px 10px;
	border: 0;
	cursor: pointer;
	color: #fff;
}


div#navigace
{
	margin: -8px 0 0 20px;
	font-size: 11px;
	text-align: right;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Sidebar
-------------------------------------------------------------------------------------------------------------------------*/
div#sidebar
{
	margin: 5px 0 0 20px;
	width: 260px;
	float: left;
}
div#sidebar div.box
{
	background: #fff url(../img/bg_box_sidebar.jpg) no-repeat bottom left;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
	width: 260px;
}
div#sidebar div.box h2
{
	background: url(../img/bg_h2_sidebar.jpg) bottom left;
	padding: 0 0 0 20px;
	width: 240px;
	height: 40px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	line-height: 40px;
}
div#sidebar div.box ul
{
	margin: 20px 0 0 20px;
}
div#sidebar div.box ul li
{
	list-style-type: none;
	line-height: 20px;
}
div#sidebar div.box ul li a
{
	background: url(../img/bulet_01.gif) no-repeat 0 3px;
	color: #3f342d;
	padding: 0 0 0 13px;
	text-decoration: none;
}
div#sidebar div.box ul li a:hover
{
	text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Footer
-------------------------------------------------------------------------------------------------------------------------*/
div#footer
{
	background: url(../img/bg_footer.jpg) no-repeat 0 0;
	margin: 0 auto 30px auto;
	padding: 0 0 0 40px;
	width: 960px;
	height: 60px;
	clear: both;
}
div#footer p
{
	line-height: 40px;
}
div#footer p a
{
	color: #fff;
}