@CHARSET "UTF-8";

/* 
	HLAVNÍ STYLOVÁNÍ
 */

body {
	background: #ddeafb;
	color: #464646;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin: 0;
	text-align: center; 
}

h1 		{ color: #c5911c;	font-size: 15pt; 	margin-bottom: 3px; font-family: Arial Bold; 	 	 }
h2 		{ color: #3192c2;	font-size: 13pt;    margin: 0px; 	text-transform:uppercase;			 }
h2.onas { height: 37px;     background: url(images/oNasLista.gif) repeat-x; color: white; padding: 9px;  }
h3 		{				    font-size: 11pt;    margin: 0px;	text-transform:uppercase;	  		 }
h3.modelove { text-transform:inherit; }
h3.modelove span { display:block; float:left; width:50px; }
h3.eshop { background:transparent url(/images/eshop_CaraKratka.gif) no-repeat scroll 0 bottom; text-transform:inherit; height:25px; margin-bottom: 5px; }
h3.eshopBig { background:transparent url(/images/eshop_CaraDlouha.gif) no-repeat scroll 0 bottom; text-transform:inherit; height:25px; margin-bottom: 5px; }

h4 		{ 				 	font-size: 9pt; 	margin: 0px; 										 }
h5 		{ 					font-size: 8pt;}

img 			{ border-width: 0px; margin: 0px; padding: 0px; }
img.left 		{ float: left !important; }
img.right 		{ float: right !important; }

strong 			{ color: #3192c2; }
strong.white 	{ color: #ffffff; }

a 				{ color: #464646; text-decoration: none; }
a:hover, 
	a:hover h2,
	a:hover h3 	{ text-decoration:underline; }

p 				{ margin: 3px; }
p.paddingMenu 	{ padding-left: 20px; padding-right: 20px; }
p.justify 		{ text-align: justify; }
p.small 		{ font-size:11px; }
p.center 		{ text-align: center; }
p.block 		{ display: block; }
p.big			{ font-size: 15pt;}




.orange 		{ color: #c5911c !important; }
.red			{ color: red; }

.left 			{ text-align: left !important; }
.right 			{ text-align: right !important; }

.hide 			{ display: none !important; }

.svetleModra 	{ color: #4ca1ca !important; }
.voda 			{ background: #ffffff url(images/indexVoda.jpg) no-repeat scroll right bottom !important; }

.marginRSm		{ margin-right: 5px !important; }
.marginLSm		{ margin-left: 5px !important; }
.marginZero 	{ margin: 0px !important; }

.paddingTop		{ padding-top: 12px !important;}
.vAlignBot		{ vertical-align:bottom !important; } 

span.hSmall 	{ font-size: 10pt; }
span.Big	 	{ font-size: 12pt; }
span.hBig	 	{ font-size: 14pt; }
span.right 		{ float: right !important; }
span.left 		{ float: left !important; }

span.label 		{ float:left; width:140px;}
span.table 		{ display:table;}
span.podtrzeni  {
	background-image:url(images/line.gif);
	background-repeat:repeat-x;
	display:block;
	font-size:1px;
	height:5px;
	line-height:0.1em;
	margin-bottom:2px;
	margin-top:2px;
	padding:0;
	clear: both;
}


/* 
	FORMULAR
 */
input.text		{ border : 2px solid Black; }
input.eshop		{ border : 1px solid #DDEAF4; margin-right: 5px; height:16px;}
a.button {
	background:#DDEAF4 url(/images/button_bg.gif) repeat-x scroll 0 0;
	border:1px solid #405FA4;
	color:#004A84;
	float:left;
	font-size:10px;
	height:14px;
	padding:1px 6px 0;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}
/* 
	HLAVIČKA STRÁNKY
 */
 
#divSiteLine {
	height: 29px;
	background: white;	
}
#divSiteLine #spanSiteLineLogo {
	height: 29px;
	width: 1055px;
	display: block;
	margin: 0 auto;
}

#divSiteLine span.header_1 { background: white url(images/siteLineLogo_1.gif) no-repeat scroll right center; }
#divSiteLine span.header_2 { background: white url(images/siteLineLogo_2.gif) no-repeat scroll right center; }
#divSiteLine span.header_3 { background: white url(images/siteLineLogo_3.gif) no-repeat scroll right center; }
#divSiteLine span.header_4 { background: white url(images/siteLineLogo_4.gif) no-repeat scroll right center; }
#divSiteLine span.header_5 { background: white url(images/siteLineLogo_5.gif) no-repeat scroll right center; }

#divBody {
	width: 1055px;
	margin: 0 auto;
	text-align: left; 
}
		 #divBody #divMainMenu {
		 	width: 211px;
		 	float: left;
		 }
			 #divBody #divMainMenu #spanMainMenuLogo {
			 	width: 211px;
			 	height: 145px;
			 	display: block;
			 	background: white url(images/menuLogoSoft.gif) no-repeat;
			 }
			 #divBody #divMainMenu #spanMainMenuLogoPozadi {
			 	display: none;
			 }
			 #divBody #divMainMenu #spanMainMenuIcoSoft {
			 	display: none;
			 }
			 #divBody #divMainMenu #spanMainMenuIcoPronajem {
			 	display: none;
			 }
			 #divBody #divMainMenu #spanMainMenuIcoProdej {
			 	display: none;
			 }
			 #divBody #divMainMenu div.divMainMenuOvladani {
			 	display: none;
			 }
			 #divBody #divMainMenu div.divMainMenuOvladani ul {
			 	padding: 0px !important;
			 	margin: 0px !important;
			 }
			 
			 #divBody #divMainMenu div.divMainMenuOvladani li {
			 	height: 28px;
			 	display: block;
			 	list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				line-height: 2.3em;
				font-size: 12px;
				padding-left: 20px !important;
			 	background: transparent url(images/menuLinka.gif) repeat-x scroll right bottom;
			 }
			 #divBody #divMainMenu div.divMainMenuOvladani li a { 		
				color: #ffffff;
				text-decoration: none;
				font-weight: bolder;
				height: 28px;
				display: block;
			 }
			 #divBody #divMainMenu div.divMainMenuOvladani li.active a {
			 	color: #3c4c08;
			 	
			 }
			 #divBody #divMainMenu div.divMainMenuOvladani li a:hover {
			 	color: #3c4c08;
			 }
		
		#divBody #divMainData {
			width: 844px;
			float: left;
			background: #ffffff;
			
		}
		
		#divBody #divMainData #spanMainDataHeader {
			display: none;
		}
		
		#divBody #divMainData span.header_1 { background:transparent url(images/mainHeader_1.jpg) no-repeat; }
		#divBody #divMainData span.header_2 { background:transparent url(images/mainHeader_2.jpg) no-repeat; }
		#divBody #divMainData span.header_3 { background:transparent url(images/mainHeader_3.jpg) no-repeat; }
		#divBody #divMainData span.header_4 { background:transparent url(images/mainHeader_4.jpg) no-repeat; }
		#divBody #divMainData span.header_5 { background:transparent url(images/mainHeader_5.jpg) no-repeat; }
		
		/* 
			START
			HORIZONTÁLNÍ MENU
 		*/
		#divBody #divMainData #divMenu {
			display: none;
			}
			#divBody #divMainData #divMenu #menu {
				height:30px;
				padding:0px;
				margin:0px;
			}
				#divBody #divMainData #divMenu #menu li {
					display:inline;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					display: block;
					float: left;
					height:30px;
					background:transparent url(images/menuHorM.gif) repeat-y scroll right bottom;
				}
				#divBody #divMainData #divMenu #menu li.posledni{
					background:transparent none;
				}
				#divBody #divMainData #divMenu #menu li.active a {
					text-decoration: underline;
				}
				#divBody #divMainData #divMenu #menu li a {
					display: block;
					float: left;
					height: 30px;
					line-height:2em;
					font-size: 12px;
					color: #57585a;
					text-decoration:none;
					padding-left: 16px;
					padding-right: 16px;
					
					font-weight:bolder;
				}
				#divBody #divMainData #divMenu #menu li a:hover {
					text-decoration: underline;
				}
			#divBody #divMainData #divMenu #menuZaobleniPrave {
				float: right;
				height: 30px;
				width: 10px;
				background:transparent url(images/menuHorR.gif) no-repeat scroll right bottom;
			}
			#divBody #divMainData #divMenu #menuZaobleniLeve {
				float: left;
				height: 30px;
				width: 10px;
				background:transparent url(images/menuHorL.gif) no-repeat scroll left bottom;
			}
			
			
			
			
			
			
			
		/* 
			START
			HLAVNÍ DATOVÁ ČÁST
 		*/	
		#divBody #divMainData #divPage {
			margin-left:21px;
			min-height:600px;
		}
			
			
			/* sloupec přes půl stránky */	
			#divBody #divMainData #divPage div.polovina {
				float:left;
				margin-right:15px;
				width:385px;
			}
				#divBody #divMainData #divPage div.montaz {
				margin-right:5px;
				width: 385px;
				}
				#divBody #divMainData #divPage div.objednavka {
				background-color: #d8eaf4;
				border: 1px solid #636162;
				padding: 20px;
				}
				#divBody #divMainData #divPage div.chemie {
				float:left;
				margin-right:30px;
				width:365px;
				}
			#divBody #divMainData #divPage div.kdejsem {
				float:left;
				margin-right:15px;
				width:370px;
				background-color: #d8eaf4;
				border: 1px solid #636162;
			}
			#divBody #divMainData #divPage div.eshop {
				width:358px;
				float:left;
				height:170px;
				margin-right:15px;
			}
			#divBody #divMainData #divPage div.eshopBig {
				width:730px;
				float:left;
				height:170px;
				margin-right:15px;
			}
			#divBody #divMainData #divPage span.white {
				background-color: white;
				display: block;
				height: 42px;
			}
			
			/* sloupec přes půl stránky */	
			#divBody #divMainData #divPage div.tretina {
				float:left;
				margin-right:25px;
				width:240px;
			}
			
			/* sloupec přes celou stránku */	
			#divBody #divMainData #divPage div.cele {
				width: 800px;
				float: left;
				margin-right: 10px;
			}
			
			/* jeden sloupec jedna datova cast */
			#divBody #divMainData #divPage div.index {
				width: 580px;
				float: left;
			}
			#divBody #divMainData #divPage div.indexMenu {
				margin-right: 5px;
				width: 211px;
				float: right;
			}
			
			/* velka bannerová propagace */
			#divBody #divMainData #divPage div.ImageNews {
				width: 285px;
				display:block;
				float: left;
				margin-right: 5px;
			}
				
			/* news - obrázek vlevo - cela sirka */
			#divBody #divMainData #divPage div.ImageNewsHot {
				display:block;
				float: left;
				margin-right: 5px;
				margin-bottom:5px;
				width:100%;
			}
				#divBody #divMainData #divPage div.ImageNewsHot img {
					display:block;
					float:left;
					margin-right:15px;
				}
			
			/* news - obrázek vlevo - pulka stranky */
			#divBody #divMainData #divPage div.ImageNewsSmall {
				width: 285px;
				display:block;
				float: left;
				margin-right: 5px;
			}
				#divBody #divMainData #divPage div.ImageNewsSmall img {
					display:block;
					float:left;
					margin-right:15px;
				}
				
			
			/* listování s velkým číslem */
				#divBody #divMainData #divPage div.list {
					color: #4ca1ca;
					margin-top: 13px;
					margin-bottom: 13px;
					height: 30px;
					display: block;
					clear: both;
				}
				
				#divBody #divMainData #divPage span.cislo {
					font-weight:bolder;
					font-size: 25px;
					display:block;
					float:left;
					margin-right:15px;
				}	
				
			#divBody #divMainData #divPage span.pujckaVirivky {
				width: 790px;
				height: 402px;
				background:transparent url(images/VirivkaNaZkousku.jpg) no-repeat scroll right bottom;
				display: block;
			}
				
			#divBody #divMainData #divPage span.pujckaVirivky p{
				color: white;
				padding: 20px;
				width: 320px;
				text-align: justify;
			}
				
				
				
			/* část stránky - technologie */	
			#divBody #divMainData #divPage div.technologieCast1 {
				width: 790px;
				height: 402px;
				background:transparent url(images/technologie_1.jpg) no-repeat scroll right bottom;
				display: block;
			}
			
				#divBody #divMainData #divPage #technologieC1_1 {
					width: 780px;
					padding-left:5px;
					padding-top:10px;
					display: block;
				}
				#divBody #divMainData #divPage #technologieC1_2 {
					width: 360px;
					padding-left:5px;
					display: block;
				}
				#divBody #divMainData #divPage #technologieC1_3 {
					margin-top:19px;
					width: 360px;
					padding-left:5px;
					display: block;
				}
				#divBody #divMainData #divPage #technologieC1_4 {
					margin-top:15px;
					width: 360px;
					padding-left:5px;
					display: block;
				}
			#divBody #divMainData #divPage div.technologieCast2 {
				width: 790px;
				height: 167px;
				margin-top: 8px;
				background:transparent url(images/technologie_2.png) no-repeat scroll left bottom;
				display: block;
			}
				#divBody #divMainData #divPage #technologieC2_1 {
					display:block;
					margin-left:300px;
					padding-left:5px;
					padding-top:10px;
					width:485px;
				}
				#divBody #divMainData #divPage #technologieC2_2 {
					display:block;
					margin-left:300px;
					padding-left:5px;
					margin-top:10px;
					width:485px
				}
			#divBody #divMainData #divPage div.technologieCast3 {
				width: 790px;
				height: 167px;
				display: block;
				height: 177px;
			}
				#divBody #divMainData #divPage #technologieC3_1 {
					display:block;
					padding-left:5px;
					padding-top:40px;
					width:670px;
				}
					#divBody #divMainData #divPage #technologieC3_1 img {
						margin-right: 20px;
					}
					
			
			
			#divBody #divMainData #divPage div.formular {
			
			}
			
			#divBody #divMainData #divPage div.formular span.label {
				float:left;
				width:120px;
			}
			#divBody #divMainData #divPage div.formular span.povinne {
				color: #880000;
				margin-left: 5px;
			}
			#divBody #divMainData #divPage div.formular input.input {
				width:265px;
				border: 1px solid #464646;
			}
			#divBody #divMainData #divPage div.formular input.submit {
				background-color:white;
				border:0 none;
				color:#3192C2;
				font-size:18px;
				
			}
			#divBody #divMainData #divPage div.formular textarea.textarea {
				width:265px;
				height: 100px;
				border: 1px solid #464646;
				display:inline;
			}
			#divBody #divMainData #divPage div.formular p {
				height: 20px;
			}	
			#divBody #divMainData #divPage div.formular p.none {
				height: auto;
			}	
			
			
			#divBody #divMainData #divPage .modelyTable {		
				width: 100%;
				table-layout: fixed; 
				border-collapse: collapse;
				font-size:12px;
			}
			
			#divBody #divMainData #divPage .modelyTable tr {
				height: 33px;
			}
			#divBody #divMainData #divPage .modelyTable tr.sudej {
				background-color: #d8eaf3;
			}
			#divBody #divMainData #divPage .modelyTable tr.lista {
				background-color: #dce3ec;
			}
			#divBody #divMainData #divPage .modelyTable tr.malej {
				height: 11px;
			}
			#divBody #divMainData #divPage .modelyTable tr.stredni {
				height: 20px;
			}
			#divBody #divMainData #divPage .modelyTable td {
				padding-left: 10px;
			}
				
				
				
				
			#divBody #divMainData #divPage div.fotogalerie {
				margin-top: 15px;
			}	
					
			/* 
			START
			datová patička
 			*/		
					
					
			#divBody #divMainData #PageFood {
				margin-top:50px;
				float: right;
				margin-bottom: 30px;
			}
			#divBody #divMainData #PageFood #odkazLine{
				background:transparent url(images/mainFootLine.gif) no-repeat scroll right bottom;
				width: 817px;
				height: 28px;
				display: block;
				line-height: 2.3em;
				font-size: 12px;
			}
			#divBody #divMainData #PageFood #odkazLine p{
				padding-left: 20px;
				
			}
			
			
			
	#divFood {
		margin-top: 0px;
		font-size: 90%;
		height: 100px;
		text-align: right;
		background:transparent url(images/desingRoh.gif) no-repeat scroll left bottom;
	}
	