/*binforme.css
bittacora 2012*/


html {
	outline: 0 !important;
	outline: none !important;
}

body {
	min-height:260px;
	background: #fff !important;
	
}

p{
	margin:0;
	padding:0;
}
.separador {
	clear:both;
}

.separador5 {
	clear:both;
	height: 5px;
}

.separador10 {
	clear:both;
	height: 10px;
}

.separador30 {
	clear:both;
	height: 30px;
}

a:focus {
	outline:none;
}

h1 {
	font-size: 20px;
	font-family: "Archivo Black";
	color: #2b529c;
	vertical-align:middle;
	padding-top:4px;
	margin-top:20px;
}

h1.titulo{
	margin-top:40px;
	color:#be0237;
	font-family: 'Comfortaa', arial;
	background: transparent url(../img/flechita-header-titular.png) no-repeat 0px 5px;
	padding-left:25px;
	/*line-height:30px;*/
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	height:40px;
}

.justificado {
	text-align: justify;	
}

.ultimo{
	margin-right:0px !important;
	padding-right:0px !important;
}

/*     REDES      */
/*===========================================================================================================================*/
.redes{
	font-family: 'Comfortaa', cursive !important;
	font-weight:700;
	font-size:14px;
	color:#5c5c5c;
	margin:8px 0px 9px 0px;
	height:24px;
}

.redes .item{
	float:right;
	height:24px;
	line-height:20px;
}

.redes .item:last-child{
	margin-right:0px;
}
.redes .item:hover{
	color:#000;
	cursor:pointer;
}

.redes .item:hover span.contacto{
	background: transparent url(../img/redes.png) no-repeat 0px -24px;
}

.redes .item span.contacto{
	float:left;
	height: 24px;
	width:24px;
	margin-right:10px;
	background: transparent url(../img/redes.png) no-repeat 0px 0px;	
}

.redes .item span.contacto:hover{
	background: transparent url(../img/redes.png) no-repeat 0px -24px;
}

.redes .item:hover span.telefono{
	background: transparent url(../img/redes.png) no-repeat -24px -24px;
}

.redes .item span.telefono{
	float:left;
	height: 24px;
	width:24px;
	margin-right:10px;
	background: transparent url(../img/redes.png) no-repeat -24px 0px;	
}

.redes .item span.telefono:hover{
	background: transparent url(../img/redes.png) no-repeat -24px -24px;
}

.redes .item:hover span.facebook{
	background: transparent url(../img/redes.png) no-repeat -48px -24px;
}

.redes .item span.facebook{
	float:left;
	height: 24px;
	width:24px;
	margin-right:10px;
	background: transparent url(../img/redes.png) no-repeat -48px 0px;	
}

.redes .item span.facebook:hover{
	background: transparent url(../img/redes.png) no-repeat -48px -24px;
}

.redes .item:hover span.twitter{
	background: transparent url(../img/redes.png) no-repeat -72px -24px;
}

.redes .item span.twitter{
	float:left;
	height: 24px;
	width:24px;
	margin-right:10px;
	background: transparent url(../img/redes.png) no-repeat -72px 0px;	
}

.redes .item span.twitter:hover{
	background: transparent url(../img/redes.png) no-repeat -72px -24px;
}

.redes .item:hover span.youtube{
	background: transparent url(../img/redes.png) no-repeat -96px -24px;
}

.redes .item span.youtube{
	float:left;
	height: 24px;
	width:24px;
	margin-right:10px;
	background: transparent url(../img/redes.png) no-repeat -96px 0px;	
}

.redes .item span.youtube:hover{
	background: transparent url(../img/redes.png) no-repeat -96px -24px;
}

/*     CABECERA      */
/*===========================================================================================================================*/

.cabecera{
	height:89px;
	background: #ffffff url(../img/fondo-cabecera.png) repeat-x !important; 
	margin-bottom:10px;
	
}

.cabecera .logotipo{
	z-index: 99 !important;
	position: relative;
	margin:auto;
	text-align:center;
	background-color:#fff;
	
}

.cabecera .logotipo img{
	padding:0;
	margin:0;
	width:950px;
	height:89px;
}
.cabecera .cabecera_redes{
	margin:43px 0 0 0px;
	padding:0;
	float:right;
}

.cabecera .cabecera_redes .bloque_redes{
	float:left;
	width:32px;
	height:32px;
	margin:auto;
}

.barrita{
	background: transparent url(../img/fondo-barrita.png) repeat-x ;
	height:12px;
	margin:1px 0px 5px 0px;
	
}

.barrita-roja{
	height:3px;
	background-color: #be0237;
	margin:0 auto;
	width:950px;
	
}
/*     MENU      */
/*===========================================================================================================================*/
.bloque_menu{
	padding-left:5px;
	width:191px;
	min-height:451px;
	float:left;
	padding-bottom:1px;
	position:relative;
	margin-top:-25px;
	
}

#menu{
	margin-top:20px;
}

#menu .item{
	padding:5px 0px 8px 20px;
	width:170px;
	background: transparent url(../img/menu-puntitos.png) no-repeat left bottom;
	clear:both;
	float:left;
	display: block;
	text-align:left;
}

#menu .item a {
	
	display: block;  /* No modificar */
	text-decoration:none;
	padding:0px 0px 0px 20px;
	font-family: 'Comfortaa', cursive !important;
	font-weight: 700 !important;
	color:#5c5c5c;
	font-size: 14px;
	line-height: 20px;
	width:150px;
	height:auto;
	float:left;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

#menu .item a:hover {
	background: transparent url(../img/boton_menu.png) no-repeat left center; 
	color:#9b0a26;
}

#menu .item a.activo{
	/*background: transparent url(../img/boton_menu.png) no-repeat; */
	/*background-position: 0px -64px;*/
	color:#9b0a26;
}



/*     SLIDER      */
/*===========================================================================================================================*/
.sombratop-slide{
	position:absolute;
	z-index:9999;
	height:2px;
	width:729px;
	background-color: transparent;
	-webkit-box-shadow: inset 1px 2px 2px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: inset 1px 2px 2px 0px rgba(0,0,0,0.35);
	box-shadow: inset 1px 2px 2px 0px rgba(0,0,0,0.35);
}

.sombraright-slide{
	position:absolute;
	z-index:9999;
	height:321px;
	width:2px;
	background-color: transparent;
	-webkit-box-shadow: inset -2px 0px 2px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: inset -2px 0px 2px 0px rgba(0,0,0,0.35);
	box-shadow: inset -2px 0px 2px 0px rgba(0,0,0,0.35);
	left:727px;
	top:0px;
}

.bloque_slide{
	position: relative;
	margin-top:-10px;
	margin-left:10px;
	margin-bottom:10px;
	width:735px;
	height:321px;
	z-index: 1;
}

.bloque_slide .fondo_slide{
	width:735px;
	height:321px;
	position:absolute;
	z-index: 50;
}

/*     INTRODUCCIÓN      */
/*===========================================================================================================================*/
.bloque_introduccion{
	padding:10px 15px 15px 15px;
	margin:10px 0px 20px 10px;
	border: 1px solid #cccccc;
	width:695px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.bloque_introduccion .header_introduccion{
	min-height:17px;
	background: transparent url(../img/flechita-header.png) no-repeat left center;
	font-family: 'Comfortaa' !important;
	font-size:16px;
	color:#be0237;
	font-weight: 700;
	
	margin:0;
	padding:0px 0px 0px 25px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

/*.bloque_introduccion .linea_roja{
	height:1px;
	border-top: 1px solid red;
	width:100%;
}*/

.bloque_introduccion .texto_introduccion{
	color:#868686;
	/*font-size:12px;*/
	font-size:13px;
	margin:2px 0px 0px 0px;
	font-family: 'Comfortaa', cursive !important;
	font-weight: 300;
}

/*     DESTACADOS      */
/*===========================================================================================================================*/
.destacados{
	margin:0;
}

.bloque_destacados{
	margin-left:15px;
	margin-top:0px;
}

.item_destacado{
	float:left;
	margin-right:30px;
	width:219px;
	height:112px;
	background-color: #fff;
}

.item_destacado .sombra-destacados{
	width:219px;
	height:112px;
	-webkit-box-shadow: inset -2px 2px 2px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: inset -2px 2px 2px 0px rgba(0,0,0,0.35);
	box-shadow: inset -2px 2px 2px 0px rgba(0,0,0,0.35);
	position:absolute;
	z-index:999;
	background-color:transparent;
	border:1px solid #fff;
}

.item_destacado .sombra-destacados:hover{
	border:1px solid #be0237;
	cursor:pointer;
}

.item_destacado .sombra-destacados img{
	position: relative !important;
  	z-index: -2 !important;
	width:219px;
	height:112px;
	margin-top:-112px;
}

.item_destacado .pestania{
	position: relative;
	border-top:3px solid #be0237;
	width:219px;
	height:37px;
	z-index:10;
	text-align:center;
	margin-top:3px;
}

.item_destacado .pestania a{
	position: relative; 
	color:#be0237;
	font-weight: normal;
	text-decoration:none;
	margin-top:5px;	
	font-size:14px;
	font-family: 'Comfortaa', arial;
	top:2px;
	margin-left:10px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.item_destacado .pestania a:hover{
	color: #000;
	font-weight: normal;
	text-decoration:none;
	font-size:14px;
}

/*     CONTACTO      */
/*===========================================================================================================================*/

 .contenedor-contacto{
 	padding-left:15px;
 }
 
 .barrita-gris-contacto{
 	height:3px;
 	width:680px;
 	background-color: #7a7a7a;
 	margin:3px 0px 25px 25px;
 	padding-left:25px;
 	display:block;
 	clear:both;
 	float:none;
 }
 #map_canvas{
	width:705px;
	display: block;
	height:317px;
	/*border-bottom:3px solid #7a7a7a;*/
	margin:0px 0px 0px 25px;
 }

.texto-contacto{
	font-family: 'Comfortaa', arial;
	font-size:14px;
	color:#be0237;
	padding-left:10px;
	margin-bottom:20px;
}

.text-loc{
	
	line-height:15px;
	font-size:14px;
	color:#be0237;
	font-family: 'Comfortaa', arial;
	line-height:1.5em;
}

.formulario_contacto{
	margin-left:15px;
}
/*     PIE      */
/*===========================================================================================================================*/
.pie{
	position:relative;
	background: transparent url(../img/sombra-pie.png) repeat-x top;
	width:100%;
	height:110px;	
	margin-bottom:20px;
}

.pie .bloque_pie{
	background: transparent url(../img/fondo_pie.png) no-repeat center 20px;
	height:118px;
	width:950px;
	margin:auto;
}

.pie .bloque_pie .logo_pie{
	margin-left:50px;
	background-image: url(../img/fondo_logo_pie.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	 
	height:84px;
	float:left;
}	

.pie  .bloque_texto_pie{
	float:left;
	
	width:950px;
}

.pie .texto_pie{
	color:#be0237;
	font-family: arial;
	font-size:14px;
	margin:20px 0px 0px 275px;
	font-weight: bold;
}

.pie .texto_pie a{
	color:#868686;
	text-decoration:none;
}

.pie .texto_pie a:hover{
	color:#000;
	text-decoration:none;
}


.pie .logo_proinnpack img{
	float:right;
	border:none;
	padding-right:15px;
	padding-top:20px;
}
/* CAPSLIDES  ------------------------------------------------------------------------------------------------------------------*/
.bloque_capslides{
	floaT:left;
	margin-right:12px;
}

.primer_bloque{
	margin-left:10px;
}

.ultimo_bloque{
	margin-right:0px;
}

.demo{
	padding:5px;
}

.float_left{
	float:left;
	/*margin-right:-1px;*/
}

.mi_captcha{
	floaT:left;
	margin-right:5px;
}

/* CONTENIDO---------------------------------------------------------------------------------------------------------------------------------*/
.contenido{
	min-height:413px;
	padding-left:0px;
	margin-top:-40px;
	/*padding:10px 10px 5px 10px;
	width:760px;*/
}

 .titulo{
	font-weight:normal;
	color:#007ccb;
	font-size:24px;
	text-align:justify;
	line-height: 30px;
	float:none;
	clear:both;
	display:block;
	margin-bottom:10px;
	margin-left:10px;
	font-family: arial;
}

 .subtitulo{
	color:#9b0a26;	
	font-family: "Comfortaa", arial;
	font-weight:normal;
	font-size:15px;
	margin-bottom:10px;
	font-weight:700;
	padding-left:10px;
}


 .informacion {
	float:left;
	color:#3d3d3d;
	text-align: justify;
	line-height:20px;
}

.informacion .texto_pag{
	font-family: 'Comfortaa', arial;
	font-size:15px;
	color:#787878;
	padding-left:10px;
	line-height:1.4em;
}

.informacion .multimedia2{
	float:right;
	width:380px;
	margin-left:20px;
}

.informacion .multimedia2 .addthis{
	margin:0px 0px 2px 0px;
	padding:0;
}

.informacion .multimedia2 .item_documento a{
	font-family: 'Comfortaa', arial;
	font-size:14px;
	height:25px;
	color:#9b0a26;	
	float:none;
	clear:both;
	display:block;
	margin-bottom:10px;
	text-decoration: none;
}

.informacion .multimedia2 .item_documento a:hover{
	color:#000;	
}

.informacion .multimedia2 .item_documento a span{
	display:inline;
	float:left;
	width:19px;
	height:25px;
	margin-right:15px;
	background: transparent url(../img/items-documentos.png) no-repeat 0px 0px;
}

.informacion .multimedia2 .item_documento a:hover span{
	background: transparent url(../img/items-documentos.png) no-repeat 0px -25px;
}

.informacion .multimedia2 .item_enlace a{
	font-family: 'Comfortaa', arial;
	font-size:14px;
	height:24px;
	color:#9b0a26;	
	float:none;
	clear:both;
	display:block;
	margin-bottom:10px;
	text-decoration: none;
}

.informacion .multimedia2 .item_enlace a:hover{
	color:#000;	
}

.informacion .multimedia2 .item_enlace a span{
	display:inline;
	float:left;
	width:24px;
	height:24px;
	margin-right:15px;
	background: transparent url(../img/items-documentos.png) no-repeat -48px -1px;
}

.informacion .multimedia2 .item_enlace a:hover span{
	background: transparent url(../img/items-documentos.png) no-repeat -48px -25px;
}


.informacion .multimedia2 .item_video a{
	font-family: 'Comfortaa', arial;
	font-size:14px;
	color:#9b0a26;	
	float:none;
	clear:both;
	display:block;
	margin-bottom:10px;
	text-decoration: none;
}

.informacion .multimedia2 .item_video a:hover{
	color:#000;	
}

.informacion .multimedia2 .item_video a span{
	display:inline;
	float:left;
	width:25px;
	height:14px;
	margin-right:15px;
	background: transparent url(../img/items-documentos.png) no-repeat -21px 0px;
}

.informacion .multimedia2 .item_video a:hover span{
	background: transparent url(../img/items-documentos.png) no-repeat -21px -16px;
}
.informacion .multimedia2 .sombra-imagen-contenido{
	width:380px;
	height:245px;
	-webkit-box-shadow: inset -2px 2px 2px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: inset -2px 2px 2px 0px rgba(0,0,0,0.35);
	box-shadow: inset -2px 2px 2px 0px rgba(0,0,0,0.35);
	position:absolute;
	z-index:999;
	background-color:transparent;	
}

.informacion .multimedia2 .imagen, 
.informacion .multimedia2 .num_documentos{
	clear:both;
	display:block;
	margin-bottom:5px;
	padding-top:3px;
}

.informacion .multimedia2 .imagen img{
	width:100%;
	height:245px;
	position:relative;
	z-index:1;
}

 .informacion .multimedia2 .num_imagenes, 
 .informacion .multimedia2 .num_imagenes a,
 .informacion .multimedia2 .num_documentos{
 	width:380px;
	color:#3d3d3d;	
	font-family: "Comfortaa", arial;
	font-weight:normal;
	font-size:10px;
	margin:0;
	padding:0;
}

.informacion .multimedia2 .num_imagenes a{
	float:left;
	margin-bottom:3px;
	width:73px;
	height:45px;
	margin-right:3px;
}

.informacion .multimedia2 .num_imagenes a:nth-child(5n){
	margin-right:0px;
}

.informacion .multimedia2 .num_imagenes .mini_imagen{
	width:73px;
	height:45px;
}
 

.informacion .multimedia2 .num_imagenes, 
.informacion .multimedia2 .num_documentos{
	
	padding-bottom:5px;
}

.informacion .multimedia2 .num_imagenes a{
	text-decoration: none;
}

.informacion .multimedia2 .num_imagenes a:hover{
	text-decoration: underline;
}

.informacion .multimedia2 .fecha{
	color:#3d3d3d;	
	font-family: "Trebuchet MS";
	font-weight:normal;
	font-size:10px;
	clear:both;
	display:block;
	margin-bottom:5px;
	padding-left:5px;
}

.informacion .multimedia2 .redes{

	padding-bottom:5px;
	margin-top:5px;
	padding-left:5px;
	margin-bottom:5px;
}

 .informacion .multimedia2 .num_documentos,.informacion .multimedia2 .num_enlaces,.informacion .multimedia2 .num_videos {
	float:left;
	margin-bottom:5px;
}

 .informacion .multimedia2 .num_documentos .num_documentos_titulo,
 .informacion .multimedia2 .num_enlaces .num_enlaces_titulo,
 .informacion .multimedia2 .num_videos .num_videos_titulo{
	color:#3d3d3d;	
	font-family: "verdana";
	font-weight:normal;
	font-size:10px;
	float:left;
	margin-right:5px;
}

.informacion .multimedia2 .num_documentos .num_documentos_documentos,
.informacion .multimedia2 .num_enlaces .num_enlaces_enlaces,
.informacion .multimedia2 .num_enlaces .num_videos_enlaces{
	float:left;
}


 .informacion .multimedia2 .num_enlaces .num_enlaces_enlaces .img_link{
	background: transparent url(../img/external.png) no-repeat left ; 
	width:270px;
	height:12px;
	float:left;
	margin-left:3px;
	margin-right:0px;
	margin-bottom:5px;
	line-height: 15px;
	padding-left:20px;
	font-size:10px;
	
}

 .informacion .multimedia2 .num_videos .num_videos_enlaces .video{
	background: transparent url(../img/video.png) no-repeat left ; 
	width:16px;
	height:16px;
	float:left;
	margin-right:10px;
	margin-top:3px;
}

 .informacion .multimedia2 .num_videos .num_videos_enlaces .video a,.informacion .multimedia2 .num_videos .num_videos_enlaces .video a:hover{
	 width:16px !important;
	 height:16px !important;
 }

 .informacion .multimedia2 .num_enlaces{
	border-bottom: 1px solid  #cccccc;
	padding-left:5px;
	width:280px;
	padding-bottom:5px;
}

 .informacion .multimedia2 .num_videos{
	border-bottom: 1px solid  #cccccc;
	padding-left:5px;
	width:280px;
	padding-bottom:5px;
}

/* pie ---------------------------------------------------------------------------------------------------------------------------------*/

.pie {
	float: left;
	margin-top: 12px;
}

.pie ul, li {
	float: left;
	list-style-image: none;
}

.links-queso {
	float: left;
}

ul{
	list-style: none;
}

.links-queso li,  .links-queso{
	margin-right: 5px;
	list-style-image: none;
}

.links-queso li a {
	color: #2b467c;
	text-decoration: none;
}

.links-queso li a:hover {
	text-decoration: underline;
}

.subtitulo-pie {
	font-weight: normal;
	font-size:12px;
	color: #2b467c;
}

/* FORM_ERROR --------------------------------------------------------------------------------------------------------------*/

#form_contacto label {
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#5b5b5b;
	display:inline;
	margin:0;
	padding:0;
}

#form_contacto .bloque{
	width:138px;
	float:left;
}

#form_contacto .form_error{
	border:1px dotted red;	
}

.error{
	border:1px dotted red;
}



#form_contacto #invisible{
	color:red;
	border:none;
	float:none;
	clear:both;
}

#invisible .form_error{
	float:none;
	clear:both;
	margin-bottom:5px;
	padding:3px;
}


input.error,textarea.error { border: 1px dotted red; }


/* CONTACTO       */
/*****************/
.contacto_texto{
	text-align: justify;
	padding-right:5px;
	color:#3e3e3e;
	font-family:"Trebuchet MS";
	font-size:11px;
	
}
.borde-izq{
	border-left:3px solid #2b529c;
	padding-left:10px;
	margin-left:10px;
}

/* tooltip will display on:hover event */
a{ position:relative; }
a:hover span.tip { display:block; z-index:100; position:absolute; top:2em; left:0; width:auto; line-height:1em; padding:3px 4px 4px 6px; border:1px solid #664F97; background-color:#eeeaf4; font-size:0.9em; color:#000; text-align:left; display:none; }
a:link span.tip, a:visited span.tip { display:none; }
a:hover span.tip { position:absolute; background-color:#fffafa; max-width:350px; padding:2px 5px; border:1px solid #C0C0C0; font-size:0.9em; color:#000; text-align:left; display:block; }