/* CSS Document */

* {
padding: 0;
margin: 0;
}

body {
	font-family:Helvetica, Verdana;
	font-size:11px;
	color:#333333;
	text-align:center; 
	margin:0px auto; 
}

#contenedor {
	width:928px; 
	margin:0px auto; 
	text-align:left; 
}

#contenedor_intro {
	width:928px; 
	margin:0px auto; 
	text-align:center; 
	background-color:#000;
}

#encabezado {
	margin:0px 0px 0px 0px; /*para que no se pegue al borde*/ 
	padding:0px; /*algo de relleno*/
	width:928px; /*este ancho es para que cuadre con el texto*/ 
	height:203px; /*idem*/ 
	background-image:url(header_dark_sinmenu.jpg); /*more*/ 
	clear:both; /*lo flotamos a la izquierda*/ 
}

.cabecera {
	margin:0px 0px 0px 0px;  
	padding:0px 0px 0px 0px; 
	width:928px;  
	height:203px;  
	background-image:url(header_dark_sinmenu.jpg);  
	clear:both;  
}

#introflash {
	width:928px; /*este ancho es para que cuadre con el texto*/ 
	margin:0px 25px 0px 0px; /*algo de relleno*/
	padding:0px 25px 0px 0px; /*algo de relleno*/
	background-color:#000;
	height:450px; /*idem*/ 
	clear:both; /*lo flotamos a la izquierda*/ 
}
#menu {
	position:relative;  
	text-align:right;  
	margin:-300px 10px 10px 443px;
	width:439px;
	height:106px;
} 

.menuflash {
	position:relative;  
	text-align:right;  
	margin:-123px 10px 10px 443px;
	width:439px;
	height:106px;
} 

#images {
	float:right;
	margin:0px;
	padding:0px;
	width:549px;
	height:auto;
} 

#image_logo {
	float:right;
	margin:0px 0px 0px 45px;
	padding:15px 85px 50px 0px;
	width:auto;
	height:auto;
	text-align:right;  
} 

#image_logo_ok {
	position:relative;  
	display:block;  
	width:291px;
	height:379px;
	text-align:left;  
	top:-740px;
	#top:750px;
	_top:750px;
	left:560px;
	#left:20px;
	_left:20px;
} 

	margin:-380px 0px 0px 565px;
	padding:0px 0px 0px 0px;

#image_grafico {
	float:right;
	margin:0px 0px 0px 30px;
	padding:35px 65px 50px 0px;
	width:auto;
	height:auto;
	text-align:right;  
} 

#image_web {
	float:right;
	margin:0px 0px 0px 31px;
	padding:0px 75px 50px 0px;
	width:auto;
	height:450px;
	text-align:right;  
} 

#image_foto {
	float:right;
	margin:0px 0px 0px 34px;
	padding:0px 75px 50px 0px;
	width:auto;
	height:450px;
	text-align:right;  
} 

#image_clientes {
	float:right;
	clear:right;
	margin:0px 0px 0px 35px;
	padding:0px 62px 10px 0px;
	width:auto;
	height:450px;
	text-align:right;  
} 

.corte {clear: both;}

ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
}

li {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
}

li a {
	list-style-type:none; /*con esto quitamos las viñetas*/
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	width:73px; /*defino el ancho del rectangulo del vinculo*/
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	text-align:center; /*elimino el subrayado del vínculo*/ 
}
li a:hover {
	list-style-type:none; /*con esto quitamos las viñetas*/
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
}

#contenido {
	background-image:url(sombra_dark.jpg); 
	background-align:left;  
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 70px 0px 70px;
	text-align:justify;  
	height:auto;
	width:auto;
	min-height:400px;
	line-height:14px;
	} 

#contenido_text {
	position:relative;  
	display:block;  
	width:402px;
	#width:402px;
	_width:402px;
	background-align:left;  
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	top:-355px;
	#top:450px;
	_top:450px;
	left:120px;
	#left:0px;
	_left:0px;
	text-align:justify;  
	line-height:14px;
	} 

	margin:-350px 0px 0px 50px;
	padding:0px 70px 0px 60px;


#contenido h2 {
	font-size:14px;
	color:#CC3300;
	width:332px;
	text-transform:uppercase;
	margin:0px 0px 0px -12px;
}
#contenido h3 {
	font-size:14px;
	color:#CC3300;
	width:332px;
	text-transform:uppercase;
	margin:0px 0px 0px -5px;
}

#footer {
	text-align:center;
	font-size:11px;
	color:#999999;
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
}

#footer_historia {
	text-align:center;
	font-size:11px;
	color:#999999;
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	position:relative;  
	display:block;  
	top:-730px;
	#top:450px;
	_top:450px;
}

.footer {
	text-align:center;
	font-size:11px;
	color:#999999;
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
}

.footer a {
	text-align:center;
	font-size:11px;
	color:#999999;
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
}


a.link.big {
	font-family: Verdana;
	font-size:14px;
	color:#CCCCCC;
	text-decoration:none;
}

a {
	font-family: Verdana;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

a:link {
	font-family: Verdana;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

a:active {
	font-family: Verdana;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

a:hover {
	font-family: Verdana;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

#bottom {
	height:100px; 
	width:928px; /*ancho total de la pagina*/ 
	margin:0px auto auto auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left;  
	background-align:left;  
	background-image:url(footer_dark.jpg); 
	border:0;
	padding:0;
	float:none;
}	

#bottom_historia {
	height:100px; 
	width:928px; /*ancho total de la pagina*/ 
	margin:0px auto auto auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left;  
	position:relative;  
	display:block;  
	top:-730px;
	#top:450px;
	_top:450px;
	background-align:left;  
	background-image:url(footer_dark.jpg); 
	border:0;
	padding:0;
	float:none;
}	

#formulario {
	float:right;
	margin:0px 45px 0px 0px;
	padding:10px 35px 0px 130px;
	width:300px;
	height:auto;
} 

form {
	padding: 0px 10px 0px 10px;
	background: #FFFFFF;
	width: 200px;
}

label {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	display: block;
}

.campo {
	width: 248px;
	height: 23px;
	margin-bottom: 0px;
	border: none;
	background: #FFFFFF;
	background-image: url(f1_new.jpg);
	background-repeat: no-repeat;
	padding: 2px 2px 2px 5px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.campo:hover {
	background-image: url(f3_new.jpg);
}

#comentario {
	width: 248px;
	height: 186px;
	background-image: url(f2_new.jpg);
	background-repeat: no-repeat;
}

#comentario:hover {
	background-image: url(f4_new.jpg);
}

#boton_enviar {
	width: 88px;
	height: 27px;
	margin-left: 80px;
	background: #415c5c;
	border: none;
	background-image: url(boton_new.jpg);
	text-indent: -9999px;
}