@charset "utf-8";
/* CSS Document */

html,body { height: 100%; } 

* { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #C30; }
body { background-color: #9A0201; }
#cont_Global { width: 800px; margin: 0 auto 0 auto; background: url(../img/fn_centro.jpg) #380001  top center no-repeat; overflow: hidden; }


div#preloader { position: fixed; z-index: 1900; width: 100%; height: 100%; top: 0; left: 0; background: #BC4928 url(../img/preload.gif) no-repeat center center; }

/* logo */
div#logo { width: 370px; height: 154px; margin: 0 auto 0 auto; background: url(../img/logo.png); text-indent: -999px; }

/* sprite menu */
ul#menu { width: 407px; height: 45px; margin: 0 auto 0 auto; background: url(../img/fn_menu.jpg); padding: 0 17px 0 18px; }
ul#menu li { margin: 0; height: 45px; text-indent: -999px; float: left;}
ul#menu li a { display: block; height: 45px; background: url(../img/sprite_menu.jpg); }
  /* inicio */
  ul#menu li a.menu_inicio { width: 67px; background-position: -18px 0; }
  ul#menu li a.menu_inicio:hover { background-position: -18px -90px; }
  ul#menu li a.menu_inicio_activo { width: 67px; background-position: -18px -45px; }
  
  /* catalogo */
  ul#menu li a.menu_catalogo { width: 98px; background-position: -108px 0; margin-left: 23px; }
  ul#menu li a.menu_catalogo:hover { background-position: -108px -90px; }
  ul#menu li a.menu_catalogo_activo { width: 98px; background-position: -108px -45px; margin-left: 23px; }
  
  /* planta */
  ul#menu li a.menu_planta { width: 77px; margin-left: 20px; background-position: -226px 0; }
  ul#menu li a.menu_planta:hover { background-position: -226px -90px; }
  ul#menu li a.menu_planta_activo { width: 77px; margin-left: 20px; background-position: -226px -45px; }
  
  /* contacto */
  ul#menu li a.menu_contacto { width: 106px; margin-left: 16px; background-position: -319px 0; }
  ul#menu li a.menu_contacto:hover { background-position: -319px -90px; }
  ul#menu li a.menu_contacto_activo { width: 106px; margin-left: 16px; background-position: -319px -45px; }

/* contenedores */
#cont_general { width: 780px; margin: 0 auto; overflow: hidden; }
  .sec_inicio { background: url(../img/fn_bloquein.jpg) top center no-repeat; height: 357px; padding-top: 12px; }
  .sec_catalogo { background: url(../img/fn_red_bloq_catalogo.jpg) #F0F0F0 no-repeat top center; height: auto; }
  #sec_planta { width: 780px; margin: 0 auto; background: url(../img/fn_planta.gif) no-repeat top center; overflow: hidden; height: 490px; }
  .sec_contacto { background: url(../img/fn_bloque_blanco.jpg) #F0F0F0 no-repeat top left; margin-bottom: 15px; }


/* slide show */
#Cont_w_Slideshow { position: relative; width: 760px; height: 343px; margin: 0 auto 0 auto; }
#Cont_w_Slideshow span { width: 760px; height: 343px; position: absolute; top: 0; left: 0; 
						 background: url(../img/fn_visor_slideshow_inicio.png); z-index: 55; }
#Cont_Slideshow { width: 760px; height: 343px; position: relative; overflow: hidden; z-index: 1; }

/* botones */
#botones_fade { opacity: 0; }
#Cont_w_Slideshow a.boton_inicio { width: 218px; height: 46px; position: absolute; text-indent: -999px; top: 10px; display: none; }

#Cont_w_Slideshow a#btn_cerdo { background: url(../img/btn_cerdo.png) no-repeat top left; left: 20px; z-index: 9999; }
#Cont_w_Slideshow a#btn_res   { background: url(../img/btn_res.png) no-repeat top left; left: 269px; z-index: 9998; }
#Cont_w_Slideshow a#btn_pollo { background: url(../img/btn_pollo.png) no-repeat top left; left: 525px; z-index: 9997; }


/* contacto */
div.sec_contacto form { width: 410px; margin: 0 auto;  }
  #cont_contacto_izq { width: 284px; height: 440px; float: left; }
  #cont_contacto_der { width: 485px; height: 440px; float: right; }
  #cont_contacto h1 { color: #fff; letter-spacing: -1px; font-size: 18px; display: block; text-align: center; }

div.formaINSTRUCCIONES { margin: 30px 0 15px 40px; }
div.formaINSTRUCCIONES h2 { font-size: 1.2em; }
div.formaINSTRUCCIONES ul { margin-left: 10px; font-size: 0.8em; }

div.formaOK, div.formaBAD { margin: 150px 0; }
div.formaOK p, div.formaBAD p { text-align: center; }

div.sec_contacto h3 p { display: block; margin: 120px auto; text-align: center; }

div.formaa { margin-bottom: 10px;  }
div.formaa label { display: block; text-align: center;  }
div.formaa input { width: 400px; border: 0 none; height: 40px; background: url(../img/fn_input.gif) no-repeat top left; color: #A61A12; font-size: 20px; letter-spacing: -1px; padding: 5px 10px 0; position: relative; top: -15px;  }

div.sec_contacto div.formaa textarea { width: 380px; height: 125px; border: 0 none; background: url(../img/fn_textarea.gif) no-repeat top left #FFDBA4; padding: 10px; }

legend { display: none; }

div.formaenviar input { width: 300px; border: 0 none; height: 40px; font-size: 25px; margin: 0 0 30px 58px; background: url(../img/fn_enviar.jpg) no-repeat top left; color:#fff;  }


/* catalogo */
html > body .elm_catalogo { width: 240px; margin: 8px; height: 216px; margin-bottom: 15px; float: left; position: relative; }
  html > body .elm_catalogo img { width: 200px; height: 150px; border: 1px solid #CCC; padding: 5px; margin-left: 14px; }
  .elm_catalogo h1 { font-family: Tahoma, Geneva, sans-serif; font-size: 20px; letter-spacing: -1px; color: #BE1439; text-align: center; }

div.bloque_catalogo { margin-bottom: 16px; }
div.bloque_catalogo h2 { display: block; height: 25px; text-indent: -9999px; padding-left: 30px; }
div.bloque_catalogo h2#h2_cerdo { background: url(../img/h2_carneCerdo.gif) no-repeat top left; }
div.bloque_catalogo h2#h2_res { background: url(../img/h2_carneRes.gif) no-repeat top left; }
div.bloque_catalogo h2#h2_pollo { background: url(../img/h2_carnePollo.gif) no-repeat top left; }

a.vertodos { background: url(../img/btn_vertodos.gif) no-repeat 0 0; display: block; height: 26px; text-indent: -9999px; width: 238px; margin: 10px 20px 0;}
a.vertodos:hover { background-position: 0 -26px; }


/* selectores de carne dentro de la seccion catalogo _ sprite */
div#cont_btn_cat_carne { width: 454px; height: 24px; margin: 5px auto 20px; }
a.btn_cat_carne { background: url(../img/sprite_botones_catalogo.jpg) no-repeat top left; width: 138px; height: 25px; display: block; text-indent: -999px; float: left; }
  a#btn_cat_cerdo { background-position: 0 3px; }
  a#btn_cat_cerdo_act { background-position: 0 -29px; }
  
  a#btn_cat_res { background-position: -158px 3px; margin: 0 19px; }
  a#btn_cat_res_act { background-position: -158px -29px; margin: 0 19px; }
  
  a#btn_cat_pollo { background-position: -315px 3px; }
  a#btn_cat_pollo_act { background-position: -315px -29px; }



#cont_pag_catalogo { width: 780px; height: 39px; background: url(../img/fn_paginator.png) top left no-repeat; margin: 0 auto; }
#cont_pag_catalogo ul#paginator { padding: 6px 0 0 10px;;  }
#cont_pag_catalogo ul#paginator li { float: left; margin: 0 5px; padding: 2px 6px;; color: #fff; background: #930; border: solid 1px #fff; }
#cont_pag_catalogo ul#paginator li a { color: #fff; }
ul#paginator ll.paginator_activo { background-color: #C00; }

/* GALERIA */
div.strip_wrapper ul.filmstrip li img { width: 67px; height: 38px; }
div#planta div.panel img { margin: 0 auto; }
div#planta div.panel { background-color: #B5221E; text-align: center; }

div#footer { height: 105px; background: url(../img/fn_footer.png) no-repeat top center; padding-top: 31px; }
div#footer p { color: #fff; font-size: 14px; text-align: center; }
div#footer p#izquierda { float: left; width: 413px; height: 74px; display: block; margin: 0 15px 0 20px; }
div#footer p#derecha { float: left; padding-left: 10px; text-align: left; }
div#footer p#derecha a, div#footer p#derecha a:visited { text-decoration: none; color: #fff; border-bottom: dashed 1px #fff; }



div.clear { clear: both; }