/* hlavní */ 
body {padding:0; background:#FFF; color:#000; font:0.8em/1.5 "arial", sans-serif; background: Black url(../img/bg.jpg) no-repeat top center;}

#main {	margin: 0 auto 0;	width: 750px;	padding: 5px 25px 0 25px; z-index: 0;}
#content {	color: #DCDCDC;}
#logo {	width: 200px;	margin: 40px 0 0 0;	padding: 0;	background: url(../img/logo.png) no-repeat top left; float: left;}
#header {	height: 100px; margin-bottom: 50px;}
#footer {	height: 130px;	color: white;	padding:0 40px 0 0;	margin: 0 0 0 0;	text-align: right;	background: url(../img/footer.jpg) no-repeat top left;	vertical-align: middle; font-family: Georgia, sans-serif;}
#slogan, .slogan{	font: normal normal 21pt Georgia, sans-serif;	text-align: center; color: White; margin: 40px 0 30px 0;}

/* nadpisy */
h1{margin: 0; padding:0;}
h1 a{display:block; margin:0; padding:0; position:relative; left:0; top:40; z-index:1; width:150px; height:70px; }
h2 { font: normal normal 1.8em Georgia, sans-serif; color: #DAFFAA; }
h3 { font: normal normal 1.6em Georgia, sans-serif; color: #DAFFAA; }
h4 { font: normal normal 1.3em Georgia, sans-serif; color: #DAFFAA;}

/* slide panel */
#panel {	background: #DDFF99;	height: 250px;	display: none; font-size: 0.8em;	font-family: Georgia; color: #3D6600;border-bottom: 2px solid #9ACD32;	}
.slide {	float: right;	margin: 0 15px 0 0;	padding: 0;	width: 100px;	background: url(../img/kontakty.png) no-repeat top center;	height: 165px;	z-index: 999;}
.btn-slide {	vertical-align: middle; text-align: center;	padding: 10px 10px 0 0;	 display: block;	color: #fff;	text-decoration: none; height: 190px;}
#panel_vnitrni {	margin: 0 auto 0;	width: 750px; padding: 0 0 0 0;}
#formular {	width: 480px;	height: 195px;	float: left;	padding: 10px;	background-color: #E9FFBD;	margin-top: 25px;	border: 1px solid #C9E197;}
#kontakty {	width: 230px;	float: right;	margin-top: 5px;	padding-left: 20px;}
#kontakty span{	font-size: 1.3em;}
#kontakty .profese{	font-size: 0.9em; font-style: italic;}
.credits a{ color: #898989; text-decoration: none;}
.credits a:hover{ color: #909090;}

/* menu */
.menu {	position: relative;	height: 29px;	width: 520px;	padding: 0 10px;	margin: 80px 0 0 0;	overflow: hidden;	float: left;}
.menu li {float: left; list-style: none;}
.menu li.back {background: url("../img/lava.png") no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute;}
.menu li.back .left {background: url("../img/lava.png") no-repeat top left; height: 30px; margin-right: 9px;}
.menu li a { font: bold 14px arial; text-decoration: none; color: #fff; outline: none; text-align: center; top: 7px; text-transform: uppercase; letter-spacing: 0; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 10px;}
.menu li a:hover, .menu li a:active, .menu li a:visited { border: none;}

/* ostatní formátování */
.clear {	clear: both;}
.button a{	background-color: #C9E197;	border: 2px solid #B0D565;	padding: 5px 10px 5px 10px; text-align: center; color: #49601C; text-decoration: none; font-family: Georgia, sans-serif; margin-top: 10px; font-size: 0.85em;}
.button a:hover {	background-color: #FFA500;		border: 2px solid #FF8C00; color: #FFFFFF;}
.block{ float: left; margin-bottom: 20px; width: 235px;  padding: 0 10px 0 0; text-align: justify;}
.block img{	float: right;}

.block ul{	margin: 0; padding: 0; padding-left: 20px; margin-bottom: 10px}
.block ul li{	margin: 0;	padding: 5px 0 2px 5px; list-style: decimal;}

#block2 {padding: 0 10px 0 10px; border-left: 1px dotted #2A2A2A; border-right: 1px dotted #2A2A2A;}
#block3 {float: right;  margin-bottom: 20px; padding: 0 0 0 10px;}
.credits {	padding-top: 60px; color: #696969;}
.title a, .title a:hover, .title {font-size: 1.5em;display: block;margin-bottom: 5px;margin-top: 5px;}
.loga {	padding: 2px 2px 2px 2px;	border: 1px solid #292929;	margin: 3px 3px 3px 3px;}

/* slider titulka */
#references {overflow:hidden;width: 750px;height: 260px;margin: 0px;float: left;margin-bottom: 13px;}
#references ul {height: 240px;margin: 0px;list-style-image: none;list-style-type: none;padding: 0px;width: 4000px;}
#references ul li {	height: 240px;	width: 730px;	border: 10px solid #141A1B;	margin: 0px;	padding: 0px;	float: left;}
#container {}
.prev {display: block;width: 42px;height: 98px;cursor: pointer;background-image: url(images/slide-button-left.png);position: absolute;top: 16px;z-index: 1;left: 18px;}
.next {display: block;background-image: url(images/slide-button-right.png);width: 42px;height: 98px;cursor: pointer;position: absolute;top: 16px;left: 690px;z-index: 2;}
.ref-in {	padding: 13px;	margin-top: 145px;	background-image: url(../img/featured-bg.png);	overflow: hidden;	height: 70px;	color: #909090;}
.ref-in a{	color: #FFFFFF; font-family: Georgia, sans-serif; text-decoration: none;}
.ref-in div{ font-size: 110%; color: #cecece;}

/* webdesign reference */
.web {	margin: 5px 5px 5px 5px; width: 365px; float: left; }
.web h3 {	padding: 0 0 0 0; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif;}
.web img{	border: 5px solid #7B7B7B;}
.informace {	text-align: right; }
.informace a {	text-decoration: none;	border: 1px solid #7B7B7B; padding: 5px 5px 5px 5px; margin: 2px 0 4px 4px; color: #7B7B7B;}
.informace a:hover {	border: 1px solid #FFA500; color: #FFA500;}

h2.perex{color:#DCDCDC !important; font-size: 110%; line-height: 1.6em; font-family:"arial",sans-serif; margin-bottom: 25px}
strong.zelena{	/*background-color: #C9E197; */ padding: 2px 4px; color: #C9E197;}
strong.cervena{	/*background-color: #FFA500; */ padding: 2px 4px; color: #FFA500;}
.region{	margin-right: 2em; float: left;}
.levy {	float: left; margin: 0 0 0 80px; padding: 0 0 0 0;}
.pravy {	float: right; margin: 0 80px 0 0; padding: 0 0 0 0;}