@charset "utf-8";

img {
	border:none;
}

a {
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#C70541;
}

a:hover {
	text-decoration: underline;
}

h1 {
	text-decoration: none; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size:24px;
	color:#C70541; 
}
h2 {
	text-decoration: none; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	display: inline;
	font-weight:normal;
}
h3 {
	text-decoration: none; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size:16px;
}
p{
	text-decoration: none; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-size:14px;
}

html, body{
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height:100%;
  	width:100%;
  	margin: 0px;
	padding:0px;
}
.pagina {
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin: auto;	
	width: 980px;		
}

/* Per poder centrar tots les div q hi ha dintre de cabecera, les div no poden tindre definit el float: left. Pq totes surtin una rera de l'altre fem servir el display flex*/
#cabecera {
	margin: auto;
	clear: both; 
	width: 100%;
	height: 100px; 	
	cursor: pointer;		
	z-index: 1;
	background-color:#C70541;
	justify-content: center; 
	align-items: center; 
	display:flex;
	
}
.imagen_corporacion{
   background-image: url(../images/Corporacion_DSC_0384.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_presentacion{
   background-image: url(../images/DSC_0085_t_r1.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_practicaje{
   background-image: url(../images/practicaje.gif);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_portada{
   background-image: url(../images/DSC_0188_t1_r.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
   position: absolute;
}
.imagen_contacto{
   background-image: url(../images/DSC_9057_t_r1.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_procedure{
   background-image: url(../images/DSC_0252_t3_r1.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_comunicaciones{
   background-image: url(../images/DSC_8804_t2_r1.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_limites{
   background-image: url(../images/DSC_0226_t2_r1.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_carta{
   background-image: url(../images/DSC_9150_t2_r1.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_acceso{
   background-image: url(../images/DSC_9131_t2_r1.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_buques{
   background-image: url(../images/DSC_0395_t3_r1.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.imagen_politica_empresarial{
   background-image: url(../images/DSC_8960_t1_politica_empresarial.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin:0px;
   padding:0px;
}
.corporacion_enlaces{
   height:auto; 
   width:100%; 
   justify-content: center; 
   align-items: center; 
   padding-top:0px;
}
.corporacion_enlaces_1 {
	background-image:url(../images/Corporacion_2_DSC_0176_off.jpg);
	width:400px;
	height:265px;
}
.corporacion_enlaces_2 {
	background-image:url(../images/Corporacion_3_DSC_9109_off.jpg);
	width:400px;
	height:265px;
}
.corporacion_enlaces_1:hover {
	background-image:url(../images/Corporacion_2_DSC_0176_on.jpg);
	width:400px;
	height:265px;
	text-decoration:none;
}
.corporacion_enlaces_2:hover{
	background-image:url(../images/Corporacion_3_DSC_9109_on.jpg);
	width:400px;
	height:265px;
}
.corporacion_enlaces_texto_1{
	width:400px;
	height:25px;
	background-color:#C70541;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:10px;
	font-size:14px;
}
.corporacion_enlaces_texto_2{
	width:400px;
	height:25px;
	background-color:#C70541;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:10px;
	font-size:14px;
}

.info_reclam{
   background-image:url(../images/img_info_reclam.jpg);
   background-position:center center;
   background-repeat: no-repeat;
   /*background-size:contain;*/
   height: 100%;
   width: 100% ;
   text-align: center;
   margin-left:0px;
   padding:0px;
}

.index_iconos_galeria{
	background-image:url(../images/icon_galeria.png);	
	background-color:#FFFFFF;
	width:50px; 
	height:50px; 	
	border-top-left-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:center;
}
.index_iconos_noticias{
	background-image:url(../images/icon_noticias.png);	
	background-color:#FFFFFF;
	width:50px; 
	height:50px; 	
	border-top-left-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:center;
}
.index_iconos_enlace{
	background-image:url(../images/icon_enlace.png);	
	background-color:#FFFFFF;
	width:50px; 
	height:50px; 	
	border-top-left-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:center;
}
.index_iconos_articulos{
	background-image:url(../images/icon_articulos.png);	
	background-color:#FFFFFF;
	width:50px; 
	height:50px; 	
	border-top-left-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:center;
}

/*  //////////////////////////////// 				MENU   				///////////////////////////////////					*/
#menuCabecera {
	margin: auto;
	clear: none;
	height:80px;	
	color: #FFFFFF;
	float: left;
	margin-top:10px;
	margin-left:14px;
	margin-right:13px;
	z-index: 0;
	background-color:#C70541;
}
#tMenuCabecera{
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	height:100%;
	text-decoration:none;
	background-color:#C70541;
}

/* cambia el color del fons del menu*/
#tMenuCabecera td:nth-of-type(n+2):hover{
	/*background-color:#CCCCCC;*/
	color:#CCCCCC;	
	text-decoration:none;
} 
#tMenuCabecera a{
	color:#000000;
	text-decoration:none;
}
/* cambia el color del texte del menu*/
#tMenuCabecera a:hover{
	color:#CCCCCC;
	font-weight:bold;	
	text-decoration:none;			
}

/* Creo dos div alrededor del enlace. linksCabecera y  linksCabeceraTexto
	Uno aumenta su tamaño, igual que la barra de menu, necesario para hacer el hover de toda la pieza y uno solo del texto
	El otro lo posiciona correctamente
*/
#linksCabecera {	
	height:40px;
	text-align: center;
}
#linksCabeceraTexto{
	text-align:center;
	padding-top: 10px;
}
/*
	Definicion de las CSS del PIE de la web
*/
#pie1 {	
	clear: both;
	margin:auto;
	background-color: #C70541;
	color: #FFFFFF;
	font-size:14px;
	height:100px;
	padding-top:20px;
	width:100%;
	justify-content: center; 
	align-items: center; 
	display:flex;

}
#pie1 a{
color:#FFFFFF;
	
}

/*///////////////////////////////////		BOTONES		//////////////////////////////*/
.imagen_boton_abajo{
	position:absolute;
    bottom:5px;
    right:10px;
}
#boton1{
	float:left; 
	padding-left:80px;
	width:172px;
	height:150px;
}
#boton1 p{
	font-size:16px;
	font-weight: normal;
	padding-left:20px;
}
#boton1 h1{
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
}
#boton2{
	float:left; 
	width:172px;
	height:150px;
	padding-left:130px;
}
#boton2 p{
	font-size:16px;
	font-weight: normal;
	padding-left:20px;
}
#boton2 h1{
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
}
#boton3{
	float:left; 
	width:172px;
	height:150px;
	padding-left:130px;
}
#boton3 p{
	font-size:16px;
	font-weight: normal;
	padding-left:20px;
}
#boton3 h1{
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
}
.boton_nom_proteina{
	display:inline; 
	font-size: 18px;
	font-weight:500;	
}
.titulo_descarga_catalogo{
	font-size:24px; 
	font-weight:bold;
}

#Titulo_botones{
	padding-left:15px;
	padding-bottom:20px; 
	width:850px; 
	text-align:center;
}
#Titulo_botones span{
	font-size:32px; 
	font-weight:bold; 
}

/*

	BOTONES DE IMAGEN HOME
	
*/

#index_contacto{
	 float:left; 
	 width:1000px; 
	 background-color:#F4F4F4; 
	 padding-bottom:10px; 
	 height:400px; 
	 padding-left:40px; 
	 padding-top:10px; 
}

.Titulo_Productos_index{
	font-size:22px;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.SubTitulo_Productos_index{
	font-size:16px; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
/*

	CSS Area Privada
	
*/
#priv_Titulo_Secciones{
	margin-bottom:20px;
	display:inline; 
	font-size:18px; 
	
}
#priv_Titulo_Secciones img{
	margin-right:10px;
	height:14px;
	width:10px;
}
#priv_TituloPub h1{
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	margin-top:25px;
	margin-bottom:0;
	padding-left:40px;
	font-size: 22px;
	font-weight: bold;
	color: #1F64C9; 
}

#priv_TituloPub h2{
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	margin-top:0;
	margin-bottom:0;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.man_Edicion {
	font-size:14px;
	background-color: #FFFFFF;
	overflow: hidden;
}
.man_Edicion td{
	text-align: justify;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.man_Edicion input{
	font-size:12px;
}
.man_Edicion select{
	font-size:12px;
}
.man_Edicion textarea{
	font-size:12px;
}

.man_Edicion p{
	text-align: justify;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.man_Edicion h2{
	text-align: left;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	color:#3150A2;
}
.man_Edicion h3{
	font-weight: bold;
	text-align:right;
	font-size: 12px;
	color: #154BB0;
	padding-top: none;
	padding-right: none;
	padding-left: none;
	padding-bottom: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.man_Edicion img{
	border: none;
	padding-bottom: 0px;
	padding-top: 0px;
}

.man_Edicion a {
	padding-bottom: none;
	text-decoration: none;
	color:#2B6BAC;
}
.man_Edicion a:visited {
	color:#2B6BAC;
}

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

#contenido {
	margin: auto;
	clear: both;
	width: 70%;
	background-color:#FFFFFF;
	height: auto;
	overflow: hidden;	
/*	padding-right: 3px;
	padding-left: 3px;
	padding-top:25px;
	padding-bottom:15px;	*/
}

#Private_area{
	width:320px;
	height:250px;
	float: left;
	padding-top:15px;	
}

.Titulo{	
	color:#1F64C9;
	font-size:16px; 
	border-bottom:1px solid #EEEEEE; 

	/*text-align:center;*/
}

.Titulo a{
	color: #1F64C9;
	font-size:16px; 
	border-bottom:1px solid #EEEEEE; 
}

.Titulo a:hover{
	color: #646464;
	text-decoration:none;
}

/*////////////////		PRODUCTOS			//////////////////////////*/


#Titulo_producto{
	color:#C00033;
	font-size:24px;
	border-bottom-color:#CCCCCC; 
	border-bottom-style:solid; 
	border-bottom-width:1px; 
	font-weight:bold ;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	width:890px;
}
#Titulo_producto_descarga{
	color:#000000;
	font-size:20px;
	border-bottom-color:#CCCCCC; 
	border-bottom-style:solid; 
	border-bottom-width:1px; 
	font-weight:bold ;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
}
#Producto_enlace_gama{
	background-color:#707173; 
	padding-left:10px;
	cursor:pointer;
	margin-top:3px;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
}
#Producto_enlace_gama:hover{
	background-color:#C00033; 
	padding-left:10px;
	cursor:pointer
}
#Producto_enlace_gama a{
	text-decoration: none; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight: normal; 
	color: #FFFFFF
}
.Producto_catalogo_final{
	padding-top:15px;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}
.Producto_catalogo_final a{
	padding-top:15px;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}
.Producto_catalogo_final a:hover{
	color:#C00033;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	
}
#Producto_catalogo_descarga_general{
	margin-top: 10px; 
	padding-top:15px; 
	color:#666666;
	border-top-color:#CCCCCC; 
	border-top-style:solid; 
	border-top-width:1px; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
}
#Producto_catalogo_descarga_general a{
	margin-top: 10px; 
	padding-top:15px; 
	color:#666666;
	border-top-color:#CCCCCC; 
	border-top-style:solid; 
	border-top-width:1px; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
}
#Producto_catalogo_descarga_general a:hover{
	margin-top: 10px; 
	padding-top:15px; 
	color:#C00033;
	border-top-color:#CCCCCC; 
	border-top-style:solid; 
	border-top-width:1px; 
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
}

.LabelForm {
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
}
.ErrorForm {
	color: #990000;
	font-size: 16px;
	font-weight:bold;
}
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:80px;
    background-color: #666666;
    color: #FFFFFF;
    z-index:99999;
}
.inner {
	width:60%;
    position:absolute;
    padding-left:18%;
    font-family:'Roboto', Verdana;
    font-size:14px;
    top:30%;
	text-align:center;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}