* { 
	margin:0;
	padding:0;
	}
html { 
	background: url(../gfx/bg-photo.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#333;
	vertical-align:top;
	line-height:22px;
	margin-top:0px;
	}

.wrapper { 
	 margin: 0 auto;
	 width: 980px;
	 padding:0;
}

	
#top {
	background:url(../gfx/bg-logo.png);
	width:980px;
}
#logo {
    width:296px;

	float:left;
	padding:14px 0 0 20px;
}
#slogan {
	background:url(../gfx/logo-txt.png) no-repeat 0px 25px;
	width:629px;
	height:98px;
	float: right;
	padding-right:10px;
}



/* -------------- Slideshow ------------ */
.photoHome {
	width:980px; height:479px;
	padding-top:1px;
	background:url(../gfx/bg-logo.png);
	overflow:hidden;
	
}
.maskFringe {
	background:url(../gfx/maskfringe.png) no-repeat right bottom;
	width:980px;
	height:479px;
	z-index:10;
	position:absolute;
}
.maskProd {
	background:url(../gfx/maskprod.png) no-repeat right bottom;
	width:980px;
	height:479px;
	z-index:10;
	position:absolute;
}
.maskAgency {
	background:url(../gfx/maskagency.png) no-repeat right bottom;
	width:980px;
	height:479px;
	z-index:10;
	position:absolute;
}
.maskCons {
	background:url(../gfx/maskcons.png) no-repeat right bottom;
	width:980px;
	height:479px;
	z-index:10;
	position:absolute;
}
.maskFringetxt {
	padding:424px 0 0 590px;
	font:300 24px 'Roboto', Arial, Helvetica, sans-serif;
	color:#fff;
}.maskProdtxt {
	padding:385px 0 0 690px;
	font:300 24px 'Roboto', Arial, Helvetica, sans-serif;
	color:#fff;
}
.maskAgencytxt {
	padding:424px 0 0 675px;
	font:300 24px 'Roboto', Arial, Helvetica, sans-serif;
	color:#fff;
}.maskConstxt {
	padding:423px 0 0 637px;
	font:300 24px 'Roboto', Arial, Helvetica, sans-serif;
	color:#fff;
}






/* -------------- linki ------------ */
#content a {	color:#068f94; text-decoration:none; outline:none; }
#content a:hover { text-decoration:none; background:#068f94; color:#FFF; }

#contentFringe a {	color:#d71e1e; text-decoration:none; outline:none; }
#contentFringe a:hover { text-decoration:none; background:#d71e1e; color:#FFF; }

#contentProd a {	color:#f3890f; text-decoration:none; outline:none; }
#contentProd a:hover { text-decoration:none; background:#f3890f; color:#FFF; }

#contentAgency a{	color:#85b83b; text-decoration:none; outline:none; }
#contentAgency a:hover { text-decoration:none; background:#85b83b; color:#FFF; }

#contentCons a{	color:#2c9ae8; text-decoration:none; outline:none; }
#contentCons a:hover { text-decoration:none; background:#2c9ae8; color:#FFF; }



.quote {
	background:url(../gfx/quote.png) no-repeat left top;
	padding-left:50px;
	font:300 italic 16px 'Roboto', Arial, Helvetica, sans-serif;
	}
.colL {
	width:520px;
	padding-right:20px;
	float:left;
}
.colR {
	width:380px;
	float:right;
}
.colmid {
	
	margin-bottom:10px;
	}


ul {
	
}
li {
	margin-left:22px;
	padding-bottom:2px;

}
a img {	border:none;}

a {	outline:none;}		

.clear { clear: both;}

p {	margin-bottom:20px;}

h1 {font:900 36px 'Roboto', Arial, Helvetica, sans-serif;color:#fff;display:inline-block;background:#089fa5;padding:0px 28px 0px 10px;margin-bottom:10px;}
#contentFringe h1 {font:900 36px 'Roboto', Arial, Helvetica, sans-serif;color:#fff;display:inline-block;background:#d71e1e;padding:0px 28px 0px 10px;margin-bottom:10px;}
#contentProd h1 {font:900 36px 'Roboto', Arial, Helvetica, sans-serif;color:#fff;display:inline-block;background:#f3890f;padding:0px 28px 0px 10px;margin-bottom:10px;}
#contentAgency h1 {font:900 36px 'Roboto', Arial, Helvetica, sans-serif;color:#fff;display:inline-block;background:#85b83b;padding:0px 28px 0px 10px;margin-bottom:10px;}
#contentCons h1 {font:900 36px 'Roboto', Arial, Helvetica, sans-serif;color:#fff;display:inline-block;background:#2c9ae8;padding:0px 28px 0px 10px;margin-bottom:10px;}

h2 {font:700 24px 'Roboto', Arial, Helvetica, sans-serif;color:#089fa5;text-align:left;padding-bottom:2px;}
#contentFringe h2 {font:700 24px 'Roboto', Arial, Helvetica, sans-serif;color:#d71e1e;text-align:left;padding:12px 0;}
#contentProd h2 {font:700 24px 'Roboto', Arial, Helvetica, sans-serif;color:#f3890f;text-align:left;padding:12px 0;}
#contentAgency h2 {font:700 24px 'Roboto', Arial, Helvetica, sans-serif;color:#85b83b;text-align:left;padding:12px 0;}
#contentCons h2 {font:700 24px 'Roboto', Arial, Helvetica, sans-serif;color:#2c9ae8;text-align:left;padding:12px 0;}

h3 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;color:#089fa5;text-align:left;padding-bottom:6px;}
#contentFringe h3 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;color:#d71e1e;text-align:left;padding-bottom:6px;}
#contentProd h3 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;color:#f3890f;text-align:left;padding-bottom:6px;}
#contentAgency h3 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;color:#85b83b;text-align:left;padding-bottom:6px;}
#contentCons h3 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;color:#2c9ae8;text-align:left;padding-bottom:6px;}

h4 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#089fa5;text-align:left;padding-bottom:6px;}
#contentFringe h4 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#d71e1e;text-align:left;padding-bottom:6px;}
#contentProd h4 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#f3890f;text-align:left;padding-bottom:6px;}
#contentAgency h4 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#85b83b;text-align:left;padding-bottom:6px;}
#contentCons h4 {font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#2c9ae8;text-align:left;padding-bottom:6px;}

small {
	font-size:11px;
	line-height: normal;
}
hr {
	border: none 0;
	border-top: 1px solid #dcdbd8;
	height: 1px;
	margin:8px 0;
}
#content, #contentFringe, #contentProd, #contentAgency, #contentCons {
	padding:30px;
	background:#f5f4f0;
}

.whiteborder {
	background:#FFF;
	padding:3px;
}
.fotoL {
	background:#FFF;
	padding:3px;
	margin:2px 10px 0 0;
}
.fotoR {
	background:#FFF;
	padding:3px;
	margin:2px 0 0 10px;
}
.rightbox {
	float:right;
	margin-left:20px;
}
.rightpanelFringe {
	font-size:13px;
	padding:10px 6px 6px 12px;
	border-left:#d71e1e 1px solid;
	width:300px;
	background:#FFF;
	
	line-height:18px;
	border-top: solid 1px #e4e2d8;
	border-right: solid 1px #e4e2d8;
	border-bottom: solid 1px #e4e2d8;
	}
.archchild{
    position: absolute;
    background:#fff;
    left:0; bottom: 6px;
    color:#333; padding:0 8px;
    display:block;
	padding:6px 15px;
	box-shadow:#777 2px 2px 3px;
	font-weight:bold;

}

.archcontainer{
	background:#FFF;
    position:relative;
	float:left;
	width:165px;
	margin:0 10px 30px 0;
	border:#e4e2d8 1px solid;
	padding:3px;
}
.archcontainer:hover { border:#b5b3a9 1px solid; display:block;}

.breadcrumbs { height:20px; display:block; background: #F0F0F0;}
.breadcrumbs li {
	display: inline-flex;
    list-style:none;
    padding: 0px 3px;
	font-size:11px;
	color:# 666;}
	
.downloadico {
	position:relative;
	top:7px;
}
#topBut {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../gfx/topbut.png) no-repeat;
	position: fixed;
	right: -40px;
	bottom: 170px;
	filter: alpha(opacity=80);
	opacity:0.8;

}
#topBut:hover {
	background-position: 0 -40px;
}
.trans1 {
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
	outline: 1px solid transparent;
}
/* ================================= tabelka ================================ */
div.tabelka1 td {
	height:36px;
	padding:8px;
	}
div.tabelka2 td {
	text-align:left;
	height:36px;
	padding:8px;
	border-bottom:1px #aaa solid;
	}
.tr1 {
	background:#ebf1f1;
	}
	
.bord_r {
	border-right:1px #aaa dotted;
	}
	
.bord_b {
	border-bottom:1px #aaa solid;
	}
/* ================================= Footer ================================ */
#footerHome {
	background:#089fa5;
	font:12px Tahoma, Geneva, sans-serif;
	color:#fff;
	height:80px;
	margin-top:10px;
	padding:30px;


}
#footerFringe {
	background:#d71e1e;
	font:12px Tahoma, Geneva, sans-serif;
	color:#eee;
	height:80px;
	margin-top:10px;
	padding:30px;

}
#footerProd {
	background:#f3890f;
	font:12px Tahoma, Geneva, sans-serif;
	color:#eee;
	height:80px;
	margin-top:10px;
	padding:30px;
}
#footerAgency {
	background:#85b83b;
	font:12px Tahoma, Geneva, sans-serif;
	color:#eee;
	height:80px;
	margin-top:10px;
	padding:30px;

}#footerCons {
	background:#2c9ae8;
	font:12px Tahoma, Geneva, sans-serif;
	color:#eee;
	height:80px;
	margin-top:10px;
	padding:30px;

}

.fL {
	float:left;
}
.fR {
	float:right;

}
#tommedia {
	font:11px Tahoma, Geneva, sans-serif;
	text-align:right;
	float:right;
	margin-top:80px;
	}
#tommedia a {
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	}
	
#tommedia a:hover {
	text-decoration: underline;
	color:#fff;
	}