@import url(http://fonts.googleapis.com/css?family=Loved+by+the+King);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);
*{   margin:0;padding:0;font-family:"Source Sans Pro",sans-serif}

a								{   text-decoration:none;color:#fff}
a img							{   border:none;}
.oculto							{   display:none;}
.clearfix						{   clear:both}

html							{   overflow: auto; }
html, body						{   height: 100%; }

#wrapper						{   width: 100%; overflow: hidden; height: auto; min-height: 100%; }


#header-container,
#middle .content,footer .content{   margin:0 auto;width:960px}
#middle 						{   z-index: 5;}


header, footer					{   width:100%;}

#footer							{   margin-top: -37px; height: 37px;}

/*header							{   background:#d40019;background:-moz-linear-gradient(top, #d40019 0, #a20013 100%);
 									background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #d40019),color-stop(100%, #a20013));
 									background:-webkit-linear-gradient(top, #d40019 0, #a20013 100%);
 									background:-o-linear-gradient(top, #d40019 0, #a20013 100%);
 									background:-ms-linear-gradient(top, #d40019 0, #a20013 100%);
 									background:linear-gradient(to bottom, #d40019 0, #a20013 100%);
 									filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d40019', endColorstr='#a20013', GradientType=0 );
 									border-bottom:10px #d40019 solid;color:#fff;margin-bottom:17px;
 									max-height:98px;}*/
header							{   background:url(../img/bg-header.jpg) repeat-x; color:#fff;margin-bottom:17px;height:98px;
									max-height:98px; z-index: 10;}
#header-logo					{   width:238px;height:94px;margin:4px 0 0 10px;float:left}
#header-logo.active				{   background:url(../img/flecha-hover.png) bottom no-repeat}
#header-container				{   height:88px}
#header-container nav			{   float:right}
#header-container nav li		{   list-style:none;padding:37px 0 0 0;float:left;width:178px; cursor:pointer;}
#header-container 
nav li .tab-nombre				{   text-transform:uppercase;font-size:14px;padding:0 0 0 15px;font-weight:400; display:block;}
#header-container 
nav li .tab-desc				{   font-size:12px;padding:0 0 0 15px; font-weight:400; display:block;}
#header-container 
nav li .nav-anidado				{   display:none;position:absolute;width:177px;box-shadow:4px 4px 10px -5px black; z-index: 999}
#header-container 
nav li .nav-anidado li			{   position:relative;z-index:1}
#header-container 
nav li:hover .nav-anidado		{   display:block}
#header-container 
nav .contacto					{   width:178px}

#header-container nav .cook		{   width:125px}
#header-container nav .productos{   width:150px}
#header-container nav .calidad	{   width:140px}
#header-container nav .prevencion {   width:162px}
#header-container nav .contacto	{   width:130px}

#header-container .nav-title	{   height:61px;background:url(../img/linea-header.png) no-repeat right top; cursor:pointer;}
#header-container .active		{   background:url(../img/flecha-hover.png) bottom no-repeat}
#header-container .active.home	{   background:url(../img/flecha-hover-home.png) bottom no-repeat !important}
#header-container .nav>li:hover	{   background:url(../img/flecha-hover.png) no-repeat center bottom}
#header-container .nav-anidado li,
#contenidos						{   color:#686868}
#header-container 
.nav-anidado li					{   padding:9px 0;border-bottom:1px dotted gray;font-size:13px;background:#fff;height:9px;
									padding-left:10px;width:167px;line-height:16px}
#header-container 
.nav-anidado li a				{   color:#686868; display:block;width:100%; height:100%;}
#header-container 
.nav-anidado li a:hover			{   color:#d40019;font-weight:normal;}
#header-container 
.nav-anidado li:hover			{   border-left:#d40019 solid 4px; color:#747474;
									background:url(../img/flecha-menu-hover.png) 96% no-repeat white;padding-left:6px}
									

#slider							{   border-bottom:5px solid #d40019;height:318px}
#slider .slides li				{   list-style:none; display:none;}
#slider .slides li:first-child	{   display:block;}
#slider .flex-control-nav		{   width:960px;padding-top:10px;text-align:center;}
#slider .flex-control-nav li	{   display:inline-block;margin-right:5px;}
#slider 
.flex-control-paging li a		{   width:11px;height:11px;display:block;background:url(../img/slide-nav.png) no-repeat;
									cursor:pointer;text-indent:-9999px}
#slider .flex-control-paging 
li a.flex-active				{   width:11px;height:11px;display:block;background:url(../img/slide-nav-activo.png) no-repeat;
									cursor:pointer;text-indent:-9999px}
#slides-content .slides			{   overflow:hidden}
#contenidos						{   margin-top:30px}
#info							{   padding:0 10px;margin:34px 0 30px;font-size:13px;color:#686868;line-height:20px}
#info-logo						{   width:144px;margin-right:0;height:139px;float:left;
									padding-top:50px}
#info-text 						{   float:right;width:764px;padding:15px 0 24px 30px;border-left:1px dotted #686868;}
#info-text article 				{   width:370px;float:left}
#info-text article 	a			{	color:#999;}
#info-text article:first-child 	{   margin-right:20px}
#info-text h2,
#cook h2, #contacto h2, 
#submenu h2, #calidad h2	 	{	font-family: 'Loved by the King'; font-size: 30px; text-transform: uppercase; 
									color: #e92611; margin: 7px 0 18px 0; line-height: 30px; font-weight:normal}
#info-text article.left 		{	margin-right: 20px; }

.linea-punteada					{   border-bottom: 1px dotted #9B9B9B;}
.espaciado						{   padding:17px 0}
#cook, #calidad 				{   padding: 0 10px; }
#cook h2, #calidad h2			{   padding-top: 15px;}
#cook-info, #calidad-info		{   margin-top: 35px; font-size: 13px; color: #686868; line-height: 20px; margin-bottom: 30px;}
#cook-info .info, 
#calidad-info .info				{   width: 460px; padding-left: 10px; float:right;}
#cook-info .info a, 
#calidad-info .info a			{	color:#999;}
#cook-info .info:first-child, 
#calidad-info .info:first-child	{   padding: 0 10px 0 0; float: left;}
#cook-info h3				{ text-transform: uppercase; color: #de283d; padding-bottom: 5px; font-size:13px;}
#calidad-info h3 { color: #de283d; padding-bottom: 5px;font-size: 13px; }
#cook p, #calidad p 			{ padding-bottom: 20px; }
#cook strong, #calidad strong					{ color: #424242;}

#cook-images					{margin-bottom: 45px; }
#cook-images .images			{width: 460px; padding-left: 10px; float:right; border-right: 1px dotted #9B9B9B;}

#cook-images .images-right		{ width: 459px; padding-left: 10px; float:right; }

#cook-images .images:first-child	{ padding-right: 10px; padding-left: 0; float: left;}

#cook-images .images img					{ padding-right: 0}
#cook-images .images img:first-child		{ padding-right: 10px} 

#cook-images .images-right img					{ padding-right: 0}
#cook-images .images-right img:first-child		{ padding-right: 10px} 

#calidad-images { height: 153px; }
#calidad-images img{padding-left: 0px;}

#logos-empresas					{   margin-bottom:16px;}
#logos-empresas .logos			{   list-style:none;text-align:center}
#logos-empresas .click			{   cursor:pointer;}
#logos-empresas .logos .logo	{   display:inline;padding:0 28px}
#logos-empresas .logos 
.logo .active					{   display:none}
#productos						{   font-size:13px}
#reportes h2					{   color:#686868;font-size:24px;padding:30px 0 0 10px;font-weight:600}
#banner							{   margin-bottom:30px;height:185px;border-bottom:5px solid #d40019}
#menu ul						{   height:30px;list-style-type:none}
#menu ul li						{   display:block;padding:4px 0;text-align:center;float:left;border-top:1px dotted #DCDCDC;
									border-bottom:1px dotted #DCDCDC;background:url(../img/separador-gris-h.png) middle right}
#menu ul li a					{   color:#686868}
#menu ul li:first-child			{   border-left:0}
#menu ul li.active a,
#menu ul li:hover a				{   color:#D30019;}
#menu ul li:hover,
#menu ul li.active				{   border-top:1px dotted #616161;border-bottom:1px dotted #616161}
#menu ul .reportes				{   width:145px}
#menu ul .info-corp				{   width:175px}
#menu ul .manual				{   width:210px}
#menu ul .info-fin				{   width:165px}
#menu ul .estatutos				{   width:130px}
#menu ul .bolsa					{   width:135px}


#submenu						{   border-top: 1px dotted #B3B3B3; margin:28px 0 60px;overflow:hidden}
#submenu h2						{	padding: 25px 0 10px; color: #E92611; font-weight: normal }
#submenu ul						{   list-style-type:none;overflow:hidden}
#submenu .subm li					{   display:block;float:left;width:190px;height:27px;margin-top:1px;text-align:center;
									text-transform:uppercase;color:#686868;border-bottom:#b3b3b3 solid 6px;
									border-left:1px dotted #BCBCBC;padding-top:10px;font-weight:normal;}
#submenu .subm li a				{   color:#676767}
#submenu .subm li:first-child		{   border-left:0;width:180px}
#submenu .subm li:last-child		{   width:206px}
#submenu .subm li.active,
#submenu .subm li:hover			{   border-bottom:#DE283D solid 6px;background:url(../img/flecha-roja-up.png) bottom no-repeat}
#submenu .subm li:hover,
#submenu .subm li.active a			{   color:#414141}
#submenu .documentacion			{   color:#686868; padding: 0 10px;}


#submenu .producto-info 
ul				{   padding: 0 35px 15px 30px; }
#submenu .producto-info 
ul li 			{   clear: left; margin: 0; padding: 0; border: 0; text-transform: none;text-align: left; width: 100%; height: 23px;}
#submenu .producto-info 
.producto-detalle li:hover 		{   font-weight: normal; background: none; }

#submenu .producto-info			{	width: 435px; float:left; font-size:14px; color:#676767 !important;}
#submenu .producto-info	a		{	color:#999;}
#submenu .producto-info h3		{   padding-bottom: 5px; font-size: 14px; }
#submenu .producto-imagen		{	width: 480px; float:right; text-align: right;}


#submenu .documentacion.ocultar	{   display:none;}
#submenu .documentacion 
.documento-seccion				{   overflow:hidden}
#submenu .documentacion 
.documento-seccion-titulo		{   border-bottom:1px dotted #dedede;border-top:1px dotted #dedede;}
#submenu .documentacion 
.documento-seccion-titulo h3	{   background:#dedede;	height:25px;padding:8px 0 0 20px}
#submenu .documentacion 
.documento						{   width:24%;float:left;background:#fff;height:36px;margin:15px 0;text-align:center;
									border-left:1px dotted #BCBCBC;}
#submenu .documentacion 
.documento span					{   font-size:12px; height:30px; padding-top:10px; display:inline-block; float:left;
									margin-left:20px;}
#submenu .documentacion 
.documento a					{   color:#686868;}
#submenu .documentacion 
.documento img					{   display:inline-block; float:right; margin-right:20px;}
#submenu .documentacion 
.documento:first-child			{   border-left:0}


#valores,#empresas				{   color:#686868;font-size:13px;line-height:20px;overflow:hidden;padding-bottom:40px}
#valores h2,#empresas h2		{   color:#686868;font-size:24px;padding:0 10px;font-weight:600}
#valores p,#empresas p			{   padding-bottom:25px}

#empresa p						{   padding-bottom:30px}
#empresa						{   padding-top:31px;border-top:1px dotted #9B9B9B}
#valores-info,#empresas-info	{   float:left;width:450px;padding:30px 0 0 10px}
#empresa-link					{   text-align:right}
#empresas-info					{   padding-top:0}
#valores-img,#empresas-img		{   float:right;width:413px;padding-left:85px}
#valores-img-grande				{   height:168px;padding-bottom:10px;border-bottom:1px dotted #c1c1c1}
#valores-img-chicas 
.valores-img-chica				{   width:190px;padding-top:10px}
#valores-img-chicas 
.valores-img-chica				{   float:left;padding-right:14px;border-right:1px dotted #c1c1c1}
#valores-img-chicas 
.valores-img-chica:first-child	{   float:right;padding-right:0;border-right:0}
#valores h2						{   border-top:1px dotted #9B9B9B;padding-top:12px}
#empresas-img 
.empresas-imagenes:first-child	{   overflow:hidden;border-bottom:1px dotted #c1c1c1;padding-top:0}
#empresas-img 
.empresas-imagenes:first-child 
.empresas-imagen				{   float:left;padding:0 0 0 10px}
#empresas-img 
.empresas-imagenes:first-child 
.empresas-imagen:first-child	{   padding:0 10px 5px 0;border-right:1px dotted #c1c1c1}
#empresas-img .empresas-imagenes{   overflow:hidden}
#empresas-img .empresas-imagenes 
.empresas-imagen				{   float:left;padding:10px 0 0 10px}
#empresas-img .empresas-imagenes 
.empresas-imagen:first-child	{   padding:10px 10px 10px 0;border-right:1px dotted #c1c1c1}

#empresas-info-logo				{   padding-bottom:40px}


#contacto						{   border-top:1px dotted #9B9B9B;overflow:hidden;margin-bottom:60px;padding-top:7px;
									position:relative;}
#contacto-form					{   width:340px;float:left;padding-left:200px;padding-top:10px; position:relative;}
#contacto-form label			{   width:90px;float:left;color:#686868;font-size:14px}
#contacto-form input,
#contacto-form textarea			{   width:230px;font-family:Arial;border: 1px solid #B1B1B1;padding:5px}
#contacto-form textarea			{   height:140px}
#contacto-form p				{   padding-bottom:8px}
#contacto-form p.last			{   padding-bottom:0}
#contacto-info					{   padding-top:5px;width:420px;float:right;font-style:normal;margin-bottom:91px;font-size:13px;color:#686868;line-height:30px}
#contacto-info a				{	color:#999;}
#contacto-info strong			{   font-size:16px;color:#d40019;font-weight:400}
#contacto-info span				{   font-size:13px;color:#686868;line-height:30px}


.proalsa #banner				{   border-bottom:5px solid #006338}
.hendaya #banner				{   border-bottom:5px solid #7fd2ea}
.biarritz #banner				{   border-bottom:5px solid #e1001e}
.altasur #banner				{   border-bottom:5px solid #00476b}
.algorta #banner				{   border-bottom:5px solid #26723d}
.innovalim #banner				{   border-bottom:5px solid #415aa7}
.charrabata #banner				{   border-bottom:5px solid #038b41}
#submit							{   background:#d40019;background:-moz-linear-gradient(top, #d40019 0, #a20013 100%);
									border:none !important;
									background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #d40019),color-stop(100%, #a20013));
									background:-webkit-linear-gradient(top, #d40019 0, #a20013 100%);background:-o-linear-gradient(top, #d40019 0, #a20013 100%);
									background:-ms-linear-gradient(top, #d40019 0, #a20013 100%);background:linear-gradient(to bottom, #d40019 0, #a20013 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d40019', endColorstr='#a20013', GradientType=0 );
									height:31px;width:112px !important;border:0;cursor:pointer;border-left:3px solid #a20013;color:#fff;
									font-size:10px !important;text-align:center;text-transform:uppercase; position:absolute; bottom:0;
									right: -113px;}

.espaciado-pre-footer			{   padding-bottom:37px;}
footer							{   border-top:4px solid #d40019;background:#4b4b4b;
									box-shadow:inset -1px 15px 15px -20px black;
									webkit-box-shadow:inset -1px 15px 15px -20px black}
footer .content					{   height:37px}
footer .content p				{   padding:9px 0;font-size:12px;text-align:center;color:#fff}