@charset "utf-8";

/* ------------------------------------CSS Document------------------------------------- */

/* 26/06/2014 - - - 07/02/2018 - - - 22/02/2018 - - - 22/06/2019 */

* {
	margin:0;
	padding:0;
	}

body {
	background-color:#f2f2f2; 
	font-family:'Open Sans', sans-serif;
}

.container {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
}

header {
	width:100%;
	height:266px;
	background:#fff;
	background-image:url(../img/Madeja_1000x244A-33.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
}

img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 799px) {
	header {
	width:100%;
	height:217px; /* 195+22 */
	background:#fff;
	background-image:url(../img/Madeja_799x195A-33.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
		}
}

@media screen and (max-width: 599px) {
	header {
	width:100%;
	height:123px; /* 101+22 */
	background:#fff;
	background-image:url(../img/Madeja_599x101AB-3.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
		}
}

nav {
	width:60%;
	height:50px;
	position:absolute;
	bottom:0;
	left:22.3%;
	text-align:center;
	line-height:30px;
}

@media screen and (max-width: 599px) {
	nav {
		width:60%;
		left:20%;
		line-height:25px;
		top:90px;
		}
}

@media screen and (max-width: 400px) {
	nav {
		width:60%;
		left:20%;
		height:55px;
		line-height:25px;
		}
}

header nav ul li {
	display:inline-block;
}

header nav ul li a {
	text-decoration:none;
	color:#afafaf;
	font-weight:400;
	font-size:1em;
	padding:0px 20px 0px 20px; 
	display:block;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
}

header nav ul li a:hover {
 	color: #c82f50;
 	background-color:transparent;
 	border-bottom:none;
}

section {
	width:80%;
	max-width:1000px;
	height:auto;
	background:#fff;
	box-sizing:border-box;
	margin:auto;
	overflow:hidden;
}

.principal {
	width:80%;
	margin-top:35px;
}

@media screen and (max-width: 599px) {
	.principal {
		width:90%;
		left:2%;
		padding:10px 0px 0px 0px; 
		}
}

@media screen and (max-width: 504px) and (min-width: 401px) {
	.principal {
		width:90%;
		left:2%;
		padding:25px 0px 0px 0px; 
		}
}

@media screen and (max-width: 400px) {
	.principal {
		width:90%;
		left:2%;
		padding:35px 0px 0px 0px; 
		}
}

.principal h1 {
	font-weight:300;
	font-size:1.8em;
	color:#c82f50;
	margin-top:0px;
	margin-left:11%;
}

.subtitulo {
	font-weight:400;
	font-size:1.2em;
	color:#c82f50;
}

.principal p {
	font-weight:400;
	font-size:0.875em;
	color:#505050;
	margin-top:15px;
	margin-left:11%;
}

.mail a {
	text-decoration:underline;
	color:#505050;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
}

.mail a:hover {
 	color: #c82f50;
}

.web a {
	text-decoration:none;
	color:#505050;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
}

.web a:hover {
 	color: #c82f50;
}

footer {
	width:100%;
	height:110px;
	background:#a22942;
	margin:auto;
	box-shadow:inset 0px 4px 8px -3px #333333;
}

.aviso {
	font-weight:300;
	font-size:1.5em;
	color:#fff;
	margin-top:0px;
	text-align:center;
	padding:0px 0px 0px 0px;
	letter-spacing:0.1em;
}

.aviso a {
	text-decoration:none;
	color:#fff;
}

.aviso a:hover {
 	color: #fff;
 	font-weight:400;
}

.copyright {
	font-weight:300;
	font-size:0.6em;
	color:#fff;
	margin-top:60px;
	text-align:center;
	padding:15px 0px 0px 0px;
	letter-spacing:0.2em;
}

.copyright p{
	padding:15px 0px 0px 0px;
	text-shadow:2px 2px 2px rgba(0,0,0,1);
}

.social {
	width:30px;
	height:180px;
	position:fixed;
	left:auto;
	top:35%;
}

.social ul {
	list-style:none;
}

.social ul li a {
	display:inline-block;
	text-decoration:none;
}

.external {
	width:30px;
	height:30px;
}

#r1 {
	background:url(../img/Facebook-Logo_Gcla-30px.png) no-repeat;
	padding:0px 0px 5px 0px;
}

#r1:hover {
	background:url(../img/Facebook-Logo_ROJO-30px.png) no-repeat;
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

#r2 {
	background:url(../img/Instagram-Logo_Gcla-30px.png) no-repeat;
	padding:0px 0px 5px 0px;
}

#r2:hover {
	background:url(../img/Instagram-Logo_ROJO-30px.png) no-repeat;
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

#r3 {
	background:url(../img/LinkedIn-Logo_Gcla-30px.png) no-repeat;
	padding:0px 0px 0px 0px;
}

#r3:hover {
	background:url(../img/LinkedIn-Logo_ROJO-30px.png) no-repeat;
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

#r4 {
	background:url(../img/HOME-Picto_Gcla-30px.png) no-repeat;
	padding:0px 0px 15px 0px;
}

#r4:hover {
	background:url(../img/HOME-Picto_ROJO-30px.png) no-repeat;
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

.social ul #r4 {
	width:30px;
	height:31px;
}

.inicio {
	width:30px;
	height:31px;
}

a:link { 
	text-decoration:none; 
}

.mail a {
	text-decoration:underline;
	color:#505050;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
}

.foto_responsive { 
	max-width:100%;
	height:auto;
	margin-top:15px;
	padding: 0px;
}

.foto_responsive_2 { 
	max-width:100%;
	height:auto;
	margin-top:0px;
	padding: 0px;
}