
/* Inicio Formateado General */
* {padding:0; margin:0;}
html{height:100%;}
body{height:100%; margin: 0px auto; font: normal 12px arial; color: #5F4817}
form{margin:0px}

a {text-decoration:none; color:#B40001;}
a:hover {text-decoration:underline; color:#FF7F7F;}

span.rojo{color: #B40001}
.clear{clear:both;}
.mapa_plano{width:500px; height:590px; margin:10px auto;}
/* Fin Formateado General */

/* Inicio Cuerpo */
#fondo{height:100%; margin: 0px auto; background: url(/layout/imagenes/fondo.gif) repeat-y; width:982px;}

#lateral{float:left;width:222px; height: 588px;background: url(/layout/imagenes/lateral.jpg) no-repeat;text-align: right;}
#lateralder{float:left;width:45px; height: 508px;background: url(/layout/imagenes/lateralder.jpg) no-repeat;}
#centro{float:left;width: 715px; position:relative;}
#cabecera{float:left;width: 760px; height: 80px;background: url(/layout/imagenes/cabecera.jpg) no-repeat}
#idiomas{float: right;width: 400px;text-align: right; margin-right: 20px; margin-top: 5px;font: normal 12px century gothic; color: #fff}
#idiomas a{width:60px;display:block; float:right; text-align: center;text-decoration:none; color: #fff}
#idiomas a:hover{ text-align: center;font-weight: bold;}
#idiomas a.Act{ text-align: center;font-weight: bold;text-decoration:none; color: #fff}

#centro #titulo_inicio{width: 715px; height: 48px;background: url(/layout/imagenes/submenusInicio.jpg) no-repeat}
#centro #titulo_fribin{width: 715px; height: 48px;background: url(/layout/imagenes/submenusNosotros.jpg) no-repeat}
#centro #titulo_porcino{width: 715px; height: 48px;background: url(/layout/imagenes/submenusPorcino.jpg) no-repeat}
#centro #titulo_vacuno{width: 715px; height: 48px;background: url(/layout/imagenes/submenusVacuno.jpg) no-repeat}
#centro #titulo_embutidos{width: 715px; height: 48px;background: url(/layout/imagenes/submenusJamones.jpg) no-repeat}
#centro #titulo_contacto{width: 715px; height: 48px;background: url(/layout/imagenes/submenusContacto.jpg) no-repeat}
#centro #titulo_noticias{width: 715px; height: 48px;background: url(/layout/imagenes/submenusNoticias.jpg) no-repeat}

#pie{clear:both;width:982px; height: 129px;background: url(/layout/imagenes/pie.jpg) no-repeat;}

#menu{position:relative; top: 50px; right: 10px;z-index:2;}
#submenu{position:relative; top: 20px; right: 10px;z-index:2;float: right}


#cuerpo{position:relative;top:10px;left: 5px; width:980px; height: 310px;}

/* Scroll Mootools */
#content{width: 715px; height: 460px; background: url(/layout/imagenes/contenidos.jpg) no-repeat;overflow: hidden;}
#centro div.vScrollbar {position:absolute;top: 50px; right: -5px;}	
#centro div#NOTcontenidos div.vScrollbar {position:absolute;top: 50px; right: 170px;}	
#centro div.vTrack {height: 420px;width: 11px;position: relative;background-color:transparent;overflow: hidden;}	
#centro div#NOTcontenidos div.vTrack {height: 200px;width: 11px;position: relative;background-color:transparent;overflow: hidden;}	
.vThumb{position: absolute;top: 0;left: 0;height: 15px;width: 11px;background: #9b7d3e;overflow: hidden; opacity:1;}
.arrowUp, .arrowDown {height: 15px;width: 11px;overflow: hidden;}
.arrowUp{background:url(/layout/imagenes/scroller/up.gif) no-repeat center;}
.arrowDown{background:url(/layout/imagenes/scroller/dn.gif) no-repeat center;}


#contenidos{float: left;width: 710px;padding: 0px 0px 0px 0px;text-align: right;}
#contenidos div{line-height: 15px;}
#contenidos h1{margin:0 0 20px; padding-bottom:5px; font: bold 18px century gothic, arial; color:#B40001; border-bottom:2px solid #B40001;}
#contenidos h1 a{text-decoration: none; color: #fff;}
#contenidos h1 a:hover{color: #FFEBBF;}
#contenidos img{}

#contenidos h2{margin:0px; padding-bottom:3px; font: bold 16px century gothic, arial; color:#B40001; border-bottom:2px solid #B40001;}
#contenidos h2 a{text-decoration: none; color: #B40001;}
#contenidos h2 a:hover{color: #B40001;}

#contenidos h3{margin:5px; font: bold 11px century gothic, arial; color:#B40001; border-bottom:1px solid #B40001;}
#contenidos h3 a{text-decoration: none; color: #B40001;}
#contenidos h3 a:hover{text-decoration: underline; color: #B40001;}
/* Fin Cuerpo */

/* Despieces */
.despiece_porcino{position:absolute}

.fotogran{padding:0px;float:left; position:absolute; top:-10167px;}
.sombraext{background: transparent url(/layout/imagenes/shadow1.png); color: inherit; margin-left: 3px; margin-top: 4px; }
.sombramed{background: transparent url(/layout/imagenes/shadow1.png); color: inherit; position: relative; bottom: 1px; right: 1px;}
.sombraint{background: transparent url(/layout/imagenes/shadow2.png); color: inherit; position: relative; bottom: 1px; right: 1px;}
.conten_foto{background-color:#FFFFFF; border:solid 5px #E1CEA6; padding:5px; position: relative; bottom: 1px; right: 1px;}
/* Despieces */

/* Inicio Menu principal */
.menu{width: 120px; float: right}
.menu a{width: 95px;margin: 20px 0;background-position: top; background-repeat:no-repeat; text-decoration: none; height: 21px; display: block;}
.menu a div.prefijo{display:none}
.menu a div.sufijo{display:none}
.menu a div.texto_menu{display:none}

.menu a.Act {background-position:0 -21px; background-repeat:no-repeat;text-decoration: none; height: 21px; display: block;}
.menu a.Act div.prefijo{display:none}
.menu a.Act div.sufijo{display:none}
.menu a.Act div.texto_menu{display:none}

.menu a:hover {background-position: 0px -21px }
.menu a:hover div.prefijo{display:none}
.menu a:hover div.sufijo{display:none}
.menu a:hover div.texto_menu{display:none}

.menu a#inicio{position:relative;right: -6px;background-image: url(/layout/imagenes/menuinicio.png);}
.menu a#fribin{position:relative;right: -4px;background-image: url(/layout/imagenes/menufribin.png);}
.menu a#vacuno{position:relative;right: -2px;background-image: url(/layout/imagenes/menuvacuno.png);}
.menu a#porcino{position:relative;background-image: url(/layout/imagenes/menuporcino.png);}
.menu a#embutidos{position:relative;right: 2px;background-image: url(/layout/imagenes/menuembutidos.png);}
.menu a#contacto{position:relative;right: 4px;background-image: url(/layout/imagenes/menucontacto.png);}
.menu a#noticias{position:relative;right: 6px;background-image: url(/layout/imagenes/menunoticias.png);}

/* Fin menu principal */

/* Fin menu secundario */
.submenu{float: right;width: 650px;text-align: right;font: normal 13px century gothic; color: #B40001}
.submenu a{width:60px;display:block; float:right; text-align: center;text-decoration:none; color: #B40001}
.submenu a:hover{text-align: center;font-weight: bold;text-decoration:none; color: #B40001}
.submenu a.Act{text-align: center;font-weight: bold;text-decoration:none; color: #B40001}
/* Fin menu secundario */

/* Inicio Contacto */
.div_cont_text{text-align: right;padding-bottom: 30px;}
.div_cont_form{ float:left;margin-left: 30px; width:400px;text-align: left;}
.div_cont_dir{ float:left;width: 200px;text-align: left;}
.form{}
.form div.etiqueta{float: left;width: 120px;background: #B40001; padding: 2px 0px;margin: 2px 3px;font: normal 11px century gothic, arial;color: #fff} 
.form input, textarea{margin: 2px 3px;width: 200px; font: normal 12px century gothic, arial;  color: #B40001; background-color:#FFFFFF;color: #7D212B;}
/* Fin Contacto */

/* Aviso Legal */
#legal{margin:5px auto; border:2px solid #B40001;}
#legal div{font-size: 11px;text-align: justify; padding: 5px 10px;}
#legal a{text-decoration:none; color:#B40001;}
#legal a:hover{text-decoration:underline;}
#legal div.titulo{font:bold 12px century gothic, arial; color:#5F4817;}
#legal div.subtitulo{font-weight: bold; color:#5F4817;}
#legal ul{display:block; text-align:left; padding-left:20px; margin-left:20px;}
#legal li{padding:5px 0;}

/* Noticias */
#avanceNoticias{float:right; margin-right: -15px;width: 300px; height: 522px;background: url(/layout/imagenes/fondo_noticias.jpg) no-repeat top center;}

/* Zoom MooTools */
#zoomExUl {list-style-type: none;padding: 0;margin: 5px 0 0 0;}
#zoomExUl li {display: inline; margin-left: 10px;}
#zoomExUl li img{border:0px;}
img#virtualImg{border: 0px}
#virtualImgDiv {border-color: #B40001;background: #fff url(/layout/imagenes/loader.gif) center center no-repeat;}
#virtualImgMask {background-color: #F1EFF0}
a#virtualImgCloseLink {display:none}
#virtualBoxLegend {padding: 10px 0 0 0;text-align: left;color: #666;font-size: 11px;}	

#destacados{height: 132px;}
#destacados div#multimedia{float: left;width: 250px; height: 132px;}
#destacados div#DestNoticia{float: right;position: relative; top: 0px; right: -10px;width: 411px; height: 132px;background: transparent url(/layout/imagenes/pie_noticias.jpg) no-repeat left top;}

#NOTDestacadas{color: #fff;padding: 30px 30px 10px 10px;}

#NOTDestacadas div.NOTDestacada{color: #fff}
#NOTDestacadas div.NOTDestacada a{font: bold 14px century gothic, arial;color:#D15B57;}
#NOTDestacadas div.NOTDestacada a:hover{text-decoration: none;color: #fff}
#NOTDestacadas div.NOTDestacada .cuerpoNoticia{margin-top: 10px;}
#NOTDestacadas div.NOTDestacada .cuerpoNoticia a{font: bold 11px century gothic, arial;text-decoration:none;color: #fff}
#NOTDestacadas div.NOTDestacada .cuerpoNoticia a:hover{color: #9b7d3e}

#NOTcontenidos{float: left;width: 520px;overflow:hidden}
#NOTresumenNoticias{text-align: left;float: left;height: 460px;width: 520px;overflow:hidden}
#NOTresumenNoticias .resumenNoticia{padding: 15px 0px}
#NOTresumenNoticias .fechaNoticia{color: #B40001}
#NOTresumenNoticias .tituloNoticia{font: bold 14px century gothic, arial;padding-bottom: 0px;color:#9b7d3e}
#NOTresumenNoticias .tituloNoticia a{color:#9b7d3e}
#NOTresumenNoticias .tituloNoticia a:hover{text-decoration: none;color: #B40001}
#NOTresumenNoticias .cuerpoNoticia{}
#NOTresumenNoticias .enlcuerpoNoticia{font-weight: bold;}

#NOTmenuArchivo{float: right;width:160px; height: 452px;margin-top: 8px;background: url(/layout/imagenes/noticias_archivo.jpg) no-repeat right top;}
#NOTmenuArchivo .listado{height: 380px; width: 140px; margin-right:20px;padding-top: 10px;}
#NOTmenuArchivo .listado a{color: #DFCDA7; text-decoration: none;}
#NOTmenuArchivo .listado a:hover{color: #B40001;}


