body {
	margin: 0; padding: 0;
	color: #373737;
	font-family: Open Sans, Voltaire, Verdana, Arial, Tahoma, helvetica, sans-serif;
	font-size: 12px;
	background: black url('img/bgweb.jpg') no-repeat center top;
	text-align: center;
}
#web {
	text-align: left;
	width: 1000px;
	margin: auto;
	background: white url('img/hlavicka.jpg') no-repeat center top;
	padding-bottom: 40px;
	-webkit-border-radius: 0 0 14px 14px;
	-moz-border-radius: 0 0 14px 14px;
	border-radius: 0 0 14px 14px;
	-webkit-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    7px 7px 15px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         7px 7px 15px 0px rgba(50, 50, 50, 0.5);
	}

/* TITLE */
#title { }
#title  #logo{ width: 188px; float:left }

#title #logo {
	border:0;
	width: 293px;
	height:34px;
	margin: 40px 0 0 35px; padding: 0 }
	

	
	
#title  #top-text{ width: 600px; float:right; margin: 16px 24px 0 0;text-align:right; font-size:14px  }
#title  #top-text span{ margin-right: 20px;  }
	

#topmenu{ float: right; clear:right; margin: 30px 20px 0 0}


#title #title-banner{ width: 444px; float:right; clear:right;margin: 83px 21px 0 0 }
#title #title-banner h2{
	display:block;
	width: 444px;
	height:84px;
	color:black;
	position: relative;
	margin: 0; padding: 0;
	font-size:22px }
	
#title #title-banner h2 span {
	display: block;
	position: absolute;
	left: 0;top: 0;
	width: 444px;
	height: 84px;
	background: url('img/title_banner.jpg') no-repeat; }



	
#topmenu ul {
	margin-top: 5px;
}	

#topmenu ul li {
	margin-left: 5px; 	margin-right: 0px;
}
	

#topmenu ul li a{
	margin-top: 8px;
	display: block;
	height:44px;
	line-height:16px;

	padding: 0;
	border-left-width: 0; font-weight:normal; font-size: 20px;
	text-decoration: none;
	text-align:center;
	color: white;
}

#topmenu ul li ul li a{
font-size: 12px; 	font-family: Tahoma, Verdana, Arial,  helvetica, sans-serif;
}


#topmenu ul li a:hover{
	text-decoration:underline
}
	
/* Holly Hack for IE \*/
* html #topmenu ul li { float: left; height: 1%; }
* html #topmenu ul li a { height: 1%; }
	
	
	
	
	
	
	
#animace {
	border:0px solid red;
	width: 998px;
	height:352px;
	margin: 0 0 1px 1px; padding: 0 }	
	
#animace .slider-wrapper.default>div{display:none;}
#animace .slider-wrapper.default>div #slides{font-weight:400;color:#fff;line-height:normal}

#animace .slider-wrapper.default>div #slides img{border:0; width: 1000px;}
#animace .slider-wrapper.default>div #slides>a{line-height:0}

#animace .slider-wrapper.default>div #slides h1,.slider-wrapper.default>div #slides h2,.slider-wrapper.default>div #slides h3,.slider-wrapper.default>div #slides h4{padding:1% 1% 1% 1%;color:#000;background-color:#fff;line-height:23px; -webkit-border-radius: 7px; color:red; font-size:23px; font-weight:normal;
-moz-border-radius: 7px;
border-radius: 7px;

background: -moz-linear-gradient(left,  rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.8) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.92)), color-stop(100%,rgba(255,255,255,0.8)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.92) 0%,rgba(255,255,255,0.8) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0.92) 0%,rgba(255,255,255,0.8) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0.92) 0%,rgba(255,255,255,0.8) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0.92) 0%,rgba(255,255,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebffffff', endColorstr='#ccffffff',GradientType=1 );
 }


#animace .slider-wrapper.default>div  #slides h2 span{font-size:16px; color:black}


#animace .slider-wrapper.default>div #slides span,.slider-wrapper.default>div #slides p{line-height:normal}
#animace .slider-wrapper.default>div .social{position:absolute;top:4%;left:3%;z-index:10000}
#animace .slider-wrapper.default>div .social div{float:left;margin-right:10px}
#animace .slider-wrapper.default>div #bullets{height:10px;position:absolute;top:4%;right:3%;z-index:10000}
#animace .slider-wrapper.default>div #bullets .bullet{min-height:12px;min-width:12px;border-radius:6px;margin-left:5px;float:left;cursor:pointer;background-color:#b4b4b4;background-color:rgba(255,255,255,0.6)}
#animace .slider-wrapper.default>div #bullets .bullet:hover{background-color:#fff}
#animace .slider-wrapper.default>div #bullets .bullet.selected{background-color:#fff}
#animace .slider-wrapper.default>div #left{position:absolute;width:47px;height:47px;background-image:url(img/arrow.png);left:5%;top:50%;margin-top:-24px;z-index:999999;cursor:pointer}
#animace .slider-wrapper.default>div #right{position:absolute;width:47px;height:47px;background-image:url(img/arrow.png);background-position:right top;right:5%;top:50%;margin-top:-24px;z-index:999999;cursor:pointer}
	
#animace .slider-wrapper{
	        	margin: auto;
		        max-width: 1000px;
		        height: auto;
	        }
			
	



	
	
	
	
	
	
	
	
	
	
	
	
	
	



 
 
 
 
 
 
 
 
 
#web  #uvod-deleni{ float:right; margin-top: 10px; width: 770px; border:0px solid red; }

#web  #uvod-deleni .na-tri{ width:31%; border:0px solid red; float: left; margin: 20px 20px 0 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; height: 475px }
#web  #uvod-deleni .zelene{ background: #a4eac7 url('img/uvod1.jpg') no-repeat 0% 0%; }

#web  #uvod-deleni .cervene{ background: #e78372 url('img/uvod2.jpg') no-repeat 0% 0%; }
#web  #uvod-deleni .sede{ background: #dcdcdc url('img/uvod4.jpg') no-repeat 0% 0%; margin-right:0}

#web  #uvod-deleni .na-tri img{ max-width:100%; }


#web  #uvod-deleni .na-tri h3{ max-width:100%; color:white; font-size: 20px; font-weight: normal; text-align:left; margin-top: 190px; background-color: #00a651; padding: 9px 15px; margin-bottom:0}


#web  #uvod-deleni .na-tri h3.prvni{  background-color: #00a651; }


#web  #uvod-deleni .na-tri h3.druha{  background-color: #b83f2a;}

#web  #uvod-deleni .na-tri h3.treti{  background-color: #828282; }

#web  #uvod-deleni .na-tri p{ font-size: 12px; color:#373737; padding: 15px; margin:0; line-height: 18px;}
 
 
#web  #uvod-deleni .na-tri ul{ padding: 0; margin:5px 0 10px 28px; border:0px solid silver}

#web  #uvod-deleni .na-tri ul li{ padding: 0; margin:1px 0 1px 0; font-size: 13px; }
 
 
 
 
 
 




/* WEB */
	
#web-obsah { float:right; margin-top: 10px; width: 768px; border:0px solid red;}


#web-obsah h1 {
	color:#b83f2a;
	margin: 5px 0 5px 0; padding: 0; font-weight:normal;
	font-size:24px; }
	
#web-obsah h2 {
	color:#b83f2a; clear:left;
	margin: 10px 0 10px 0; padding: 10px 0 0 0; font-weight:normal;
	font-size:19px; }
	
	
#web-obsah h3 {
	clear:left; color:#b83f2a;
	margin: 10px 0 10px 0; padding: 10px 0 0 0; font-weight:normal;
	font-size:19px; }
	


	
#web-obsah h4 { font-size:14px; color:#b83f2a }
	
	
#web-obsah p{
	color: #474646; clear: left; font-size:14px; line-height: 18px;
	margin: 15px 0 15px 0; padding:0 15px 0 0; }	
	
#web-obsah ul{ list-style-type: none; }
#web-obsah ul li{
	background: url('img/li_bg1.png') no-repeat 15px 5px;
	color: #474646; font-size:14px; line-height: 18px;
	margin: 4px 0 4px 0; padding-left:35px; padding-right:15px;}	


	
	
#web-obsah table {
	margin: 5px 0 10px 0; clear:left; width: 95% }

	
#web-obsah th {
	color: #373737;
	font-family: Open Sans, Voltaire, Verdana, Arial, Tahoma, helvetica, sans-serif;
	font-size: 13px;
	border-bottom:1px dotted gray; padding: 6px 0px 6px 0;; }
	
#web-obsah th.th-text { width: 500px;}	
	
#web-obsah td {
	color: #373737;
	font-family: Open Sans, Voltaire, Verdana, Arial, Tahoma, helvetica, sans-serif;
	font-size: 13px;
	border-bottom:1px dotted gray; padding: 6px 0px 6px 0; }	
	
	
	
#kod-chyba {
	color: red; width: 150px; border-bottom:1px dotted red; padding: 1px 4px; margin: 0 0 0 80px;; display:block; clear:left; text-align:center;
	font-family: Open Sans, Voltaire, Verdana, Arial, Tahoma, helvetica, sans-serif;
	font-size: 13px; }	
	


/* Navigace */

#podmenu{
	float:left; border:0px solid black;
	list-style-type: none;
	margin: 15px 0 0 15px;
	padding: 0;
	width: 190px;
	border-bottom-width: 0;
}
#podmenu li{
	padding: 0;
	margin: 0;
}
#podmenu li a{
	text-transform:uppercase;
	font-weight: normal; text-align:left; border-bottom: 1px solid #a9acad;
	font-size: 12px;
	color: #3e3e3e;
	display: block;

	padding: 6px 0 6px 2px;
	text-decoration: none;
	margin: 1px 0 1px 0;
}
#podmenu li a:hover{
	color: #3e3e3e; text-decoration:none;
background: rgb(227,227,227);
background: -moz-linear-gradient(left,  rgba(227,227,227,1) 1%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(227,227,227,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(227,227,227,1) 1%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,  rgba(227,227,227,1) 1%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,  rgba(227,227,227,1) 1%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(227,227,227,1) 1%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=1 );

	
}

#banner {
	clear:left;
	text-align:center; line-height:17px;
	margin: 15px 3px 0 0;
	border:1px solid #e0e0e0; color:gray;
	background-color: #fbfbfb; padding: 0 0 7px 0;
	height:140px }


/* TELO */


/* FORMULÁŘ */



#face-form{
	width: 440px; float: right; border:0px solid silver; position: absolute; left: 940px; 
	margin: 10px 35px 0 0; 	
	/*background: url('img/bg_texarea.jpg') no-repeat;*/
	background-position: 95px 98px;
	/*clear:both;*/
	line-height: 30px;
	padding: 20px 20px 5px 20px;
}

#face-form label{
	width: 60px; border: 1px solid white;
	display:block;
	float:left; clear: left; 
	font-size: 12px;
}

#face-form .box{
	background: url('img/bg_textbox.jpg') no-repeat; padding-left: 10px;
	border:0;
	width: 161px;
	height:25px;
	line-height:21px;
	margin:8px 0 0 12px;
	float:left;
}

#face-form .box_2{
	background: url('img/bg_textbox_kod.jpg') no-repeat; padding-left: 10px; 
	border:0;
	width: 82px;
	height:25px;
	line-height:21px;
	margin:8px 0 0 12px;
	float:left;
}

#face-form .area_box{
	background-color: #e8e8e8; border: 1px solid #e8e8e8;
	padding-left: 5px; 
	width: 340px;
	height:90px;
	line-height:18px;
	margin:15px 0 10px 17px;
	float:left;
}

#face-form select{ padding: 0 0 0 1px;}

#face-form .btn{
	margin:15px 10px 0 0;
	clear:right; 
	float: right
}

#face-form .clear_box{ clear:both; }


#face-form img.overovacikod{
	border:0;
	width: 60px;
	height:25px;
	margin:8px 6px 0 21px;
	float:left;
}


iframe{
	margin-top: 10px;
	float:left;
	clear:both;
}

/* PATIČKA */	
#paticka {
	width: 988px;
	margin: 0 auto;
	text-align: center; 
	background: url('img/bg_paticka.png') no-repeat center top;
	padding:15px 0 20px 0;
}

#paticka p { line-height:18px; font-size: 11px; color:silver; text-align:center;margin:0}
#paticka a { font-size: 11px; color: silver; text-decoration: none; }
#paticka a:hover { text-decoration: underline; }

a.cisto{ clear: left }
a{ color: #c32026; text-decoration: underline }
a:hover{ text-decoration: none }
hr.clean { clear: both; height: 1px; border: none; margin: -1em 0 0 0; visibility: hidden; }