﻿* {
	margin : 0;
	padding : 0;
	outline : 0;
	}
	body {
	font-family : "Open Sans", Arial, Verdana, sans-serif;
	color : #000;
	font-size : 14px;
	background-color : #E9E7E9;
	background : linear-gradient(to bottom, rgb(200, 200, 200, 1.00) 0%, rgb(200, 200, 200, 0.00) 10%) #fff;
	background-image : url("../img/pattern.png");
	background-repeat : repeat;
	overflow-x: hidden;
	}
	.topcontainer {
	border-bottom : 3px solid #ed1d24;
	min-height : 50px;
	background-color : #4b4b4b;
	}
	.shadow {
	background-position : center bottom;
	max-width : 1200px;
	margin : 0 auto;
	background-image : url("../img/shadows-bottom.png");
	background-repeat : no-repeat;
	padding-bottom : 28px;
	}
	#logo {
	position : absolute;
	width : 200px;
	height : 64px;
	color : #000;
	font-size : 40px;
	line-height : 32px;
	font-weight : 300;
	padding : 18px 0;
	}
	#logo small {
	background-color : #000;
	color : #fff;
	font-size : 40px;
	width : 36px;
	display : inline-block;
	text-align : center;
	line-height : 32px;
	margin : 0 3px 0 0;
	}
	header {
	background-position : 20px center;
	max-width : 960px;
	padding : 0 20px;
	margin : 0 auto;
	background-repeat : no-repeat;
	min-height : 120px;
	background-image : url("../img/logo_rexel.png");
	}
	#menu {
	max-width : 960px;
	margin : auto;
	padding : 0 20px;
	font-size: 0px;
	}
	#menu ul {
	list-style-type : none;
	text-align : right;
	padding : 12px 0 12px 0;
	}
	#menu li {
	display : inline-block;
	margin : 0 0 0 4px;
	}
	#menu li a {
	display : block;
	background : #eee;
	padding : 5px 10px;
	text-decoration : none;
	font-size : 12px;
	text-transform : uppercase;
	color : #000;
	}
	#menu li a.active, #menu li a:hover {
	background : #fff;
	color : #000;
	}
	.heading {
	text-align : right;
	padding : 48px 0;
	color : #888;
	}
	.heading a {
	text-decoration : none;
	color : #000;
	}
	.heading a:hover {
	color : #999;
	}
	h1, h3 {
	max-width : 920px;
	padding : 12px 20px;
	min-height : 19px;
	line-height : 1em;
	font-weight : 300;
	background-color : #ed1d24;
	color : #fff;
	font-size : 19px;
	text-align : center;
	margin : 0 auto;
	}
	h4 {
	padding : 10px 20px 10px 20px;
	border-width : 1px;
	border-color : #ccc;
	text-align : center;
	font-weight : 300;
	font-size : 15px;
	border-top-style : solid;
	}
	article {
	max-width : 960px;
	margin : 0 auto;
	}
	article p {
	padding : 20px;
	text-align : justify;
	font-size : 13px;
	}
	.push-left {
	float : right;
	margin : 0 0 0 20px;
	height : 80px;
	}
	.name {
	font-size : 20px;
	font-weight : 500;
	color : rgb(255, 51, 0);
	}
	.equalcol {
	display : table;
	}
	.col1-2 {
	width : 50%;
	display : table-cell;
	float : left;
	}
	.col1-3 {
	width : 33.333333%;
	display : table-cell;
	float : left;
	}
	.col1-4 {
	width : 25%;
	display : table-cell;
	float : left;
	}
	.col3-4 {
	width : 75%;
	display : table-cell;
	float : left;
	}
	.clearfix {
	clear : both;
	height : 0;
	}
	.bgins {
	background-color : rgb(255, 255, 255);
	}
	.bgins2 {
	background-color : rgb(220, 220, 220, 0.35);
	}
	.intro {
	font-size : 16px;
	color : #fff;
	line-height : 1em;
	}
	.foto {
	text-align : center;
	background-color : rgb(255, 255, 255);
	}
	.foto img {
	max-width : 221px;
	padding : 0;
	margin : 3px;
	border : none;
	}
	.foto img:hover {
	opacity : 0.85;
	}
	.padding20y {
	padding : 20px 0;
	text-align : center;
	}
	.padding20 {
	padding : 20px;
	text-align : center;
	}
	.center {
	text-align : center;
	}
	footer {
	text-align : center;
	max-width : 960px;
	margin : 0 auto;
	background-color : #ededed;
	}
	footer p {
	padding : 20px;
	font-size : 16px;
	color : #000;
	}
	footer a {
	color : #666;
	}
	footer a:hover {
	color : #000;
	}
	.google-maps {
	height : 320px;
	}
	#author {
	max-width : 920px;
	margin : 0 auto;
	text-align : center;
	padding : 10px 20px;
	font-size : 11px;
	}
	#author img {
	border : none;
	vertical-align : middle;
	}
	#author a {
	color : #777;
	}
	.inside {
	max-width : 480px;
	}
	.google-maps {
	padding : 0;
	border : 0;
	margin : 0;
	width : 100%;
	}
	@media (max-width: 960px) {
	.col1-4 {
	width : 50%;
	}
	.col1-2 {
	width : 100%;
	}
	}
	@media (max-width: 640px) {
	.foto img {
	width : 25%;
	}
	}
	@media (max-width: 579px) {
	.heading {
	display : none;
	}
	#menu ul {
	text-align : center;
	}
	header {
	background-position : center center;
	}
	}
	@media (max-width: 479px) {
	.foto img {
	width : 50%;
	}
	.rwd-disp-n {
	display : none;
	}
	.inside {
	width : 100%;
	}
	}
	@media (max-width: 319px) {
	.push-left {
	display : none;
	}
	}
	.pdf {
	float : right;
	margin : 0 0 20px 20px;
	text-align : center;
	background-color : #fff;
	padding : 20px 20px;
	color : #666;
	text-decoration : none;
	font-size : 12px;
	font-weight : 400;
	}
	.pdf img {
	border-style : none;
	text-align : center;
	height : 64px;
	padding-bottom : 10px;
	}
	.pdf:hover {
	color : #000;
	}
	@media (max-width: 479px) {
	.pdf {
	float : none;
	display : inline-block;
	width : 100%;
	margin : 10px 0 20px 0;
	padding : 10px 0;
	}
	}
	.prod {
	color : #666;
	font-weight : 300;
	text-align : left;
	}
	.prod a {
	text-decoration : none;
	color : #000;
	font-weight : 500;
	}
	.prod em {
	color : #ed1d24;
	font-variant : normal;
	font-style : normal;
	font-size : 0.9em;
	}
	.prod em:hover {
	color : #000;
	}
	.floating {
	float : right;
	padding : 20px;
	margin : 20px 0 20px 20px;
	background-color : #fff;
	border : none;
	}
	hr {
	opacity : 0.35;
	}
	@media (max-width: 799px) {
	.floating {
	max-width : 200px;
	}
	}
	.col1-3 a {
	background-color : rgb(50, 50, 50, 0.16);
	display : block;
	padding : 20px 0;
	font-size : 16px;
	text-decoration : none;
	color : #000;
	}
	.second a {
	background-color : rgb(50, 50, 50, 0.24);
	}
	.third a {
	background-color : rgb(50, 50, 50, 0.08);
	}
	.col1-3 a:hover {
	background-color : rgb(50, 50, 50, 0.3);
	}
	.col1-3 a i {
	font-size : 48px;
	opacity : 0.5;
	color : #fff;
	padding-bottom : 10px;
	}
	@media (max-width: 599px) {
	.col1-3 {
	width : 100%;
	}
	}
	@media (max-width: 539px) {
	.floating {
	max-width : 100px;
	display : none;
	}
	}
	@media (max-width: 479px) {
	.floating {
	max-width : 1px;
	display : none;
	margin : 0;
	padding : 0;
	height : 0;
	}
	}