@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------
COLORES CORPORATIVOS AZUL MARINO: #202244 / NEGRO: #25242C / OCRE #c29f2a
-------------------------------------------------*/
html, body {height: 100%;}

html, hmtl a {width:100%; font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;}

body {background:#fff; color:#484b4d; font-size:15px; font-family: 'Open Sans', sans-serif; line-height:24px; margin:0; padding:0; font-weight:300; }

a {color:#09f; text-decoration: none; cursor: pointer;
	-webkit-transition: color 0.1s linear 0s;	
	-moz-transition: color 0.1s linear 0s;
	-o-transition: color 0.1s linear 0s;
	transition: color 0.1s linear 0s;}

a:hover, a:active, a:focus {outline: 0; color:#EC583A; text-decoration:none;}
a img {border: none;}
img {max-width: none;}

/*iOS inputs*/
input[type="submit"], input[type="text"], input[type="number"], input[type="password"], input[type=""], input[type="email"], button {-webkit-appearance: none;}

.logo {color:#484b4d; float: left; padding: 0; margin: 10px 0; background: url('../images/logo.png') no-repeat; width:301px; height:71px; text-indent: -9999px; display: block; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.25s ease-in-out 0s;	-moz-transition: opacity 0.25s ease-in-out 0s; -o-transition: opacity 0.25s ease-in-out 0s; transition: opacity 0.25s ease-in-out 0s;}

.logo:hover {opacity: 0.8; filter: alpha(opacity=80);}

/*----------------------------------------
HEADER Y MENU DESKTOP
-------------------------------------------*/
section {max-width:1000px; margin:0 auto; padding:0; overflow:hidden; display:block;}
article {width:100%; border-bottom:1px solid #dadada;}
header {background:rgba(223, 235, 244, 1); width:100%;}
footer {background:rgba(18, 155, 171, 1); width:100%;}
.clear {clear:both; padding:0; margin:0;}
.top-bottom {padding:50px 0;}

/*----------------------------------------
MENU
-------------------------------------------*/
.menu{float:right;}
.menu img{display:block;}
.box {position:absolute; top:-1200px; width:100%; color:#7F7F7F; margin:auto; padding:0px; z-index:999999; text-align:center; left:0px;}
a.boxclose{cursor: pointer; text-align: center; display: block; position: absolute; top: 30px; right: 30px;}
.boxclose:hover {transition: 0.9s; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.box_content_center{background:rgba(18, 155, 171, 0.9);}
.menu_box_list{ display: inline-block; padding:80px 0;}
.menu_box_list ul li {display:block;}
.menu_box_list li a {color: #FFF; font-size: 24px; line-height: 40px; display: block; margin-bottom:12px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; letter-spacing: 1px;}
.menu_box_list li a:hover{color:#000000;}
.menu_box_list li a > i > img{vertical-align:middle;padding-right:10px;}
.active {color:#000 !important;}

/*---------------------------------------
REDES SOCIALES
---------------------------------------*/
.iconos-sociales {float:right; margin-top:26px;}
.iconos-sociales ul {padding:0; margin:0; overflow:hidden;}
.iconos-sociales ul li {list-style-type: none; float:left; margin:0 3px; -webkit-transition: color 0.25s ease-in-out 0s; -moz-transition: color 0.25s ease-in-out 0s; -o-transition: color 0.25s ease-in-out 0s; transition: color 0.25s ease-in-out 0s;}
			
.iconos-sociales .mn {background-position:0px 0px;}
.iconos-sociales .fb {background-position:-44px 0px;}
.iconos-sociales .tw {background-position:-86px 0px;}
.iconos-sociales .in {background-position:-130px 0px;}
.iconos-sociales .ma {background-position:-172px 0px;}
.cl {background-position:-216px 0px;}

.iconos-sociales .mn,
.iconos-sociales .fb,
.iconos-sociales .tw,
.iconos-sociales .in,
.iconos-sociales .ma,
.cl {background-image:url('../images/social.png'); background-repeat:no-repeat; width:42px; height:40px; display:block;}

/*-------------------------------------------------
BOTONES
--------------------------------------------------*/
.botones {margin: 20px auto;  padding:6px 30px; text-decoration:none; border:0; display: inline-block; color:#FFF; font-size: 14px; text-align:center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; background: #0b5274; border-radius: 20px;}

.botones:hover {text-decoration:none; background:#202244;}

/*---------------------------------------
SLIDER
---------------------------------------*/
.rslides_tabs li {display: inline; float: none;}
.rslides_tabs a {width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline;}
.rslides_tabs li:first-child {margin-left: 0;}
.rslides_tabs .rslides_here a {background: rgba(255,255,255,.1); color: #fff; font-weight: bold;}
.events {list-style: none;}
.callbacks_container {position: relative; float: left; width: 100%;}
.callbacks {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.callbacks li {position: absolute; width: 100%; left: 0; top: 0;}
.callbacks img {position: relative; z-index: 1; height: auto; border: 0; width: 100%;}

.callbacks_nav {position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 42%; left: 3%; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 69px; width: 45px; background: transparent url("../images/arrows.png") no-repeat left top; margin-top: -65px;}
.callbacks_nav:active {opacity: 1.0;}
.callbacks_nav.next {left: auto; background-position: right top; right: 3%;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; max-height:70%;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {height: auto; border: 0;}
.callbacks_tabs {display:none;}
.callbacks_tabs li {display:inline-block;}
.callbacks_tabs a {visibility: hidden;}

.callbacks .title-one,
.callbacks .title-two,
.callbacks .title-three {position: absolute; z-index: 2; padding:10px 20px 20px 20px; font-family: 'Open Sans', sans-serif; background:rgba(0,0,0,0.70); border-radius:14px;}

.callbacks .title-one {top:16%; left:8%; max-width:520px;}
.callbacks .title-two {top:12%; right:10%; max-width:260px;}
.callbacks .title-three {top:6%; left:38%; max-width:560px;}

.callbacks .title-one p,
.callbacks .title-two p,
.callbacks .title-three p {font-size: 22px; line-height:32px; margin-top: 20px; color:#fff;}

.callbacks .title-one span,
.callbacks .title-two span,
.callbacks .title-three span {font-style:italic; font-size:16px; line-height:50px; color:#fff;}

/*---------------------------------------
BOTONES
---------------------------------------*/
.slide-btn {padding:0.6em 2em; text-decoration:none; font-family: 'Open Sans', sans-serif; border:1px solid #ffcd00; margin-top: 20px; display: inline-block; text-transform: uppercase; color: #FFF; font-size: 18px; text-align:center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius:5px; background: #ffcd00;}

.slide-btn:hover{color:#25242C; text-decoration:none;}

.fb-like {width:100%; z-index:99; text-align: center; margin: 0 auto;}

/*---------------------------------------
SERVICIOS
---------------------------------------*/
.text-center {margin:0 auto; font-family: 'Open Sans', sans-serif; font-size:24px; line-height:24px; width:90%; padding:50px 0; color:#999;}

.columna {width:192px; text-align:center; margin-bottom:80px; font-size:15px;line-height:22px; margin-right:6px; display:inline-block;}
.right-margen {margin-right:0;}
.columna h3 {font-size:18px; color:rgba(18, 155, 171, 1); font-weight:100; line-height:normal;}
.center {text-align:center;}

.iconOb,
.iconGi,
.iconCi,
.iconPs,
.iconVa {width:140px; height:140px; background-image:url('../images/areas.png'); background-repeat:no-repeat; display:block; margin:20px auto;}

.iconOb {background-position:0 0;}
.iconGi {background-position:-201px 0;}
.iconCi {background-position:-402px 0;}
.iconPs {background-position:-604px 0;}
.iconVa {background-position:-805px 0;}

/*------------------------------
RESEÑA DE CURRICULUM
------------------------------*/
.resenia {background:url('../images/bg-dr_2021.jpg') center top no-repeat; height:700px; background-size: cover;}
.curri {padding:50px; font-family: 'Open Sans', sans-serif; background:rgba(255,255,255,0.85); margin:0; width:480px; height:600px;}
.curri h2 {font-size:30px; color:#54919f; margin-bottom:20px;}
.curri span {font-weight:700;}
.curri p {color:#000; margin-bottom:10px;}
.none-pc {display:none;}

/*------------------------------
FOOTER
------------------------------*/
.pie {text-align:center; padding:60px 0; color:#f7f7f7; font-size:14px;}
.no-pc {display:none;}
.pie a {color:#dfebf4; text-decoration:underline;}
.pie a:hover {text-decoration:underline;}

/*----------------------------------------
BIOGRAFIA
-------------------------------------------*/
.curriculum {width:100%; background:#0b5274; margin:2px 0 40px; padding:10px 0;}
.curriculum img {float:left; margin-right:20px;}
.curriculum h4 {font-size:28px; color:#fff; font-weight:100; margin:32px 0 5px;}
.curriculum span {font-size:16px; color:#54919f;}

.izq {width:680px; float:left;}
.izq h2 {font-size:28px; font-weight:100; color:#0b5274; margin-bottom:20px;}
.izq h3,
.der h2 {font-size:18px; color:#54919f; font-weight:100; margin:10px 0;}
.izq h3 {border-bottom:1px dotted #54919f; padding-top:10px;}
.izq ul li,
.der ul li {list-style-image:url('../images/ok.png'); margin:0 0 8px 20px;}
.der {width:290px; float:right;}
.der p {margin-bottom:8px;}
.der h3 {font-size:18px; font-weight:100;}
.der-destacado {background:rgba(223, 235, 244, 1); padding:20px; margin-bottom:20px;}
.margen-inferior {padding-bottom:20px;}
.margen-superior {margin-top:20px;}
.texto-justificado {text-align:justify;}
.pdf {border:1px solid #fff; float:right;}

.margen-areas {margin:-90px auto 10px;}

.texto-areas {font-size:18px;}
.titulo-areas {font-size:28px; margin-top:-63px; font-weight:100; color:#fff; background:#1392a1; padding:20px; display:block; position:absolute;}

/*----------------------------------------
ACORDEON
-------------------------------------------*/
.accordion{
	margin:0 0 60px;
}
.smk_accordion{
	position: relative;
}
.smk_accordion .accordion_in{ 
	position: relative;
	z-index: 8;
	margin-top:3px;
	overflow: hidden;
}
.smk_accordion .accordion_in:first-child{
	margin-top:0;
}

/* ETIQUETAS INACTIVAS */
.smk_accordion .accordion_in .acc_head{
	position: relative;
	color:#54919f;
	padding:15px 20px;
	font-size: 20px;
	font-weight:200;
	display: block;
	cursor: pointer; 
}
.smk_accordion .accordion_in .acc_head label{
	float:right
}
/* CONTENIDO */
.smk_accordion .accordion_in .acc_content {
	background:#edeef0; opacity:0.8; filter:alpha(opacity=80);
	color: #25242c; font-size:16px;
	padding:20px; border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}
.acc_content ul li {list-style-image:url('../images/ok.png'); margin:0 0 8px 20px;}
.acc_content p {margin-bottom:8px;}
.acc_content h5 {font-size:16px; color:#54919f; font-weight:100; margin:10px 0;}

.smk_accordion .accordion_in .acc_head span{
	float:left;
}
.smk_accordion .accordion_in .acc_head label{
	border:1px solid #ccc;
	color:#25242c;
	font-size:0.8em;
	float:right;
	padding: 4px;
	width: 15px;
	height: 15px;
	text-align:center;
	line-height: 16px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.smk_accordion .accordion_in .acc_head label{
	border:1px solid #1187BB;
	color:#FFF;
}
.accordion_in.acc_active .acc_head label,.acc_content li a:hover label{
	background:#dadada;
	border:1px solid #ccc;
	color:#FFF;
}
.smk_accordion .accordion_in h1:first-of-type,
.smk_accordion .accordion_in h2:first-of-type,
.smk_accordion .accordion_in h3:first-of-type,
.smk_accordion .accordion_in h4:first-of-type,
.smk_accordion .accordion_in h5:first-of-type,
.smk_accordion .accordion_in h6:first-of-type
{
	margin-top: 5px;
}
/* Icon expand */
.smk_accordion .accordion_in .acc_head .acc_icon_expand{
	display: block;
	width: 25px;
	height: 21px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;
	background: url('../images/sprite.png ') no-repeat 0 0;
}
.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand{
	background: url('../images/sprite.png') no-repeat  0 -21px;
}

/* JS requires */
.smk_accordion .accordion_in.acc_active .acc_content{ 
	display: block;
}

/* ETIQUETAS ACTIVAS */
.smk_accordion .accordion_in.acc_active .acc_head{
	color:#25242c;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head{
	padding-left:40px;
}

/*-------------------------------------------
TIPSY
-------------------------------------------*/
.tooltipsy {padding: 2px 12px; border-radius:20px; max-width: 160px; color: #fff; background: #1392a1; box-shadow:0px 2px 2px rgba(0,0,0,0.20); font-size: 12px;}

/*----------------------------------------
GALERIA
-------------------------------------------*/
.galeria-img {width:140px; height:140px; margin:20px; z-index:3; position:relative; display:inline-block;box-shadow:2px 8px 8px rgba(0,0,0,0.20);border-radius: 20px !important; }

.galeria-img img{border-radius: 20px !important; }

#galeria h2 {font-size:30px; color:#54919f; font-weight:100; margin:30px 0; text-align:center;}
.padding-galeria {padding:20px 0 120px;}

/*----------------------------------------
EFECTO SOBRE IMAGENES
-------------------------------------------*/
.image-e {position: relative; overflow: hidden;border-radius: 20px !important;}
.image-e img {width:100%;}
.image-e .hover-e {position: absolute; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); text-align:left;border-radius: 20px !important;}
.image-e:hover .hover-e, .image-e.active .hover-e {opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in;border-radius: 20px !important;}

.image-e .hover-e .overlay-img {position: absolute; width: 100%; height:100%; background:rgba(0,0,0,0.50);border-radius: 20px !important;}

.overlay-icon i {position: absolute; text-align:center;display:block; left:38%; top:38%; -webkit-transition: color 0.25s ease-in-out 0s; -moz-transition: color 0.25s ease-in-out 0s; -o-transition: color 0.25s ease-in-out 0s;}

.overlay-icon i:hover {color:#EC583A;}

.plus {background:url('../images/magnify.png') no-repeat 0 0; width:40px; height:40px;}

.text-align {text-align:center;} 
 

/*-------------------------------------------
RETINA DISPLAYS
-------------------------------------------*/	
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.logo {background-image: url('../images/retina/logo@2x.png'); background-size:301px 71px;}

.iconos-sociales .mn,
.iconos-sociales .fb,
.iconos-sociales .tw,
.iconos-sociales .in,
.iconos-sociales .ma,
.cl {background-image: url('../images/retina/social@2x.png'); background-size:261px 40px;}

.iconOb,
.iconGi,
.iconCi,
.iconPs,
.iconVa {background-image: url('../images/retina/areas@2x.png'); background-size:945px 140px;}

.smk_accordion .accordion_in .acc_head .acc_icon_expand{background-image:url('../images/retina/sprite@2x.png '); background-size:25px 42px;}

.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand{background-image:url('../images/retina/sprite@2x.png'); background-size:25px 42px;}
}