@charset "utf-8";
/* CSS Document */




@font-face {
    font-family: 'Aller';
    src: url('../aller/aller_lt-webfont.eot');
    src: url('../aller/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../aller/aller_lt-webfont.woff') format('woff'),
         url('../aller/aller_lt-webfont.otf') format('truetype'),
         url('../aller/aller_lt-webfont.svg#Aller') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Websymbol';
    src: url('../websymbols/websymbols-regular-webfont.eot');
    src: url('../websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../websymbols/websymbols-regular-webfont.woff') format('woff'),
         url('../websymbols/websymbols-regular-webfont.otf') format('truetype'),
         url('../websymbols/websymbols-regular-webfont.svg#Websymbol') format('svg');
    font-weight: normal;
    font-style: normal;
}



a {
	text-decoration:none;
}



* {
	margin:0;
	padding:0;
	position:relative;
}

html,body {
	 
	height:100%; 
	background:#181818;
}

.img_bg {
	width:100%;
	height:auto;
	position:absolute; 
}



 

div#contentt {
	font-family: 'Aller'; 
	width:1150px;
	height:100%;
	margin:auto; 
}

div#MenuLateral {
	display:inline-block;
	*display:inline; 
	background-color:#FFF;
	filter: alpha(opacity=80); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	 
	background-color:  rgba(255,255,255,0.8);
	height:550px;
}
	
.Contenido {
	display:inline-block;
	*display:inline;
	width:790px; 
	vertical-align:top;
}
	

	

div#logotipo {
	position:absolute;
	display:block; 
	background-image:url(../images/logo_apl.png);
	background-repeat:no-repeat;
	width:260px;
	height:96px;
	margin:40px;
	top:10px;
	
}


div#menu {
	position:relative;
	
	display:block;
	top:200px;
}
 
.ca-menu{
	
    padding: 0;
    margin: auto;
    width: 350px;
	text-transform:uppercase;
	
}
.ca-menu li{
	
    width: 350px;
    height: 55px;
    overflow: hidden;
    display: block;
	background-color:#FFF;
    background-image:-webkit-gradient(  
    linear,  
    right top,  
    left bottom,  
    color-stop(0.1, #ccc),     
    color-stop(0.9, #fff) );  
    margin-bottom: 4px; 
}

.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    position:relative;
}
 
.ca-content{
    position: absolute;
    left: 40px;
    width: 340px;
    height: 60px;
    top: 20px;
}
.ca-main{
	
    font-size: 14px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
 

.ca-menu li.active{
    border-color: #fff;
    background: #c41e21;
	color: #fff; 
	
}

.ca-menu  li.active  .ca-main{ 
	color: #fff; 
	
}

div#flecha {
	position:absolute;
	background-image:url(../images/flecha.png);
	width:32px;
	height:32px; 
	top:12px;
	left:-10px;
	z-index:9000;
}

 
 
.ca-menu li:hover{
    border-color: #fff;
    background: #c41e21;
	
}
  
.ca-menu li:hover .ca-main{
    color: #fff; 
	
}


div#titulos {
	position:relative;
	width:700px;
	height:100px;
	color:#FFF;
	margin:50px;
}



h1 {
	position:relative;
	width:500px;  
	margin: 30px 50px;
	font-size:42px;
}

.h2i {
	position:relative;
	width:500px;  
	margin:30px 0px;
	font-size:42px;
}



.h2ii {
	position:relative;
	width:400px;  
	margin:30px 0px;
	font-size:36px;
	text-align:left;
}



.h3i {
	position:relative;
	width:500px;  
	margin:30px 0px;
	font-size:36px;
	text-align:left;
}





#heading1, #heading2, #heading3, #heading4{
	position: absolute;
	left: 0px;
    opacity:0;
	color:#FFF;
	font-size:48px;
	width:700px;  
	filter: alpha(opacity=0); /* IE */
}




div#noticias {
	position:relative; 
	width:100%;
	height:400px;
	background-color:#c41e21;
	filter: alpha(opacity=80); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	 
	background-color:  rgba(196,30,33,0.8);
}


 
 
 
 
 
 
 
    .page_container {
      max-width: 100%; 
    }

     
  
    .immersive_slider .is-slide .content h2{
      line-height: 140%;
      font-weight: 100;
      color: white;
      font-weight: 100;
    }
    .immersive_slider .is-slide .content a {
      color: white;
    }
  
  .immersive_slider .is-slide .content p{ 
    font-weight: 100;
    width: 100%;
    font-size: 16px; 
  }
 
 
 
 
 
 
 
 
 





div#copyright {
	position:relative;
	top:0px;
	width:350px;
	height:100px;
	background-color:#c41e21;
	filter: alpha(opacity=80); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	 
	background-color:  rgba(196,30,33,0.8);
	margin:5px 0px;	 
	z-index:5000;
	top:300px;
	
}
 

.copyright	{
	font-family:Aller;
	font-size:11px;
	color:#e1baba;
	padding:20px;
	margin:0px 20px;
}

 

div#rede {   
	width:350px;
	height:80px;
	background-color:#000;
	filter: alpha(opacity=50); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */ 
	background-color:  rgba(0,0,0,0.5);
	margin:5px 0px;  
	z-index:5000; 
}




.rede	{ 
	width:100%;
	right:0px;
	font-family:Websymbol;
	font-size:22px; 
	padding:25px;
	text-decoration:none;
}

.rede a{
		 
	color:#b2b3b4;
	padding:5px;
	text-decoration:none;
}
























div#copyrights {
	position:relative;
	display:inline-block;
	width:49%;
	height:100px;
	background-color:#c41e21;
	filter: alpha(opacity=80); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	 
	background-color:  rgba(196,30,33,0.8);
	margin:5px 0px;	
	padding:2px;
	z-index:5000;
	
}





div#copyrights_cont {
	position:relative;
	display:inline-block;
	width:49%;
	height:50px;
	background-color:#c41e21;
	filter: alpha(opacity=80); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	 
	background-color:  rgba(196,30,33,0.8);
	margin:5px 0px;	
	padding:2px;
	z-index:5000;
	
}




.copyrights	{
	font-family:Aller;
	font-size:12px;
	color:#e1baba;
	padding:20px;
	margin:0px 20px;
}


.copyrights_cont	{
	font-family:Aller;
	font-size:12px;
	color:#e1baba; 
	margin:0px 20px;
}

.redes	{
	position:relative;
	width:100%;
	right:0px;
	font-family:Websymbol;
	font-size:22px; 
	padding:25px;
	text-decoration:none;
}

.redes_cont	{
	position:relative;
	width:100%;
	right:10px;
	font-family:Websymbol;
	font-size:22px;  
	text-decoration:none;
	top:10px;
}

.redes a{
		 
	color:#b2b3b4;
	padding:5px;
	text-decoration:none;
}

.redes_cont a{
		 
	color:#b2b3b4;
	padding:5px;
	text-decoration:none;
}



div#redes {
	position:relative;
	display:inline-block;
	width:49%;
	height:100px;
	background-color:#000;
	filter: alpha(opacity=50); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	padding:2px;
	background-color:  rgba(0,0,0,0.5);
	margin:5px 0px; 
	vertical-align:top;
	z-index:5000;
}



div#redes_cont {
	position:relative;
	display:inline-block;
	width:49%;
	height:50px;
	background-color:#000;
	filter: alpha(opacity=50); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	 
	background-color:  rgba(0,0,0,0.5);
	margin:5px 0px;
	padding:2px;
	vertical-align:top;
	z-index:5000; 
}








div#abogados {
	position:relative; 
	width:800px;
	height:1100px;
	background-color:#fff;
	filter: alpha(opacity=100); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */	 
	background-color:  rgba(255,255,255,1);
}

 

div#cont_abogados {
	position:relative;
	width:430px;
	padding:0px 50px;
	display:inline-block;
	vertical-align:top;
}

div#cont_abogados p {
	font-size:14px;
	margin-bottom:20px;
	text-align:justify;
}


div#cont_abogados_lat {
	position:relative;
	width:190px;
	padding:0px 5px;
	display:inline-block;
	text-align:left;
	line-height:26px;
	color:#c41e21;
	font-size:18px;
}

 

ul#abogados li{
	position:relative;
	list-style:circle;
	display:inline;
	display:inline-block;
	margin-left:0px; 
	vertical-align:top;
	width:350px;
	height: 20px;
}




ul#notis li{
	position:relative;
	list-style:circle;
	display:inline;
	display:inline-block;
	margin-left:0px; 
	vertical-align:top;
	height: 20px;
}

#notis li a p{
	position:relative;
	list-style:circle;
	display:inline;
	display:inline-block;
	margin-left:0px;
	width: 600px;
	vertical-align:top;
	height: 20px;
}

#notis li a  { 
	color:#333;

}

#notis li a:hover { 
	color:#900;

}




ul#abogados li ap {
	width:350px;
	font-size:14px;
	text-align:left;
}

 


ul#abogados li a {
	text-decoration:none;
	color:#333; 
}

ul#abogados li a:hover { 
	color:#900;

}



div#contacto{
	position:relative; 
	width:800px;
	height:600px;
	background-color:#fff;
	filter: alpha(opacity=80); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	 
	background-color:  rgba(0,0,0,0.8);
}

div#enviado{
	position:relative; 
	width:800px;
	height:350px;
	background-color:#fff;
	filter: alpha(opacity=80); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */
	 
	background-color:  rgba(0,0,0,0.8);
}

div#enviado p{
	color: #fff;
	font-size: 3em;
	width: 400px;
	padding: 10px 0px 0px 50px;
}


div#cont_head {
	position:relative;
	width:600px;
	padding:30px 50px;
	color:#FFF;
	font-family:Aller;
}


div#cont_head p.h1_t {
	font-size:40px;
}


div#formulario {
	position:relative;
	width:600px;
	display:inline-block;
	padding:0px 50px 30px 50px;
	color:#FFF;
	font-family:Aller;
	font-size:14px;
	vertical-align: top;
}

.imp  {
	background-color:#fff;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	color:#000;
	font-family:Aller;
	
}

.txa  {
	background-color:#fff;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-color:#FFF;
	color:#000;
	font-family:Aller;
	
}

.btn_frm {
	position:relative;
	width:100px;
	height:25px;
	background:none; 
	color:#FFF;
}




div#areas {
	position:relative; 
	width:800px;
	height:auto;
	background-color:#fff;
	filter: alpha(opacity=100); /* IE */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 - */	 
	background-color:  rgba(255,255,255,1);
	overflow:hidden;
}

div#head_areas {
	position:relative;  
	float:left;
}



div#cont_areas {
	position:relative;
	width:450px;
	padding:20px 50px 50px 50px; 	  
	float:left;
	text-align:justify;
	
}


ul#areas_ul {
	position:relative;
	width:100%;
	list-style:none;
	padding:20px;
	color:#900;
	font-size:12px;
	left:-20px;
	font-weight:bold;
	font-family:Aller;
	
	
}

ul#areas_ul li {
	padding:20px;	
	background-color:#eee;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	margin:1px;
	
	
}


ul#areas_ul li:hover { 
	color:#FFF;
	background-color:#F00; 
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}




ul#areas_ul a{
	text-decoration:none;
	color:#666;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	
}


ul#areas_ul li a:hover{
	color:#FFF; 
	-webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}







.ca-icon{
    font-family: 'WebSymbol', cursive;
    font-size: 15px; 
    width: 50px;
    left: 0px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}











div#regresar {
	position:relative;
	background-color:#ddd;
	width:100px; 
	padding:15px;
	display:inline-block;
	*display:inline; 
	text-align:center;
	color:#333;	
	font-size:14px;
	vertical-align:top;
}
 

div#regresar a {
    color:#333;	
}


div#regresar:hover {
	 
	text-align:center;
	color:#FFF;	
	background-color:#900;
}

 




div#cotiza {
	position:relative;
	background-color:#333;
	width:100px; 
	padding:10px;
	display:inline-block;
	*display:inline; 
	text-align:center;
	color:#FFF;
	font-size:10px;
}
 

div#cotiza:hover {
	 
	text-align:center;
	color:#fff;	
	background-color:#900;
}
















@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}
