@charset "utf-8";

@font-face {
    font-family: 'nexaLight';
    src: url('../fuentes/nexa_light-webfont.eot');
    src: url('../fuentes/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/nexa_light-webfont.woff') format('woff'),
         url('../fuentes/nexa_light-webfont.ttf') format('truetype'),
         url('../fuentes/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
	height:100%;
	}
body {
	margin:0px;
	height:100%;
	font-family:nexaLight,Helvetica;
	font-size:16px;
}

.lineaTop{
	width:100%;
	height:135px;
	}

.lineaMedio{
	width:100%;
	background:url(../imagenes/apbLateral.png) no-repeat right top;
	margin-top:10px;
	}

.ei{
	position:absolute;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-200px;
	}
.lineaEI{
	position:absolute;
	width:100%;
	height:50px;
	padding-top:10px;
	top:50%;
	margin-top:20px;
	background:#81131a;
	text-align:center;
	}

.lineaEI a{
	color:#FFF;
	text-decoration:none;
	font-size:1.5em;
	font-weight:bold;
	}

.lineaEI a:hover{
	text-decoration:underline;
	}

.centro{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	}

.centroCuadro{
	position:relative;
	width:780px;
	padding:10px;
	margin-left:50px;
	}

.noticias{
	position:absolute;
	padding:5px;
	width:25px;
	background:#80141b;
	border-radius:0px 10px 10px 0px;
	box-shadow:0px 2px 5px #999;
	}

.privacidad{
	position:absolute;
	padding:5px;
	width:25px;
	top:290px;
	background:#80141b;
	border-radius:0px 10px 10px 0px;
	box-shadow:0px 2px 5px #999;
	}

.logo{
	position:relative;
	display:inline-block;
	}

.cuadroMenu{
	position:relative;
	background:#80141b;
	display:inline-block;
	width:700px;
	}

.lineaPrueba{
	position:absolute;
	background:#80141b;
	width: -webkit-calc(50% + 311px));
	width: -moz-calc(50% + 311px);
	width: calc(50% + 311px);
	min-width:811px;
	left:50%;
	top:85px;
	height:50px;
	margin-left:-311px;
	}

.menu{
	padding:0px;
	margin:0px;
	}

.menu li{
	display:inline-block;
	height:50px;
	background:url(../imagenes/linea.png) no-repeat right;
	}

.menu li .bg{
		position:absolute;
		bottom:0px;
		display:none;
	}

.menu li a,.menu li a.actual{
		position:relative;
		display:block;
		width:100px;
		height:35px;
		color:#fff;
		padding:15px 5px 0px 5px;
		text-align:center;
		text-decoration:none;
		font-size:0.8em;
	}

.menu li:hover .bg{
	display:block;
	}




/********************** Estilos para contenido General ********************************************/

.contenido{
	width:760px;
	padding:10px;
	font-size:0.8em;
	text-align:justify;
	}

.contenido .titulo{
	font-weight:bold;
	font-size:1.2em;
	color:#80141B;
	padding-left:30px;
	display:inline-block;
	}

.contenido .linea{
	width:600px;
	height:3px;
	margin-top:-30px;
	margin-left:40px;
	background:#80141B;
	display:inline-block;
	}

.limpiar{
	clear:both;
	}


.cuadroServicios a{
	width:240px;
	height:35px;
	padding-top:15px;
	background:#80141B;
	border-radius:10px;
	color:#fff;
	font-size:1em;
	text-align:center;
	float:left;
	margin:10px;
	text-decoration:none;
	}

.cuadroServicios a:hover{
	background:url(../imagenes/fondoLi.jpg) no-repeat center #80141B;
	}

.cuadroAbogados a{
	display:block;
	width:300px;
	height:30px;
	padding-top:5px;
	background:#80141B;
	border-radius:10px;
	text-decoration:none;
	color:#fff;
	font-size:1em;
	text-align:center;
	margin:10px;
	}
.cuadroAbogados a:hover{
	background:url(../imagenes/fondoLi.jpg) no-repeat center #80141B;
	}

.cuadroEnlace{
	width:300px;
	float:left;
	}

.cuadroContacto{
	width:160px;
	float:left;
	border-right:1px solid #80141B;
	font-size:0.85em;
	text-align:center;
	padding:10px;
	}

/***********************************************************************/
/*Estilos de la galeria*/
/***********************************************************************/

.galeria{
	width:750px;
	height:385px;
	overflow:hidden;
	}
.galeria .imagen{
	width:750px;
	height:385px;
	text-align:center;
	float:left;
	}
.thumbs{
	padding:10px 10px 0px 10px;
	text-align:center;
	}
.thumbs ul{
	margin:0px;
	padding:0px;
	background:#80141B;
	}

.thumbs li{
	display:inline-block;
	list-style:none;
	height:20px;
	padding:10px;
	background:url(../imagenes/linea.png) no-repeat right #80141B;
}

.thumbs li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background: url(../imagenes/fondoLi.jpg) no-repeat center;
	
}

.thumbs li.act,li.act:hover{
	/* The active state of the thumb */
	background: url(../imagenes/fondoLi.jpg) no-repeat center;
	
}

.thumbs li.act a{
	cursor:default;
	color:#fff;
	text-decoration:none;
}

.thumbs .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

.thumbs li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

.thumbs a img{
	border:none;
}

/****************Estilos para el formulario**************************************/

input,textarea{
	background:#fff;
	border-radius:10px;
	border:none;
	padding:5px;
	box-shadow: 2px 2px 5px #999;
	}

input.enviar:hover{
	background:#80141B;
	color:#fff;
	}

/****************Cuadro Servicios**************************************/

.serviCuadro{
	width:720px;
	height:100%;
	padding:20px;
	margin-top:20px;
	border-radius:10px 10px 0px 0px;
	color:#fff;
	background:#80141B;
	overflow:hidden;
	}

.serviCuadro .titulo{
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	padding-left:30px;
	display:inline-block;
	}

.serviCuadro .linea{
	height:5px;
	margin-top:-30px;
	margin-left:40px;
	background:#fff;
	display:inline-block;
	}


/****************Cuadro Abogados**************************************/

.cuadroHV{
	position:absolute;
	width:330px;
	height:430px;
	padding:15px;
	border-radius:10px;
	top:0px;
	left:380px;
	background:#80141B;
	visibility:hidden;
	}

.cuadroHV .hojaVida{
	width:340px;
	height:415px;
	color:#fff;
	font-size:0.9em;
	overflow:auto;
	}

.hojaVida .name{
	font-size:1.2em;
	font-weight:bold;
	border-bottom:solid 2px #FFF;
	text-align:left;
	}

.actual{}


/****************Cuadro Noticias**************************************/


.notiCuadro{
	position:absolute;
	width:100%;
	min-height:100%;
	z-index:10;
	visibility:hidden;
	}

.notiCuadro .blurBG{
	position:absolute;
	width:100%;
	min-height:100%;
	background:#000;
	opacity:0.9;
	filter:alpha(opacity=90);
	}

.notiCuadro .cuadroNoticias{
	position:absolute;
	background:#FFF;
	padding:10px;
	width:400px;
	height:550px;
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-300px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #000;
	}
	
.cuadroNoticias .noticiasTxt{
	height:450px;
	font-size:0.8em;
	}

/****************franja Mes de Trabajo**************************************/

.mesaTrabajo{
	position:absolute;
	width:100%;
	height:45px;
	background:#80141b;
	padding-top:5px;
	padding-bottom:5px;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	}
	
/****************franja Servicios**************************************/

.lineaS{
	width:100%;
	background:#80141B;
	}

.lineaServicios{
	width:600px;
	overflow:hidden;
	float:left;
	}
	
.servi{
	padding:0px;
	margin:0px;
	width:10000px;
	}

.servi li{
	padding:0px;
	margin:0px;
	display:inline-block;
	}

.servi li a{
	width:200px;
	height:30px;
	padding-top:5px;
	background:#80141B;
	border-radius:10px;
	color:#fff;
	font-size:1em;
	text-align:center;
	float:left;
	text-decoration:none;
	}

.servi li a:hover{
	background:url(../imagenes/fondoLi.jpg) no-repeat center #80141B;
	}