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

body, div, img, h1						{	padding:0; margin:0;}

img, a									{	border:0px;}
h1										{	font-size:14px}
a										{	position:relative; z-index:999}
a:link 									{	color: #ffffff; text-decoration:none; font-size:12px}
a:visited 								{	color: #ffffff; text-decoration:none; font-size:12px}
a:hover 								{	color: #CCCCCC; text-decoration:none; font-size:12px}
a:active 								{	color: #ffffff; text-decoration:none; font-size:12px}
body									{	background: url(../img/bg.jpg) no-repeat center top #2F0D0D; 
											font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;}

#cabecera, #contenedor					{	overflow:hidden; width:840px; margin:30px auto; /*border:1px solid #00FF00;*/}

#izquierda								{	width:463px; /*border:1px solid #00FF00;*/ float:left}
#derecha								{	width:330px; /*border:1px solid #00FF00;*/ float:right}

#slider ul, #slider li					{	margin:0; padding:0; list-style:none;}
#slider li								{	width:461px; height:261px; overflow:hidden; margin:0; padding:0;}
span#prevBtn							{}
span#nextBtn							{}

#logo									{	width:100%; /*border:1px solid #00FF00;*/ min-height:38px;}
#logo img								{	margin-left:10px;}

#menu									{	width:100%; min-height:40px; float:left; margin-top:30px;}
#menu ul								{	list-style-type: none;margin: 0; padding: 0;}
#menu li								{	float:left; padding-left:5px; padding-right:5px; height:17px; }

#iconos									{	float:right; height:62px}

#pie									{	overflow:hidden; width:840px; margin:130px auto 10px auto; /*border:1px solid #00FF00;*/}

#clientes								{	width:460px;}
#clientes ul							{	list-style-type: none; margin: 0; padding: 0;}
#clientes li							{	float:left; list-style-type: none; margin:0; padding:0; width:460px}
#clientes li img					 	{	filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; margin-right:10px;}
#clientes li img:hover					{	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#marca									{	font-size:9px; color:#666666; width:450px; text-align:center}

#copyright								{	width:200px; float:right}
#copyright p							{	margin:0; padding:0}
#copyright a							{	font-size:10px; color:#999999}


#inicio:hover							{	background:url(../img/hover/inicio.png)}
#quienes:hover							{	background:url(../img/hover/quienes.png)}
#que:hover								{	background:url(../img/hover/que.png)}
#servicios:hover						{	background:url(../img/hover/servicios.png)}
#contacto:hover							{	background:url(../img/hover/contacto.png)}