/*************************************************************
ESTILOS PARA ROTAR IMAGENES
*************************************************************/
@import url('../css/menu.css');
.rotarImagenes{
	position:relative;
	margin:auto;
	margin:0px;
	padding:0px;
	width:330px;
	height:100px;
}

.rotarImagenes img{
	display:none;
	position:absolute;
	top:0; left:0;
}
/*************************************************************
TERMINAN ESTILOS PARA ROTAR IMAGENES
*************************************************************/


/*************************************************************

/*************************************************************
ESTILOS PARA LOS FORMULARIOS
*************************************************************/
container {padding:20px;}

input, textarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#404040;
}
label {
	padding-left:2px;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#999;
}
label.chosen {color:#444;}

.outtaHere {
	position:absolute;
	left:-3000px;
}

.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../images/form_images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/form_images/radio.gif) no-repeat left bottom;}

.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:15px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(../images/form_images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/form_images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

.textinput, .textinputHovered {
	height:15px;
	background:url(../images/form_images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

.txtarea .tr, .txtarea .tr_xon {background:url(../images/form_images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/form_images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/form_images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/form_images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/form_images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/form_images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/form_images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/form_images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

.selectArea {
	width:120px;
	height:21px;
	background:url(../images/form_images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/form_images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/form_images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:120px;
	height:21px;
	margin-left:-99px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:120px;
	color:#585858;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:20px;
	width:120px;
	background:#C3C3C3;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #C3C3C3;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:24px;
	color:#585858;
	font-weight:bold;
	padding:2px;
	background:url(../images/form_images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}
/*************************************************************
TERMINA ESTILOS PARA LOS FORMULARIOS
*************************************************************/

/*************************************************************
TERMINAN ESTILOS DEL ARCHIVO css/global.css
*************************************************************/
html, body{
	padding:0;
	margin:0;
	background:#45484d url(../images/bg.jpg) repeat-x 0 0;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#444444;
	}
	
a, a:visited, a:active{
	color:#444444;
	border-bottom:1px dotted #585858;
	text-decoration:none;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
}

a:hover{
	color:#00005A;
	text-decoration:none;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #00005A;
}

img{
	border:none;
}
	
#pagewidth{
	padding:0;
	margin:0 auto 0 auto;
	width:918px;
	background-color:#45484D;
	}
	
#header{
	background:url(../images/header_bg.jpg) no-repeat 0 0;

	
	width:918px;
	height:167px;
	}
	
#wrapper{
	width:874px;
	padding:0 22px 20px 22px;
	background-color:#fff;
	}


.nav{
	float:left;
	width:72px;
	}
	
.nav ul, .otros ul, .soporte ul, .promo ul{
	padding:0;
	margin:0;
	list-style:none;
	}
	
.nav ul li, .otros ul li, .soporte ul li, .promo ul li{
	text-align:center;
	}
	
.nav ul li a:link, .otros ul li a:link, .soporte ul li a:link, .promo ul li a:link, .nav ul li a:visited, .otros ul li a:visited, .soporte ul li a:visited, .promo ul li a:visited{
	background:url(../images/menu_bg.gif) repeat-x 0 0;
	/*background-color:#454545;*/
	text-decoration:none;
	color:#fff;
	display:block;
	padding:15px 0 0 0;
	height:28px;
	border-left:1px solid #FFFFFF;
	border-bottom:none;
	}
	
.nav ul li a:hover, .otros ul li a:hover, .soporte ul li a:hover, .promo ul li a:hover, .promo ul li a:hover{
	background:url(../images/nav_hover_bg.gif) repeat-x 0 0;
	border-left:1px solid #fff;
	}

/*Highlighting menu*/	

#homepage #home_b a{
	background:url(../images/first_nav_hover.gif) no-repeat 0 0;
	color:#FFF;
	}
#header_big{
	background:url(../images/big_header.jpg) no-repeat 0 0;
	width:369px;
	height:114px;
	padding:142px 428px 0 76px;
	color:#fff;
	}
	
#bodyarea{
	padding:18px 0 0 0;
	margin:0;
	}
	
#bodyarea_left{
	float:left;
	width:171px;
	padding:0 0 0 8px;
	}
	
#bodyarea_right{
	float:right;
	width:685px;
	}

.bold_text{
	font-weight:bold;
	color:#000;
	}
	
input{
	padding:0;
	margin:0;
	}	

.domain_main{
	padding:5px 0 0 0;
	}
	
.domain_left{
	float:left;
	width:50px;
	}
	
.domain_middle{
	float:left;
	width:70px;
	}
	
.domain_right{
	float:right;
	width:50px;
	}

#whats_new{
	padding:25px 0 0 0;
	color:#302e32;
	}
	
h1{
	padding:0 0 10px 0;
	margin:0
	}
	
h2{
	padding:0 0 3px 0;
	margin:0;
	color:#00005A;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
#rightbox{
	padding:0;
	margin:0;
	}
	
#rightbox_header{
	background:url(../images/rightbox_header.jpg) no-repeat 0 0;
	width:687px;
	height:12px;
	}
	
#rightbox_middile{
	background:#f7f6e8 url(../images/rightbox_bg.jpg) repeat-x 0 0;
	border-left:1px solid #d2cb99;
	border-right:1px solid #d2cb99;
	width:655px;
	padding:10px 15px 0 15px;
	}
	
#rightbox_footer{
	background:url(../images/rightbox_footer.jpg) no-repeat 0 0;
	width:687px;
	height:12px;
	}
	
#rightbox_left{
	width:205px;
	float:left;
	}
	
#rightbox_centre{
	width:205px;
	float:left;
	margin:0 0 0 20px;
	}
	
#rightbox_right{
	width:205px;
	float:right;
	margin:0 0 0 20px;
	}
	
.right_heading{
	padding:0;
	}
	
.right_icon{
	float:left;
	width:80px;
	}
	
.right_content{
	float:right;
	width:115px;
	line-height:120%;
	padding:10px 0 0 0;
	}
	
#content_area{
	padding:28px 0 0 0;
	}

#content_left{
	float:left;
	width:455px;
	}
	
#content_right{
	float:right;
	width:200px;
	}
	
.testimonial_right{
	float:right;
	width:320px;
	}
	
#content_right ul{
	padding:0 0 0 18px;
	margin:0;
	list-style:url(../images/bullet.jpg);
	}
	
#content_right ul li{
	padding:0 0 10px 0;
	margin:0;
	}
	
#content_right ul li a:link, #content_right ul li a:visited{
	text-decoration:none;
	color:#000;
	}
	
#content_right ul li a:hover{
	text-decoration:underline;
	}

#footer{
	padding:0;
	background-color:#45484D;
	}
	
#footer_left{
	background:url(../images/footer_left.jpg) no-repeat 0 0;
	width:30px;
	height:142px;
	float:left;
	}
	
#footer_middle{
	background-color:#45484D;
	background:url(../images/footer_bg.jpg) repeat-x 0 0;
	width:850px;
	height:160px;
	float:left;
	padding:10px 0 0 0;
	text-align:center;
	}
	
#footer_right{
	float:right;
	background:url(../images/footer_right.jpg) no-repeat 0 0;
	width:38px;
	height:142px;
	}
	
#copyright{
	padding:35px 0 0 0;
	color:#fff;
	}
	
#copyright_left{
	float:left;
	}
	
#copyright_right{
	float:right;
	}
	
#copyright a:link, #copyright a:visited{
	text-decoration:none;
	color:#fff;
	}
	
#copyright a:hover{
	border-bottom:1px dotted #FFF;
	color:#fff;
	}
	
#banner_rotativo{
	padding:0px 0 0 0;
	color:#302e32;
	}
	
#div_general{
	padding:10px 0 0 0;
	color:#302e32;
	}

/*************************************************************
TERMINAN ESTILOS DEL ARCHIVO css/global.css
*************************************************************/

/*************************************************************
ESTILOS DEL ARCHIVO css/estilos.css
*************************************************************/
.div_contenedor{
	background-color:#EEEEEE;
	padding: 5px;
}

.div_contenido{
	background-color:#FFFFFF;
	border-color:#DDDDDD;
	border-style:solid;
	border-width: 1px;
	padding: 5px;
}

.img_border{border:1px solid #DDDDDD;}
a img.img_border {border:1px solid #DDDDDD;}
a:hover img.img_border {border: 1px solid #ACA2AA;}

.div_opciones{
	margin-top: 12px;
}

.spam_next{
	color: #455800;
	font-weight: bold;
}

.link_bred{
	text-decoration:none;
	color:#000058;
}

.celda_izq{
	padding: 3px;
	border-left:#DDDDDD dashed 1px;
	border-bottom:#DDDDDD dashed 1px; 
}

.celda_der{
	padding: 3px;
	border-bottom:#DDDDDD dashed 1px; 
}

.div_contenedor_promo{
	background-color:#000059;
	padding: 2px;
}

.div_contenido_promo{
	background-color:#FFFFFF;
	border-color:#fff; 
	border-style:solid;
	border-width: 1px;
	padding: 0px;
	margin:0px;
	font-size:12px;
}

.celda_titulo_01{
	padding:3px;
	background-color:#FFFFFF;
	border-bottom-color:#E6E6E6;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background:url(../images/bg-gradient.gif) repeat-x 0 0;
	border-left-color:#E6E6E6;
	border-left-style:solid;
	border-left-width:1px;
}

.celda_02{
	padding:3px;
	background-color:#FFFFFF;
	border-bottom-color:#E6E6E6;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-right-color:#E6E6E6;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color:#E6E6E6;
	border-left-style:solid;
	border-left-width:1px;
}

.celda_01{
	padding:3px;
	background-color:#FFFFFF;
	border-bottom-color:#E6E6E6;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#E6E6E6;
	border-left-style:solid;
	border-left-width:1px;
}

.celda_titulo_02{
	padding:3px;
	background-color:#FFFFFF;
	border-bottom-color:#E6E6E6;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background:url(../images/bg-gradient.gif) repeat-x 0 0;
	border-right-color:#E6E6E6;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color:#E6E6E6;
	border-left-style:solid;
	border-left-width:1px;
}

.celda_03{
	padding:3px;
	background-color:#FFFFFF;
	border-bottom-color:#E6E6E6;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#E6E6E6;
	border-left-style:solid;
	border-left-width:1px;
}

.celda_04{
	padding:3px;
	background-color:#FFFFFF;
	border-bottom-color:#E6E6E6;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-right-color:#E6E6E6;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color:#E6E6E6;
	border-left-style:solid;
	border-left-width:1px;
}

.div_tabla_ext{
	background-color:#EEEEEE;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
}

.div_tabla_int{
	background: #FFFFFF;
	margin:5px;
}

.div_tabla_sep{
	background-color:#EEEEEE;
	height:5px;;
}

.lbl_titulo{
	color:#585858;
	font-size:12px;
	font-weight: bold;
}

.text_verde{
	font-size:11px;
	color:#585858;
}

.link_01:link, .link_01:visited, .link_01:active{
	color:#585858;
	text-decoration:none;
	font-weight:bold;
}

.link_01:hover{
	color:#00005A;
	text-decoration:underline;
	font-weight:bold;
}

/*MENU HORIZONTAL PARA LA PABINA DE DISTRIBUIDORES*/
/**************************************************/
.celda_distribuidores{
	border: 1px solid #DDDDDD;
	padding: 15px;
	border-top:none;
	background-color:#FAFAFA;
}

.menuh {
	cursor:pointer;
}

.menuh ul, li {
	list-style-type: none;
}

.menuh ul {
	margin: 0;
	padding: 0;
}

.menuh a {
	text-decoration: none;
	color: #444444;
	background:url(../images/gradient-b.gif);
	display: block;
	padding: 3px 0px;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-width: 1px 1px 1px 0;
	width:125px;
}


.menuh a.primero {
	border-left: 1px solid #DDDDDD;
	background:url(../images/gradient-b.gif);
}

.menuh a:hover {
	background:url(../images/bg-gradient.gif);
	color:#000059;
}

.menuh a.menu2 {
	text-decoration: none;
	color: #000059;
	background:url(../images/bg-gradient.gif);
	display: block;
	padding: 3px 0px;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-bottom:1px solid #FAFAFA;
	border-width: 1px 1px 1px 0;
	width:125px;
	border-left:1px solid #DDDDDD;
}
/**************************************************/

/*ESTILO DE LA LISTA DE TESTIMONIOS*/
.div_testimonios{
	border-bottom:1px solid #DDDDDD;
	padding:5px;
	padding-top:10px;
}

.div_testimonios02{
	padding:5px;
	border-bottom: 1px solid #DDDDDD;
}
/**************************************************/

.div_error_ext{
	border:1px solid #FFCC33;
	background-color: #FFFFCC;
	padding:2px;
	color: #999999;
	font-size:11px;
}

.div_error_int{
	border:1px solid #FFCC33;
	background-color:#FFF;
	padding:5px;
	color: #999999;
	font-size:11px;
}

.div_alert_ext{
	border:1px solid #AC1F0D;
	background-color: #DD7A23;
	padding:2px;
	color: #999999;
	font-size:11px;
}

.div_alert_int{
	border:1px solid #AC1F0D;
	background-color:#FFF;
	padding:5px;
	color: #999999;
	font-size:11px;
}

.div_acept_ext{
	border:1px solid #5DA336;
	background-color: #9AC361;
	padding:2px;
	color: #999999;
	font-size:11px;
}

.div_acept_int{
	border:1px solid #5DA336;
	background-color:#FFF;
	padding:5px;
	color: #999999;
	font-size:11px;
}

select {
	border: 1px solid #999999;
	background-color:#F6F6F6;
	color: #404040;
}

.lista_bullet{
	list-style-image:url(../images/bullet.jpg);
	margin:0px;
	padding:0px;
	padding-left:20px;
}

.lista_bullet li{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

a.breadcrum:link, a.breadcrum:visited, a.breadcrum:active{
	color:#585858;
	text-decoration:none;
	border-bottom:none;
}

a.breadcrum:hover{
	color:#00005A;
	text-decoration:underline;
	border-bottom:none;
}

a.imagen:link, a.imagen:visited, a.imagen:active, a.imagen:hover{
	text-decoration:none;
	border-bottom:none;
}

/****MENU VERTICAL****/
#idList {
	margin: 0;
	padding: 0;
}
 
#idList li {
	display: block;
	margin: 0;
	padding: 6px;
	width: 150px;
	background-color: #2B2B2B;
	border-bottom:1px solid #fff;
}

a.sub_menu:link, a.sub_menu:visited, a.sub_menu:active, a.sub_menu:hover{
	color: #fff;
	border-bottom:none;
}
/******************************/

.span_azul{
	color:#00005A;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.medium_text{
	font-size:12px;
}

.highlight_text{
	font-size:14px;
	font-weight:bold;
}

/***********************************/
.input_text{
	border:1px solid #999999; 
	background-color:#F6F6F6;
	height:14px;
	font-size:12px;
	vertical-align:text-bottom;
	padding:2px;
}

/***********************************/

.lista_normal li{
	list-style:url(../images/bullet.jpg);
	margin-top:5px;
}

.lista_normal li ul li{
	list-style:url(../images/bullet.jpg);
	margin-top:5px;
}
/*************************************************************
TERMINAN ESTILOS DEL ARCHIVO css/estilos.css
*************************************************************/

div.msg-error{
	border:4px solid #D02626;
	color:#D42520;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	width:90%;
	text-align:center;
/*	font-weight:bold;	*/
	margin-top:5px;
	margin-bottom:5px;
}