/******************CONFIGURACI�N PRINCIPAL**************/
*{
	margin: 0;

}
html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	background-image: url(../img/fondo_pagina.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	color: #666666;
	background-position: center top;
}
#ppal{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -117px;
	
}
#creditos, #puss{
	height:117px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../img/fondo-creditos.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: normal;
}

#creditos a{
	width:210px; text-decoration:none; color:#B6C72C;
}
#creditos a:hover{
	color:#000; text-decoration:underline;
}

#espacio_copy{
	text-align: left;
	padding-left: 355px;
}


#heat{
	width:960px;
	margin:auto;
	overflow:auto;

}

#cuerpo{
	height:auto;
	width:960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*Esta 3 líneas son un hack para que ie7 y ie8 no generen un scroll por el overflow:auto*/
	overflow-x:auto;
	overflow-y:hidden;
	padding-bottom:15px;
	background-image: url(../img/fondo_centro.gif);
	background-repeat: repeat-y;
}

/********COLOR DE FONDO, PARA CUANDO SE USAN DISE�O A 3 0 2 BARRAS Y AMBAS DEBEN BAJAR AL MISMO NIVEL**************/
#colorFondo{
	width:100%;
	overflow:auto;
}


A:link {
	color: #97bf0f;
	text-decoration:none;}
A:visited {
	color: #97bf0f;
	text-decoration:none;
}
A:active {
	color: #97bf0f;
	text-decoration:none;
}
A:hover {
	color: #730085;
	text-decoration:underline;
}
A {outline: none;} 

h1{
	color:#9DAE24;
	letter-spacing:-1px;
	text-shadow:1px 1px 1px #FFFFFF, 1px 1px 2px rgba(0, 0, 0, 0.3);
	text-decoration:none;
	font-size:30px;
	line-height:36px;
}

/***********************BARRA IZQUIERDA*******************************/
#barraizquierda{
	width:250px;
	float:left;
}

/***********************BARRA CENTRO*******************************/
#barracentro{
	width:660px; 
	float:left;
}

/****************************BARRA DE DERECHA***************************************/
#barraderecha{
	width:230px;
	float:right;
}

/***********************CONTENIDO DE INFORMACI�N*******************************/
#barraunica{
	width:680px;
	float: right;
	padding-right: 15px;
}

#contenedor_partners{
	width: 890px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 23px;
	padding-bottom: 0px;
	overflow: auto;
	text-align: center;
	padding-left: 50px;
	height: 205px;
}

.partner1{
	height: 151px;
	width: 281px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	float: left;
	text-align: center;
	color:#B4B4B4;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);

}

.partner2{
	height: 151px;
	width: 281px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	float: left;
	text-align: center;
	color:#B4B4B4;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);

}

.partner3{
	height: 151px;
	width: 281px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	float: left;
	text-align: center;

	color:#B4B4B4;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);
	
}

#90porciento{
	width: 690;
	padding-left: 30px;
}

/************* CONTENIDO CON FODO BARRA CENTRO ***************************/
#fondo_barracentro{
	background-image: url(../img/f_centro.gif);
	background-repeat: repeat-y;
}

#fondo_barracentro_pub{
	background-image: url(../img/f_centro_pub.gif);
	background-repeat: repeat-y;
}

.fondo_centro_logos{
	background-image: url(../img/fondo_centro_logos.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

/*************BARRA MENU Y BUSCADOR***************************/
#menu_flash{
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#buscador{
	float: right;
	height: 25px;
	width: 230px;
	margin-bottom: 10px;
	vertical-align: bottom;
	margin-top: 85px;
	background-image: url(../img/fondo_buscar.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 25px;
}
/*************CONTENIDOS DE LA BARRA IZQUIERDA ***************************/
#logo{
	float: left;
	height: 95px;
	padding-top: 18px;
}
#slogan{
	float: right;
	height: 101px;
	width: 510px;
	padding-top: 77px;
}
#cabezote{
	text-align: center;
	height: 293px;
	width: 960px;
	clear: both;
	background-image: url(../img/fondo_cabezote.gif);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/**********************CONTENIDO*******************************************/

.contenido_home {
	line-height: 20px;
	padding-right: 10px;
}
.contenido_home  p {
	text-align:justify;
	clear: both;
}
.contenido_home  h1 {
	color:#9DAE24;
	text-shadow:1px 1px 1px #FFFFFF, 1px 1px 2px rgba(0, 0, 0, 0.3);
	text-decoration:none;
	font-size:15px;
	line-height: 20px;
	padding-bottom: 10px;
}
.contenido_home  img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/**********************CONTENIDO*******************************************/

.contenido {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
	line-height: 20px;
}
.contenido  p {
	text-align:justify;
	clear: both;
}
.contenido  h1 {
	color:#9DAE24;
	text-shadow:1px 1px 1px #FFFFFF, 1px 1px 2px rgba(0, 0, 0, 0.3);
	text-decoration:none;
	font-size:15px;
	line-height: 20px;
	padding-bottom: 10px;
}

.contenido  h2 {
	color:#97bf0f;
	font-size: 16px;
	padding-bottom: 8px;
}

.contenido  h3 {
	color:#c43d3c;
	font-size: 18px;
	padding-bottom: 8px;
	font-weight: bold;
	text-transform: capitalize;
	font-style: italic;
}

.contenido ul, #contInf li{
	margin:0;
	list-style:none;
	padding-top: 0;
	padding-right: 10;
	padding-bottom: 10;
	padding-left: 10;
}

.contenido li{
	list-style-image: url(../img/bineta.jpg);
	list-style-type: none;
	
}
.contenido li a{
	text-decoration:none;
	color:#97bf0f;
	padding-bottom: 20px;
}
.contenido li a:hover{
	color:#f4a000; text-decoration:underline;
}

.contenido  img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contenido_320_i {
	width: 320px;
	float: left;
}

.contenido_320_d {
	width: 320px;
	float: right;
	padding-right: 15px;
}


.contenido_cab_i {
	width: 590px;
	float: left;
	padding-top: 10px;
	margin-left: 20px;
}

.contenido_vid_d {
	width: 310px;
	float: right;
	background-image: url(../img/fondo_video.jpg);
	background-repeat: no-repeat;
	height: 242px;
	padding-top: 15px;
	margin-top: 7px;
	margin-right: 10px;
	padding-right: 10px;
	overflow: auto;
	padding-left: 20px;
}


.espacio_izq_30 {
	padding-left: 30px;
}

.titulos_img {
	padding-left: 30px;
}

#fondo_publicidad {
	background-image: url(../img/centro.jpg);
	background-repeat: repeat-y;
	width: 190px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/***************MENU PPAL********************/
.menu_ppal{
	color: #168500;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.menu_ppal a{
	width:210px; text-decoration:none; color:#168500;
}
.menu_ppal a:hover{
	color:#814591; text-decoration:underline;
}



/*******************TITULARES *****************/

#titulares {
	text-align: left;
	vertical-align: top;
}
/* en este ul es que se configura el espaciado de ambos lados*/
#titulares ul {
	list-style-type: none;
	padding-left: 4px;
	margin-left: 15px;
}

#titulares li {
	margin-left: 25px;
	margin-right: 0px;
	list-style-image: url(../img/vineta.gif);
}

#titulares a {
	color: #f4a000;
	font-size: 11px;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	font-weight: bold;
}

#titulares a:hover, #titulares .active a {
	color: #d8d900;
	font-size: 11px;
	font-weight: bold;
}


.boton_catalogo{
	text-align: right;
	width: 230px;
}
.menu_inferior_home{
	width: 552px;
	text-align: center;
}
.barra_menu{
	height: 15px;
}

.boton_facebook{
	width: 49px;
}
.boton_twitter{
	width: 129px;
}


/*****************LIVE CHAT*************/
.livechat {
	text-align: left;
	vertical-align: bottom;
	width: 168px;
	padding-left: 12px;
}

/************FORMULARIOS ***************************/

.label{
	color:#97bf0f;
	padding-top: 8px;
	padding-bottom: 2px;
}




.i_buscar {
	background-color: #814B69;
	border: 1px solid #814B69;
	font-size: 11px;
	width: 170px;
	color: #666666;
}

.i_text {
	color:#666666;
	background-color: #E8E8E8;
	border: 1px solid #666666;
	width: 400px;
	height: 25px;
}

.i_combo{
	color:#666666;
	background-color: #E8E8E8;
	border: 1px solid #666666;
	width: 400px;
	height: 25px;
}

.banners{
	text-align: center;
	padding: 3px;
}

.alineacion_derecha {
	text-align: right;
	padding-bottom: 10px;
}

.alineacion_derecha_raya {
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	clear: both;
	background-image: url(../img/separador.jpg);
	background-repeat: repeat-x;
}

.separador_home {
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	background-image: url(../img/separador.jpg);
	background-repeat: repeat-x;
}


/************BARRA DE LINEAS EN EL HOME ****/
.thumbs_logos{
	width:130px;
	height:70px;
	float:left;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: center;
}
.thumbs_logos h2{
	color:#e2001a;
	text-align:center;
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	padding-top: 1px;
}
.thumbs_logos a{
		text-decoration:none; text-align:center; 
}
.thumbs_logos a:hover{
	text-decoration:underline;
}


/************BARRA DE LINEAS EN EL HOME ****/

#lineas_home{
	text-align: center;
	height: 395px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.thumbs_lineas{
	width:310px;
	height:470px;
	float:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}

.thumbs_lineas  p {
	text-align:justify;
}
.thumbs_lineas  h1 {
	color:#97bf0f;
	font-size: 18px;
	padding-bottom: 8px;
}

.thumbs_lineas  h2 {
	color:#97bf0f;
	font-size: 16px;
	padding-bottom: 8px;
}


.thumbs_lineas a{
		text-decoration:none; text-align:center; 
}
.thumbs_lineas a:hover{
	text-decoration:underline;
}



/************PARA HACER UNA GALERIA ****/

.thumbs{
	width:200px;
	height:180px;
	float:left;
	padding: 10px;
}
.thumbs p{
	text-align:center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #c43d3c;
}
.thumbs h2{
	color:#e2001a;
	text-align:center;
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	padding-top: 1px;
}
.thumbs a{
		text-decoration:none; text-align:center; 
}
.thumbs a:hover{
	text-decoration:underline;
}

/************BARRA SERVICIOS ****/

.thumbs_servicios{
	width:200px;
	height:120px;
	float:left;
	padding: 10px;
}
.thumbs_servicios p{
	text-align:center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #c43d3c;
}
.thumbs_servicios h2{
	color:#6e3146;
	text-align:center;
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	padding-top: 1px;
}
.thumbs_servicios a{
		text-decoration:none; text-align:center; 
}
.thumbs_servicios a:hover{
	text-decoration:underline;
}



/*******************MENU VERTICAL*****************/
#menu_productos ul {
    list-style-image:url(../img/asterisco.gif);
    padding-left:20px;
    
}

#menu_productos ul li {
    margin-left:0px;
    padding-left:0px;
}

#menu_productos ul li span:hover {
    background-color: red;
}


/**************MENU JQUERY*****************/

ul#menu {
	list-style-type:none;
	width: 210px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
/* OJO MARGIN LEFT ES EL QUE ME DA LA SANGRIA AL ITEM */
ul#menu ul {
	width: 210px;
	list-style-type:none;
	text-align: left;
	padding: 0px;
	margin:0px;
	margin-left:0px;
}

ul#menu a {
  display: block;
  text-decoration: none;
  
}

ul#menu li {
	margin-top: 1px;
}
/************ Cambiar los link que espanden o denominados principales tanto fondo como color de letra y letra **********************/
ul#menu li a {
	color: #6db308;
	font-weight: bold;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	/*padding-left: 1.5em;*/
	background-image: url(../img/f_boton_menu.gif);
	background-repeat: no-repeat;
	background-position: center;
    padding-left:30px;
}

ul#menu li a:hover {
	font-weight: bold;
	color:#730085;
	background-image: url(../img/f_boton_menu2.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/************ Cambiar los link anidados tanto fondo como letras **********************/
ul#menu li ul li a {
	color: #FFFFFF;
	background-color: #598a39;
	font-weight: bold;
	font-style: italic;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: none;
	padding-top: 0.8mm;
	padding-right: 0.8mm;
	padding-bottom: 0.8mm;
	padding-left: 1.5mm;
}
/************ Cambiar los link Hovers anidados tanto fondo como letras **********************/
ul#menu li ul li a:hover {
	background-color: #A0D468;
	font-weight: bold;
	color: #F0F0F0;
	font-style: italic;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: none;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }











/* estilos de la galeria de fotos           */


#gallery {
	width:237px;
	float: left;
}

#gallery img {
	margin: 0px;
	padding: 0px;
}



/*CONTENEDOR DE LA FICHA DE PRODUCTOS*/
#ficha_productos {
	width: 420px;
	float: right;
}

.nombre_producto{
	color:#e2001a;
	font-weight: bold;
	text-transform: capitalize;
	font-style: italic;
	font-size: 18px;
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;
}

.label_ficha{
	float: left;
	color:#c43d3c;
	width: 140px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6e3146;
}
.dos_puntos_ficha{
	float: left;
	color: #c43d3c;
	width: 10px;	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6e3146;
	height: 20px;
}
.impresion_campo_ficha{
	float: right;
	width: 270px;	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6e3146;
	height: 20px;
}


.wqueryPager {
	margin:0px;
	text-align: center;
	clear: both;
}

.wqueryPagerCurrent {
    margin:0px;
}

/*BOTONES CON ROLL OVER */

/* Primero definimos el añcho
de la capa, que debe ser del ancho
del lienzo: */

.botones {
	width: 120px;
}

/* Ahora las características
comunes de cada item */

.botones a {
	text-shadow:1px 1px 1px #000000;
	text-decoration: none;
	height: 25px;
	display: block;
	background-image: url(../img/botones.png);
	padding-left: 8px;
}

/* Ahora las caraterísticas
especiales */

.botones a:link, .menu li a:visited {
color:#969696;
}

/* -30 ES EL VALOR QUE EQUIVALE AL ESTADO EXACTO DEL ROOL OVER DEBE CAMBIARSE SEGUN EL ALTO DEL BOTON*/
.botones a:hover {
color: #fff;
text-shadow:1px 1px 1px #000000;
background-position: 0 -30px;
}


/* -30 ES EL VALOR QUE EQUIVALE AL ESTADO EXACTO DEL ROOL OVER DEBE CAMBIARSE SEGUN EL ALTO DEL BOTON*/
.botones a:active {
color: #fff;
background-position:0 -30px;
}



/*MENU PRINCIPAL CON BOTONES EN ROOL OVER */


/* Primero definimos el añcho
de la capa, que debe ser del ancho
del lienzo: */

#menu {
width: 170px;
margin: 50px;
}

/* Definimos estilo nuestra lista */

#menu ul {
list-style: none;
margin: 0;
padding: 0;
font-family:Verdana,Arial,
Helvetica, sans-serif;
font-size:0.8em;
font-weight: bolder;
}

/* Ahora las características
comunes de cada item */

#menu li a {
text-decoration: none;
height: 28px;
display: block;
padding: 9px 0 0 24px;
background: url(botones.gif);
}

/* Ahora las caraterísticas
especiales */

#menu li a:link, #menu li a:visited {
color: #777;
}

#menu li a:hover {
color: #257EB7;
background-position: 0 -36px;
}

#menu li a:active {
color: #fff;
background-position:0 -72px;
}





/***********************************************/
/* estilos de la galeria de fotos           */
/***********************************************/

	#gallery2 {
	width: 650px;
	text-align: left;
	overflow: auto;
	}
	#gallery2 ul {
	list-style: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
	#gallery2 ul li { display: inline; }
	#gallery2 ul img {
	border: 3px solid #000000;
	margin: 5px;
	}

	#gallery2 ul a:hover img {
		border: 3px solid #e8e8e8;
		color: #fff;
	}
	#gallery2 ul a:hover { color: #ccc; }


/*MENU */
/*URL: http://www.cssplay.co.uk/menus/pro_five */

.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(../img/menu/pro_five_0c.gif) repeat-x left bottom; font-size:11px;}
.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#fff; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../img/menu/pro_five_0a.gif) no-repeat;}
.menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(../img/menu/pro_five_0b.gif) no-repeat right top;}
.menu5 li.current a {color:#e8e8e8; background:url(../img/menu/pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {background:url(../img/menu/pro_five_2b.gif) no-repeat right top;}
.menu5 li a:hover {color:#e8e8e8; background: url(../img/menu/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(../img/menu/pro_five_1b.gif) no-repeat right top;}
.menu5 li.current a:hover {color:#e8e8e8; background: url(../img/menu/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(../img/menu/pro_five_2b.gif) no-repeat right top;}
.menu6 li.current a:hover b {
}