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

 /* border: dashed; border-width:thin; border-color: #FF9933; */

#general {  margin: auto;
			position: absolute; 
			left: 50%;
            top: 50%;
            width: 900px; 
            height: 560px;
            margin-top: -280px; 
            margin-left: -450px;  /*border:thin dotted #00FF66;*/ }

#generalflash {  margin: auto;
			position: absolute; 
			left: 50%;
            top: 50%;
            width: 650px; 
            height: 500px; 
            margin-top: -250px;
            margin-left: -325px; }

#generallineas {  margin: auto;
			position: absolute; 
			left: 50%;
            top: 50%;
            width: 900px; 
            height: 560px;
            margin-top: -280px;
            margin-left: -450px; background-image:url(imgs/fondo_galeria.gif); background-repeat:no-repeat; background-position: center;   }

#generallinea {  margin: auto;
			position: absolute; 
			left: 50%;
            top: 50%;
            width: 900px; 
            height: 560px;
            margin-top: -280px;
            margin-left: -450px; background-image:url(imgs/fondo_contacto.gif); background-repeat:no-repeat;  }
	
.antiborde { text-decoration: none;	outline: 0; border:none;}

#portada70 { width: 900px; height: 70px; text-align:center; position: relative;  }

#portadalogo { width: 900px; text-align:center; position: relative;  }

#portadasublogo { width: 900px; height: 30px; text-align:center; position: relative; margin-top: 0px }

#portadaiconos { width: 900px; text-align:center; position: relative; padding-top: 215px; }

#portadacopy { width: 900px; text-align:center; position: relative; }

.textoportada { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 7px; color: #222222; }

.textocopy { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #222222; }

#arriba { width: 900px; height: 40px; padding-top: 20px;  z-index: 3; _z-index: 3;  }

#abajo { width: 900px; height: 40px;  z-index: 3; padding-top: 480px; }

#espacio30 { width: 900px; height: 30px; position:relative; text-align:center;  border: dashed; border-width:thin; border-color: #428763; }

#botonera {}

#lista1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #888888; float: left; z-index: 4; _z-index: 4; position: relative; padding-left: 595px; margin-top: 0px;  _margin-top: -15px; text-indent: 17px; line-height: 15px; text-align:left; }

	#lista1 ul { list-style: none; margin: 0; padding: 0; border: none; z-index: 4;	}
		
	#lista1 li { margin: 0; float: left;z-index: 4; }

	#lista1 li a { padding: 0px; color: #888888; text-decoration: none; outline: 0; width: 100%; }
	
	#lista1 li a.b { padding: 0px;	color: #333333; text-decoration: none;	outline: 0;	width: 100%; }	

	html>body #lista1 li a { width: auto; }

	#lista1 li a:hover { color: #333333; outline: 0; }
		
	#lista1 li a.b:hover { color: #888888;	outline: 0; }
	
#lista2 { width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #888888; float: left; z-index: 4;	position: relative; padding-left: 15px; margin-top: 0px; text-indent: 17px; line-height: 15px; text-align:left; }

	#lista2 ul { list-style: none; margin: 0; padding: 0; border: none;z-index: 4;	}
		
	#lista2 li { margin: 0; float: left;z-index: 4; }

	#lista2 li a { padding: 0px; color: #888888; text-decoration: none; outline: 0; width: 100%; }
	
	#lista2 li a.b { padding: 0px;	color: #333333; text-decoration: none;	outline: 0;	width: 100%; }	

	html>body #lista2 li a { width: auto; }

	#lista2 li a:hover { color: #333333; outline: 0; }
		
	#lista2 li a.b:hover { color: #888888;	outline: 0; }

#biotexto { width: 440px; text-align: left; position: relative; float:left; z-index: 2; padding-left: 40px; padding-top: 80px; *padding-top: 90px;}

#biotexto2 { width: 440px; text-align: left; position: absolute; float:left; z-index: 2; padding-left: 70px; padding-top: 80px;}

#biofotos { width: 400px; text-align: left; position: absolute; _position: relative; float:left; z-index: 1; padding-left: 250px; *margin-left: -475px; _margin-left: 0px;  padding-top: 70px;  *padding-top: 60px; _margin-top: -474px; }

#biofotos2 { width: 400px; text-align: left; position: absolute; float:left; z-index: 1; padding-left: 575px; padding-top: 50px; }

/* #bioagua { width: 54px; text-align: left; position: absolute; float:left;  padding-left: 575px; margin-top: -55px; z-index:4;} */

#bioagua2 { width: 54px; text-align: left; position: absolute; float:left; z-index: 0; padding-left: 33px; padding-top: 45px;}

.textobio { font-size: 12px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 18px; color: #222222; }

.textobiobold { font-weight: bold; color: #CC0033; }

#linea1 { width: 900px; position: relative; padding-top: 490px; *padding-top: 10px; _padding-top: 10px;}

#linea2 { width: 900px; position: relative; margin-top: 440px; *margin-top: 20px; _margin-top: 8px; }

#linea3 { width: 900px; position: relative; margin-top: 490px; *margin-top: 50px; _margin-top: 50px; }

#linea4 { width: 900px; padding-bottom: 0px; _padding-top: 90px;  }

/*#linea5 { width: 900px; position: relative; margin-bottom: 540px; _padding-top: 90px;  }*/

#linea5 { width: 900px; position: relative; padding-top: 0px; *margin-top: -10px; _margin-top: 4px; }

/* #lineavert { width: 10px; height: 400px;  margin-left: 286px; margin-bottom: 0px; float: left; position: relative; z-index: 0; border:dashed; } */

#linea6 { width: 900px; position: relative; margin-top: 490px; _margin-top: 42px; *margin-top: 9px;  }

#linea7 { width: 900px; position: relative; margin-top: 490px; _margin-top: 166px; *margin-top: 170px; }

/*#linea8 { width: 900px; position: relative; margin-top: 490px; _margin-top: 51px; }*/

#icono1 { text-align: left; position: relative; float:left;  padding-left: 605px; margin-top: -72px; z-index:4;  }
#icono2 { text-align: left; position: relative; float:left;  padding-left: 655px; margin-top: -72px; z-index:4;  }
#icono3 { text-align: left; position: relative; float:left;  padding-left: 715px; margin-top: -72px; z-index:4; }
#icono4 { text-align: left; position: relative; float:left;  padding-left: 768px; margin-top: -72px; z-index:4;  }
#icono5 { text-align: left; position: relative; float:left;  padding-left: 825px; margin-top: -72px; z-index:4;  }

a.curri:link, a.curri:visited {font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-weight: italic; line-height: 18px; color: #999999; text-decoration:none; outline:none; }

a.curri:hover, a.curri:active {font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-weight: italic; line-height: 18px; color: #555555; text-decoration:underline; }

#A1 { width: 190px; height: 50px; float:left; margin-top: 100px; margin-left: 80px; _margin-left: 40px; }

#A3, #A5 { width: 190px; height: 50px; float:left; margin-top: 100px;  }

#B1 { width: 190px; height: 50px; float:left; margin-top: 0px; margin-left: 80px; _margin-left: 40px; }

#B3, #B5 { width: 190px; height: 50px; float:left; margin-top: 0px;  }

#C1 { width: 190px; height: 50px; float:left; margin-top: 60px; margin-left: 80px; _margin-left: 40px; }

#C3, #C5 { width: 190px; height: 50px; float:left; margin-top: 60px;  }

#D1 { width: 190px; height: 50px; float:left; margin-top: 0px; margin-left: 80px; _margin-left: 40px; }

#D3, #D5 { width: 190px; height: 50px; float:left; margin-top: 0px;  }

#A2, #A4 { width: 80px; height: 50px; float:left; margin-top: 100px;}

#B2, #B4 { width: 80px; height: 50px; float:left; margin-top: -20px;  }

#C2, #C4 { width: 80px; height: 50px; float:left; margin-top: 0px;  }

#D2, #D4 { width: 80px; height: 50px; float:left; margin-top: 0px; }

.linkstexto { text-align: center; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 13px; color: #444444; }

.linkstextobold { text-align: center; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 13px; color: #444444; }

a.links:link, a.links:visited {font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-weight: italic; line-height: 13px; color: #999999; text-decoration:none; outline:none; text-align:center; }

a.links:hover, a.links:active {font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-weight: italic; line-height: 13px; color: #555555; text-decoration:underline; }

#contactoizq { width: 350px; height: 400px; float:left; margin-top: 71px; padding-left: 100px; z-index: 5; background-image:url(imgs/productos4.jpg); background-repeat:no-repeat; background-position: top; }

#textocontactoizq { width: 250px; height: 40px; margin-top: 325px; padding-left: 0px; vertical-align:bottom; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 15px; color: #222222; text-align: center;  }

.textoform{ font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 15px; color: #222222; }

.textoformbold { font-weight: bold; color: #CC0033; }

#contactoform { width: 240px; height: 350px; _height: 300px; float:left; margin-top: 75px; _padding-top: 0px; margin-left: 110px; _margin-left: 110px; z-index: 0; }

#contactext1 { height: 16px;}
#contactext2 {height: 16px;}
#contactext3 {height: 16px;}

#contactonombre { }

#contactoemail {}

#contactomensaje { }

#contactotextoconfirma { height: 290px; _height: 276px; margin-top: 200px;  }
.textoconfirma { font-size: 12px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 18px; color: #222222; text-align:center; }

#contactoenviar { width: 70px; _width: 156px; height: 22px;  margin-left: 171px; *margin-left: 86px; _margin-left: 86px; margin-top: 10px; text-align: right; border:none; outline: none;  }

.enviar {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
	letter-spacing: 0px;
	text-align: center;
	background-color: #CC0033;
	border: #CC0033; *border: none; _border: none;  
	height: 22px;
	width: 70px;
	vertical-align: middle;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF; /*flecha*/
	scrollbar-base-color: #CC0033; /*borde izquierdo*/
	scrollbar-darkshadow-color: #FFFFFF; /*sombra borde derecho*/
	scrollbar-face-color: #CC0033;  /*fondo barra y base triangulos*/
    scrollbar-highlight-color: none; /*bajo barra */
	scrollbar-shadow-color: #CC0033; /*borde derecho*/
	cursor: auto; }


.formulario {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:  #777777;
	text-decoration: none;
	text-align: left;
	background-color:  #FFFFFF;
	height: auto;
	width: 228px; /* Esta medida es importante para que se vea bien en Explorer */
	padding: 5px;
	scrollbar-3dlight-color: #CC0033; /*sombra exterior borde izquierdo*/
	scrollbar-arrow-color: #CC0033; /*flecha*/
	scrollbar-base-color: #CC0033; /*borde izquierdo*/
	scrollbar-darkshadow-color: #FFFFFF; /*sombra exterior borde derecho*/
	scrollbar-face-color: #FFFFFF;  /*fondo barra y base triangulos*/
    scrollbar-highlight-color: #FFFFFF; /*bajo barra */
	scrollbar-shadow-color: #CC0033; /*borde derecho*/
	border-style:  solid;	 _border-style: solid;
	border-color: #CC0033; _border-color: #CC0033 ;
	border-width:thin; _border-width: thin;
	 /* opacity: .9;
	filter: alpha(opacity=90); */
}

#datos { width: 867px; height: 10px; }

.datoslink { font-size: 9px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; text-align:right; color: #999999; text-decoration: none; outline: none; }

.datoslink a:hover { font-size: 9px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; text-align:right; color: #333333; text-decoration: none; outline: none; }

#videomini { width: 240px; height: 370px; float: left; margin-top: 68px; margin-left: 24px; _margin-left: 12px; /*border:thin #00FF99 dotted; */ }

.videosminifoto { display: inline-block; padding-top: 15px; padding-left: 6px; outline:none; border: none;}

#videosiframe { width: 470px; height: 350px; float: left; margin-top: 80px; margin-left: 100px;  }

#entradaflash {}

#baseframe { width: 467px; height: 100px; margin-top: 170px; }

.textoframe { font-size: 10px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 18px; color: #888888; }

#swfbodypainting {}

#swf { }

#swfaudio { }

.borde { border: thin dotted #000000;}