/* COMIENZO ESTILOS PARA EL LOGIN */
#cont_gral_login {
	width: 500px;
	height:	440px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	background: url(imagenes/bg_login.png) no-repeat;
	cursor: pointer;
	margin-top: -220px;
	margin-left: -250px;

}
#tit_login {
	width: 500px;
	height: 53px;
	float:left;
	background-image:url(imagenes/tit_login.png);
	background-position:center;
	background-repeat:no-repeat;
	margin: 30px 0 40px 0;
}

/*cont_selector_login_0: muestra los dos selectores */
#cont_selector1_login_0 {
	width:420px;
	height:41px;
	float:left;
	padding-left:80px;
	padding-top: 19px;
	margin: 0 0 30px 0;
	background: url(imagenes/tit_origen_login.png) no-repeat 140px 0px;
}
#cont_selector2_login_0 {
	width:420px;
	height:41px;
	float:left;
	padding-left:80px;
	padding-top: 19px;
	background: url(imagenes/tit_dest_login.png) no-repeat 140px 0px;
}

/*cont_selector_login_3: muestra solamente el selector de arriba */
#cont_selector1_login_3 {
	width:420px;
	height:41px;
	float:left;
	padding-left:80px;
	padding-top: 19px;
	margin: 40px 0 50px 0;
	background: url(imagenes/tit_origen_login.png) no-repeat 140px 0px;
	
}
#cont_selector2_login_3 {
	display:none;
}

/*cont_selector_login_6: muestra solamente el selector de abajo */
#cont_selector1_login_6 {
	display:none;
	
}
#cont_selector2_login_6 {
	width:420px;
	height:41px;
	float:left;
	padding-left:80px;
	padding-top: 19px;
	margin: 40px 0 50px 0;
	background: url(imagenes/tit_dest_login.png) no-repeat 140px 0px;
}


.margin_bandera_login {
	float: left;
	margin: 7px 10px 0 0;
}
.margin_btn_login {
	margin: 40px 0 0 180px;
	}
.txt_login {
	font-size:13px;
	color:#FFF;
	margin: 60px 0 0 0;
	text-align: center;
	line-height: 14px;
}
/* FIN ESTILOS PARA EL LOGIN */

/* COMIENZO ESTILOS PARA LA INSTANCIA DE GRACIAS */
#cont_gral_gracias_new{
	width: 640px;
	background:url(../default/imagenes/bg_gracias.png) no-repeat 5px 5px;	
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	margin-top: -260px;
	margin-left: -295px;
}


#cont_gral_gracias_bottom{
	text-align: center;
    width: 590px;
	padding: 0 25px 0 35px;
}

.tit_gracias2{
    height: 58px;
	width: 630px;
	margin-top: 30px;
	margin-left: 26px;
}
#cont_verificacion_datos_gracias {
	background:url("../default/imagenes/bg_verificacion_datos_gracias.png") repeat scroll 0 0 transparent;
	float:left;
	height:200px;
	margin:7px 0 0;
	padding:20px 0 0;
	text-align:center;
	width:575px;
}
#cont_datos_gracias {
	width:299px;
	height:60px;
	background:url(../default/imagenes/bg_datos_confirmacion_gracias.jpg) no-repeat;
	margin: 20px auto 20px auto;
	padding: 10px 15px 10px 90px;
	font-size: 14px;
	color: #333;
}
#cont_img_bottom1_gracias_new{
	float:left;
	height:313px;
	margin-top:10px;
	margin-left: 8px;
	width:274px;
}

#cont_img_bottom1_gracias_new_2 {
	float:left;
	height:313px;
	margin-top:10px;
	margin-left: 9px;
	width:274px;
}

#cont_img_bottom2_gracias2 {
	float:left;
	margin:60px 0;
	width:575px;
}
/* FIN ESTILOS PARA LA INSTANCIA DE GRACIAS */


/* COMIENZO ESTILOS PARA LA INSTANCIA DE MODIFICACION */
#cont_gral_modificacion {
	width:366px;
	height:504px;
	float:left;
	background:url(imagenes/bg_modificacion.png);
	padding: 0 0 0 75px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	margin-top: -252px;
	margin-left: -183px;
}
#boton_cerrar_modificacion {
	width:30px;
	height:30px;
	float:left;
	padding:0 0 0 335px;
	margin: 0 0 50px 0;
}
#modificar {
	width:280px;
	height:52px;
	float:left;
	padding-top: 28px;
	text-align:center;
	}
/* FIN ESTILOS PARA LA INSTANCIA DE MODIFICACION */



body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
}
.body_landing {
	background: #F17F01 url(imagenes/background.jpg) repeat-x;
}
a, input {
	outline:none;
	text-decoration: none;
	margin: 0px;
}
.bold_naranja {
	color: #FF6C00;
}
/*************** COMIENZO ESTILOS PARA TELÓN Y SELECTOR DE ORIGEN Y DESTINO**************/
#mostrarDiv {
	background-color: #FF9000;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0%;
	top: 0%;
	filter: Alpha(Opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
	z-index: 1;
}

.styled {
	width: 280px;
	opacity: 0;
	background-color: #FFFEFB;
}
span.select {
	position: absolute;
	width: 280px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 42px;
	padding: 12px 5px 0px 10px;
	color: #000;
	background: url(imagenes/campo_estados.png) no-repeat;
	overflow: hidden;
	font-size: 15px;
	float: left;
}
.wraper {
	clear: both;
	float: none;
}

form {
	margin: 0px;
	float: left;
}

h1 {
	font-size: 34px;
	font-weight: bold;
	margin: 0px;
	color: #FF1900;
	}
.tit_landing {
	width: 600px;
	float: left;
	height: 30px;
	background: url(imagenes/llamadas-internacionales-ilimitadas.png) no-repeat;
	margin: 0 0 30px 0;
}
h2 {
	font-size: 34px;
	font-weight: bold;
	margin: 0px;
	color: #FF1900;
	}
.tit_form {
	width: 280px;
	float: left;
	height: 40px;
	background: url(imagenes/prueba-gratis.png) -23px;
}
p {
	font-size: 13px;
	color: #333;
	margin: 0px;
}
a {
	outline:none;
	text-decoration: none;
	margin: 0px;
}
.center {
	text-align: center;
}
a:link {
	color:  #FF8001;
	text-decoration:none;
}
a:hover {
color:  #333333;
text-decoration:none;
}
.altern:link {
	color:  #FFF;
	text-decoration:none;
}
.altern:hover {
color:  #333333;
text-decoration:none;
}
#cont_gral {
	width: 600px;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
}
#head {
	width: 600px;
	float: left;
	height: 50px;
	/*background: url(imagenes/head.png) no-repeat 25px;*/
}
.margin_banderas_head {
	margin: 0 0 0 5px;
}

#cont_banderas {
	width: 600px;
	float: left;
	height: 21px;
	text-align: right;
	padding: 27px 0 27px 0;
}
#col_izq {
	width:300px;
	float:left;
	padding: 40px 0 0 0;
}
#col_der {
	width:280px;
	float:left;
	padding: 0 0 0 20px;
}
.txt_ayuda_tels {
	font-size: 10px;
	color: #000;
}
.txt_tit_campo {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

#cont_bajada_form {
	width:280px;
	height:40px;
	float:left;
}
#cont_label_campo {
	float: left;
	height: 20px;
	width: 265px;
	padding: 0px 0px 0px 15px;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	margin: 9px 0 0 0;
}

#areacode {
	background: transparent url(imagenes/campo_cod_pais.png) no-repeat;
	float: left;
	height: 30px;
	width: 50px;
	border: 0px;
	font-size: 15px;
	text-align: center;
	padding: 12px 5px 0px 5px;
	margin: 0px;
	color: #000;
}
#ctca {
	background: transparent url(imagenes/campo_cod_pais.png) no-repeat;
	float: left;
	height: 30px;
	width: 45px;
	border: 0px;
	font-size: 15px;
	padding: 12px 5px 0px 10px;
	margin: 0px;
	text-align: center;
}

#number {
	background: transparent url(imagenes/campo_num_tel.png) no-repeat;
	float: right;
	height: 30px;
	width: 125px;
	border: 0px;
	font-size: 15px;
	padding: 12px 5px 0px 10px;
	margin: 0px;
}
.input_nombre {
	background: transparent url(imagenes/campo_nombre.png) no-repeat;
	float: left;
	height: 30px;
	width: 265px;
	border: 0px;
	font-size: 15px;
	padding: 12px 5px 0px 10px;
}
#nombre {
	background: transparent url(imagenes/campo_nombre.png) no-repeat;
	float: left;
	height: 30px;
	width: 265px;
	border: 0px;
	font-size: 15px;
	padding: 12px 5px 0px 10px;
}
#email {
	background: transparent url(imagenes/campo_nombre.png) no-repeat;
	float: left;
	height: 30px;
	width: 265px;
	border: 0px;
	font-size: 15px;
	padding: 12px 5px 0px 10px;
}
#cont_tel, #cont_nombre, #cont_email, #cont_estados {
	width:280px;
	float:left;
}
#estado {
	display:block;
	width:280px;
	padding-top:19px;
}
#cont_como_funciona {
	width: 300px;
	height: 340px;
	float: left;
	background-image: url(imagenes/bg_como_funciona.png);
}
#como_funciona_titulo1 {
	float: left;
	height: 20px;
	width: 265px;
	font-size: 13px;
	padding: 0 0 0 35px;
	margin: 45px 0 0 0;
}
#como_funciona_titulo2 {
	float: left;
	height: 20px;
	width: 265px;
	font-size: 13px;
	padding: 0 0 0 35px;
	margin: 17px 0 0 0;
}
#como_funciona_paso1 {
	height: 80px;
	width: 160px;
	float: left;
	margin-top: 13px;
	padding: 0 44px 0 96px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	line-height: 15px;
}
#como_funciona_paso2 {
	height: 70px;
	width: 160px;
	float: left;
	margin-top: 24px;
	padding: 0 44px 0 22px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	line-height: 14px;
}
/* FIN ESTILOS PARA LA VALIDACION DE CAMPOS */
#div_link_explicativo {
	width: 300px;
	height: 30px;
	float: left;
	display: block;
}

#enviar {
	width:280px;
	height:53px;
	float:left;
	padding-top: 28px;
	}
#footer {
	width:600px;
	height:100px;
	float:left;
	margin-top: 170px;
	text-align: center;
	}
.txt_footer01 {
	font-size: 13px;
	color: #FFE592;
	text-align: center;
}
.keywords_footer {
	font-size: 10px;
	color: #FFE592;
	line-height: 10px;
	text-align: justify;
	margin: 0 0 20px 0px;
}
#cont_logos_redes {
	float: left;
	height: 20px;
	width: 600px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 0 20px 0;
}
.margin_logos_footer {
	margin: 0 10px 0 10px;
}

/* COMIENZO DE ESTILOS PARA LA CONFIRMACION DE DATOS */
#cont_gral_confirmacion {
	width: 390px;
	height:500px;
	text-align: left;
	z-index: 4;
	background-image: url(imagenes/bg_modificacion.png);
	padding: 0 0 0 60px;
	top: 50%;
	left: 50%;
	margin-left: -195px;
	margin-top: -250px;
	position: absolute;
	background-repeat: no-repeat;
}

/* FIN DE ESTILOS PARA LA CONFIRMACION DE DATOS */
#btn_modificar {
	width:280px;
	height:53px;
	padding-top: 28px;
	float: left;
	text-align: center;
}


#tooltip {
	position: absolute;
	z-index: 5010;
	width:240px;
	font-size:12px;
	background-color:#FFF;
	border:#807e7f 1px solid;
	padding:10px;
	left: 0px;
	top: 0px;
	display:none;
	line-height: 14px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}
#tooltip_posicion {
	font-size:2px;
	}
#telefonos {
	width:0px;
	height:0px;
	border:0px;
	background-color:#ffe78f;
	font-size:0px;
	padding: 0px;
	margin: 0px;
}
/************ COMIENZO ESTILOS PARA LA VALIDACION DE CAMPOS *****************/
.formError {
position:absolute;
top:300px;
left:300px;
padding-bottom:13px;
display:block;
z-index:5000;
}
.ajaxSubmit{ 
padding:20px;
background:#55ea55;
border:1px solid #999;
display:none
}
.formError .formErrorContent {
width:100%; 
background:#ee0101;
font-size:10px;
color:#fff;
font-weight:bold;
width:auto;
font-size:11px;
border:1px solid #ddd;
padding:1px 5px 1px 5px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {
background:#5290B1;
/*width: 25px;*/
}
.blackPopup .formErrorContent {
background:#393939;
color:#FFF;
}
/*************** FIN ESTILOS PARA LA VALIDACION DE CAMPOS *******************/
#cont_error {
	width: 500px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5011;
	margin-top: -100px;
	margin-left: -250px;
}
#cont_video_explicacion {
	height: 470px;
	width: 650px;
	background-image:url(imagenes/bg_video_explicacion.png);
	padding:0px 30px 34px 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5011;
	margin-top: -235px;
	margin-left: -325px;
	background-repeat:no-repeat;
}
.posicionar_video {
	margin-top:0px;
	margin-right:30px;
	margin-bottom:0px;
	margin-left:20px;
	float:left;

}
#boton_cerrar_div_video_explicacion {
	width:650px;
	height:30px;
	float:left;
}
#cont_confirmacion {
	background-image: url(imagenes/confirmacion.png);
	height: 30px;
	width: 500px;
	margin-left: -250px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: -15px;
	top: 30%;
	left: 50%;
	position: absolute;
	z-index: 5012;
	padding-top: 270px;
	text-align: center;
}
#boton_cerrar_div_modificacion {
	width:390px;
	height:30px;
	float:left;
	margin-bottom: 50px;
}
#cont_popup {
	float: left;
	height: 410px;
	width: 640px;
}

#cont_img_bottom2_gracias p {
	color:#666666;
	font-family:tahoma;
	font-weight:bolder;
	text-align:left;
}

.mailConfirm{
     height: 10px;
	 width: 530px;
	 margin-left: 20px;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 /*background-image: url(imagenes/bkg-naranja.jpg);*/
	 background-repeat:no-repeat;
	 color: #ffffff; 
	 font-weight:bolder; 
	 font-size:11px;
	 line-height: 20px;
}

.bold_amarillo{
	color: #F8FE00 !important;
	text-decoration: underline !important;
	font-weight: bold;
}

#chatBox{
	margin-left: 8px;
	margin-top: 340px;
	width: 557px;
	height: 47px;
}

#helptooltip1, #helptooltip2, #helptooltip3{
	width: 290px;
	height: 80px;
	z-index: 999;
	display: none;
	position: absolute;
}

#helptooltip1 img, #helptooltip2 img, #helptooltip3 img{
	margin-left: 20px;
	margin-top: 20px;
	float: left;

}

#helptooltip1 a, #helptooltip2 a, #helptooltip3 a{
	display: block;
	color: #00CCFF;
	text-decoration: none;
	margin-left: 70px;
    font-size: 10px;
	width: 200px;
	text-align: center;
	font-weight: bold;
}

.white-tooltip{
    margin-top: 10px;
	color: #FFFFFF;
    font-size: 12px;
	width: 190px;
	margin-left: 70px;
	text-align: center;
	font-weight: bold;
}

.white-tooltip-small{
	color: #FFFFFF;
    font-size: 10px;
	width: 190px;
	margin-left: 70px;
	text-align: center;
	font-weight: bold;
}


#helptooltip1{
	background-image: url(imagenes/tooltip1.png);
}

#helptooltip2{
	background-image: url(imagenes/tooltip2.png);
}

#helptooltip3{
	background-image: url(imagenes/tooltip3.png);
}

#video_como_funciona{
	width: 270px;
	height: 180px;
	margin-top: 36px;
	margin-left: 16px;
}
#iframeSlide{
	width: 610px;
	height: 360px;
	margin-left: 10px;
	margin-top: 10px;
}

/*ESTILOS DE LA AYUDA DE CODIGO DE AREA*/

.txt1 {
    margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

#cont_ayuda_area {
	height: 338px;
	width: 546px;
	background-image:url(imagenes/bg_area_help.png);
	padding:0px 30px 34px 0px;
	position: absolute;
	z-index: 5011;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -278px;
	background-repeat:no-repeat;
}

.helpHeader{
	margin-left: 35px;
}

.formHelp{
	margin-left: 30px;
}

.formHelp select{
	width: 270px;
}