/** VALORES DE COLOR
	
	Azul claro: #dbe8f9
	Azul oscuro: #213469
	Azul medio: #466289
	Narnaja: #fa6121
	Amarillo: #ffb739
	Café: #d47827
	
*/

/* FUENTES */

@font-face {
	font-family: 'Frutiger Bold Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('Frutiger LT Std 67 Bold Condensed'), url('FrutigerLTStd-BoldCn.woff') format('woff');
}
@font-face {
	font-family: 'Frutiger';
	font-style: normal;
	font-weight: normal;
	src: local('Frutiger'), url('Frutiger.woff') format('woff');
}
@font-face {
	font-family: 'Frutiger Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Frutiger Bold'), url('Frutiger_bold.woff') format('woff');
}

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

body{
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	text-align: center;
	margin:0 0 0 0;
	font-size:16px;
	cursor:default;
	background:#333;
	color:white;
}
input[type="button"],button{
	border:none;
	background:none;
	font-size:1em;
	cursor:pointer;
}
img{
	max-width:100%;
	border:none;
}
a{
	cursor:pointer;
}
textarea{
	resize:none;
}
.clr{
	clear:both;
}
h1,h2,h3,h4,h5{
	font-family: 'Frutiger Bold Condensed', 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/* GENERALES */

#sitio{
	width:100%;
	text-align:left;
	margin:0 auto 0 auto;
	min-width:320px;
	max-width:1600px;
	background:#dbe8f9;
	color:#213469;
	overflow:hidden;
}

/* HEADER */

#header_lateral{
	width:30%;
	float:left;
	background:#213469 url(./imagenes/fondo1.jpg) right center no-repeat;
	background-size:auto 100%;
	text-align:center;
	color:#dbe8f9;
	min-height:750px;
}
#header_lateral>img,#header_lateral>p{
	margin:50px auto 0 auto;
	display:block;
	width:50%;
	font-family: 'Frutiger Bold Condensed', 'Open Sans', Arial, Helvetica, sans-serif;
}
#header_lateral>p{ margin-top:300px; }

#header_menu{
	width:70%;
	float:right;
}

#header_menu>div{
	height:250px;
	overflow:hidden;
}
#header_menu a{
	display:block;
	float:left;
	width:50%;
	height:250px;
	font-size:2.2em;
	color:#466289;
	text-align:center;
	font-family: 'Frutiger Bold Condensed', 'Open Sans', Arial, Helvetica, sans-serif;
}
#header_menu a:hover{
	opacity:0.85;
}
#header_menu a span{
	display:inline-block;
	padding-top:100px;
}

#header_menu a#menu1{
	background: url(./imagenes/menu1.jpg) center center no-repeat;
	background-size:120% auto;
}
#header_menu a#menu2{
	background: url(./imagenes/menu2.jpg) center center no-repeat;
	background-size:120% auto;
	color:#dbe8f9;
}
#header_menu a#menu3{
	background: url(./imagenes/menu3.jpg) center center no-repeat;
	background-size:120% auto;
	color:#213469;
}
#header_menu a#menu4{
	background: url(./imagenes/menu4.jpg) center center no-repeat;
	background-size:120% auto;
	color:#dbe8f9;
}

#menu_parrafo p{
	margin:0 auto 0 auto;
	padding:50px 10% 0 10%;
	text-align:center;
	line-height:1.5em;
	font-size:1.2em;
}

/* DIRECTORIO */

#directorio{
	clear:both;
}

#directorio h1{
	background:#213469;
	color:#dbe8f9;
	margin:0 0 0 0;
	padding:12px 0 9px 0;
	font-size:2em;
	text-align:center;
}

#directorio_lateral{
	width:30%;
	float:left;
	background: url(imagenes/menu1.jpg) center center no-repeat;
	background-size:100% 100%;
	text-align:center;
	height:320px;
}
#directorio_lateral img{
	width:50%;
	margin-top:50px;
}

#directorio_contenido{
	width:70%;
	float:right;
	height:320px;
}
#directorio_contenido>div{
	width:36%;
	padding:0 6% 0 6%;
	margin-top:40px;
	float:left;
	color:#466289;
}
#directorio_contenido a{
	color:#213469;
	font-family: 'Frutiger Bold', 'Open Sans', Arial, Helvetica, sans-serif;
}
#directorio_contenido a img{
	width:16px;
	position:relative;
	top:3px;
	left:4px;
}
#directorio_contenido_1 b{
	font-size:1.4em;
	font-weight:normal;
	color:#213469;
	font-family: 'Frutiger Bold Condensed', 'Open Sans', Arial, Helvetica, sans-serif;
}
#directorio_contenido_2{
	border-left:#fa6121 solid 10px;
	color:#213469 !important;
}

#directorio_contenido_2 b{
	font-size:1.4em;
	font-weight:normal;
	color:#fa6121;
	font-family: 'Frutiger Bold Condensed', 'Open Sans', Arial, Helvetica, sans-serif;
}
#directorio_contenido_2 a{
	font-size:0.8em;
	display:inline-block;
	margin-bottom:5px;
	position:relative;
	top:-3px;
}

/* SERVICIOS */

#servicios{
	clear:both;
	text-align:center;
	height:790px;
	overflow:hidden;
}
#servicios h1{
	background:#466289;
	color:#ffb739;
	margin:0 0 0 0;
	padding:12px 0 9px 0;
	font-size:2em;
}

#servicios_menu{
	border-top:#ffb739 18px solid;
	border-bottom:#ffb739 18px solid;
}
#servicios_menu>div{
	width:16%;
	float:left;
	padding:80px 2% 0 2%;
	height:140px;
	font-family: 'Frutiger Bold Condensed', 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	cursor:pointer;
}
#servicios_menu>div:hover{
	opacity:0.8;
}
#sm1{
	background: url(imagenes/fondo2.jpg) center center no-repeat;
	background-size:150% auto;
	color:white;
}
#sm2{
	background: url(imagenes/fondo3.jpg) center center no-repeat;
	background-size:150% auto;
	color:#466289;
}
#sm3{
	background: url(imagenes/menu2.jpg) center center no-repeat;
	background-size:150% auto;
	color:white;
}
#sm4{
	background: url(imagenes/fondo4.jpg) center center no-repeat;
	background-size:150% auto;
	color:#466289;
}
#sm5{
	background: url(imagenes/fondo5.jpg) center center no-repeat;
	background-size:150% auto;
	color:white;
}
.servicio_lateral{
	width:30%;float:left;
	height:480px;
}
.servicio_lateral img{
	width:50%;
	margin-top:140px;
}
.servicio_contenido{
	width:60%;float:right;
	text-align:left;
	padding:0 5% 0 5%;
	height:480px;
}
.servicio_contenido h2{
	margin:0 0 0 0;
	padding:40px 0 24px 0;
}
.servicio_contenido span{
	display:inline-block;
	padding:0 0 2px 22px;
	background: url(imagenes/circulo1.png) left center no-repeat;
	background-size:auto 70%;
}
.servicio_contenido span[onclick]{
	background: url(imagenes/circulo2.png) left center no-repeat;
	background-size:auto 70%;
	cursor:pointer;
}
.servicio_contenido span[onclick]:hover{
	opacity:0.7;
}

#servicio_1 .servicio_lateral{
	background: url(imagenes/fondo2.jpg) center center no-repeat;
	background-size:auto 100%;
}
#servicio_2 .servicio_lateral{
	background: url(imagenes/fondo3.jpg) center center no-repeat;
	background-size:auto 100%;
}
#servicio_3 .servicio_lateral{
	background: url(imagenes/menu2.jpg) center center no-repeat;
	background-size:auto 100%;
}
#servicio_4 .servicio_lateral{
	background: url(imagenes/fondo4.jpg) center center no-repeat;
	background-size:auto 100%;
}
#servicio_5 .servicio_lateral{
	background: url(imagenes/fondo5.jpg) center center no-repeat;
	background-size:auto 100%;
}

#servicios_controles{
	height:0px;
	overflow:visible;
	position:relative;
	top:-260px;
}
#servicios_controles input#serv_ant{
	width:40px;
	height:40px;
	background: url(imagenes/izq.png) center center no-repeat;
	background-size:100% 100%;
	float:left;
	margin-left:12px;
}
#servicios_contenido>div{
	display:none;
}
#servicios_contenido>div#servicio_1{
	display:block;
}

#servicios_controles input#serv_sig{
	width:40px;
	height:40px;
	background: url(imagenes/der.png) center center no-repeat;
	background-size:100% 100%;
	float:right;
	margin-right:12px;
}

/* UBICACIÓN */

#ubicacion{
	clear:both;
	color:#dbe8f9;
	background:#627894;
	padding-bottoM:40px;
}
#ubicacion h1{
	text-align:center;
	background:#ffb739;
	margin:0 0 0 0;
	padding:12px 0 9px 0;
	font-size:2em;
	color:#466289;
}
#ubicacion>div{
	width:25%;
	margin:40px 0 0 6%;
	float:left;
}
#ubicacion img,#ubicacion iframe{
	display:block;
	margin:0 auto 0 auto;
	max-height:250px;
}

/* CONTACTO */

#contacto{
	background:#a0aec1 url(imagenes/contacto.png) left bottom no-repeat;
	background-size:30% auto;
}
#contacto h1{
	background:#fa6121;
	color:#dbe8f9;
	margin:0 0 0 0;
	padding:12px 0 9px 0;
	font-size:2em;
	text-align:center;
}
#contacto form{
	width:40%;
	float:right;
	margin:40px 20% 40px 0;
	font-size:1.2em;
}
#contacto form span{
	font-size:0.85em;
	display:block;
	width:15%;
	float:left;
	min-width:80px;
}
#contacto form input[type="text"],#contacto form input[type="email"],#contacto form textarea{
	width:83%;
	border:none;
	padding:4px 0.5% 4px 0.5%;
	margin:0 0 8px 0;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size:14px;
	color:#213469;
}
#contacto form input[type="button"]{
	background:#ffb739;
	padding:6px 18px 6px 18px;
	font-size:16px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight:700;
	color:#466289;
	float:right;
}
#contacto form input[type="button"]:hover{
	color:white;
	background:#fa6121;
}

/* FOOTER */

#footer{
	text-align:center;
	background:#d47827;
	color:white;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight:100;
	padding:24px 0 40px 0;
	font-size:0.85em;
}
#footer a{
	color:white;
	font-size:0.85em;
}

/* FLOTANTES */

#servicios_flotantes{
	width:100%;
	text-align:left;
	margin:0 auto 0 auto;
	min-width:320px;
	max-width:1600px;
}
#servicios_flotantes>div{
	position:absolute;
	margin:40px auto 0 10%;
	width:78%;
	max-width:960px;
	//background:#a0aec1;
	background:#FFF;
	top:0;
	z-index:2;
	padding:40px 40px 40px 40px;
	color:#444444;
	font-family: 'Open Sans',Helvetica,sans-serif;
	font-weight:100;
	font-size:12px;
	box-shadow:#000 0 0 40px -20px;
	display:none;
}
#servicios_flotantes>div>h2{
	margin:0 0 0 0;
}
#servicios_flotantes>div>input{
	color:#fa6121;
	font-size:3em;
	float:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	top:-20px;
}

/* CURRICULUMS */

#curriculums{
	width:100%;
	text-align:left;
	margin:0 auto 0 auto;
	min-width:320px;
	max-width:1600px;
}
#curriculums>div{
	position:absolute;
	margin:40px auto 0 12%;
	width:78%;
	max-width:840px;
	background:#dbe8f9;
	top:0;
	z-index:2;
	color:#213469;
	font-size:14px;
	box-shadow:#000 0 0 40px -20px;
	display:none;
}
#curriculums>div>div{
	padding:40px 40px 40px 40px;
}

#curriculums h1{
	border-left:#213469 200px solid;
	margin:0 0 0 0;
	padding:60px 0 30px 12px;
	font-size:2em;
	background:url(imagenes/cv.jpg) right center;
	background-size:100% auto;
	
}
#curriculums h1.abogado{
	border-left:#fa6121 200px solid;
}
#curriculums h1 input{
	float:right;
	margin:0 12px 0 0;
	padding:0 0 0 0;
	position:relative;
	top:-48px;
	width:24px;
	height:24px;
	background: url(imagenes/cerrar.png) center center no-repeat;
	background-size:100% 100%;
}

#curriculums h2,#curriculums h3,#curriculums h4,#curriculums h5{
	font-size:1.5em;
	margin:12px 0 12px 0;
	padding:0 0 0 10px;
	position:relative;
	left:-40px;
}
#curriculums h2{
	border-left:#ffb739 solid 30px;
}
#curriculums h3{
	border-left:#fa6121 solid 30px;
}
#curriculums h4{
	border-left:#627894 solid 30px;
}
#curriculums h5{
	border-left:#213469 solid 30px;
}

/* MODAL */

#modal{
	background:url(imagenes/negro70.png);
	position:fixed;
	display:none;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:10;
	text-align:center;
}
#modal>div{
	display:block;
	max-width:640px;
	width:100%;
	margin:24px auto 0 auto;
	background:#FFF;
}
#modal>div img{
	display:block;
	max-width:100%;
	max-height:480px;
	margin:0 auto 0 auto;
}

/* AVISO */

#aviso>div{
	background:url(imagenes/aviso.jpg) right center no-repeat;
	background-size:100% auto;
	padding:18px 0 18px 36px;
}
#aviso>div img{
	max-height:140px;
}
#aviso h1{
	text-align:center;
	color:#466289;
	font-size:2.2em;
	margin:100px 0 40px 0;
}
#aviso ol{
	width:80%;
	margin:0 auto 40px auto;
	max-width:920px;
	min-width:300px;
	font-size:1.1em;
	text-align:justify;
}
#aviso ol li{
	padding-left:12px;
	margin-bottom:1em;
}
#aviso>span{
	display:block;
	text-align:right;
	width:80%;
	margin:0 auto 100px auto;
	max-width:960px;
	min-width:300px;
}

#aviso>span>span{
	width:2em;
	height:1.6em;
	margin-left:6px;
	display:inline-block;
}


/* RESPONSIVO */

.mobile_only{
	display:none !important;
}
@media all and (max-width:960px){
	#header_menu a{
		background-size:100% 100% !important;
	}
	#servicios_menu div{
		background-size:auto 100% !important;
	}
}
@media all and (max-width:768px){
	body{
		font-size:14px;
	}
	.mobile_only{
		display:block !important;
	}
	.desktop_only{
		display:none !important;
	}
	
	#header_lateral{
		float:none;
		width:100%;
		height:auto;
		min-height:0;
		padding:5px 0 50px 0;
		background-size:100% auto;
	}
	#header_lateral>p{
		display:none;
	}
	#header_menu{
		width:100%;
		float:none;
	}
	
	#header_menu>div{
		height:auto;
	}
	#header_menu a{
		float:none;
		width:100%;
		height:auto;
		padding:24px 0 24px 0;
	}
	#header_menu a span{
		padding-top:0;
	}
	#menu_parrafo{
		display:none;
	}
	
	#directorio_contenido{
		height:auto;
		padding:24px 0 24px 0;
	}
	
	#directorio_contenido>div{
		float:none;
		border-left:none !important;
		width:90%;
		margin:24px auto 0 auto;
	}
	
	#ubicacion>div{
		width:80%;
		margin:24px auto 0 auto;
		float:none;
	}
	#ubicacion img{
		display:none;
	}
	
	#contacto{
		background:#a0aec1;
	}
	#contacto form{
		width:90%;
		margin:0 auto 0 auto;
		padding:40px 0 40px 0;
		float:none;
	}
	#contacto form input[type="button"]{
		float:none;
	}
	#footer{
		padding:24px 20px 40px 20px;
	}
	
	#directorio_lateral,.servicio_lateral{
		display:none;
	}
	#directorio_contenido,.servicio_contenido{
		float:none;
		width:94%;
	}
	#servicios_controles{
		top:-20px;
	}
	#servicios_menu>div{
		width:auto;
		float:none;
		background-size:100% auto !important;
		padding:24px 40px 24px 40px;
		height:auto;
	}
	#servicios{
		height:auto;
	}
	
	#servicios_flotantes>div,#curriculums>div{
		margin-left:0;
		width:96%;
		padding-left:2%;
		padding-right:2%;
	}
	#curriculums>div h1{
		border-left:none !important;
	}
	
}