@charset "utf-8";
/* CSS Document */
body{
	font-family:'franklin-gothic-book',Arial, Verdana, Helvetica;
}
@font-face {
	font-family: 'franklin-gothic-book';
    src: url('franklin-gothic-book.eot');
    src: url('franklin-gothic-book.eot?#iefix') format('embedded-opentype'),
         url('franklin-gothic-book.woff') format('woff'),
		 url('franklin-gothic-book.svg#cafeta') format('svg'),
         url('franklin-gothic-book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.wrap{
	float:left;
	width:100%;
	height:100%;
	position:absolute;
	/*overflow:hidden;*/
	z-index:10;
	min-width:950px;
	font-family:'franklin-gothic-book',Arial, Verdana, Helvetica;

}
.background{
	float:left;
	width:100%;
	height:100%;
	min-width:950px;
	position:absolute;
	z-index:1;

}
.bg-100{
	width:100%;
	height:100%;
	
}
.bg-css3{
	width:100%;
	height:100%;
	background:url(../images/bg-1.jpg) no-repeat center center fixed;

   -webkit-background-size:cover; /* navegadores basados en webkit */

   -moz-background-size:cover;  /* Mozilla Firefox */

   -o-background-size:cover;  /*  Opera */

   background-size:cover;
	
}
.title-home{
	float:left;
	margin-top:50px;
	font-family:'franklin-gothic-book',Arial, Verdana, Helvetica;
	position:absolute;
	width:750px;
	z-index:100;
	
}
.title-home h1, .title-home h2{
	font-size:140px;
	line-height:105px;
	color:#FFF;
	filter: alpha(Opacity=60);
	-moz-opacity: .60;
	opacity: .60;
	
}
.cont-menu{
	width:800px;
	height:305px;
	overflow:hidden;
	position:absolute;	
	top:0px;
	right:0px;
	z-index:150;
}
.wrap-menu{
	position:relative;
	float:right;
	z-index:105;		
}
.logo{
	width:130px;
	height:130px;
	position:absolute;
	top:170px;
	right:10px;
	z-index:10000;
}
.logo a{ 
	float:left;
}
.desplegar{
	position:absolute;
	width:22px;
	height:50px;
	right:760px;
	top:5px;
}
.cuadro1{
	position:absolute;
	right:10px;
	top:0px;
	width:450px;
	height:165px;
	z-index:1000;
}
.cont-cuadro1{
	width:450px;
	height:165px;
}
.nav-verde{
	float:left;
	margin-top:5px;
	position:relative;
	padding:0px 10px;
	line-height:25px;
	background:url(../images/bg-gris2.png);	
}
.nav-verde div{
	float:left;
	font-family:'franklin-gothic-book',Arial, Verdana, Helvetica;
    font-size: 12px;
	color:#FFF;
}
.nav-verde .text{
	margin-right:20px;
}
.nav-verde .paginador a{
	margin-right:10px;

}
.paginador .activo{
	color:#000;
}
.nav-verde .flecha{
	margin-left:20px;
	margin-top:5px;
	width:15px;
	height:13px;
}
.nav-verde a{
	color:#FFF;
	text-decoration:none;
}
.nav-verde a:hover{
	text-decoration:underline;
}
.cuadro2{
	position:absolute;
	width:145px;
	height:165px;
	right:465px;
	top:0px;
}
.cuadro3{
	position:absolute;
	width:145px;
	height:165px;
	right:615px;
	top:0px;
}
.gris2{
	position:relative;
	width:100%;
	height:100%;
	float:left;
	background:url(../images/bg-gris2.png);
}
.gris1{
	position:relative;	
	width:100%;
	height:100%;
	float:left;	
	background:url(../images/bg-gris1.png);
}
.blanco{
	position:relative;	
	width:100%;
	height:100%;
	float:left;	
	background:url(../images/bg-blanco.png);
}
.menu-links{
	width:430px;
	height:145px;
	overflow:auto;
	position:absolute;
	top:10px;
	left:10px;
}
.gris2 a, .gris1 a, .blanco a{	
	color:#FFF;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
}
.gris2 .link-activo, .gris1 .link-activo, .blanco .link-activo{
	color:#FF8285;
	font-weight:bold;
	letter-spacing:1px;
}
.blanco a{
	color:#5C5C5C;
	font-size:12px;
	line-height:14px;
}
.blanco .link-activo{
	color:#A40004;
	font-weight:bold;
	letter-spacing:1px;
}
.gris2 a:hover, .gris1 a:hover, .blanco a:hover{
	text-decoration:underline;
}
.contenido{
	
	width:800px;
	height:400px;
	overflow:auto;
	position:absolute;	
	top:230px;
	left:15%;
	z-index:200;
	padding:30px;
	padding-right:10px;
	color:#333;
    font-size: 11px;
    line-height: 14px;
}
.contenido2{
	
	width:500px;
	height:300px;
	position:absolute;	
	top:250px;
	left:10px;
	z-index:200;
	padding:30px;
	color:#333;
    font-size: 12px;
    line-height: 14px;
}
.contenido3{
	
	width:500px;
	height:330px;
	position:absolute;	
	top:230px;
	left:10px;
	z-index:200;
	padding:30px;
	padding-top:20px;
	color:#333;
    font-size: 12px;
    line-height: 14px;
}
.contenido3 h2{
	width:100%;
	float:left;
	font-size:14px;
	margin-bottom:10px;
}
.conte-noticias{
	width:100%;
	float:left;
	margin-bottom:20px;
}
.resumen{
	width:640px;
	float:left;
	text-align:justify;
	font-size:11px;
	line-height:14px;
}

.resumen h3, .resumen2 h3{ 
font-size:12px;
margin-bottom:10px;
}
.titulo-categoria{
	font-size:17px;
	line-height:20px;
	margin-bottom: 5px;
}
.resumen2{
	width:540px;
	float:left;
	text-align:justify;
}
.resumen img, .resumen2 img{
	margin-bottom:10px;
	}
.foto-resumen{
	width:120px;
	float:right;
	margin-right:10px;
}
.outlines{
	width:220px;
	float:right;
	margin-right:10px;
	text-align:right;
	padding-top:25px;
}
.outlines img{
	margin-left:4px;
	margin-right:4px;
	margin-bottom:5px;
}
.outlines-links{
	padding-top:10px;
}
.link-ver{
	background:url(../images/ico-ver.gif) no-repeat;
	padding-left:20px;
	margin-bottom:3px;
	padding-top:2px;
	float:left;
}
.link-pdf{
	background:url(../images/icopdf.gif) no-repeat;
	padding-left:20px;
	margin-bottom:3px;
	padding-top:3px;
	float:left;
}
.vermas{
	background:url(../images/icon_flecha.gif);
	background-position:left 2px;
	background-repeat:no-repeat;
	padding-left:12px;
}
.scroll-pane{
				width: 100%;
				height: 400px;
				overflow: auto;
}
.scroll-pane-menu{
	width: 100%;
	height: 150px;
	overflow: auto;
	}
.formulario{
	width:100%;
	float:left;
	font-size:12px;
}
.formulario p{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
	line-height:14px;
}
.input-form{
	float:left;
	margin-bottom:8px;
}
.redessociales{
	position:absolute;
	z-index:100;
	right:20px;
	bottom:20px;
}
.logo-ms{
	position:absolute;
	z-index:100;
	left:20px;
	bottom:20px;
}