/* HEADER, layout de la pagina */
#wrapper {
	width: 908px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	padding-left: 5px;
	background-image: url(../imagenes/shadow.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
}

#headerleft {
	float: left;
	background-image: none;
	width: 640px;
	height: 76px;
}

#headerright {
	float: right;
	color: #FFFFFF;
	width: 258px;
	margin-right: 5px;
	background-color: #86C129;
	text-align: center;
	height: 76px;
}
#headerright form {
	float: left;
	width: 250px;
	margin-top: 18px;
}


body {
	margin-top: 0px;
	background-color: #999999;
}

#footer {
	clear: both;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBE380;
	padding-top: 5px;
}

#footer_img {
	clear: both;
	float: left;
	width: 908px;
	background-image: url(../imagenes/shadow_%20bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 25px;
}

/* Formulario subscribe */
#subscribe {
	width: 200px;
	padding-left: 15px;
}

#subscribe label {
	float: left;
	width: 170px;
	}
	
#subscribe span {
	display:block;
	text-align:left;
	color:#FFFFFF;
	font-weight:normal;
	width: 100%;
	}

#subscribe label input{
	float: left;
	width: 150px;
}
#subscribe input.email{
	float: left;
	margin-top: 0px;
}
#subscribe input{
	float: left;
	margin-left: -17px;
	margin-top: 18px;
}

/* elimina bordes de imagenes con links */
.imglinks {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* NAVEGACION, Barra de navegacion principal */

#nav {
	background-image: url(../imagenes/back_nav2.gif);
	clear: both;
	height: 25px;
	width: 898px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	float: left;
}


.nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	display: inline-block;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
	width: auto;
	text-align: center;
	text-decoration: none;
}

.nav a:hover, #nav a.active {
	color: #85C128;
}


.banner2 {
	padding-left: 5px;
}

/* ESTILOS GENERALES, Contenidos */
#main {
	float: left;
	width: 908px;
	height: auto;
	background-image: url(../imagenes/shadow.gif);
}

#main h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #406813;
	line-height: 13px;
	margin-bottom: 10px;
	height: auto;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#main h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #406813;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 5px;
	padding-top: 10px;
	line-height: 22px;
}

#main b {
	color: #406813;
}

#main li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#main a {
	color: #406813;
	text-decoration: none;
	font-weight: bolder;
}

#main a:hover {
	color: #FF9900;
	text-decoration: none;
}

#main p{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #383838;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.5em;
	margin-left: 15px;
	margin-right: 15px;
}

#main sup {
	color:#FF9900
	}

#main p.notes {
	font-size: 9px
	}

#main p.code {
	font-size: 10px;
	border: 1px solid orange;
	}
	
#main em {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-weight: normal;
	letter-spacing: 0.1em;
	}
	
#main img.left  {
	float:left;
	margin-right: 10px;
	border: 2px solid #999999;
	}
#main img.right  {
	float:right;
	margin-left: 10px;
	border: 2px solid #999999;
	}

/* Alineacion de fotos */
#fensalada {
	vertical-align: text-bottom;
	margin-right: 10px;
	text-align: right;
	display: block;
	float: left;
}

#fpiramide {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.images {
	margin: 10px;
}


/* INDEX  */
/* LAYOUT DE DOS COLUMNAS, Contenido de la pagina */

#lefthalf {
	float: left;
	width: 550px;
	padding-left: 5px;
	height: auto;
	margin-bottom: 15px;
}

#righthalf {
	float: left;
	width: 320px;
	margin-left: 10px;
	padding: 0px;
	height: auto;
}

/* Estilo de los cuadros */
.leftbox {
	float: left;
	width: 520px;
	display: inline;
	margin: 5px 0px 15px 25px;
	background-image: url(../imagenes/corner.png);
	background-repeat: no-repeat;
	background-position: right top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #BBE380;
	border-left-color: #BBE380;
	border-bottom-style: solid;
	border-left-style: solid;
	}
	
.rightbox {
	float: left;
	width: 320px;
	border: 1px solid #BBE380;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	
	}


/* CUADROS, Contenido de los cuadros */


#rightbox1 ul {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
}
.rightbox li, #main li.lista{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #383838;
	margin-top: 10px;
	line-height: 1.2em;
	background-image: url(../imagenes/bullet.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	text-indent: 25px;
}
#boton1 {
	padding-bottom:3px;
	}
.leftbox h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FF0000;
	line-height: 13px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#rightbox3 object {
	margin-top: 10px;
}
/* VEGANISMO  */
/* LAYOUT DE DOS COLUMNAS, Contenido de la pagina */

#lefthalf_veg {
	float: left;
	width: 680px;
	padding-left: 5px;
	height: auto;
	margin-bottom: 15px;
}

#righthalf_veg {
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
}
/* Estilo de los cuadros */
.leftbox_veg {
	float: left;
	width: 640px;
	margin: 5px 0px 15px 25px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #BBE380;
	border-left-color: #BBE380;
	background-image: url(../imagenes/corner.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
#Content {
	float: left;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 40px;
}

	
.rightbox_veg {
	float: left;
	width: 200px;
	border: 1px solid #BBE380;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	
	}
/* Navegacion (veganismo) */
#veg_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
	}

#veg_nav a {
	display: block;
	text-decoration: none;
	color: #676767;
	padding: 4px;
	padding-left: 2px;
	border: 1px solid #ccc;
	border-bottom: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	}

#veg_nav a:hover, #veg_nav a.active {
	color: #FFFFFF;
	border: 1px solid #ccc;
	border-top: 0;
	background-color: #86C129;
	}

/* Sub Navegacion (por que vegano) */
#veg_nav a.subnav {
	color: #86C129;
	font-size: 12px;
	text-align: left;
	height: 15px;
	border-bottom: 0px;
	border-top: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-left: 10px;
	margin-bottom: 0px;
}

#veg_nav li.blank {
	color: #86C129;
	font-size: 12px;
	text-align: left;
	height: auto;
	padding: 0px;
}
	
#veg_nav a.subnav:hover, #veg_nav a.act {
	background-color: #ccc;
	color: #406813
	}

#veg_nav ul {
	display: none;
}
	
#veg_nav li:hover ul {
	display: block;	
	list-style-type: none;
	position: absolute;
	z-index: 100;
	margin-left: -140px;
	margin-top: -20px;
	width: 150px;
	padding-left: 0px;
	background-color:#fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

/* EXPLOTACION  */
/* LAYOUT DE DOS COLUMNAS, Contenido de la pagina */

#rightthalf_exp {
	float: left;
	width: 680px;
	padding-right: 5px;
	height: auto;
	margin-bottom: 15px;
}

#lefthalf_exp {
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
}
/* Estilo de los cuadros */
.rightbox_exp {
	float: left;
	width: auto;
	margin: 5px 5px 15px 25px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #BBE380;
	border-left-color: #BBE380;
	background-image: url(../imagenes/corner.png);
	background-repeat: no-repeat;
	background-position: right top;
	}

.leftbox_exp {
	float: left;
	width: 200px;
	border: 1px solid #BBE380;
	margin: 5px 15px 10px 0px;
}
#video {
	float: left;
	padding-right: 20px;
	padding-left: 15px;
	clear: none;
}

/* Textos Extractado (Vacas para carne */
#extracto p {
	font-size: 11px;
	width: 350px;
	float: left;
	height: auto;
	background-color: #BBE380;
	text-align: justify;
	padding: 5px;
	clear: none;
}

#extracto em {
	font-size: 11px;
	letter-spacing:normal;
	color: #006699;
	
}


/* ESPECISMO  */
/* LAYOUT DE UNA COLUMNA Contenido de la pagina */

.box_esp {
	float: left;
	width: 750px;
	margin: 5px 0px 0px 50px;
	padding: 10px 20px 10px 20px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #BBE380;
	border-left-color: #BBE380;
	background-image: url(../imagenes/corner.png);
	background-repeat: no-repeat;
	background-position: right top;
	}

/* RECURSOS  */
/* LAYOUT DE UNA COLUMNA Contenido de la pagina */

.box_rec {
	float: left;
	clear:both;
	width: 750px;
	margin: 5px 0px 0px 50px;
	padding: 10px 20px 10px 20px;
	border: 1px solid  #BBE380;
	background-repeat: no-repeat;
	background-position: right top;
	}

	
#menu_recursos {
	padding: 0px;
	width: 720px;
	margin-left: 50px;
	margin-top: 0px;
}

#menu_recursos li {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	width: 100px;
	margin-left: 20px;
	list-style-type: none;
	float:left;
	text-align: center;
}

#menu_recursos li a {
	display:block;
	padding-top: 100px;
	color:#333333;
}


#menu_recursos a:hover {
	color:#73A428;
}

li#preguntas a{
	background-image:url(../imagenes/preguntas1.jpg);
	background-repeat: no-repeat;
	background-position: -500px;
	}

li#preguntas {
	background-image:url(../imagenes/preguntas2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

li#preguntas a:hover, li#preguntas.act {
	background-image:url(../imagenes/preguntas1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #73A428;
	}

li#articulos a{
	background-image:url(../imagenes/articulos1.jpg);
	background-repeat: no-repeat;
	background-position: -500px;
	}
	
li#articulos {
	background-image:url(../imagenes/articulos2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

li#articulos a:hover, li#articulos.act {
	background-image:url(../imagenes/articulos1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #73A428;
	}

li#videos a{
	background-image:url(../imagenes/video1.jpg);
	background-repeat: no-repeat;
	background-position: -500px;
	}
	
li#videos {
	background-image:url(../imagenes/video2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

li#videos a:hover, li#videos.act {
	background-image:url(../imagenes/video1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #73A428;
	}

li#imagenes a{
	background-image:url(../imagenes/fotos1.jpg);
	background-repeat: no-repeat;
	background-position: -500px;
	}

li#imagenes {
	background-image:url(../imagenes/fotos2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

li#imagenes a:hover, li#imagenes.act {
	background-image:url(../imagenes/fotos1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #73A428;
	}
	
li#papeleria a{
	background-image:url(../imagenes/papeleria1.jpg);
	background-repeat: no-repeat;
	background-position: -500px;
	}

li#papeleria {
	background-image:url(../imagenes/papeleria2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}
	
li#papeleria a:hover, li#papeleria.act {
	background-image:url(../imagenes/papeleria1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #73A428;
	}
	
li#banners a{
	background-image:url(../imagenes/banners1.jpg);
	background-repeat: no-repeat;
	background-position: -500px;
	}

li#banners {
	background-image:url(../imagenes/banners2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}
	
li#banners a:hover, li#banners.act {
	background-image:url(../imagenes/banners1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #73A428;
	}
	
/* Preguntas Contenido de la pagina */

.h2left {
	width:360px;
}

.h2right{
	width: 360px;
	float:right;
	margin-top: -45PX;
}
.ar_preguntas {
	float:left;
	padding:0;
	width: 360px;
	margin-left: 5px;	
}
#ar_preguntas li{
	list-style-type: disc;
	padding: 0.2em;
}
#ar_preguntas a {
	color: #333333;
	font-weight: normal;
}

.veg_preguntas {
	float:left;
	padding:0;
	width: 360px;
	margin-left:15px;	
	clear:right;
}
#veg_preguntas li{
	list-style-type: disc;
	padding: 0.2em;
}

#veg_preguntas a {
	color: #333333;
	font-weight: normal;
}

/* Articulos Contenido de la pagina */

#list_articulos {
	padding:0;
	width: 360px;
	margin-left: 25px;	
}
#list_articulos li{
	list-style-type: disc;
	padding: 0.2em;
}
#list_articulos a {
	color: #333333;
	font-weight: normal;
}

/* Videos Contenido de la pagina */


#box_rec div.video {
	float:left;
	width: 350px;
	margin-left: 10px;
	padding: 2px;
	margin-bottom: 20px;
	height:auto;
	border: 1px solid #BBE380;
	font-size:12px;
	color:#333333;
	text-align:center;
}

#html, #html2, #html3, #html4 {
	margin:auto;
	width:150px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CC6633
	}

#html:hover p.html, #html2:hover p.html, #html3:hover p.html, #html4:hover p.html {
	display:block;
}
#main p.html {
	font-weight: normal;
	margin-left: -80px;
	width: 300px;
	overflow: auto;
	display:none;
	z-index: 2;
	position: relative;
}

/* papeleria Contenido de la pagina */
.folleto {
	float:left;
	height: auto;
	width: 350px;
	margin-left: 20px;
	border: 1px solid #BBE380;
	margin-bottom: 20px;
}

.folleto_img {
	float:left;
	}
	
#box_rec  div.folleto p {
	text-align:center;
	margin-top: 0px;
	}
	
#box_rec  div.folleto a {
	color:#646464;
	}
#box_rec  div.folleto a:hover {
	color:#FF9900;
	}
	
#box_rec  div.folleto h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#406813;
	font-size: 18px;
	text-align:center;
	margin-bottom: 2px;
	line-height: 1.2em;
	}
/* imagenes Contenido de la pagina */
#gallery {
	padding: 0px;
	width: 720px;
	margin-left: 20px;
	margin-top: 0px;
}

#gallery li {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	width: 150px;
	margin-left: 20px;
	list-style-type: none;
	float:left;
	text-align: center;
}
#gallery li a {
	display:block;
	padding-top: 150px;
	color:#333333;
}

li#gal_cerdos {
	background-image:url(../imagenes/fotos/marraneras/tMA.JPG);
	background-repeat: no-repeat;
	background-position: center;
	}
li#gal_pollos {
	background-image:url(../imagenes/fotos/galpones/tGA.JPG);
	background-repeat: no-repeat;
	background-position: center;
	}
li#gal_mat {
	background-image:url(../imagenes/fotos/mataderos/tmat.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}
li#gal_exp {
	background-image:url(../imagenes/fotos/experimentacion/texp.JPG);
	background-repeat: no-repeat;
	background-position: center;
	}

/* CONTACTO  */
/* LAYOUT DE FORMULARIO */


label, label span {
	display:block;
	padding-bottom: .25em;
}

label{
	float: left;
	width: 100%;
}

Label span {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float:left;
	width: 35%;
	text-align:right;
	color: #406813;
	font-weight: bolder;
	margin-right: 10px;
}

fieldset input {
	float:left;
	width: 35%;
	border: 1px solid #BBE380;
}

textarea {
	width: 60%;
	border: 1px solid #BBE380;
	background-color:#FFFF99;
}

fieldset input:hover, textarea:hover {
	border-color: #999999;
}

fieldset input:focus, textarea:focus {
	background-color: #FFFFFF;
}

fieldset {
	border:none;
}

form div  {
	text-align:center;
}