/* -----------  CSS -----------  */
/*
bledě modrá: #1192A7
tmavá modrá: #023B51
středně modrá: #025778
světle modré písmo: #BAD5D9

*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #585858;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	background-image: url(img/bg-gray.jpg);
}





#header{
text-align: center;
  
}

.headerImg{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

/* -----------  Layout -----------  */

#areaMain {
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	border-left: 1px solid #555555;
	border-top: 0px solid #ffffff;

	margin: 10px auto 10px auto;
	padding: 0px 20px 20px 20px;
	width: 900px;
	background-color: #FFFFFF;
	
	position: relative; 
	top: -20px;
	

}

#areaHlavniObsah {
	padding-bottom: 20px;
	
}


#areaFooter {
	clear: both;	
	background-color: #FFFFFF;
	color: #000000; /*#BAD5D9;*/
	font-weight: bold;
	height: 60px;
	text-align: center;
	background: #F5851F url(img/footer-orange.png); /* (img/orange-gradient-footer.png); */
}


/* NAVIGAČNÍ MENU */

#navMenu {
	height: 30px;
	margin-top: 12px;
	padding-top: 0px;
}

                            



.contentLeft {
	border: 0px solid Fuchsia;
	width: 580px;
	float: left;
	text-align: justify;
}

.contentLeftLinks {
	margin: 5px 10px 10px 0px;
	border-bottom: 0px solid Gray;
	padding: 5px;
	border: 1px solid #FFE4B5;
	list-style: square outside;
}

a, a:visited {
	text-decoration: none;
}
a:active, a:hover {
	color: Black;
	background-color: #FFE4B5;
}

.contentRight {
	width: 280px;
	float: right;	
	border: 0px solid Green;
	padding-right: 10px;
	padding-top: 10px;
}


/* KONTAKT */

.contentLeftKontakt {
	border: 0px solid Fuchsia;
	width: 380px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	text-align: justify;
}
.contentRightKontakt {
	width: 430px;
	float: right;	
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	border: 0px solid #FFE4B5;
}


/* OSTATNI */
h1 {
	color: Red;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
h2 {
	color: Black;
	margin-top: 6px;
	font-size: 18px;
	border-bottom: 1px solid #FAA61A;
}
h3 {
	color: #002E72;
	margin-top: 6px; 
}

.reference {
	clear: both;
	margin: 10px 0px 10px 0px;
	border: 0px solid Fuchsia;
}

.referencePopis {
	float: right;
	padding: 0px;
	margin: 0px;
	border: 0px solid Lime;
	width: 620px;
	height: 200px;
}

.imgCenter {
	margin: 10px auto 10px auto;
	border: 0px solid Lime;
	text-align: center;
}

.imgWframe {
	margin: 10px auto 10px auto;
	border: 1px solid Gray;
	padding: 4px;
	text-align: center;
}
.imgLeft {
	margin: 5px 10px 10px 0px;
	border: 1px solid Gray;
	padding: 5px;
}

/* TABULKY */

.table-table{
	padding: 5px;
}
.table-zahlavi{
	background-color: #005AAA;	
	color: #FFFFFF;
	font-weight: bold;
}
.table-zahlavi-left{
	background-image: url(img/roh-modrobily-top-left.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.table-zahlavi-right{
	background-image: url(img/roh-modrobily-top-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}



.table-lichy{
	background-color: #EEEFF8;	
}
.table-sudy{
	background-color: #DBE0F1;		
}
.table-divider{
	border-top: 2px #005AAA solid;
	background-color: #FAA61A;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}


.table-blisty-nazev {
	font-weight: bold;
	width: 340px;
	vertical-align: top;
	text-align: left;  
}
.table-blisty-ikona {
	font-weight: ;
	width: 50px;
	vertical-align: top;
	text-align: center;
}

.table-produkt {
	font-weight: bold;
	color: #005AAA;
	width: 200px;
	vertical-align: top;
}
.table-produkt-zahlavi{
	background-image: url(img/roh-modrobily-top-left.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.table-popis{
	vertical-align: top;
	text-align: justify;
}
.table-phwert{
	text-align: right;
	width: 40px;
	vertical-align: top;
	
}
.table-artikl{
	width: 50px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
.table-artikl-zahlavi{
	text-align: right;
	
}
.table-velikost{
	width: 40px;
	text-align: right;
	vertical-align: top;
}
.table-velikost-zahlavi{
	width: 40px;
	text-align: center;
	background-image: url(img/roh-modrobily-top-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.table-jednotka{
	width: 20px;
	vertical-align: top;
}


/* TABULKA Hautschutzplan */

.Hautschutzplan {
	border: 1px #005AAA solid;
	text-align: center;
	background-color: #005AAA;
}

.Hautschutzplan-lightblue {
	background-color: #EBECEC; 
	font-weight: bold;
	width: 150px;
	height: 150px;	
	vertical-align: top;
}
.Hautschutzplan-orange {
	background-color: #FFECBB; 
	font-weight: bold;
	width: 150px;
	height: 150px;
	vertical-align: top;
}
.Hautschutzplan-blue {
	background-color: #C2CDE5; 
	font-weight: bold;	
	width: 150px;
	height: 150px;
	vertical-align: top;
}
.Hautschutzplan-violet {
	background-color: #DDD3E8; 
	font-weight: bold;
	width: 150px;
	height: 150px;
	vertical-align: top;
}


/* FORMULAR */
.formular-email {
	background-color: #FFFFF0;
	border: 1px solid #999999;
}
.vizitka {
	background-color: #FFFFF0;
	border: 1px solid #999999;
	padding: 10px;
}