body {
   color: #000;
	font: normal 8pt verdana, trebuchet, "Lucida Sans Unicode", sans-serif, arial ;
	margin: 0 auto;
	padding: 0;

}

table{
	font: normal 9pt verdana, trebuchet, "Lucida Sans Unicode", sans-serif, arial ;
}


.green {
	color: #7b9d03;
	font: normal 9pt verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-weight: bold;	
}


.texto{
	font: normal 9pt verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
}


.texto a {
	font: normal 9pt verdana, trebuchet, "Lucida Sans Unicode", sans-serif, arial ;
	color: #0077EA;
	text-decoration: none;
}

.texto a:hover {
	font: normal 9pt verdana, trebuchet, "Lucida Sans Unicode", sans-serif, arial ;
	color: #000;
}

a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	text-decoration: none;
}
a:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: Black;
	text-decoration: underline;
}

.head{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;	
}

.head a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	text-decoration: none;
}

.head a:hover {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.titulos {
	background: url(../images/strips2.gif);
	background-repeat: no-repeat;
	color: #0094dc;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 14pt;
	padding-left: 6px;
	padding-top: 10px;
	margin-bottom: 2px;
	margin-top: 1px	
}

.titulos h3{
	color: #003e55;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12pt;
	padding-left: 16px;
	padding-top: 5px;
	margin-bottom: 2px;
	margin-top: 1px	
}

h3{
	color: #0094dc;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 2px;
	margin-top: 1px	
}

h4{
	font:  Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 5px;
	margin-top: 10px	
}

h5{
	font:  Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 5px;
	margin-top: 10px	
}
h6{
	font:  Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 11pt;
}
.corte {clear: both;}

img{
	border: 0px;
}

.container {
	background: transparent;
	font: 10pt  Verdana, Arial, Sans-Serif;
	text-align: center;	
	width: 100%;	
}

.header{
	background: url(../images/bg_head.gif);
	background-repeat: repeat x;
	color: Teal;
	font: 8pt  Verdana, Arial, Sans-Serif;
	text-align: center;
	width: 100%;
	height: 180px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.flash{
	color: #ffffff;
	float: left;
	background: #858585;
	font: 7pt Sans-Serif, Verdana, Arial, Helvetica;
	padding:4px, 10px, 2px, 2px;
	width: 100%;
	height: 20px;	
}
.idioma{
	color: #3d3d3d;
	float: right;
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent;
	font: 8pt Sans-Serif, Verdana, Arial, Helvetica;
	padding:2px, 5px, 2px, 2px;	
}

.idioma .selec{
	color:#000;
}

.idioma a {
	color: #858585;
	text-decoration: none;	
}
.idioma a:hover {
	color: #000;
}

.main{
	background: Transparent;
	font: 10pt  Verdana, Arial, Sans-Serif;
	margin-top: 15px;	
	.margin-top: 10px;	
	width: 100%;
		
}

.maintable{
	background: transparent;
	color: #565656;
	font: 10pt  Verdana, Arial, Sans-Serif;
	vertical-align: top;
	padding: 5px;	
	.margin-top: 10px;	
	width: 100%;
		
}
.maintable h3{
	color: #0094dc;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 2px;
	margin-top: 0px;
}

.centertab{
	vertical-align: top;
	padding: 5px 20px 5px 10px;
}
.centertab .field{
	border: 3px double #a2afb4;
	background: #fff;
	font: Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	text-align: left;
	padding: 0.3em;

}
.centertab .legend{
	color: #0094dc;
	font: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
}
.centertab .field  p,cite,code,ul {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.left{
	background: transparent;
	color: Teal;
	font: 8pt  Verdana, Arial, Sans-Serif;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 10px;
	width: 25%;
}
           
.left h1{
	color: #0094dc;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 2px;
	margin-top: 1px;	
}
.left h2{
	color: #fff;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 10;
	margin-bottom: 2px;
	margin-top: 1px;	
}
           
.left .titulo{
	color: #0094dc;
	font: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
	margin-left: 6px;
}

.left a {
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;	
}
.left a:hover {
	color: #000;
}
.left2{
	background: transparent;
	color: #565656;
	font: 9pt  Verdana, Arial, Sans-Serif;
	text-align: left;	
	float: left;
	padding: 0px 0px 0px 15px;
	border-right: 1px solid black;
	width: 17%;
}
   
.registro{
	background: url(../images/bg_registro.gif);	
	color: #000;
	font-size: 12px;
	padding: 6px 0px 0px 12px;
	width: 219px;
	.width: 231px;

}

.destacado{
	color: #000;
	font-size: 19px;
}	
     
.registro h1{
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding-bottom: 7px;
	padding-right: 12px;
	margin-top: 1px;		
}
.registro a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;	
}
.registro a:hover {
	color: #000;
}
     
.registro p{
	color: #000;
	font-size: 1em;
	margin: 2px;
}

       
.registro .boton{
	background: transparent;
	color: transparent;
	font-size: 1em;
	text-align: right;
	padding: 4px 6px 0px 0px;
	width: 210px;
}

.top_reg{
	background: url(../images/bg_registrotop.gif);
	background-repeat: no-repeat;
}

.bot_reg{
	background: url(../images/bg_registrobot.gif);
	background-repeat: no-repeat;
	height: 16px;
	margin-bottom: 2px;
}
.login{
	background: url(../images/bg_login.gif);
	color: #8dccfe;
	font-size: 14px;
	padding: 8px 3px 2px 12px;
	border-bottom: 8px;
	width: 216px;	
	.width: 231px;

}

.login a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;	
}
     
.login h1{
	color: #fff;
	font-size: 13px;
	text-align: left;
	padding-bottom: 7px;
	margin-top: 1px;
}
     
.login p{
	color: #000;
	font-size: 1.2em;
}
       
.login .boton{
	text-align: right;
	padding: 0px 8px 0px 0px;
}

.top_log{
	background: url(../images/bg_logintop.gif);
	background-repeat: no-repeat;
}

.bot_log{
	background: url(../images/bg_loginbot.gif);
	background-repeat: no-repeat;
	height: 27px;	
}

.bot_aslog{
	background: url(../images/bg_asloginbot.gif);
	background-repeat: no-repeat;
	height: 27px;	
}
   
.help{
	background: url(../images/bg_help.gif);
	background-repeat: no-repeat;
	color: #000;
	font-size: 1.4em;
	text-align: left;
	padding: 12px 0px 2px 10px;
	border-bottom: 12px;
	margin-top: 14px;
	width: 233px;
	height: 101px;
}	
     
.help h1{
	color: #fff;
	font-size: 1.4em;
	text-align: center;
	padding: 0px 0px 0px 8px;
	width: 150px;
}

.help a {
	font-size: 0.7em;
	color: #000;
	text-decoration: none;
}
.help a:hover {
	color: Teal;
}
 

.center{
	background: transparent;
	color: #565656;
	font: 10pt  Verdana, Arial, Sans-Serif;
	text-align: left;
	float: left;
	top: 220px;
	left: 25%;	
	padding: 0px 8px 10px 10px;
	margin-left: 4px;
	width: 58%;
	
}
          
.center h1{
	color: #0094dc;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 2px;
	margin-top: 10px;	
}

.center .demos{
	background: #fff;
	font: Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	text-align: center;	
	padding-bottom: 8px;
	width: 100%;
}

.center .item2{
	background: #fff;
	color: #565656;
	font: 10pt  Verdana, Arial, Sans-Serif;
	text-align: left;
	padding-bottom: 1.1em;

}
.center .item2 h3{
	background: #fff;
	letter-spacing: -1px;
	color: #0083DC;
	font: 14pt  Verdana, Arial, Sans-Serif;
	text-align: left;

}
    
.center p,cite,code,ul {
	padding-bottom: 1.1em;
}

.completa {
	background: transparent;
	color: #565656;
	text-align: center;
	padding: 10px;
	margin-top: 5px;	
	width: 80%;
	
} 

.generica {
	background: transparent;
	color: #565656;
	text-align: left;
	float: left;
	padding: 10px;
	margin-top: 5px;	
	width: 68%;
	
}

.generica2 {
	background: transparent;
	color: #565656;
	text-align: left;
	float: left;
	padding: 6px;
		padding-left: 15px;
	width: 84%;
	
}

.generica .baners{
	background: transparent;
	text-align: center;
	float: right;	
	
}

.desk{
	background: White;
	float: left;
	padding: 3px;
	margin-bottom: 10px;
	width: 74%;
}

.deskbox{
	background: transparent;
	text-align: justify;
	color: Black;
	border: solid 1px #696969;
	padding: 3px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;	
	margin-bottom: 10px;
}

.colizq {
	background: transparent;
	width: 24%;
	float:left;
}

.deskbox li{
	line-height: 20px;
	
}

.upgrades{
	background: #f0eee7;
	vertical-align: baseline;
	margin-top: 20px;
	border-top: solid 1px #696969;
	padding: 5px;
	width: 99%;
}

.desknews{
	background: transparent;
	float: left;
	padding: 3px;
}
.desknews li{
	line-height: 25px;
}

.desk a {
	color: #0077EA;
	text-decoration: none;
}

.desk a:hover {
	color: #000;
}


.boxbar{
	background: url(../images/bg_boxbar2.gif);
	border-bottom: solid 1px #696969;	
	.padding: 2px;
	padding-left:3px;	
	padding-bottom:5px;
	margin-bottom: 10px;
	width: 100%;
	height: 23px;

}

.boxbar h3{
	color: #000;
	font:  Verdana, Arial, Sans-Serif;
	font-size: 13pt;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.boxbar2{
	background: url(../images/bg_boxbar2.gif);
	border-bottom: solid 1px #696969;	
	.padding: 2px;
	margin-bottom: 10px;
	width: 100%;
	height: 25px;

}


.boxbar2 h4{
	font:  Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 5px;
	margin-top: 5px	
}

.bartitle{
	background: transparent;
	float: left;
}

.baricons{
	background: transparent;
	float: right;
}


.directorio a {
	color: #0077EA;
	text-decoration: none;
}

.3directorio a:hover {
	color: #000;
}

.3directorio td{
	background: White;
}
.3small a {
	font: normal 80% verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	color: #0077EA;
	text-decoration: none;
}

.small a:hover {
	color: #000;
}




.user{
	background: transparent;
	vertical-align: baseline;
	float: left;
	margin-bottom: 10px;
	border-bottom: solid 1px #696969;
	width: 97%;
}

.user .photo{
	background: transparent;
	float: left;
	margin-right: 8px;	
	
}

.user .data{
	background: transparent;
	float: left;
	padding-left: 5px;	
	padding-right: 5px;
	padding-bottom: 5px;
	margin-top: 35px;
	
}

.user .info{
	background: transparent;
	margin-left: 75px;
	padding-bottom: 5px;
}

.user .asesoria{
	background: transparent;
	margin-left: 158px;
	padding-bottom: 5px;
}

.user .contacta{
	background: transparent;
	float: left;
	margin-top: 35px;	
}


.notes{
	color: #696969;
	background: transparent;
	text-align: left;
	line-height: 25px;
	float: left;
	padding: 3px;
	margin-left: 1%;
	margin-bottom: 10px;
	width: 23%;
}


.notes a {
	color: #0077EA;
	text-decoration: none;
}

.notes a:hover {
	color: #000;
}

.notesbox{
	background: #F1F1F1;
	text-align: left;
	color: Black;
	border: solid 1px #696969;
}


.asnotes{
	color: #696969;
	background: transparent;
	text-align: left;
	line-height: 25px;
	padding: 3px;
	margin-left: 1%;
	margin-bottom: 10px;
}


.asnotes a {
	color: #0077EA;
	text-decoration: none;
}

.asnotes a:hover {
	color: #000;
}

.asnotesbox{
	background: #F1F1F1;
	text-align: left;
	color: Black;
	border: solid 1px #696969;
}

.notifica{
	background: transparent;
	float: left;
	margin-bottom: 10px;
	border-bottom: solid 1px #000;
	width: 97%;
}

.helpdrop{
	color: Black;
	background: #2dc5dc;
	font-size: 85%;	
	text-align: left;
	line-height: 15px;
	border: 1px solid #032328;
	padding: 6px;
	width: 350px;
	position: absolute;
	visibility: hidden;
}

.helpdrop h2{
	font-size: 1em; 
	margin-bottom: 6px;
}

.as_box{
	background: White;
	text-align: justify;
	color: Black;
	border: solid 1px #696969;
	padding: 3px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;	
	margin-bottom: 10px;
	min-height:500px;		
}

.as_real{
	background: transparent;
	vertical-align: baseline;
	float: left;
	margin-bottom: 10px;
	border-bottom: solid 1px #696969;
	width: 97%;
}


.as_real .photo{
	background: transparent;
	float: left;
	margin-right: 8px;	
	
}

.as_real .asesoria{
	background: transparent;
	margin-left: 158px;
	padding-bottom: 5px;
}

.contact{
	background-color: transparent;
	text-align: left;	
	padding-top: 8px;
	float: left;
	width: 60%;
}

.redes{
	background-color: transparent;
	text-align: left;	
	padding-top: 8px;
	float: left;
	width: 40%;	
}

.banners{
	background-color: transparent;
	text-align: center;
	float: right;	
	margin-top: 5px;	
	width: 14%;
	
}
               
.banners .vert01{
	background: transparent;
	margin-bottom: 20px;
}

.bannerdesk{
	background-color: transparent;
	text-align: center;
	float: right;	
	width: 23%;
	
}
               
.bannerdesk .vert01{
	background: transparent;
	margin-bottom: 20px;
}



.footer{
	background: url(../images/bg_footer.gif);	
	color: #8dccfe;
	font: 8pt  Verdana, Arial, Sans-Serif;
	text-align: center;	
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	height: 50px;	
}

.footer a {
	color: #fff;
	text-decoration: none;
}
       
.footer a:hover {
	color: #8dccfe;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////  A L E R T A S ////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.alert_er {
	background: #ffe1e1;
	background-image: url("../images/icons/ic_alertae.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px; 	
	vertical-align: baseline;
	margin-top: 20px;
	border: solid 1px #e26161;
	padding: 8px 5px 10px 35px;
}

.alert_er h1{
	color: #7F0000;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 2px;
	margin-top: 1px;	
}
.alert_er a {
	color: #800101;
	text-decoration: none;
}
       
.alert_er a:hover {
	color: #000;
}

.alert_ex {
	background: #e9fecd;
	background-image: url("../images/icons/ic_thumb.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px; 		
	vertical-align: baseline;
	margin-top: 20px;
	border: solid 1px #71ce49;
	padding: 5px;
	padding: 8px 5px 10px 35px;
}
.alert_ex a {
	color: #4c8001;
	text-decoration: none;
}
       
.alert_ex a:hover {
	color: #000;
}

.alert_in {
	background: #e1f5ff;
	background-image: url("../images/icons/ic_alertin.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px; 		
	vertical-align: baseline;
	margin-top: 20px;
	border: solid 1px #61a1e2;
	padding: 5px;
	padding: 8px 5px 10px 35px;
}
.alert_in a {
	color: #015b80;
	text-decoration: none;
}
       
.alert_in a:hover {
	color: #000;
}

.alert_al {
	background: #fffce1;
	background-image: url("../images/icons/ic_alerta.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px; 		
	vertical-align: baseline;
	margin-top: 20px;
	border: solid 1px #e2d161;
	padding: 5px;
	padding: 8px 5px 10px 35px;
}
.alert_al a {
	color: #ff9000;
	text-decoration: none;
}
       
.alert_al a:hover {
	color: #000;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////  Reportes C R M ///////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.report{
	background: transparent;
	vertical-align: baseline;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: solid 1px #696969;
	width: 97%;
}

.reportbox {
	font: normal 80% verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	background: White;
	text-align: left;
	color: Black;
	border: solid 1px #696969;
	padding-bottom: 4px;
	margin: 5px;
	margin-bottom: 10px;
}


.reportclient {
	background: transparent;
	float: left;
	padding-left: 5px;
}


.reportcuenta {
	background: transparent;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
}


.reporttitle {
	color: White;
	font-weight: bold;
	background: Gray;
}

.reportsubtitle {
	background: #D3D3D3;
	font-weight: bold;
}

.reportalternate {
	background: #E7E7E7;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////   H O M E   ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.contenedor{
	background:transparent;
	padding:5px;
	width:1270px;
	.width:1248px;	
}

.wrap{
	background:#afc8e8;
	float:left;
	width:1015px;
	.width:995px;	
}

.singin{
	background:#f6f5ee;
	float:left;
	border: solid 1px #696969;	
	width:1015px;
	.width:995px;	
}

.singin h3 {font-family: "trebuchet ms"; font-size: 18px; padding-bottom:13px;}
.singin h3 img {vertical-align: bottom;}
.singin label {padding: 6px 0; color: #0079AC; font-size: 14px; font-family: tahoma; font-weight: bold; text-align: center; line-height: 1.5em;}
.singin label.small {display: inline; color: #666; font-size: 14px;}
	
		/*#singin ul.tree {background: #EBEBEB;}*/
.singin #tag_cloud {border-bottom: 1px solid #ccc; max-height: 200px; overflow: auto;}
.singin #set_tag_cloud label {color: #333;}

.singin input, #singin select {margin-top: 3px; margin-bottom: 7px;}

.butt {margin-top: 5px; color: #0079AC; font-weight: bold; margin-right:15px; padding:3px;}




.menuhome{
	background: #afc8e8;
	text-align:right;
	float:left;
	padding: 20px 0px 10px 0;	
	width:230px;
	.width:210px;	
}


.arrowgreen{
	text-align: right;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	display: block;
	background: transparent url(..images/arrowgreen.gif) 100% 0px;
	text-decoration: none;	
	font-weight: bold;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #245a9d;
	padding:10px;	
}

.arrowgreen li a:hover{
	color: #000;
	background-position: 100% -60px;
}

	
.arrowgreen li a.selected{
	color: #000;
	background-position: 100% -100px;

}




.contenido{
	background:#e1eaf4;
	text-align: left;
	float:left;
	padding: 5px 10px 10px 20px;
	width:755px;
}

.contenido h1{
	color:#175f9c;
	font: 12pt  Verdana, Arial, Sans-Serif;	
	font-weight: bold;
	margin-bottom: 5px;
}

.contenido ul {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0;
}

.contenido li {
	margin: 0;
	list-style-type: none;
	padding: 3px;
}

.hometxt{
	color: #000;
	background: transparent;
	float:left;
	margin-right: 15px;
	width: 500px;
}

.cajas{
	background: transparent;
	font: 8pt  Verdana, Arial, Sans-Serif;
	float:left;
	padding:10px;
	width:210px;
}		

.cajas h3{
	background:#053c67;
	color:#fff;	
	font: 9pt  Verdana, Arial, Sans-Serif;	
	font-weight: bold;
	padding:3px;
	margin-bottom: 5px;
	margin-top:-1px;
}

.tips{
	background:#fff;
	border: solid 1px #6f6f6f;	
	margin-bottom: 50px;
}

.tiptxt{
	color: #4c4c4c;
	padding:3px;
}

.tip{
	float:left; 
	background: #fff;
	padding:3px;
	width:140px;
}

.regtxt{
	color: #000;
	background: transparent;
	float:left;
	margin-right: 15px;
	width: 730px;
	min-height: 400px;
}

.idpic{
	float:left;
	background: #fff;
	border: 1px solid #032328;
	padding: 2px;
	
}

.networks{
	font: 9pt  Verdana, Arial, Sans-Serif;
	color: #000;
	padding: 5px;
	line-height:2px;
	margin-top: 30px;
}

.networks  ul{
    list-style: none;
}

.networks li {
	
    float: right;
    margin: 0 3px 0 3px;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////   L O G I N   B O X E S  ///////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.loginmain{
	background: Transparent;
	font: 10pt  Verdana, Arial, Sans-Serif;
	margin-top: 15px;	
	.margin-top: 10px;	
	width: 1260px;
		
}

.loginbox {
	background: transparent;
	float:left;
	padding:8px;
	.padding:3px;
	width: 29%;
	
}

.loginbox2 {
	background: transparent;
	float:left;
	padding:8px;
	.padding:3px;
	width: 39%;
	.width: 35%;	
	
}

.regis{
	color: #0068B3;
	font: 12pt  Verdana, Arial, Sans-Serif;	
	font-weight: bold;	
}

.logueo {
	width: 100%;
}

.logueo ul{
	text-align: right;
	position: relative;
	float:right; 
}

.loginbanner {
	background: #transparent;
	float:left;
	margin-left:2px;
	width: 245px;
}

.deskboxlogin{
	background: #144085;
	text-align: justify;
	color: Black;
	border: solid 1px #696969;
	padding: 3px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;	
	margin-bottom: 10px;
}



.caja1 {
	color: #fff;
	background: #0068B3;	
	font: 10pt  Verdana, Arial, Sans-Serif;	
	text-align: center;
	float:left;
	border: solid 1px #07162d;	
	margin-left:6px;
	margin-bottom:15px;
	width: 45%;
	min-height: 84px;
	
	
}
.caja2 {
	color: #fff;
	background: #0068B3;	
	font: 10pt  Verdana, Arial, Sans-Serif;	
	text-align: center;
	float:right;
	border: solid 1px #07162d;	
	margin-right:6px;	
	margin-bottom: 8px;
	width: 45%;
	min-height: 84px;	
	
}

.caja1  h1{
	color: #0068B3;
	background: #C4DBED;	
	font: 12pt  Verdana, Arial, Sans-Serif;	
	font-weight: bold;
	padding:3px;
	margin-top:0px;
}

.caja1  a{
	color: #0068B3;
	font: 12pt  Verdana, Arial, Sans-Serif;	
	font-weight: bold;
}

.caja2  a{
	color: #0068B3;
	font: 12pt  Verdana, Arial, Sans-Serif;	
	font-weight: bold;
}

.caja2  h1{
	color: #0068B3;
	background: #C4DBED;	
	font: 12pt  Verdana, Arial, Sans-Serif;	
	font-weight: bold;
	padding:3px;
	margin-top:0px;
}

.info {
	color: #fff;
	background: #0068B3;		
	font: 10pt  Verdana, Arial, Sans-Serif;	
	font-weight: normal;
	padding:5px;
	margin-top: -8px;

}

.infotxt {
	color: #fff;
	background: #transparent;		
	font: 10pt  Verdana, Arial, Sans-Serif;	
	font-weight: normal;
	text-align:left;
	padding:5px;

}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////      F O R M S       //////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.myinputstyle {
	border: 1px solid #FFFFFF;
	background: url(../images/bg_inputs.gif) repeat-x #FFFFFF;
	font-family: trebuchet ms, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
}

.mylabelstyle {
	font-family: trebuchet ms, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #033782;
}


.myinputstyle:hover {
	border: 1px solid #FFFFFF;
	background-image: url(none) no-repeat #FFFFFF;
	color: #454743;
}


.cssform p{
	width: 600px;
	clear: left;
	margin: 5px 0 5px 0;
	padding: 8px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 3%;
}

.cssform label{
	font-family: trebuchet ms, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #175f9c;
	float: left;
	width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	border: 1px solid #6b6d71;
	background: url(../images/bg_input.gif) repeat-x #FFFFFF;
	font-family: trebuchet ms, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
	width: 180px;
}

.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
	border: 1px solid #6b6d71;
	background: url(../images/bg_input.gif) repeat-x #FFFFFF;
	font-family: trebuchet ms, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
	width: 180px;
}

.cssform textarea{
	border: 1px solid #6b6d71;
	background: url(../images/bg_inputs.gif) repeat-x #FFFFFF;
	font-family: trebuchet ms, helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	width: 550px;
	height: 80px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#000;
	font-weight:bold;
	padding: 5px;
	margin-right: 10px;
	background:url(../images/bg_butform.gif) repeat-x left top;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////   C R M //////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;

}
td.bordeswithe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	border: 0.001em solid #FFFFFF;
	padding: 2px;
}
.bordesblack {
   border-left-color : #CCCCCC; 
   border-left-style : solid; 
   border-left-width : 1px; 
   border-bottom-color : #CCCCCC; 
   border-bottom-style : solid; 
   border-bottom-width : 1px; 

}


td.bordes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	background-color: #D5E3EC;
	border: 0.001em solid #FFFFFF;
	margin: auto;
	padding: 1px;
	height: auto;
	width: auto;
	vertical-align: middle;
	font-weight: bold;
}
.titulos1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #336699;
	text-indent: 4pt;
	text-decoration: none;
}
.titulos2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #669933;
	text-indent: 4pt;
	text-decoration: none;
	border: 1px solid #FFFFFF;
}
.subtitulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	font-style: normal;
}
.vermas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #006699;
	font-style: normal;

}
.menu {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-style: normal;
}

.menu a{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-style: normal;
}

.menu  a:hoover{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: underline;	
}

.vermasx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	color: #006699;
	font-style: normal;
	padding:2px 2px 2px 4px;

}
	
.border_left {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}

.border_right {
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
}


.borderform {
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;color:#666666;
	background-color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:160%;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 2px;
	padding: 2px;
	height: auto;
	width: 200px;
	border: 1px solid #CCCC99;
	background-color: #FFFFCC;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000066;
	text-decoration: none;
	background-color: #E1E8F2;

}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	background-color: #eeeeee;
	border: 1px solid #6699CC;

}

.inputsignup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	background-color: #eeeeee;
	border: 1px solid #6699CC;
	height: 1.7em;
	width: 9em;
}

.smallfonts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #111111;
}

a.smallfonts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #003399;
	text-decoration: none;
}

a.smallfonts:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #006666;
	text-decoration: none;
}

br {
	padding: 0px;
}

.separadorhorizn {
	background-image: url(images_tuning/separador_horiz.jpg);
	background-repeat: repeat-x;
	background-position: left;
}

.separadorhorizntitles {
	background-image: url(images_tuning/separador_horiz.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.fondocajas {
	background-image: url(images_tuning/fondo_cajas.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 0px 1px 1px 1px solid #6699CC;

}

select:hover {
	background-color:#fff;
}

input:hover {
	background-color:#fff;
}

input.borderform:focus {
	background: #fff;
	border: 1px solid #595959;
}

/* BUTTON */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////   Detalle Empresa ///////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.opciones  {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-style: normal;
}

.sidemenu {
	background: transparent;
	text-align: left;
	vertical-align: top;	
	border-right: 1px solid silver;
	float: left;

}			

.sidemenu ul {
	list-style: none;
	margin: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0;
}
			
.sidemenu li {
	margin: 0;
	padding: 8px;
	padding-left: 20px;
	list-style-type: none;
	display: block;
	border-bottom: 1px solid silver;
	color: #565656;
}

.sidemenu li a {
	color: #003366;
	text-decoration: none;
	padding: 2px 3px;
	display: block;
}

.sidemenu li a:hoover {
	color: Black;
	text-decoration: underline;
	padding: 2px 3px;
	display: block;
}

.empresa {
	color: #444444;
	text-align: justify;
	background: transparent;
	padding: 15px;
	padding-left: 4px;
	padding-left:8px;
	float: left;
	width: 70%;	
	position: absolute;
	left: 0%;		
}

.links {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #fff;
}

.framemenu {
	background: transparent;
	text-align: left;
	vertical-align: top;	
	border-right: 1px solid silver;
	float: left;
	width: 100%;

}			

.framemenu ul {
	list-style: none;
	margin: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0;
}
			
.framemenu li {
	margin: 0;
	padding: 8px;
	padding-left: 20px;
	list-style-type: none;
	display: block;
	border-bottom: 1px solid silver;
	color: #565656;
}

.framemenu li a {
	color: #003366;
	text-decoration: none;
	padding: 2px 3px;
}

.framemenu li a:hoover {
	color: Black;
	text-decoration: underline;
	padding: 2px 3px;
	display: block;
}

.mainframe {
	background: transparent;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;	
	color: #565656;	
	border-left: 1px solid silver;	
	text-align: left;
	float: left;
	padding: 4px;
	
}
.framecontent {
	background: transparent;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;	
	color: #565656;	
	text-align: left;	
	float: left;
	padding: 3px;
	margin: 4px;	
	width: 72%;	
	.width: 69%;		
}

.framextras{
	background: transparent;
	font-size: 9pt;
	font-style: normal;	
	color: #565656;	
	text-align: left;
	position: fixed;
		top: 3px;
		right: 0px;
	padding: 5px;	
	margin: 4px;
	width: 26%;	
	.width: 26%;		

}

.mainbox{
	background: White;
	text-align: left;
	color: Black;
	border: solid 1px #696969;
	padding: 3px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin-bottom: 10px;
}

.framextras h1{
	font-size: 10pt;
	font-style: normal;	
	color: #000;	
	margin-top: 0px;	
}

.fotoextra {
	margin: 4px;
	float: left;
	text-align: left;
	border: 1px solid silver;
}

.framebox{
	background: transparent;
	text-align: left;
	color: Black;	
	border: solid 1px #696969;	
	padding: 3px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin-bottom: 10px;
}

.boxextra{
	background: transparent;
	float: left;
	border-bottom: solid 1px #000;
	padding: 3px;
	width: 98%;
}

.boxextra ul {
	list-style: none;
	margin: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0;
}
.boxextra li {
	margin: 0;
	padding: 2px;
	list-style-type: none;
	display: block;
	border-bottom: 1px solid silver;
	color: #565656;
}

.boxextra li a {
	color: #003366;
	text-decoration: none;
	display: block;
}

.boxextra li a:hoover {
	color: Black;
	text-decoration: underline;
	display: block;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////   Compras por catalogo  //////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.avanzada {
	color: black;
	background: transparent;
	padding: 10px 5px 0px 20px;
	margin-bottom: 20px;
}
.avanzada  h2{
	font-size: 16px;
	padding-bottom: 1px;
}

 .car {
	vertical-align: bottom;
 }

.datosusuario
	{
		color: #000;
		text-align: right;
		float: right;
		font-size: 0.8em;
		position: absolute;
		top: 5px;
		right: 5px;
		padding-right: 5px;
	}
	.datosusuario h3
	{
		font-size: 1.8em;	
		margin-top: 0pt;
		font-weight: normal;
	}

.titulos1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #336699;
	text-indent: 4pt;
	text-decoration: none;
}
.titulos2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #669933;
	text-indent: 4pt;
	text-decoration: none;
	border: 1px solid #FFFFFF;
}
.subtitulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	font-style: normal;
}

.status_car{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	font-style: normal;
	
}

h2.titulocategory {
	
	margin-bottom: .5em;
	font-size: 12px;
	font-weight: bold; 
	color: #444444;
	margin-left: 5px;
	.margin-left:0;
	margin-bottom: 8px;
	
}

.category{
	
	padding-left: 5px;
	
	
}

li.category {
	font-size: 11px;
	list-style-type: none;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-left: 5px;
	margin-bottom: 5px;	
	.margin-bottom: 0px;	
	.margin-left:0;
	
}

.items {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: transparent;
	padding: 5px 5px 0px 8px;
	border-bottom: 1px solid #CCCCCC;
}

.items a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
}
.items a:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: Black;
	text-decoration: underline;
}

.detail {
	text-align: left;
}

.fotodetail {
	text-align: center;
	float: left;
	padding: 5px;
	width: 280px;
	margin: 4px;
}

.foto {
	margin: 4px;
}

.productdetail{
	float: left;
	line-height: 1.7em;
	padding-left: 20px;
	background: transparent;
	width: 69%;
	padding-bottom: 20px;
}

.precio{
	color: #11A6D4;
	font-size: 1.4em;
}

.detalles {
	margin-top: 10px;
}

.detalles h2{
	margin-bottom: .5em;
	font-size: 1.4em;
	font-weight: bold;
}
.detalles h3{
	color: #343434;
	margin-bottom: .5em;
	font-size: 1.3em;
	font-weight: bold	
}
.productos	 {
	background: transparent;
	padding: 5px;
	line-height: 1.5em;
	margin: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	display: inline-block;
	width: 21%;
	text-align: center;	
	float: left;
}

.imagenes {
	background-color: transparent;
	float: left;
}

.galeria {
	background-color: transparent;
	padding: 5px;
	float: left;
}

.galeria  img{
	border: 1px solid #343434;
}

.paginador {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: black;
	font-style: normal;
}

.carrito{
	background: transparent;
	vertical-align: baseline;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 99%;
}

.carritobox {
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-size: 9pt;
	background: White;
	text-align: left;
	color: Black;
	border: solid 1px #696969;
	padding-bottom: 4px;
	margin: 5px;
	margin-bottom: 10px;
}

.carritoclient {
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	background: transparent;
	float: left;
	padding-left: 5px;
}


.carritotcuenta {
	background: transparent;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
}

.carritotitle {
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-size: 9pt;
	color: White;
	font-weight: bold;
	background: Gray;
} 

.carritobar{
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	background: #3e3e3e;
}

.carritosubtitle {
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-size: 9pt;
	background: #D3D3D3;
	font-weight: bold;
	margin-top: 10px;
}

.carritoalternate {
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-size: 9pt;
	background: #f5f4f7;
}

.carritoedit {
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-size: 9pt;
	background: #d6e3f9;
}

.carritodelete {
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-size: 9pt;
	background: #fac0c2;
}

.carritototal{
	font: verdana,trebuchet,"Lucida Sans Unicode",sans-serif,arial ;
	font-size: 10pt;
	font-weight: bold;	
	background: transparent;
	float: left;
	margin-top: 10px;	
	margin-bottom: 20px;
}
.colleft{
	padding-left: 3px;

}

.categorias{
	background: transparent;
	color: black;
	font: 8pt  Verdana, Arial, Sans-Serif;
	text-align: left;
	float: left;
}
           
.categorias h1{
	color: #0094dc;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 2px;
	margin-top: 1px;	
}
.categorias h2{
	color: #444444;
	font: Trebuchet, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 10pt;
	margin: 10px;	
}

.categorias a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
}
.categorias a:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: Black;
	text-decoration: underline;
}

.categorias ul {
	list-style: none;
	padding: 0;
}
			
.categorias li {
	margin: 0;
	padding-left: 5px;
	.padding-left: 0px;	
	padding-bottom: 7px;	
	list-style-type: none;
	display: block;
	color: #565656;
}

.categorias li a {
	color: #003366;
	text-decoration: none;
	display: block;
}

.categorias li a:hoover {
	color: Black;
	text-decoration: underline;
	display: block;
}