@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400italic,700italic);
@font-face {
    font-family: 'AdobeCaslonProBoldItalic';
    src: url('fonts/acaslonpro-bolditalic.eot');
    src: url('fonts/acaslonpro-bolditalic.eot') format('embedded-opentype'),
         url('fonts/acaslonpro-bolditalic.woff') format('woff'),
         url('fonts/acaslonpro-bolditalic.ttf') format('truetype'),
         url('fonts/acaslonpro-bolditalic.svg#AdobeCaslonProBoldItalic') format('svg');
}

@font-face {
    font-family: 'AdobeCaslonProItalic';
    src: url('fonts/acaslonpro-italic.eot');
    src: url('fonts/acaslonpro-italic.eot') format('embedded-opentype'),
         url('fonts/acaslonpro-italic.woff') format('woff'),
         url('fonts/acaslonpro-italic.ttf') format('truetype'),
         url('fonts/acaslonpro-italic.svg#AdobeCaslonProItalic') format('svg');
}
@font-face {
    font-family: 'NyalaRegular';
    src: url('fonts/nyala.eot');
    src: url('fonts/nyala.eot') format('embedded-opentype'),
         url('fonts/nyala.woff') format('woff'),
         url('fonts/nyala.ttf') format('truetype'),
         url('fonts/nyala.svg#NyalaRegular') format('svg');
}

a {text-decoration:none; color:#1D1D1B}
html, body { width:100%; height:100%; margin:0; padding:0; overflow:hidden}
div, p, a, h1, h2, h3, h4, h5, h6, span, table, ul, li {margin:0; padding:0}
body { width: 100%; display:table}
img {display:block;}

ol {padding-left:20px;}


#slider {position:absolute; width:100%; min-height:100%; overflow:hidden; z-index:0}
#slider .slide {width:100%; height:100%; overflow:hidden;}
#slider .slide div {position:relative; width:100%; height:100%; display:block;}

#menu { position:relative; width: 280px; height:100%; color:#FFFFFF; background: rgba(206,191,175,0.80); z-index:2; display:table-cell; vertical-align:top}
#logo { position: relative; width:250px; margin:20px auto}

#icon {position:absolute; height:30px; margin-right:5px; cursor:pointer; right:20px; top:20px}
#menu_mobile {position:relative; width:100%; top:0; color:#FFFFFF; display:none; z-index:12; background:#ACA194;}
#menu_mobile_layer {position:absolute; width:100%; height:100%; left:100%; background:#ACA194; top:0; z-index:10}
#menu_mobile_close {position:relative; height:30px; padding:5px; text-align:right; color:#FFFFFF; font:16pt/18pt "Times New Roman", Times, serif; cursor:pointer}
.menu_mobile_boton {padding:5px; background:#ACA194; color:#FFFFFF; font:16pt/18pt "Times New Roman", Times, serif; text-align:right}
.menu_mobile_boton a {color:#FFFFFF;}
.menu_mobile_boton:hover {background:#1b1b1b}


#pagina {position: relative; display:table-cell;}
#cuerpo {position: relative; max-width:480px; background:#FFFFFF; margin:0 auto; height:100%; padding:160px 90px 0; display:none;}
#cuerpo2 {position: relative; width: 960px; margin:0 auto}
#cerrar { position: absolute; right: 90px; top: 40px; font:12pt/12pt "Times New Roman", Times, serif;}
#cerrar a {color:#ACA194 !important; }
#flecha1 { position: absolute; left: -20px; top: 0px;}
#flecha2 { position: absolute; right: 0; top: 0px; }

#footer {position:absolute; bottom:0; }

#footer2 {position:relative; padding:20px; background:#FFFFFF; display:none}
#footer2 a {display:inline-block;}

#lineas { position: absolute; left: 19px; bottom: 28px;}
#redes { position: absolute; height: 24px; bottom: 141px; width: 100px; left: 21px;}

#face { position: absolute;}
#linked { position: absolute; left: 30px;}
#twiter { position: absolute; left: 61px;}

#lineas2 { position: absolute; left: 19px; bottom: 125px;}
#txt_contacto { font:10pt/14pt Trebuchet MS, Arial, Helvetica, sans-serif; color: #1D1D1B; position: absolute; height: 92px; bottom: 25px; left: 21px; }

#seccion { font-family: "NyalaRegular", Trebuchet MS, Arial, Helvetica, sans-serif; color: #1D1D1B; font-size: 18px; margin-bottom:15px}
#contenido { font: 10pt/13pt Trebuchet MS, Arial, Helvetica, sans-serif !important; font-weight:400; color: #474748 !important; text-align:justify}
#menu2 { font-family: "NyalaRegular", Trebuchet MS, Arial, Helvetica, sans-serif; color: #1D1D1B; position: absolute; height: 150px; width:200px; top: 160px; left: 20px; font-size: 15px;}
#menu2 .boton {padding:12px 0 5px 0; width:240px; border-bottom:1px solid #000000;}
#menu2 .boton:hover { background:url(../img/flecha-02.png) center right no-repeat;}
#menu2 .boton.active { background:url(../img/flecha-02.png) center right no-repeat;}
#menu3 { font-family: "NyalaRegular",Trebuchet MS, Arial, Helvetica, sans-serif; color: #1D1D1B; position: absolute; height: 25px; width:524px; bottom: 30px; left: 94px; font-size: 16px; }

#pie { background-color: #3E3D40; position: relative; height: 81px; width: 960px; float: left; }

#link1 {font: 12pt/14pt 'NyalaRegular' !important; border-bottom:1px solid #ACA194; padding-bottom:4px}
#formulario { position:relative; }
#enviar { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; font-weight: bold; }
#enviar a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #FFF; text-decoration: none;}
#enviar:hover { text-shadow: -2px 2px 3px rgba(30, 30,30, 0.8);}

.input {position:relative;}
.asterisco { position: absolute; left: -18px; top: 6px;}
.campo01 { font-family: "NyalaRegular", serif; font-size: 16px; color: #B2B2B2; background-color: #FFF; border: solid 1px #ACA194; width:100%; padding:3px 2px; margin-bottom:5px}
.campo02 { font-family: "NyalaRegular", serif; font-size: 16px; color: #B2B2B2; background-color: #FFF; border: solid 1px #ACA194; width:100%; padding:3px 2px; margin-bottom:5px; height:250px;}

#estudio { position: relative; margin-top: 12px;}

#staff { position: relative; margin-top: 12px;}
#area { position: relative; margin-top: 12px;}
#links { position: relative; margin-top: 12px;}
#contacto { position: relative; margin-top: 12px;}

.boton_desp {position: relative; cursor:pointer; font: 14pt/16pt 'NyalaRegular', serif; margin-top:10px; border-bottom:1px solid #ACA194; padding-bottom:4px}
.txts {position:relative; display:none; padding:5px 10px 0; color:#474748}
.txts.active {display:block !important;}
.letra {display:inline-block;}
.link_div {position:relative; padding:6px 0; border-bottom:1px solid #ACA194;}
.mundo { position: absolute; right:0; top: 4px;}
.flecha {position: absolute; right:0; top: 4px;}

.linkedin_cv {position:absolute; bottom:5px; right:34px; width:23px; height:23px; background:url(../img/linked_cv.png) no-repeat;}
.email_cv {position:absolute; bottom:5px; right:0px; width:28px; height:21px; background:url(../img/email_cv.png) no-repeat;}

.linea_menu { position: relative; margin-top: 3px;}
#confianza { position: absolute; left: 286px; top: 263px;}
#flecha { position: absolute; right:0px; top: 1px;}

.gris1 { color: #575756; text-decoration:underline}

#obligatorio { font: 7pt/20pt "NyalaRegular", Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:400; font-style:italic; color: #ACA194;}

@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	#menu { position:relative; width: 280px; height:100%; color:#FFFFFF; background: rgba(206,191,175,0.80); z-index:2; display:block}
	#pagina {position: relative; display:block;}
	#cuerpo {max-width:none; padding:20px;}
	
	#menu {display:none;}
	#menu_mobile {display:block;}
	#footer2 {display:block;}
	

	#cerrar {display:none;}
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
	height:100%;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/* -moz-box-shadow: 0 0 5px #ccc; */
	/* -webkit-box-shadow: 0 0 5px #ccc; */
	/* box-shadow: 0 0 5px #ccc; */
	/* border:  5px solid #fff; */
	left: 0px;
	background: #fff;
	height:100% !important;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000\9;
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	text-align:center;
}

.bx-wrapper .bx-caption span {
	color: #FFFFFF;
	font-family: Arial;
	display: block;
	font-size: 1.5em;
	padding: 20px 0;
	font-family: Georgia, Times New Roman, Times, serif !important;
	font-style:italic
}