* {
	padding: 0;
	margin: 0;
}

.sep {
	display: none;
}

#todo {
	width: 768px;
	margin: auto;
	padding-top: 20px;
}

body {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, "Sans-serif";
}

/* Estilos para el menu principal */
#menu>.menu {
	margin-top: 3px;
}

#menu {
	background: url(../images/botones/menuprincipal_bg.jpg) repeat-x;
	height: 37px;
	width: 760px;
	margin: 0px auto 0px auto;
}

#menu ul {
	height: 37px;
}

#menu ul li {
	display: block;
	float: left;
	height: 37px;
}

#menu ul li a {
	display: block;
	color: #333333;
	text-decoration: none;
	font-size: 13px;
	font-weight: bolder;
	text-align: center;
	background: url(../images/botones/menuprincipal_sep.jpg) no-repeat 0px 0px;
	height: 37px;
	letter-spacing: -1px;
}

#menu ul li a span {
	padding-top: 12px;
	display: block;
}

#menu #it1 {width: 66px; background: url(../images/botones/menuprincipal_left.jpg) no-repeat left;}
#menu #it1.on a {background: url(../images/botones/inicio_on.jpg) repeat-x; color:#ffffff;}
#menu  #it1 a:hover {background: url(../images/botones/inicio_on.jpg) repeat-x; color:#ffffff;}
#menu #it2 {width: 120px;}
#menu #it2 a:hover {background: url(../images/botones/abrillantasores_on.jpg) repeat-x; color:#ffffff;}
#menu #it2.on a{background: url(../images/botones/abrillantasores_on.jpg) repeat-x; color:#ffffff;}
#menu #it3 {width: 80px;}
#menu #it3 a:hover {background: url(../images/botones/fiberwax_on.jpg) repeat-x; color:#ffffff;}
#menu #it3.on a{background: url(../images/botones/fiberwax_on.jpg) repeat-x; color:#ffffff;}
#menu #it4 {width: 160px;}
#menu #it4 a:hover {background: url(../images/botones/shock_on.jpg) repeat-x; color:#ffffff;}
#menu #it4.on a {background: url(../images/botones/shock_on.jpg) repeat-x; color:#ffffff;}
#menu #it5 {width: 65px;}
#menu #it5 a:hover {background: url(../images/botones/2en1_on.jpg) repeat-x; color:#ffffff;}
#menu #it5.on a {background: url(../images/botones/2en1_on.jpg) repeat-x; color:#ffffff;}
#menu #it6 {width: 121px;}
#menu #it6 a:hover {background: url(../images/botones/active_on.jpg) repeat-x; color:#ffffff;}
#menu #it6.on a {background: url(../images/botones/active_on.jpg) repeat-x; color:#ffffff;}
#menu #it7 {width: 55px;}
#menu #it7 a:hover {background: url(../images/botones/tips_on.jpg) repeat-x; color:#ffffff;}
#menu #it7.on a {background: url(../images/botones/tips_on.jpg) repeat-x; color:#ffffff;}
#menu #it8 {width: 93px; background: url(../images/botones/menuprincipal_right.jpg) no-repeat right;}
#menu #it8 a:hover {background: url(../images/botones/contacto_on.jpg) no-repeat right;; color:#ffffff;}
#menu #it8.on a{background: url(../images/botones/contacto_on.jpg) no-repeat right;; color:#ffffff;}
#menu #it1 a {background: none}
/* Terminan estilos para el menu principal */

/* estructuracion de las dos columnas principales */
#content {
	width: 760px;
}

#leftcol {
	width: 516px;
	float: left;
	display: inline;
}

#rightcol {
	margin-left: 530px;
}
/* termina estructuracion de las dos columnas principales */

/* estilos para el contenido principal */
#content {
	background: url(../images/varios/contmain_bg.jpg) repeat-y;
}

#leftcol {
	padding-top: 5px;
	height: 608px;
}

.home #leftcol {
	background: url(../images/varios/xmain_bg.jpg) no-repeat;
}

.fondoIndex{
	background: url(../images/varios/main_bg.jpg) no-repeat;
}


#content>#leftcol {
	height: auto;
	min-height: 608px;
}

#leftcol h2#logoh {
	background: url(../images/logos/logobody.jpg) no-repeat;
	width: 162px;
	height: 73px;
	overflow: hidden;
}

#leftcol h2#logoh span, #leftcol h2#logoa4system span {
	display: block;
	padding-top: 100px;
}

.homeleft {
	margin-right: 250px;
}

p, ul {
	font-size: 12px;
}

.bq1 {
	color: #8F2A71;
	font-size: 17px;
	font-family: Georgia;
	font-style: italic;
	width: 230px;
	text-align: center;
	background: url(../images/varios/comillas1.jpg) no-repeat top left;
	padding-left: 28px;
	margin-top: 30px;
}

.bq1 span {
	display: block;
	background: url(../images/varios/comillas2.jpg) no-repeat right bottom;
	padding-right: 28px;
}

h2#logoa4system {
	width: 264px;
	height: 60px;
	background: url(../images/varios/active4system2.jpg) no-repeat;
	overflow: hidden;
}

#bloq2 {
	margin-top: 150px;
	margin-left: 246px;
}

#bloq2 p {
	text-align: right;
	margin-right: 18px;
	margin-left: 20px;
}
/* fin de estilos para el contenido principal */

/* Estilos para sidebar */
#rightcol {
	padding-top: 20px;
}

.home #rightcol h3 {
	font-family: Georgia;
	font-style: italic;
	font-weight: lighter;
	font-size: 20px;
}

.home #rightcol ul {
	list-style: none;
}

.home #bloque1 {
	width: 215px;
	background: url(../images/varios/sidebar_bloque_bg.jpg) repeat-y;
	border-top: solid 1px #CFD4DB;
}

.home #bloque1 h3 {
	color: #999999;
	margin-top: 5px;
}

.home #bloque1 .bloquecont {
	padding: 0 10px 115px 10px;
	background: url(../images/varios/sidebar_bloque1_bg_bot.jpg) no-repeat center bottom;
}

.home #bloque1 .bloquecontabri {
	padding: 0 10px 115px 10px;
	background: url(../images/varios/abrillantadores.jpg) no-repeat center bottom;
}

.home #bloque1 .bloquecontShock {
	padding: 0 10px 80px 10px;
	background: url(../images/varios/shock.jpg) no-repeat center bottom;
}

.home #bloque2 {
	width: 215px;
	margin-bottom: 30px;
}

.home #rightcol>#bloque2 {
	margin-bottom: 50px;
}

.home #bloque2 h3 {
	display: block;
	background: url(../images/varios/sidebar_bloque2_bgh.jpg) repeat-y;
	margin-top: 20px;
	color: #3B95D1;
	padding-left: 10px;
}

.home #bloque2 ul {
	margin-top: 15px;
}

.home #bloque2 ul li {
	padding-left: 15px;
	background: url(../images/bullets/bullet_home1.jpg) no-repeat 0px 5px;
	height: 100%;
	margin-bottom: 10px;
}

.home #bloque2 img {
	float: right;
	margin-top: 5px;
	display: inline;
}

.home #bloque2 .descubre a {
	color: #FF1D5D;
	text-decoration: none;
	background: url(../images/varios/text_decoration1.jpg) repeat-x bottom;
	padding-bottom: 0px;
	margin-left: 15px;
}

.home #rightcol .sep {
	width: 222px;
	height: 6px;
	display: block;
	background: url(../images/varios/sep_sidebar.jpg) repeat-x;
	overflow: hidden;
}

.home #rightcol #bloque3 {
	width: 215px;
	margin-top: 5px;
}

.home #bloque3 h3 {
	color: #669600;
}

.home #bloque3 .descubre a {
	color: #669600;
	text-decoration: none;
	background: url(../images/varios/text_decoration2.jpg) repeat-x bottom;
	padding-bottom: 0px;
	margin-left: 15px;
}

.home #bloque3 img {
	float: right;
}

.home #bloque3 ul {
	margin-top: 15px;
}

.home #bloque3 ul li {
	padding-left: 15px;
	background: url(../images/bullets/bullet_home2.jpg) no-repeat 0px 5px;
	height: 100%;
	margin-bottom: 10px;
}
/* Fin de estilos para sidebar */

/* clases generales */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.left {
	float: left;
}

.right {
	float: right;
}


.cajita4 {  font-family: "Verdana"; font-size: 12px; width: 475px; color:#666666;  height:18px; border: 1px solid #98CAFD; background:#ffffff; margin-bottom:10px; margin-top:2px; padding-left:5px;padding-top:2px;}
.cajitaSelect {  font-family: "Verdana"; font-size: 12px; width: 482px; color:#666666;  height:20px; border: 1px solid #98CAFD; background:#ffffff; margin-bottom:10px; margin-top:2px; padding-left:5px;}
.cajita5 {  font-family: "Verdana"; font-size: 12px; width:474px; color:#666666;  height:80px;border: 1px solid #98CAFD;padding: 1px 3px; background:#ffffff; margin-bottom:10px;margin-top:2px;}
.cajitaLogin {  font-family: "Verdana"; font-size: 12px; width: 240px; color:#CCCCFF;  height:20px; border: 1px solid #98CAFD; background:#334B7E; margin-bottom:10px; margin-top:2px;}
.textoContacto {color:#666666;}
.send a { 	color: #4D80B3!important; text-decoration: none; 	font-size: 15px; 	display: block; 	background: url(../images/bullets/bullet2.jpg) no-repeat 43px 5px; 	height: 100%; }
.login a { 	color: #4D80B3!important; text-decoration: none; 	font-size: 15px; 	display: block; 	background: url(../images/bullets/bullet2.jpg) no-repeat 48px 6px; 	height: 100%; }
.contactoLabel{ 	font-size: 35px; 	color: #ccff99; 	margin-bottom: 25px; 	margin-top: -5px;}
.texto11{ font-size: 11px;font-family: "Lucida Sans Unicode", "verdana"; color: #ffffff; }

.botonAzul{ border: 1px solid #016699; font-family: "Lucida Sans Unicode", "verdana"; font-size: 9px; color: #ffffff; padding: 1px;	margin: 1px; background-color: #3485AE; height:22px; }
.botonAzulConv{ border: 1px solid #016699; font-family: "Lucida Sans Unicode", "verdana"; font-size: 9px; color: #ffffff; padding: 1px;	margin: 1px; background-color: #3485AE; height:22px; width:105px;}
.botonAzucalculadoral{ border: 1px solid #016699; font-family: "Lucida Sans Unicode", "verdana"; font-size: 9px; color: #ffffff; padding: 1px;	margin: 1px; background-color: #3485AE; height:22px; width:30px;}
.cajita7 {  font-family: tahoma; font-size: 11px; width: 50px; color:#8d8d8d;  height:20px;border: 1px solid #abb6bd;padding: 1px 3px; background:#F7F9FC;}

