@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------
COLORES CORPORATIVOS AZUL MARINO: #009fe3 / 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:#25242c; 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:392px; 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:#000000; width:100%;}
footer {background:#25242c; width:100%;}
.clear {clear:both; padding:0; margin:0;}

/*----------------------------------------
MENU
-------------------------------------------*/
.menu{float:right;}
.menu img{display:block;}
.box {position:absolute; top:-700px; 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;}
.box_content_center{background:rgba(37, 36, 44, 0.90);}
.menu_box_list{ display: inline-block; padding:30px 0;}
.menu_box_list ul li {display:block;}
.menu_box_list li a {color: #FFF; font-size: 20px; 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:#009fe3;}
.menu_box_list li a > i > img{vertical-align:middle;padding-right:10px;}
.active {color:#009fe3 !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:10px 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: #009fe3;}

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

/*---------------------------------------
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:55%;}
.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;}

.destacado-home {position: absolute; z-index: 9999; padding:20px 0; font-family: 'Open Sans', sans-serif; background:rgba(0,0,0,0.50); color:#fff; width:100%; text-align:center; font-size:22px; margin-top:-126px; line-height:28px; height:86px;}

.destacado-home p {width:800px; margin:0 auto;}
.destacado-home span {font-style:italic;}

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

.callbacks .title-one {top:20%; right:8%; max-width:520px;}
.callbacks .title-two {top:20%; right:10%; max-width:420px;}
.callbacks .title-three {top:12%; left:10%; max-width:260px;}

.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:200px; z-index:99; text-align:right; float:right;}

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

.columna {width:155px; 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:17px; color:#009fe3; font-weight:400; line-height:normal;}
.center {text-align:center;}

.iconRe,
.iconEs,
.iconMa,
.iconCo,
.iconIn,
.iconCa {width:138px; height:140px; background-image:url('../images/areas.png'); background-repeat:no-repeat; display:block; margin:20px auto; border:3px solid #009fe3; border-radius:99%; background-color:#fff;

-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;}

.iconRe {background-position:0px 0;}
.iconEs {background-position:-201px 0;}
.iconMa {background-position:-404px 0;}
.iconCo {background-position:-604px 0;}
.iconIn {background-position:-806px 0;}
.iconCa {background-position:-1006px 0;}

.iconRe:hover,
.iconEs:hover,
.iconMa:hover,
.iconCo:hover,
.iconIn:hover,
.iconCa:hover {
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -moz-transform:scale(1.2); /* Firefox */
    -ms-transform:scale(1.2); /* IE 9 */
    -o-transform:scale(1.2); /* Opera */
     transform:scale(1.2);
}

/*------------------------------
RESEÑA DE CURRICULUM
------------------------------*/
/*.resenia {background:url('../images/bg-dr.jpg') center top no-repeat; height:600px; border-top:2px solid #E7E7E7;}*/
.resenia {background:url('../images/bg.jpg') center top no-repeat #fff; height:auto; border-top:2px solid #E7E7E7; background-size:contain;}
.curri {position: relative; z-index: 2; padding:100px 20px 20px 20px; font-family: 'Open Sans', sans-serif; background:rgba(250,250,250,0.85); margin:120px auto 60px auto; height:auto; border-top:5px solid #009fe3; border-bottom:5px solid #009fe3; text-align:center;}
.curri h2 {font-size:28px; color:#009fe3; font-weight:100; margin-bottom:20px;}
.curri span {font-weight:700;}
.curri p {color:#000; margin-bottom:10px;}
.none-pc {display:none;}
.foto-dr {width:120px; height:120px; border:5px solid #009fe3; position:absolute; border-radius:99%; left:50%; margin-left:-60px; margin-top:-165px; background:url('../images/profile.jpg') center top no-repeat #fff; background-size:contain;}

/*------------------------------
FOOTER
------------------------------*/
.pie {text-align:center; padding:20px 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:#25242c; margin:0; padding:20px 0; color:#fff; border-bottom:5px solid #009fe3;}
.curriculum img {float:left; margin-right:20px;}
.curriculum h4 {font-size:28px; color:#fff; font-weight:100; margin:60px 0 5px;}
.curriculum span {font-size:14px; color:#009fe3; font-weight:400; text-transform:uppercase; letter-spacing:1px;}
.curriculum a {text-decoration:underline; color:#fff;}

.izq {width:680px; float:left;}
.izq h2 {font-size:28px; font-weight:100; color:#009fe3; margin-bottom:20px;}
.izq h3,
.der h2 {font-size:18px; color:#009fe3; font-weight:100; margin:10px 0;}
.izq h3 {border-bottom:1px dotted #009fe3; 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:40px 0;}
.margen-superior {margin-top:20px;}
.texto-justificado {text-align:justify;}
.margen-areas {margin:-70px auto 0;}

.blank {background:#ecf0f5;}

.texto-areas {font-size:24px; line-height:normal;}
.titulo-areas {font-size:28px; margin-top:-76px; font-weight:100; color:#009fe3; background:#000; padding:100px 0 20px; display:block; text-align:center; width:100%;}

.linea-titulos {width:300px; height:2px; background:#009fe3; margin:0 auto 40px;}

/*----------------------------------------
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; text-transform:uppercase;
	color:#009fe3;
	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:#fff; opacity:0.8; filter:alpha(opacity=80);
	color: #25242c; font-size:16px;
	padding:20px; border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.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:18px; color:#009fe3; font-weight:100; margin:20px 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 #009fe3;
	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; text-transform:uppercase;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head{
	padding-left:40px;
}

/*-------------------------------------------
TIPSY
-------------------------------------------*/
.tooltipsy {padding: 0px 8px; border-radius:2px; max-width: 160px; color: #000; background: #009fe3; box-shadow:0px 2px 2px rgba(0,0,0,0.50); font-weight:400;}

/*----------------------------------------
GALERIA
-------------------------------------------*/
.galeria-img {width:140px; height:140px; margin:10px; background:#000; z-index:3; position:relative; border:1px solid rgba(18, 155, 171, 1); display:inline-block;}

#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;}
.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;}
.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;}

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

.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;} 

.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	width:100%;
	box-shadow:0px 5px 20px rgba(0,0,0,0.5);
}

.wa-link {margin:0; padding: 0; text-align:center; bottom: 30px; right:30px; position: fixed; z-index: 9999999999;}
.wa-link a {width:60px; height:50px; padding:10px 0 0 0; display:block; text-align: center; text-decoration: none; border-radius: 99px; -ms-border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; -khtml-border-radius: 99px; background-color: #25D366; box-shadow: 0px 9px 10px -2px rgba(0,0,0,0.30);}
.wa-link i {font-size:38px; color:#fff;}

 

/*-------------------------------------------
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:392px 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;}
}