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


body{
	margin:0;
	padding:0;
	line-height: normal;
	float: auto; background-repeat:repeat-x;
	}
	
#contentwrapper{

	margin:auto;	
	width: 800px;
	height: auto;
	background-position: 0px 0px; clear: both; display: block; 
 	}
	
	
/*CABECERA*/


#top { width:800px; height:430px; float: left;}
#top1 { width:800px; height:118px; float: left;}
#top2 { width: 800px; height:267px; float:left;}
#t1{width: 800px; height:267px; background-image:url(imagenes/top/bg_top.jpg); background-repeat:no-repeat;}
#t1left{ width:243px; height:235px; float:left; padding-top:32px; padding-left:26px;}
#t1left p{ font-family:Arial, Helvetica, sans-serif; padding-right:25px; color:white; font-size:12px; float: left; line-height:18px; margin-bottom:30px;}
#t1leftyellow{ width:200px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:yellow; font-size:12px; float: left}

#t1right{width:529px; height:267px; float:right;}
#flash{ width:500px; height:205px; padding-right: 30px; padding-top:32px; float:left;}

#t2 { width:800px; height:45px; background-image:url(imagenes/top/bgbot.jpg); background-repeat:no-repeat;}
#logo { width:220px; height:118px; float: left; background-image:url(imagenes/top/logo.jpg); background-repeat:no-repeat;}
.espacio{ height: 95px; width:580px; float:left;} 





/* MENU */

#menu { height: 23px; padding-top:3px; width:580px; float:left;}
#menu ul { margin: 0px; padding: 0px;}
#menu li { display: inline; list-style-type:none; margin: 0px; padding: 0px;}
#men1 a { float:left; background-image: url(imagenes/top/menu/01.jpg); background-repeat:no-repeat; width: 51px; height: 23px;}
#men2 a { float:left; background-image: url(imagenes/top/menu/02.jpg); background-repeat:no-repeat; width: 89px; height: 23px;}
#men3 a { float:left; background-image: url(imagenes/top/menu/03.jpg); background-repeat:no-repeat; width: 89px; height: 23px;}
#men4 a { float:left; background-image: url(imagenes/top/menu/04.jpg); background-repeat:no-repeat; width: 80px; height: 23px;}
#men5 a { float:left; background-image: url(imagenes/top/menu/05.jpg); background-repeat:no-repeat; width: 69px; height: 23px;}
#men6 a { float:left; background-image: url(imagenes/top/menu/06.jpg); background-repeat:no-repeat; width: 59px; height: 23px;}
#men7 a { float:left; background-image: url(imagenes/top/menu/07.jpg); background-repeat:no-repeat; width: 106px; height: 23px;}
#men0 { float:left; background-image: url(imagenes/top/menu/00.jpg); background-repeat:no-repeat; width: 2px; height: 23px;}
#men1 a:hover { float:left; background-image: url(imagenes/top/menu/01_.jpg); background-repeat:no-repeat; width: 51px; height: 23px;}
#men2 a:hover { float:left; background-image: url(imagenes/top/menu/02_.jpg); background-repeat:no-repeat; width: 89px; height: 23px;}
#men3 a:hover { float:left; background-image: url(imagenes/top/menu/03_.jpg); background-repeat:no-repeat; width: 89px; height: 23px;}
#men4 a:hover { float:left; background-image: url(imagenes/top/menu/04_.jpg); background-repeat:no-repeat; width: 80px; height: 23px;}
#men5 a:hover { float:left; background-image: url(imagenes/top/menu/05_.jpg); background-repeat:no-repeat; width: 69px; height: 23px;}
#men6 a:hover { float:left; background-image: url(imagenes/top/menu/06_.jpg); background-repeat:no-repeat; width: 59px; height: 23px;}
#men7 a:hover { float:left; background-image: url(imagenes/top/menu/07_.jpg); background-repeat:no-repeat; width: 106px; height: 23px;}


/*MEDIO*/
#mid { width:800px; height:235px; float:left;}
.tit02{ width: 266px; height:45px; float:left; background-image:url(imagenes/mid/tit_productos.jpg); background-repeat:no-repeat;}
.tit01{ width:266px; height:45px; float:left; background-image:url(imagenes/mid/tit_soluciones.jpg); background-repeat:no-repeat;}
.tit03{width:267px; height:45px; float:left; background-image:url(imagenes/mid/tit_secciones.jpg); background-repeat:no-repeat;}

#seccion01{ width:266px; height:235px; float:left;}
#seccion02{ width:267px; height:235px; float:left;}
#seccion03{ width:533px; height:235px; float:left;}
.contex{ padding-left:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666; line-height:21px;}
.contex a{ font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-weight:bold; text-decoration:none;}
.contex a:hover{ font-family:Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; text-decoration:none;}


/*PIE*/

#bot{ margin-top:30px; font-family:Arial, Helvetica, sans-serif; width:800px; height:112px; background-image:url(imagenes/bot/bg.jpg); background-repeat:no-repeat; float:left;margin-right:auto; margin-left:auto; text-align:center;display: block; padding-top:20px; line-height:17px;}
.botmenu{  font-size:11px; } 
.botmenu a{ text-decoration:none; color:#666666;}
.botmenu a:hover{ color:#FF0000;}
.dire{ font-size:11px; color:#999999;}
.dire a{ text-decoration:none; color:#999999;}
.dire a:hover{ color:#FF0000;}


#genuina{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff;}
#textgenuina{ font-family:Arial, Helvetica, sans-serif; color: #999999; font-size:9px}

#genuina a{ color: #999999;text-decoration:none;}
#genuina a:hover{ color: #669900;}