@charset "utf-8";
/* COMIENZO ESTILOS GRALES*/
body {
	margin: 0px;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	background-color: #FFF;
	background-image: url(imagenes/bg_header_generico.jpg);
	background-repeat:repeat-x;
}
a {
	outline:none;
	text-decoration: none;
	margin: 0px;
}
a:link {
	color: #0087DD;
	text-decoration:none;
	font-weight: bold;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color: #06A;
	text-decoration:underline;
	font-weight: bold;
}
input {
	outline:none;
	margin: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	font-size: 18px;
	color: #666666;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.txt_12px_negro {
	font-size: 12px;
	color: #282828;
}
.txt_13px_gris {
	font-size: 13px;
	color: #333;
}
.txt_ayuda_telefonos {
	font-size: 11px;
	color: #666;
	text-indent: 3px;
}
.rojo {
	color: #D90000;
	font-weight: bold;
	font-size: 12px;
}
form {
	margin: 0px;
	padding: 0px;
}
p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bold {
	font-weight: bold;
	color: #666666;
}
.align_left {
	float: left;
}
.naranja {
	color: #F56400;
}
.azul {
	color: #2075D2;
}
.celeste {
	color: #3Ab7E5;
}
.violeta {
	color: #C04C93;
}





.wraper {
	clear: both;
	float: none;
}
#mostrarDiv {
	background-color: #EDEDED;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0%;
	top: 0%;
	filter: Alpha(Opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
	z-index: 998;
}
/* FIN ESTILOS GRALES*/

/* COMIENZO ESTILOS PARA ACCORDIAN */
#basic-accordian{
	width:550px;
	z-index:2;
	font-size: 12px;
	float: left;
}

.accordion_headings{
	cursor:pointer;
	height: 15px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(imagenes/bg_accordion01.png);
	margin-bottom: 4px;
}

.accordion_headings:hover{
	background-image: url(imagenes/bg_accordion02.png);
}

.accordion_child{
	padding:15px;
	background-color: #FFFFFF;
}

.header_highlight{
	color: #333;
	background-image: url(imagenes/bg_accordion02.png);
}
/* FIN ESTILOS PARA ACCORDIAN */

/* COMIENZO ESTILOS PARA INPUTS Y SELECTS */
.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_select.png) no-repeat;
	overflow: hidden;
	font-size: 15px;
	float: left;
	text-align:left;

}
select {
	width:290px;
	height:30px;
	background-image:url(imagenes/flags/bandera_.jpg);
	background-repeat:no-repeat;
	padding-left:50px;
}
/* FIN ESTILOS PARA INPUTS Y SELECTS*/
#cont_error {
	margin-left:-405px;
	margin-top:-117px;
	width:810px;
	height:135px;
	left:50%;
	top:50%;
	position:absolute;
	z-index:999;
	background-image: url(imagenes/error.png);
	text-align: center;
	padding-top: 105px;
	display: block;
	cursor: pointer;
	text-decoration: none;
}
#cont_gral {
	width: 880px;
	margin:auto;
}
#header_generico {
	width:880px;
	height: 65px;
	margin:auto;
	padding: 15px 0 0 0;
	background-image: url(imagenes/icono_i.png);
	background-repeat: no-repeat;
	background-position: 680px -0px;
}
#header_generico2 {
	width:880px;
	height: 65px;
	margin:auto;
	padding: 15px 0 0 0;
}
#header_generico3 {
	width:880px;
	height: 65px;
	margin:auto;
	padding: 15px 0 0 0;
}

#logo {
	width:200px;
	float: left;
}
#cont_faq {
	float: left;
	padding: 10px 0 0 490px;
	text-align: right;
	width: 190px;
}

#cont_bienvenida {
	background-image: url(imagenes/bg_bienvenida.png);
	margin:30px auto 15px auto;
	height: 440px;
	width: 810px;
}
#footer_bienvenida {
	height: 20px;
	width: 880px;
	margin:0px auto 0px auto;
	text-align: center;
}

#footer_generico_1 {
	width:100%;
	height:160px;
	margin:0px auto 20px auto;
	background-image:url(imagenes/bg_footer_generico_1.jpg);
	background-repeat:repeat-x;
}
#footer_generico_2 {
	width:100%;
	height:100px;
	background-color: #EDEDED;
	padding: 0 0 25px 0;
}
#cont_titulo_paso1 {
	float: left;
	height: 30px;
	width: 880px;
	text-align: center;
	padding-top: 10px;
}
.titulo {
	font-size: 20px;
	color: #474747;
}
.titulo_rojo {
	font-size:20px;
	color:#D90000;
}
#col_izq_paso1 {
	float: left;
	height: 620px;
	width: 330px;
	padding:0px 20px 0px 20px;
	margin-right:45px;
}
#cont_video_paso1 {
	float: left;
	height: 248px;
	width: 330px;
	margin: 15px 0 15px 0;
}
#col_der_paso1 {
	float: left;
	height: 620px;
	width: 465px;
}
.position_relative {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
}
#cont_validador_mail_paso1 {
	height: 50px;
	width: 465px;
	position: relative;
	z-index: 500;
	left: 0px;
	top: -50px;
	background-color:#F00;
	display: none;
}
#cont_campos_nombre_paso1 {
	height: 50px;
	width: 465px;
	left: 0px;
	top: 0px;
	float: left;
	position: relative;
	z-index: 1;
}
#cont_tooltip_tel_paso1 {
	height: 61px;
	width: 465px;
	position: relative;
	z-index: 10001;
	left: 0px;
	top: -48px;
	background-image: url(imagenes/bg_tooltip_telefono_paso1.png);
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	visibility: hidden;
}


#nombre {
	background: url(imagenes/bg_input_nombre.jpg) no-repeat;
	float: left;
	height: 18px;
	width: 218px;
	border: 0px;
	padding: 6px;
}
#apellido {
	background: url(imagenes/bg_input_apellido.jpg) no-repeat;
	float: left;
	height: 18px;
	width: 213px;
	border: 0px;
	padding: 6px;
}
#number {
	background: url(imagenes/bg_input_number.png) no-repeat;
	float: left;
	height: 18px;
	width: 158px;
	border: 0px;
	padding: 6px;
}
#email {
	background: url(imagenes/bg_input_email.jpg) no-repeat;
	float: left;
	height: 18px;
	width: 308px;
	border: 0px;
	padding: 6px;
	margin: 3px 0 0 0;
}
#areacode {
	background: url(imagenes/bg_input_areacode.png) no-repeat;
	float: left;
	height: 18px;
	width: 48px;
	border: 0px;
	padding: 6px;
}
#ctca {
	background: url(imagenes/bg_input_ctca.png) no-repeat;
	float: left;
	height: 18px;
	width: 58px;
	border: 0px;
	padding: 6px;
}
.usd {
	font-family: impact, helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}
.precio {
	font-family: impact, helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
}
#tooltip {
	display:none;
	position: absolute;
	width:243px;
	height:195px;
	background-image:url(imagenes/bg_tooltip_telefonos.png);
	padding:10px 11px 10px 21px;
	z-index: 2;
	color:#FFF;
	font-size:12px;
	left: 0px;
	top: 0px;
	line-height: 14px;
}
#cont_titulo_paso2 {
	float: left;
	height: 80px;
	width: 620px;
	padding: 10px 0 0 0;
}
#cont_gral_seguro {
	width: 620px;
	margin:auto;
	padding: 0 130px 0 130px;
}
#cont_pasos_seguros {
	float: left;
	height: 50px;
	width: 620px;
	padding: 10px 0 0 0;
}
#cont_campos_paso_2 {
	float: left;
	height: 425px;
	width: 550px;
	background-image: url(imagenes/bg_campos_paso_2.jpg);
	padding: 40px 35px 0 35px;
}
.styled2 {
	width: 280px;
	opacity: 0;
	background-color: #FFFEFB;
	border:#000000 1px solid;
	margin-top: 7px;
}

span.select2 {
	position: absolute;
	width: 300px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 40px;
	padding: 6px 5px 0px 10px;
	color: #000;
	background: url(imagenes/bg_input_cardtype.gif) no-repeat;
	overflow: hidden;
	font-size: 15px;
	float: left;
	text-align:left;
}.styled3 {
	width: 100px;
	opacity: 0;
	background-color: #FFFEFB;
	border:#000000 1px solid;
	margin-top: 7px;
}
span.select3 {
	position: absolute;
	width: 100px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 40px;
	padding: 6px 5px 0px 10px;
	color: #000;
	background: url(imagenes/bg_input_fecha1_fecha2.gif) no-repeat;
	overflow: hidden;
	font-size: 15px;
	float: left;
	text-align:left;
}
#cardnum {
	background: url(imagenes/bg_input_cardnum.gif) no-repeat;
	float: left;
	height: 18px;
	width: 308px;
	border: 0px;
	padding: 6px;
}
#codseg {
	background: url(imagenes/bg_input_codseg.gif) no-repeat;
	float: left;
	height: 18px;
	width: 198px;
	border: 0px;
	padding: 6px;
}
#tooltip2 {
	display:none;
	position: absolute;
	width:197px;
	height:81px;
	background-image:url(imagenes/bg_tooltip_telefonos_paso3.png);
	padding:14px 11px 15px 17px;
	z-index: 2;
	color:#FFF;
	font-size:13px;
	left: 0px;
	top: 0px;
	line-height: 16px;
}
#cont_campos_paso_4 {
	float: left;
	height: 425px;
	width: 550px;
	background-image: url(imagenes/bg_campos_paso_4.jpg);
	padding: 40px 35px 0 35px;
}
.input_generico {
	background: url(imagenes/bg_input_generico.png) no-repeat;
	float: left;
	height: 18px;
	width: 238px;
	border: 0px;
	padding: 6px;
	font-size: 13px;
	color: #333;
}
#cont_godaddy_logo {
	float: left;
	padding: 0 0 0 550px;
}
#cont_titulo_gracias {
	float: left;
	height: 110px;
	width: 880px;
	text-align: center;
	background-image: url(imagenes/tit_felicidades.jpg);
	margin-bottom: 30px;
}
#col_izq_gracias {
	float: left;
	height: 460px;
	width: 440px;
}
#col_der_gracias {
	float: left;
	height: 350px;
	width: 410px;
	background-image: url(imagenes/bg_videos_gracias.png);
	padding: 110px 0 0 30px;
}
.tit_datos_gracias {
	font-size: 18px;
	color: #D90000;
}
.num_asignado {
	font-size: 16px;
	color: #D90000;
}
#cont_gral_faq {
	float: left;
	width: 550px;
	padding: 0px 35px 0 35px;
}
#cont_titulo_faq {
	float: left;
	height: 50px;
	width: 550px;
	padding-top: 20px;
}

/************ COMIENZO ESTILOS PARA LA VALIDACION DE CAMPOS *****************/
.formError {
position:absolute;
top:300px;
left:300px;
padding-bottom:13px;
display:block;

margin-left:-35px;
}
.ajaxSubmit{ 
padding:20px;
background:#55ea55;
border:1px solid #999;
display:none
}
.formError .formErrorContent {
width:100%; 
background:#ee0101;
z-index:5000;
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:  url(imagenes/chek3.gif) transparent no-repeat;
text-indent: -9999px;
color:#ffe682;
font-size:1px;
width:27px;
height:22px;
}
.blackPopup .formErrorContent {
background:#393939;
color:#FFF;
}
.greenPopup {
	margin-left:20px;
}

/* comienzo estilos para la botonera de videos de la instancia de gracias*/
#botonera_videos_gracias {
	list-style-type:none;
	padding:0px;
	margin:0px;
	width: 390px;
	height:210px;
	float: left;
}
#botonera_videos_gracias li{
	float:left;
	width: 115px;
	float: left;
	height: 60px;
	color: #333;
	font-size: 12px;
	padding: 20px 0 0 75px;
	line-height: 20px;
	font-weight: bold;
}
#botonera_videos_gracias li a{
	float: left;
}

#btn_ver_video1 {
	padding: 0 0 0 75px;
	display: block;
	background-image: url(imagenes/btn_vervideo_comofunciona.jpg);
}
#btn_ver_video2 {
	margin: 0 0 0 10px;
	padding: 0 0 0 75px;
	display: block;
	background-image: url(imagenes/btn_vervideo_followme.jpg);
}
#btn_ver_video3 {
	padding: 0 0 0 75px;
	margin: 50px 0 0 0;
	display: block;
	background-image: url(imagenes/btn_vervideo_herramientas.jpg);
}
#btn_ver_video4 {
	margin: 50px 0 0 10px;
	padding: 0 0 0 75px;
	display: block;
	background-image: url(imagenes/btn_vervideo_comollamar.jpg);
}
/* fin estilos para la botonera de videos de la instancia de gracias*/
#con_btn_ver_videos {
	height: 27px;
	width: 390px;
	float: left;
	margin: 20px 0 0 0;
	text-align: center;
}
#cont_titulo_videotutoriales {
	height: 110px;
	width: 880px;
	text-align: center;
	background-image: url(tutoriales/imagenes/tit_videotutoriales.png);
	margin: 0px auto 30px auto;
}

#cont_videotutoriales {
	height: 460px;
	width: 860px;
	margin: auto;
}
#tab1_videotutoriales {
	height: 460px;
	width: 860px;
	margin: auto;
	background-image: url(tutoriales/imagenes/bg_solapas_01.gif);
	text-align: center;
}
#tab2_videotutoriales {
	height: 460px;
	width: 860px;
	margin: auto;
}
#tab3_videotutoriales {
	height: 460px;
	width: 860px;
	margin: auto;
}
#cont_botonera_videotutoriales {
	height: 40px;
	width: 860px;
}

.btn_tab {
	height: 40px;
	width: 210px;
	float: left;
	display: block;
	cursor: pointer;
}
.cont_minis_videotutoriales {
	float: left;
	height: 383px;
	width: 225px;
	padding: 37px 10px 0 15px;
	text-align: left;
}
.cont_video_videotutoriales {
	float: left;
	height: 398px;
	width: 599px;
	padding: 11px 11px 11px 0;
	text-align: center;
}
#mini_videotutorial1 {
	float: left;
	height: 70px;
	width: 145px;
	margin-bottom: 15px;
	border:#CCC solid 1px;
	padding: 10px 0px 0px 80px;
	background: url(tutoriales/imagenes/LH_basic_01.png) #CCC no-repeat 0px 10px;
	background-color: #F2F2F2;
}
#mini_videotutorial2 {
	float: left;
	height: 70px;
	width: 145px;
	margin-bottom: 15px;
	border:#CCC solid 1px;
	padding: 10px 0px 0px 80px;
	background: url(tutoriales/imagenes/LH_basic_02.png) #CCC no-repeat 0px 10px;
	background-color: #F2F2F2;
}
#mini_videotutorial3 {
	float: left;
	height: 70px;
	width: 145px;
	border:#CCC solid 1px;
	padding: 10px 0px 0px 80px;
	background: url(tutoriales/imagenes/LH_basic_03.png) #CCC no-repeat 0px 10px;
	background-color: #F2F2F2;
	margin-bottom:-85px;
	}
#mini_videotutorial4 {
	float: left;
	height: 70px;
	width: 145px;
	border:#CCC solid 1px;
	padding: 10px 0px 0px 80px;
	background: url(tutoriales/imagenes/LH_basic_04.png) #CCC no-repeat 0px 10px;
	background-color: #F2F2F2;
	margin-bottom: 15px;
}
#cont_video_servicio {
	width:620px;
	height:440px;
	margin:auto;
	background-image:url(tutoriales/imagenes/bg_video_explicacion.png);
	padding: 30px 0 0 20px;
}
#cont_bajada_video_servicio {
	width:640px;
	height:110px;
	margin:10px auto;
	text-align: center;
	font-size: 12px;
	color: #333;
}