html 
{
	height: 100%;
}

body 
{
	height: 100%;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	font-size: 14px;
	margin: 0; padding: 0;
	/*background: #7E7E7E url("../img/bg-body.jpg") top left repeat-x;*/
	background: #000 url("../img/bg-body2.jpg") top center no-repeat;
}

strong { font-weight: bold; }

a:link { color: #02b8c5; font-weight: bold;}
a:visited { color: #02b8c5; font-weight: bold; }

table { font-size: 0.9em; width: 100%;}
td { height: 30px;}
thead tr td{ font-weight: bold; text-align: left; vertical-align: middle; padding: 10px; color: #fff; background-color: #F54828;}
tbody tr td { text-align: left; padding: 10px; vertical-align: middle; border-bottom: solid 1px #CCCCCC;}

tbody tr  td:first-child { color: #5F5F5F; }

ul , li { line-height: 140%; }

#wrapper { position: relative; height: auto; min-height: 100%; width: 940px;  margin: 0 auto 0 auto; padding: 0 10px 0px 10px; background: #ffffff url("../img/bg-wrapper.jpg") top center no-repeat; }
#header
{
	width: 100%; height: 140px; 
	margin: 0; padding: 0;
		
 }
.main-menu { position: absolute; top: 150px; left: 10px; margin: 0;  padding: 0; width: 940px; height: 43px; background: #3a8491; text-align: left;}
.note { width: 900px; text-align: right; color: #22494F; font-weight: bold; font-size: 0.8em; padding: 17px 0px 0px 0px;}
 
#main, #main-sub
{
	width: 100%; 
	/*margin: 53px 0 190px 0; padding: 0;*/
	margin: 380px 0 50px 0; padding: 0;
	background: #FFFFFF;
	/* _padding-top: 300px;*/
}

#main-sub { margin-top: 53px; }
#footer
{
	position: relative;
	left: -10px;
	margin-top: -250px; /* negative value of footer height */
	height: 250px;
	width: 960px;
	clear:both;

	padding: 0;	margin: 0;
	text-align: left;
	background: #EFEFEF url("../img/bg-footer.jpg") top left repeat-x;
	color: #6F6F6F;
		
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer h2 {
			text-align:left;
			font-family: Georgia,Helvetica,Tahoma,Verdana,Arial,Helvetica,sans-serif;
			/*font-family: Verdana, Arial, Helvetica;*/
			font-style: italic;
			text-decoration: none;
			word-spacing: -0.05em;
			text-align: left;
			letter-spacing: -0.05em;
			line-height: 140%;
			font-size: 1.2em;
			font-weight: bold;
			
			color: #F54828; /*#6F6F6F; #58acb2;*/ 
			margin: 10px 0 15px 0; 
			padding: 0; 
}

#footer div.footer-menu 
{
	width: 600px;
	text-align: left; 
	margin: 0px 0 0px 0;
	padding: 20px 0 0 0;
	color: #6F6F6F;
}

#footer div.footer-menu a { font-size: 0.8em; color: #6F6F6F; font-weight: normal;}

#footer div.copyright 
{ 
	float: left;
	margin: 0 30px 0 50px;
	width: 230px;
	padding: 20px 0 20px 0px;
	
		
}
#footer div.copyright h2 { color: #8F8F8F; }

#footer div.copyright p { line-height: 140%; font-size: 0.8em; color: #6F6F6F; text-align: left; }
#footer div.copyright p a:link, #footer div.copyright p a:visited { color: #F54828; font-weight: normal;}

.footer-links2 { position: absolute; top: 20px; left: 730px; width: 200px; }
.footer-links { position: absolute; top: 20px; left: 530px; width: 200px; }

.logo { 	position: absolute; top: 50px; left: 40px; margin: 0;  /*padding: 50px 0 0 40px;*/ }

.since1991 { position: absolute; top: 55px; right: 50px; width: 209px; height:40px; background: url("../img/since1991.png") top left no-repeat;}



.home-content { position: absolute; top: 193px; left: 10px; width: 940px; height: 300px; text-align: left; background: #1e1e1e url("../img/bg-sub-h1.jpg") top left repeat-x; }
.sub-content-header { width: 100%; height: 113px; text-align: left; background: #1e1e1e url("../img/bg-sub-h1.jpg") top left repeat-x;  }
.sub-content-header h1 { color: #fff; padding: 35px 20px 0px 40px;}

.home-text { width: 100%; text-align: center; margin: 30px 0;}
.home-text div { width: 660px; text-align: justify; margin: auto; color: #666666; font-size: 1em;}

/*
	SLIDER
*/
.slider-wrap								{ width: 550px; position: absolute; top: 0px; left: 0px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 550px; height: 300px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 550px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ margin-right: 5px; }
#movers-row									{ position: absolute; bottom: 8px; right: 8px; margin: 0px; width: 120px;}
#movers-row div								{ width: 30px; float: left; margin-right: 6px;}

.photo-meta-data							{ background: url(../img/transpBlack.png); padding: 7px 10px 10px 40px; height: 40px; 
											  margin-top: -50px; position: relative; z-index: 2; color: white; line-height: 120%; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 30px; position: relative; z-index: 3; border: solid 2px #444549;}
.active-thumb 								{ border: solid 2px #3A8491; /*#67757F*/}




.neprehlednete { width: 390px; height: 300px; margin-left: 550px; }
.neprehlednete h2 { 
							font-family: Georgia,Helvetica,Tahoma,Verdana,Arial,Helvetica,sans-serif;
							text-decoration: none;
							word-spacing: -0.05em;
							text-align: left;
							letter-spacing: -0.02em;
							line-height: 1.4em;
							font-size: 1.8em;
							margin: 0; 
							padding: 30px 30px 0 40px; 
							color: #B8E3E6;
							
}
.neprehlednete p { margin: 15px 40px 20px 40px; padding: 0; color: #fff; font-size: 0.9em; line-height: 130%; text-align: justify; }
.neprehlednete div.bigHomeButton { width: 310px; text-align:right; margin: 10px 0px 0 40px; /*border: solid 1px red;*/}

.left-home-content { float: left; width: 530px; margin: 0px 0px 10px 40px; _margin-left: 30px;  }
.right-home-content { width: 320px; margin: 0px 0px 0px 590px; }

.left-sub-content { float: left; width: 550px; margin: 40px 10px 40px 40px; _margin-left: 30px;  }
.right-sub-content { width: 300px; margin: 40px 0px 0px 630px; }


.home-novinky li { padding-bottom: 15px; font-size: 0.9em; line-height: 130%; color: #6F6F6F; }
.home-novinky li span { font-size: 0.9em; font-weight: bold; color: #F54828; margin-right: 10px;}


.float-right  { float: right; margin: 0 0 20px 20px;}
.float-left  { float: left; margin: 0 20px 20px 0px;}
.ilu-image { border: solid 5px #7F7F7F; }


.objednat { width: 100%; padding: 20px 0 20px 20px; background: #E3E3E3 url("../img/bg-objednat.png") top left repeat-x; }

.video-icon { height: 30px; padding: 12px 0 0 50px; background: #fff url("../img/video-icon.png") top left no-repeat; }


.video-ukazka { width: 100%; height: 65px; background: #b8e3e6; padding: 10px; margin: 0 0 10px 0; }
.video-ukazka img { float: left; border: solid 3px #58ACB2; margin-right: 10px; }
.video-ukazka div { font-size: 0.8em; line-height: 120%; font-weight: bold; color: #296B6F; }


.relatedCategories { width: 100%; }
.relatedCategories  h3 { color: #00B5BF; height: 30px; padding: 0px 0 0 50px; background: #fff url("../img/category-icon.png") top left no-repeat; }
.relatedCategories a { color: #FF2901; }

.foto-ukazky { width: 100%; }
.foto-ukazky h3 { color: #00B5BF; height: 30px; padding: 5px 0 0 50px; background: #fff url("../img/foto-icon.png") top left no-repeat; }
.foto-ukazky a { position: relative; z-index: 1; }
.foto-ukazky img { float: left; width: 80px; height: 60px; border: solid 3px #B8E3E6; margin: 0 8px 8px 0; }

.novinky  { color: #00B5BF; height: 30px; padding: 5px 0 0 50px; background: #fff url("../img/star-icon.png") top left no-repeat; margin-top: 30px;}


.blueForm { background: #ceeaec; padding: 20px 20px 20px 20px; margin: 0px 0 10px 0;}
.blueForm h3 { font-family: Verdana, Arial; color: #0C5B5F; font-weight: normal; font-size: 1.4em; margin: 0 0 20px 10px;}
.blueForm strong {font-size: 1.2em; }
.blueForm input, .blueForm textarea, .blueForm select{ border: solid 1px #8ca2a4; margin: 5px 10px 15px 10px; padding: 5px;}
.blueForm input.captcha { position: relative; top: -12px; font-size: 1.4em;}
.blueForm form > input:last-child { color: #fff;  background-color: #F54828; border: none; padding: 5px 10px 5px 10px; margin-top: 0px;}
.blueForm label { margin-left: 10px; letter-spacing: -0.04em; font-weight: bold; color: #0C5B5F;}
.blueForm img { margin: 15px 5px 0px -5px; }
.blueForm p { margin: 0; }
.blueForm input.submit { font-weight: bold; background: #F54828; color: #fff; border: none;}
.blueForm sup { color: #F54828; }
.blueForm p.poznamka { width: 100%; text-align: right; font-size: 0.7em; color: #0C5B5F;}

.iluImage { float: left; margin: 0 10px 10px 0;}

p  {
		font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
		color: #444;
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		letter-spacing: 0;
		line-height: 140%; /*1.64em*/
		font-size: 0.9em;
		margin-bottom: 15px;
		 
}


h1 { 
		
		
		text-align:left;
		font-family: Arial, Verdana, Arial Black, Helvetica;
		text-decoration: none;
		word-spacing: -0.05em;
		text-align: left;
		letter-spacing: -2px;
		line-height: 1.4em;
		font-size: 2em;
		font-weight: bold;
		
		color: #F54828;
		margin: 0 0 15px 0px;
		*margin: 0 0 15px 0px;
	}


h2 {  
		
		text-align:left;
		/*font-family: Arial, Verdana, Helvetica;*/
		font-family: Georgia,Helvetica,Tahoma,Verdana,Arial,Helvetica,sans-serif;
		text-decoration: none;
		word-spacing: -0.05em;
		text-align: left;
		letter-spacing: -1px;
		line-height: 140%;
		font-size: 1.7em;
		font-style: italic;
		
		color: #ff5b00; 
		margin: 30px 0 15px 0; 
		padding: 0; 
		
		
}

.left-sub-content > h2:first-child { margin-top: 0; }

h3 {
		
		text-align:left;
		font-family: Arial, Verdana, Helvetica;
		text-decoration: none;
		word-spacing: -0.05em;
		text-align: left;
		letter-spacing: -0.05em;
		line-height: 140%;
		font-size: 1.2em;
		font-weight: bold;
		
		color:  #00B5BF;  
		margin: 25px 0 15px 0; 
		padding: 0; 
		
}

h4 {
		margin: .5em 0 .5em 0;
		font-family: Verdana, Arial, Helvetica;
		font-size: 1.2em; 
		font-weight: bold;
		color: #000000;
		
}

h5, h6 {
		font-family: Verdana, Arial, Helvetica;
		font-weight: normal;
		font-size: font-size: 1.3em;
}

address {
		line-height: 140%;
}


hr.cistic {
			clear: both;
			height: 1px;
			border: none;
			margin: -1px 0 0 0;
			visibility: hidden;
		}

div.spacer { margin: 30px 0 10px 0; }		

.threemdealer
{
	position: absolute;
	top: 250px;
	left: 590px;
	z-index: 2;
	width: 140px;
	height: 33px;
	background: url("../img/3m.png") top left no-repeat;
}
