/* Estilos Lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	color: #CC0000;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
/* FIN Estilos Lightbox */

/* Tipos para formulario */

.titulos_campo_form {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
}
.elecciones_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.texto_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 3px;
	border: 1px solid #666666;
}
.aviso_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
.error_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	font-style: italic;
	font-weight: bold;
	margin: 0px;
	float: none;
	padding: 0px;
	text-decoration: none;
}
.ok_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009900;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
a.enlace_condiciones_form:link,a.enlace_condiciones_form:visited,a.enlace_condiciones_form:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
}
a.enlace_condiciones_form:hover {
	color: #006;
	text-decoration: underline;
}
a.eye {
	height: 10px;
	width: 80px;
	float:left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5px;
	text-decoration: none;
}
a.eye:link,a.eye:visited,a.eye:active {
	background-image: url(../images/bot_eye_up.gif);
}
a.eye:hover {
	background-image: url(../images/bot_eye_do.gif);
}
/* Fin Tipos para formulario */


body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#contenedor {
	position:absolute;
	left: 50%;
	width:960px;
	margin-left:-480px;
	background-color: #FFFFFF;
	background-image: url(../images/contenedor_fon.jpg);
	background-repeat:  repeat-y;
}
#cabecera {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/cabecera_fon.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 960px;
}
#elpastor_reflejo {
	float: left;
	height: 125px;
	width: 250px;
}
#idiomas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: right;
	padding-right: 15px;
	padding-top: 7px;
}
a.idiomas:link, a.idiomas:active, a.idiomas:visited {
	color: #999999;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
a.idiomas:hover {
	color: #000000;
	text-decoration: underline;
}
#banner_inicio {
	text-align: center;
	z-index: -999;
}
#menu_general {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left: 40px;
	float: left;
	width: 300px;
	padding-top: 90px;
	_padding-top: 90px;
}
a.principal:link, a.principal:active, a.principal:visited {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
a.principal:hover {
	color: #000000;
	text-decoration: underline;
}
#contenido {
	background-image: url(../images/leche_fon.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	_background-position: 565px bottom;
	float: left;
	width: 950px;
	margin-right: 10px;
}
#menus {
	width: 920px;
	float: left;
	margin-left: 30px;
}
#menus ul{
	list-style:none;
}
#menu_empresa {
	width: 340px;
	float: left;
}
#menu_producto {
	width: 340px;
	float: left;
}
#menu_publicidad {
	width: 230px;
	float: left;
}
.titulo_home {
	color: #aaaaaa;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
}
a.inicio:link, a.inicio:active, a.inicio:visited {
	color: #990000;
	font-weight: normal;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 10px;
}
a.inicio:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 0px;
	padding-left: 10px;
}
#pie{
	width: 933px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #990000;
	border-top-width: 1px;
	clear: left;
	margin-left: 17px;
	padding-top: 5px;
}
#pie a:link, a:active, a:visited, a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
.fotosiz {
	border: 0px groove #990000;
	margin: 5px;
	float: left;
}
.fotosder {
	border: 0px groove #990000;
	margin: 5px;
	float: right;
}
.fotoscen {
	border: 0px groove #990000;
	margin: 5px;
	float: none;
}
#localizacion_url{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	float: left;
	width: 700px;
	margin-left: 220px;
	color: #999999;
	font-weight: normal;
	margin-top: 25px;
}
.url_fin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #cc0000;
}
a.localizacion_url:link, a.localizacion_url:active, a.localizacion_url:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #cc0000;
	text-decoration: underline;
}
a.localizacion_url:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #cc0000;
	text-decoration: none;
}
#caja_menu {
	background-image: url(../images/fondo_menu.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 170px;
	margin-left: 30px;
	_margin-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
}
#titulo_menu{
	font-famili: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#menu{
	font-famili: Arial, Helvetica, sans-serif;
	float: left;
	width: 180px;
	margin-top: 15px;
}
a.secciones:link, a.secciones:active, a.secciones:visited {
	color: #999999;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 5px;
}
a.secciones:hover {
	color: #990000;
	text-decoration: underline;
}
a.subsecciones:link, a.subsecciones:active, a.subsecciones:visited {
	color: #999999;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 11px;
}
a.subsecciones:hover {
	background-image:url(../images/logo_menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 11px;
}
#caja_informacion {
	width: 710px;
	float: left;
	margin-left: 15px;
	margin-top: 25px;
	padding-bottom: 25px;
}
#titulo {
	width: 700px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	background-image: url(../images/logo_titulos.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-bottom: 15px;
	height: 25px;
	padding-top: 5px;
}
#caja_aclaraciones {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image:url(../images/caja_aclaraciones.jpg);
	background-repeat: no-repeat;
	width: 275px;
	_width: 320px;
	height: 175px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 25px;
}
li.aclaraciones{
	margin-left: -35px;
	margin-bottom: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
}
.subtitulo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
}
#texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	float: left;
	width: 425px;
	text-align: justify;
	padding-bottom: 25px;
}
#texto_grande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: justify;
	padding-bottom: 25px;
}
.fotos_texto_der {
	border: 0px;
	margin: 5px;
	float: right;
}
#sombra {
	float:right;
	padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
	background: url(../images/sombra.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
} 

#sombra img {
	display:block;
	position:relative;
	top: -3px; /* Desfasamos la imagen hacia arriba */
	left:-3px; /*Desfasamos la imagen hacia la izquierda */
	padding:5px;
	background:#FFFFFF; /*Definimos un color de fondo */
	border:1px solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}
#img_der {
	float:right;
	padding:0 5px 5px 0; 
}
a.pdf:link, a.pdf:active, a.pdf:visited {
	color: #999999;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 40px;
}
a.pdf:hover {
	color: #666666;
	text-decoration: underline;
}
#ficha {
	width: 690px;
	float: left;
	padding: 10px;
}
.caracteristicas_tit {
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 10px;
	font-weight: bold;
}
a.caracteristicas_tit:link, a.caracteristicas_tit:active, a.caracteristicas_tit:visited {
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.caracteristicas_tit:hover {
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.caracteristicas_tit_int {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 10px;
	font-weight: bold;
}
.td_ficha_titulo {
	width: 105px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #999999;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
}
.td_ficha_miniatura {
	background-color: #FFFFFF;
	align: center;
	width: 50px;
}
.td_ficha_datos {
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFCC;
}
.td_ficha_formato {
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFCC66;
}
a.enlace:link, a.enlace:active, a.enlace:visited {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}
a.enlace:hover {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
#galeria_mini {
	float:right;
	margin-left: 50px;
}
.mini_foto_derecha {
	margin-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #999999;
	float: right;
	margin-left: 10px;
} 
.mini_foto_izquierda {
	margin-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #999999;
	float: left;
	margin-right: 10px;
} 
/* contactos */
a.contactos:link, a.contactos:active, a.contactos:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}
a.contactos:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}
.contactos_zona {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 25px;
	font-style: italic;
}
.contactos_nombre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC9900;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}
.contactos_departamento {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}
.contactos_telefonos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 10px;
	font-weight: normal;
}
.contactos_email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
}
.contactos_direccion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}
#caja_contactos {
	background-image:url(../images/caja_contactos.png);
	_background-image:url(../images/caja_contactos.jpg);
	background-repeat: no-repeat;
	width: 400px;
	height: 160px;
	margin-bottom: 15;
	margin-left: 25px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}
/* fin contactos */

