/* CSS Document */
body{
	padding:0; margin:0;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; line-height:465px; clear:both;
	}


/* Color gris claro: 			#f2f1df */
/* Color gris oscuro para letras:	#4d4c4c */
/* Color gris intermedio:		#777777 */





/*--------------------------------header-------------------*/


#main_header{ /* bg.gif contiene el fondo para todo el cabecero sin incluir la parte de pestañas */
	width:100%;	margin:0 auto;  background:url(images/estilo01/bg.gif) repeat-x #f2f1df; color:#FFFFFF; height:216px;
	}
#main_header #header{ /* Contiene la imagen de la cabecera */ /*Medidas: 764 x 216*/
	width:764px; margin:0 auto; background:url(images/estilo01/header_pic.gif) no-repeat #fff6d8; color:#FFFFFF; height:216px;
	 position:relative;
	}
#main_header #header ul{ /*Contiene la imagen con iconos de acceso directo a home, usuarios y contacto*/
	background:url(images/estilo01/search_bg.gif) no-repeat #f2f1df; color:#FFFFFF; display:block; position:absolute; height:22px;
	 width:123px; margin:0; padding:6px 0 0 26px; top:10px; left:0px;
	}
#main_header #header ul li{
	float:left; display:block; margin:0 23px 0 0;
	}
#main_header #header ul li a{
	height:15px; text-decoration:none; text-indent:-2000px; display:block; width:20px;
	}
#main_header #header ul li a.home{
	background:url(images/estilo01/home.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.home:hover{
	background:url(images/estilo01/home_h.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.user{
	background:url(images/estilo01/user.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.user:hover{
	background:url(images/estilo01/user_h.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.contact{
	background:url(images/estilo01/contact.gif) no-repeat 0 0; width:19px; height:16px;
	}
#main_header #header ul li a.contact:hover{
	background:url(images/estilo01/contact_h.gif) no-repeat 0 0; width:19px; height:16px;
	}
#main_header #header ul.free{ /* Contiene el fondo donde se ubica el texto con el num de telefono */
	background:url(images/estilo01/toll_free-1.gif) no-repeat #f2f1df; color:#5d5024; display:block;  height:28px; width:140px;
	 padding:7px 0 0 43px; position:absolute; top:2px; left:580px; margin:0;
	}
#main_header #header ul.free li{
	float:left; display:block; font:10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center;  color:#5D5024;
	margin:0px 0px 0 0; padding:0 0 0 0 ; text-transform:uppercase; font-weight:normal; background-color:#FFF6D8;
	}
#main_header #header ul.free li span{
	 font-size:14px; line-height:16px; color:#FFFFFF; font-weight:bold; background-color:#ff0033; width:63px; height:16px;
	 }
#main_header #header ul.free li a.call{ /* Texto con el num de telefono*/
	color:#4d4c4c; font-size:11px; font-weight:normal; text-transform:uppercase; text-indent:0px; width:72px; margin:0 0 0 0px;
	padding:0 0 0 5px; background-color:#f2f1df;
	}
#main_header #header img{
	position:absolute; left:40px; top:74px; display:block;
	}
#main_header #header ul.navi{
	width:491px; display:block; position:absolute; top:189px; left:131px; padding:0; margin:0; background:none;
	}
#main_header #header ul.navi li{
	background:url(images/estilo01/saparation.gif) no-repeat right; height:22px; padding:0 14px 0 5px; margin:0;
	display:block; float:left;
	}
#main_header #header ul.navi li.li1{
	background:none; height:22px; padding:0 14px 0 5px; margin:0;
	display:block;  float:left;
	}
#main_header #header ul.navi li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#847543; text-decoration:none; text-indent:0px;
	padding:0 0 0 15px; font-weight:bold; margin:0; width:inherit;
	}
#main_header #header ul.navi li a:hover{
	background:url(images/estilo01/navi_h.gif) no-repeat 0 2px;
	}
/*------------------------------------body-------------------------*/
#main_body{
	width:100%;  background-color:#f2f1df;  color:#fff6d8;
	}
#body{
	width:764px; margin:0 auto 0 auto; padding:17px 0px 0px 0px;
	}
#body h2{
	font:28px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif	; color:#fff6d9;  margin:0 0 15px 0px; /* Originalmente era 0 0 15 40 */
	font-weight:normal; background-color:#cc0000; display:block;
	}
#body p{
/* Tiene un padding izquierdo de 114px para meter la imagen que va a la izq del texto. Anchura 650px (+ 114=764px que es el ancho disponible) */
/* Tamaño de la imagen de la izquierda 103x144 */
	background:url(images/estilo01/welcome_pic.gif) no-repeat #f2f1df; color:#000000; padding:0 0px 35px 114px; margin:0 0 0 0px; width:650px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	}
#body p span{
	font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#4d4c4c; background-color:#f2f1df;
	}
#body p span.bg{
	color:#799fbb; background-color:#041929;
	}
#body p a{
	width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43; margin:3px 0 42px 526px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#body p a:hover{
	background:url(images/estilo01/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033;
	}







#body td{
	background:#f2f1df; color:#4c4c4c; font:14px/17px Verdana, Arial, Helvetica, sans-serif;
}


#body td.oscuro{
	background:#f2f1df; color:#000000; font:14px/17px Verdana, Arial, Helvetica, sans-serif;
}



#body td.pequeno{
	background:#f2f1df; color:#4c4c4c; font:10px/13px Verdana, Arial, Helvetica, sans-serif;
}


#body td a{
	font-weight:normal; color:#4c4c4c;text-decoration:underline;

}

#body td a:hover{
	font-weight:normal; color:#777777; text-decoration:underline;

}

#body table{
	margin:0 0 10px 37px;
}

#body hr{
	margin:0 0 10px 0px; color:#cc0000;
}




/*------------------------------------event-------------------------*/

#event{ /* 215+29= 244px de anchura */
	width:215px;  height:520px; padding:0 0 0 29px; float:left; display:block; background:url(images/estilo01/fondo_columnas.gif) no-repeat;
	}
#event h2{
	background:url(images/estilo01/event_bg.gif) no-repeat ; font:24px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:140px; height:45px; padding:5px 20px 0 56px; margin:0; font-weight:normal; display:block;
	}
#event h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
	display:block;
	}
#event p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; background-color:#0a2b43;
	margin:0px 0 0 15px; background:none; padding:0;
	}
#event p.fecha1{
	margin:10px 0 5px 5px; font-style:italic;
}

#event p.fecha{
	margin:10px 0 5px 5px; font-style:italic;
}

#event h3{
	color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 23px; padding:0; background-color:#0a2b43;
	}
#event h3 a{
	width:171px; height:17px; display:block; background:url(images/arrow.gif) no-repeat 160px 6px #051b2b; padding:0 0 0 7px;
	margin:4px 0 0px 0; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
	text-decoration:none;
	}
#event h3 a:hover{
	background:none; color:#FFFFFF; background-color:#0a2b43;
	}
#event p a.more{
	width:56px; height:12px; display:block; background:url(images/estilo01/more_bg.gif) no-repeat #f2f1df; margin:5px 0 20px 135px;
	font:11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; color:#4d4c4c;
	padding:0 0 0 5px; text-decoration:none;
	}
#event p a.more:hover{
	background:url(images/estilo01/more_bg_h.gif) no-repeat #0a2b43; color:#cc0000;
	}

#event p a.masnot{
	width:181px; height:14px; display:block; background:url(images/estilo01/masnot.gif) no-repeat; margin:45px 0 0px 0px;text-align:center;
	font:10px/9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#4c4c4c;
	padding:2px 0 0 0px; text-decoration:none; text-transform:none;

}

#event p a.masnot:hover{
	background:url(images/estilo01/masnot_h.gif) no-repeat; color:#cc0000;
}



/*------------------------support (productos)-------------*/
#support{
	width:215px; height:520px; padding:0 0 0 29px; float:left; display:block; background:url(images/estilo01/fondo_columnas.gif) no-repeat;
	}
#support h2{
	background:url(images/estilo01/services.gif) no-repeat; font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	width:140px; height:45px; padding:5px 20px 0 56px; margin:0; font-weight:normal; display:block;
	}
#support h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
	display:block;
	}
#support p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; background-color:#0a2b43;
	margin:15px 0 0px 16px; background:none; padding:0;
	}
#support ul{
	width:191px; display:block; margin:0px 0 0px 16px; padding:0;
	}
#support ul li{
	font:12px/15px Verdana, Arial, Helvetica, sans-serif; color:#fff6d8; width:191px; display:block;
	padding:0 0 0 0;
	}
#support ul li a{
	background:url(images/estilo01/arrow.gif) no-repeat 0px 2px; font:13px/15px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;
	 display:block;	padding:0px 0 24px 17px; margin:0; font-weight:bold;
	}
#support ul li a:hover{
	background:url(images/estilo01/arrow_h.gif) no-repeat 0 2px ; color:#acaba0;
	}

#support a.online{
	width:146px; height:57px; border:#486d88 1px solid; display:block; margin:20px 0 0 16px; background-color:#051b2b;
	color:#fff6d8; padding:10px 18px 0 16px; font:22px/28px Verdana, Arial, Helvetica, sans-serif;
	 font-weight:normal; text-transform:uppercase; text-decoration:none;
	}
#support a.online span{
	color:#799fbb; font-size:18px; line-height:18px; padding:0 0 0 8px; background-color:#051b2b; display:block;
	}
#support a.online:hover{
	background-color:#1c4f75; color:#fff6d8;
	}
/*--------------------------------services-------------------*/
#services{
	width:215px; height:520px; padding:0 0 0 29px; float:left; display:block; background:url(images/estilo01/fondo_columnas.gif) no-repeat;
	}
#services h2{
	background:url(images/estilo01/support.gif) no-repeat ; font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	width:140px; height:45px; padding:5px 20px 0 56px; margin:0; font-weight:normal; display:block;
	}
#services h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
	display:block;
	}
#services p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; background-color:#0a2b43;
	margin:15px 0 0 16px; background:none; padding:0;
	}
#services h3{
	color:#fff6d8; font:14px Verdana, Arial, Helvetica, sans-serif; width:190px; display:block;
	margin:19px 0 0 16px; padding:0; font-weight:bold; background-color:#0a2b43;
	}
#services ul{
		width:191px; display:block; margin:15px 0 0 16px;
		}
#services ul li{
        display:block; padding:0px 0 0px 0px;
	}
#services ul li a{
	height:15px; background:url(images/estilo01/arrow.gif) no-repeat 0px 1px; font:12px/14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-align:left; display:block; padding:0px 0 14px 17px; margin:0 0 0px 0; font-weight:bold;
	}
#services ul li a:hover{
	background:url(images/estilo01/arrow_h.gif) no-repeat 0 1px ; color:#acaba0;
	}
#services a.more1{
	width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43; margin:39px 0 0 121px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#services a.more1:hover{
	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033;
	}
/*---------------------------------footer-----------------*/
#main_footer{
	width:100%;  float:left; background:url(images/estilo01/footer_bg.gif) repeat-x #0c1d2a; color:#ffffff;
	border-top:#777777 1px solid; margin:0px; padding:0px;
	}
#footer {
	width:530px; height:100px;
	margin:0 auto 0 auto;
	}
#footer ul{
	width:500px; display:block;	list-style-type:none; margin:5px 0 0 55px; position:absolute;
	}
#footer ul li{
	display:block; float:left; color:#777777;
		}
#footer ul li a{
	font:12px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#4d4c4c;
	text-decoration:none;
	margin:0px 16px 0 16px;
	}
#footer ul li a.mg{
	font:10px/11px Arial, Helvetica, sans-serif;
	color:#4d4c4c; background-color:transparent;
	text-decoration:none;
	margin:0 11px 0 0px;
	}
#footer ul li a.mg:hover{
	text-decoration:underline;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer ul.ad{
	width:323px; display:block;list-style-type:none; margin:30px 0 0 180px;
	}
#footer ul.ad li{
	height:40px;
	width:150px;
	display:block;
	border-right:#777777 1px dashed;
	border-left: #777777 1px dashed;
	padding: 0 0 0 0px;
	text-align:center;
		}
#footer ul.ad li.nobor{
	height:40px; width:135px; display:block;margin-left:10px; border-right:none;
	}
#footer ul.ad li.nobor1{
	height:40px; width:96px; display:block;	float:left;	margin-left:10px; border-right:#FFFFFF 1px dashed;
	}
#footer ul.ad li a{
	font:10px/12px Tahoma, Arial, Helvetica, sans-serif; color:#4d4c4c; background-color:transparent; font-weight:bold;
	text-decoration:none; margin:0 0 0 0; display:block;
	}
#footer ul.ad li a span{
	color:#cc0000; background-color:transparent;
	text-transform:none; margin:0 0px 0 0; display:block;
	}
#footer ul.css{
	width:100px;
	display:block;
	margin:75px 0 0 211px;
	font-size:0px;
	padding:0px;
	}
#footer p{
	padding:135px 0 0 165px; font:11px/16px Tahoma, Arial, Helvetica, sans-serif; color:#4d4c4c;
	background:url(images/footer_bg.gif) repeat-x #0c1d29;	font-weight:normal;	height:14px; margin:0;
	}
#footer p.de{
	font:10px/16px Tahoma, Arial, Helvetica, sans-serif;
	padding:75px 0  0 179px; margin:0;  line-height:12px; width:160px; text-align:center; background-color:transparent;
	color:#4d4c4c; background:none;
	}
#footer p.de a{
	color:#4d4c4c; background-color:transparent; text-decoration:underline;
	}
#footer p.de a:hover {
	color:#777777;	background-color:transparent;
	}