@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding:0px;
	overflow-y: scroll;
	overflow-x: auto;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	color:#333;
	background-color: #eee;
}

p {
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-weight:normal;
	line-height:150%;
}

span {
	display:inline-block;
}

a img:hover {
	opacity:0.85;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

ul, li {
	margin:0;
	padding:0;
}


/* -------------------------------------------------- */


/* H's */

h2 {
	display:block;
	margin:0;
	padding:5px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
h2.fondo-azul {
	background-color:#005779;
	color:#fff;
}
h2.fondo-amarillo {
	background-color:#e2a200;
	color:#fff;
}
h2.fondo-rojo {
	background-color:#b81e27;
	color:#fff;
}


h4 {
	display:block;
	padding:20px;
	text-align:center;
	font-size:18px;
}
h4.grande {
	font-size:28px;
}
h4.fondo-azul {
	background-color:#005779;
	color:#fff;
}
h4.fondo-amarillo {
	background-color:#e2a200;
	color:#fff;
}
h4.fondo-celeste {
	background-color:#d9e6eb;
	color:#666;
	margin:30px;
}
@media all and (max-width: 600px) {
h4.fondo-celeste {
	margin:20px;
}
}
h4.gris {
	color:#999;
}
h4.blanco {
	color:#fff;
}
h4.azul {
	color:#005779;
}


/* -------------------------------------------------- */


/* CONTENEDOR CENTRAL */

.wrapper {
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	background-color:#fff;
	box-shadow:0px 0px 5px RGBA(50,50,50,0.5);
}


/* -------------------------------------------------- */


/* CABECERA */

.header {
	position:relative;
	display:table;
	width:100%;
	border-collapse:collapse;
	text-align:center;
	vertical-align:middle;
}
@media all and (max-width: 750px) {
.header {
	display:inline-block;
	width:100%;
}
}


/* -------------------------------------------------- */


/* LOGO */

.logo-one-match {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}
@media all and (max-width: 750px) {
.logo-one-match {
	display:inline-block;
	width:100%;
	text-align:center;
}
}

.logo-one-match img {
	width:100%;
	max-width:225px;
	height:auto;
	margin:20px 10px 15px 30px;
}
@media all and (max-width: 750px) {
.logo-one-match img {
	max-width:225px;
	margin:15px auto;
}
}


/* -------------------------------------------------- */


/* CONTENIDO */

.content {
	position:relative;
	display:block;
	width:auto;
	margin:0 auto;
	padding:0px;
	text-align:center;
	background-color:#fff;
}


/* -------------------------------------------------- */


/* BANNER */

.banner {
	height:300px;
	position:relative;
	display:block;
	background:url(imagenes/banner-home.jpg);
	background-position:top center;
	background-size:1200px auto;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
.banner img {
	display:none;
}
@media all and (max-width: 900px) {
.banner {
	height:auto;
	background:none;
}
.banner img {
	display:block;
}
}


/* -------------------------------------------------- */


/* BANNER SERVICIOS */

.banner-servicios {
	height:300px;
	position:relative;
	display:block;
	background:url(imagenes/banner-servicios.jpg);
	background-position:top center;
	background-size:1200px auto;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
.banner-servicios img {
	display:none;
}
@media all and (max-width: 900px) {
.banner-servicios {
	height:auto;
	background:none;
}
.banner-servicios img {
	display:block;
}
}


/* -------------------------------------------------- */


/* BANNER CONTACTO */

.banner-contacto {
	height:300px;
	position:relative;
	display:block;
	background:url(imagenes/banner-contacto.jpg);
	background-position:top center;
	background-size:1200px auto;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
.banner-contacto img {
	display:none;
}
@media all and (max-width: 900px) {
.banner-contacto {
	height:auto;
	background:none;
}
.banner-contacto img {
	display:block;
}
}

/* -------------------------------------------------- */


/* SERVICIOS */

.servicios-home {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:30px;
	vertical-align:top;
	margin:0 auto;
}
@media all and (max-width: 1050px) {
.servicios-home {
	border-spacing:20px;
}
}
@media all and (max-width: 750px) {
.servicios-home {
	display:inline-block;
	width:100%;
}
}

.servicios-home-columna {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:top;
	width:33%;
	background:#f6f6f6;
	background:url(imagenes/fondo-servicios-home.jpg);
	background-position:center center;
	background-size:cover;
}
@media all and (max-width: 750px) {
.servicios-home-columna {
	display:block;
	width:auto;
	margin:25px;
}
}

.servicios-home-columna h2 {
}

.servicios-home-columna img {
	width:100%;
	max-width:40px;
	padding:20px;
}


/* -------------------------------------------------- */


/* SERVICIOS */

.servicios {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:30px;
	vertical-align:top;
	margin:0 auto;
}
@media all and (max-width: 900px) {
.servicios {
	border-spacing:20px;
}
}
@media all and (max-width: 750px) {
.servicios {
	display:inline-block;
	width:100%;
}
}

.servicios-columna {
	position:relative;
	display:table-cell;
	text-align:justify;
	vertical-align:top;
	width:33%;
	background:#f6f6f6;
	padding-bottom:20px;
}
@media all and (max-width: 750px) {
.servicios-columna {
	display:block;
	width:auto;
	margin:30px;
}
}
@media all and (max-width: 450px) {
.servicios-columna {
	display:block;
	width:auto;
	margin:20px;
}
}

.servicios-columna h2 {
}

.servicios-columna img {
	display:block;
	width:100%;
	max-width:40px;
	padding:20px;
	margin:0 auto;
}

.servicios-columna p {
	margin:0 20px 10px 20px;
}
@media all and (max-width: 900px) {
.servicios-columna p {
	margin:0 15px 10px 15px;
}
}
@media all and (max-width: 750px) {
.servicios-columna p {
	margin:0 20px 10px 20px;
}
}

.servicios-columna ul {
	margin-top:-5px;
	padding:0 10px 0 35px;
	text-align:left;
}
.servicios-columna li {
	margin-top:3px;
}

.servicios-columna.azul {
	border-bottom:24px solid #005779;
}
.servicios-columna.amarillo {
	border-bottom:24px solid #e2a200;
}
.servicios-columna.rojo {
	border-bottom:24px solid #b81e28;
}


/* -------------------------------------------------- */


/* SERVICIOS: AREAS DE EXPERTICE */

.servicios-areas {
	background:#005679;
	display:inline-block;
}

.servicios-areas .areas-home h3, .servicios-areas .areas-movil h3 {
	color:#fff;
}


/* -------------------------------------------------- */


/* AREAS DE EXPERTICE */

.areas-home {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:10px;
	vertical-align:top;
	margin:-20px auto 15px auto;
}
@media all and (max-width: 600px) {
.areas-home {
	display:none;
}
}

.areas-movil {
	display:none;
}
@media all and (max-width: 600px) {
.areas-movil {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:10px;
	vertical-align:top;
	margin:-20px auto 15px auto;
}
}

.areas-home h3 {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:top;
	width:20%;
	color:#575756;
	font-size:12x;
	padding:0 5px;
}
@media all and (max-width: 900px) {
.areas-home h3 {
	font-size:10px;
}
}
@media all and (max-width: 450px) {
.areas-home h3 {
	display:none;
}
}

@media all and (max-width: 600px) {
.areas-movil h3 {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:top;
	width:50%;
	color:#575756;
	font-size:12x;
	padding:0 5px;
}
}

.areas-home h3 img, .areas-movil h3 img {
	display:block;
	width:100%;
	max-width:80px;
	margin:0 auto;
	padding:20px 20px 10px 20px;
	clear:both;
}
@media all and (max-width: 900px) {
.areas-home h3 img {
	max-width:60px;
	padding:10px 10px 5px 10px;
}
}
@media all and (max-width: 600px) {
.areas-movil h3 img {
	max-width:80px;
	padding:20px 20px 10px 20px;
}
}


/* -------------------------------------------------- */


/* SOCIOS */

.socios-home {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:40px;
	vertical-align:bottom;
	margin:0 auto;
	
	background-color:#dbe7ec;
	text-align:justify;
	font-size:16px;
	line-height:28px;
	color:#575756;
}
@media all and (max-width: 1050px) {
.socios-home {
	border-spacing:30px;
}
}
@media all and (max-width: 750px) {
.socios-home {
	display:inline-block;
	width:100%;
}
}

.socios-home .columna-izq {
	position:relative;
	display:table-cell;
	vertical-align:bottom;
	width:50%;
	height:100%;
	background:url(imagenes/socios-home.jpg);
	background-position:center bottom;
	background-size: 100% auto;
}
@media all and (max-width: 750px) {
.socios-home .columna-izq {
	display:block;
	width:auto;
	margin:30px 30px 15px 30px;
}
}
@media all and (max-width: 450px) {
.socios-home .columna-izq {
	display:block;
	width:auto;
	margin:20px 20px 10px 20px;
}
}

.socios-home .columna-der {
	position:relative;
	display:table-cell;
	vertical-align:bottom;
	width:50%;
	height:100%;
}
@media all and (max-width: 750px) {
.socios-home .columna-der{
	display:block;
	width:auto;
	margin:15px 30px 30px 30px;
}
}
@media all and (max-width: 450px) {
.socios-home .columna-der{
	display:block;
	width:auto;
	margin:10px 20px 20px 20px;
}
}

.socios-home .columna-der img {
	margin-top:20px;
}


/* -------------------------------------------------- */


/* SOCIOS SOMOS */

.socios-somos {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:30px;
	vertical-align:bottom;
	margin:0 auto;
	
	background-color:#dbe7ec;
	text-align:justify;
	font-size:16px;
	line-height:28px;
	color:#575756;
}
@media all and (max-width: 750px) {
.socios-somos {
	display:inline-block;
	width:100%;
}
}

.socios-somos .columna-izq {
	position:relative;
	display:table-cell;
	vertical-align:bottom;
	width:50%;
	height:100%;
}
@media all and (max-width: 750px) {
.socios-somos .columna-izq {
	display:block;
	width:auto;
	margin:30px 30px 0px 30px;
}
}
@media all and (max-width: 450px) {
.socios-somos .columna-izq {
	display:block;
	width:auto;
	margin:20px 20px 0px 20px;
}
}

.socios-somos .columna-der {
	position:relative;
	display:table-cell;
	vertical-align:bottom;
	width:50%;
	height:100%;
}
@media all and (max-width: 750px) {
.socios-somos .columna-der{
	display:block;
	width:auto;
	margin:0px 30px 30px 30px;
}
}
@media all and (max-width: 450px) {
.socios-somos .columna-der {
	display:block;
	width:auto;
	margin:0px 20px 20px 20px;
}
}


/* -------------------------------------------------- */


/* SOCIOS 4 COLUMNAS */

.socios-4c {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:40px;
	vertical-align:top;
	margin:-10px auto;
}
@media all and (max-width: 1250px) {
.socios-4c {
	border-spacing:30px;
}
}
@media all and (max-width: 900px) {
.socios-4c {
	display:inline-block;
	width:100%;
	margin:0px auto;
}
}

.socios-4c p {
	position:relative;
	display:table-cell;
	vertical-align:top;
	width:25%;
	height:100%;
	text-align:justify;
}
@media all and (max-width: 900px) {
.socios-4c p {
	display:block;
	width:auto;
	margin:20px 30px;
}
}
@media all and (max-width: 750px) {
.socios-4c p {
	display:block;
	width:auto;
	margin:20px;
}
}


/* -------------------------------------------------- */


/* SOCIOS BIOS */

.socios-bios {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:40px;
	vertical-align:top;
	margin:-50px auto -10px auto;
}
@media all and (max-width: 1250px) {
.socios-bios {
	border-spacing:30px;
	margin:-40px auto 0px auto;
}
}
@media all and (max-width: 900px) {
.socios-bios {
	border-spacing:30px;
	margin:-30px auto -10px auto;
}
}
@media all and (max-width: 750px) {
.socios-bios {
	display:inline-block;
	width:100%;
	margin:-20px auto 0px auto;
}
}

.socios-bios .columna {
	position:relative;
	display:table-cell;
	text-align:justify;
	vertical-align:top;
	width:50%;
	background:#660066;
	color:#fff;
	padding:20px 20px 60px 20px;
}
@media all and (max-width: 750px) {
.socios-bios .columna {
	display:block;
	width:auto;
	padding:15px;
	margin:20px;
}
}

.socios-bios .columna.rojo {
	background:#b81e28;
}
.socios-bios .columna.azul {
	background:#01577a;
}

.socios-bios h2 {
	text-align:left;
	margin:0;
	margin-bottom:20px;
	padding:0;
	padding-left:10px;
	border-left:20px solid #e2a300;
	font-size:22px;
}
@media all and (max-width: 900px) {
.socios-bios h2 {
	font-size:18px;
}
}

.socios-bios h2 .cargo {
	font-size:12px;
}

.socios-bios h2 p {
	font-size:12px;
}


/* -------------------------------------------------- */


/* 6 BLOQUES */

.dos-bloques {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:30px;
	vertical-align:middle;
	margin:-25px auto 5px auto;
}
@media all and (max-width: 750px) {
.dos-bloques {
	display:inline-block;
	width:100%;
	margin:-25px auto 25px auto;
}
}

.dos-bloques p {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:50%;
	height:100%;
	background:#f6f6f6;
	padding:20px;
	text-align:center;
	font-size:16px;
	color:#666;
}
@media all and (max-width: 750px) {
.dos-bloques p {
	display:block;
	width:auto;
	margin:20px 30px 0 30px;
}
}
@media all and (max-width: 450px) {
.dos-bloques p {
	font-size:14px;
}
}

.dos-bloques p.azul {
	border-top:25px solid #005679;
}
.dos-bloques p.rojo {
	border-top:25px solid #b81e27;
}
.dos-bloques p.amarillo {
	border-top:25px solid #e2a300;
}


/* -------------------------------------------------- */


/* BANNER FRASE */

.banner-frase {
	position:relative;
	display:inline-block;
	background:url(imagenes/banner-puzzle.jpg);
	background-position:center center;
	background-size:1200px auto;
	background-attachment:fixed;
	background-repeat:repeat-y;
}
.banner-frase.nosotros {
	position:relative;
	display:inline-block;
	background:url(imagenes/banner-edificios.jpg);
	background-position:bottom center;
	background-size:1200px auto;
	background-attachment:fixed;
	background-repeat:repeat-y;
}

.banner-frase p {
	display:inline-block;
	margin:80px 40px;
	padding:20px;
	background:RGBA(226,163,0,0.88);
	text-align:center;
	color:#fff;
	font-size:16px;
}


/* -------------------------------------------------- */


/* FRASES */

.frase-servicios {
	color:#fff;
	border-top:1px solid #e2a300;
	margin:20px 30px;
	padding:40px 0 20px 0;
	font-size:14px;
}
@media all and (max-width: 900px) {
.frase-servicios {
	margin:20px 20pxfrase-servicios
	padding:30px 0 15px 0;
	font-size:12px;
}
}

.frase-busquedas {
	color:#005779;
	border-top:1px solid #005779;
	margin:20px 30px;
	padding:40px 0 40px 0;
	font-size:18px;
	font-weight:bold;
}
@media all and (max-width: 600px) {
.frase-busquedas {
	margin:20px 20px;
	font-size:16px;
}
}

.frase-busquedas img {
	margin-top:10px;
}


/* -------------------------------------------------- */


/* BOTONES */

.botones {
	position:relative;
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:40px;
	vertical-align:top;
	margin:0 auto;
}
@media all and (max-width: 600px) {
.botones {
	display:inline-block;
	width:100%;
}
}

.botones a {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:top;
	width:50%;
	background:#014e6e;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
@media all and (max-width: 600px) {
.botones a {
	display:block;
	width:auto;
	margin:20px;
}
}

.botones a:hover {
	background:#b81e26;
}

.botones img {
	width:100%;
	max-width:80px;
}


/* -------------------------------------------------- */


/* CURRICULUM Y CONTACTO */

.curriculum {
	display:table;
	border-collapse:separate;
	border-spacing:20px;
	margin:-20px auto;
	color:#666;
	font-weight:bold;
	clear:both;
	width:100%;
}
@media all and (max-width: 750px) {
.curriculum {
	display:inline-block;
	width:100%;
	margin:0 auto;
}
}

.curriculum-columna {
	position:relative;
	display:table-cell;
	text-align:top;
	vertical-align:top;
	width:50%;
}
@media all and (max-width: 750px) {
.curriculum-columna {
	display:block;
	width:auto;
	margin:0 20px;
}
}

.curriculum p {
	margin:0 20px;
}

.contacto-info {
	color:#005779;
	font-size:14px;
	text-align:right;
	padding-right:10px;
}
.contacto-info a {
	text-decoration:none;
	color:#005779;
}
.contacto-info a:hover {
	color:#b81e27;
}

input[type=text], textarea {
	background:#ededed;
	border:0px;
	color:#000;
}

input[type=submit] {
    padding:10px 20px; 
	margin:10px auto;
    background:#005779; 
	color:#fff;
    border:0 none;
    cursor:pointer;
}
input[type=submit]:hover {
    background:#b81e27; 
}


/* -------------------------------------------------- */


/* PIE */

.footer {
	display:block;
	clear:both;
	width:auto;
	color:#ccc;
	background-color:#575756;
	text-align:center;
	font-size:14px;
	line-height:24px;
}

.footer a {
	color:#e2a200;
	text-decoration:none;
}
.footer a:hover {
	color:#fff;
}

.footer p {
	margin:2px 0;
}

.footer-tabla {
	position:relative;
	display:table;
	width:auto;
	border-collapse:separate;
	border-spacing:20px;
	vertical-align:middle;
	margin:0 auto;
}
@media all and (max-width: 750px) {
.footer-tabla {
	display:inline-block;
	width:100%;
}
}

.footer-linkedin {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
@media all and (max-width: 750px) {
.footer-linkedin {
	display:inline-block;
	width:auto;
	padding:20px 20px 5px 20px;
}

.footer-linkedin.mirror {
	display:none;
}
}

.footer-info {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
@media all and (max-width: 750px) {
.footer-info {
	display:inline-block;
	width:auto;
	padding:5px 20px 20px 20px;
}
}