/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
}

form {
    margin: 0;
    padding: 0;
}

body {
    margin:0 auto;
    background-color: #fff;
}

a:link, a:visited {
    text-decoration: none;
    font-weight: normal;
    color:#0060b4;
    font-size:12px;
}

p {
    margin-top: 0;
    margin-bottom: 5px;
}

img {
    border: 0 none;
}

/**********************/
/*** Home Template ***/
/********************/
#ht_MainWindow { margin-top: 50px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/ht_bgMain.jpg);
background-position: top center;
background-repeat: no-repeat;
width: 779px;
padding-left: 14px;
padding-right: 14px; }

#ht_Logo { background-image: url(../images/ht_logo.jpg);
background-position: center center;
background-repeat: no-repeat;
float: left;
margin-left: 48px;
margin-top: 13px;
width: 122px;
height: 98px; }

#ht_Menus { float: right; }

/* menu top */
#ht_Menus #ht_Top { margin-right: 39px; margin-left: 249px; text-align: right; width: 282px; height: 16px; }

a#ht_bt_customer { background-image: url(../images/ht_buttons/customer_login.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 87px;
height: 16px;
display: block;
float: left;
margin-left: 37px; /* margin del width del boton faq */ }

a#ht_bt_contact { background-image: url(../images/ht_buttons/contact.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 60px;
height: 16px;
display: block;
float: left; }

a#ht_bt_faq { background-image: url(../images/ht_buttons/faq.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 37px;
height: 16px;
display: block;
float: left; }

a#ht_bt_english { background-image: url(../images/ht_buttons/english.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 50px;
height: 16px;
display: block;
float: left; }

a#ht_bt_espanol { background-image: url(../images/ht_buttons/espanol.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 46px;
height: 16px;
display: block;
float: left; }
/* botones menu top */

/* botones menu main */
#ht_Menus #ht_Main { margin-top: 75px; margin-right: 22px; text-align: right; width: 547px; height: 30px; }

a#ht_bt_features { background-image: url(../images/ht_buttons/features.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 64px;
height: 30px;
display: block;
float: left;
margin-left: 117px; /* margin del width del boton successs */ }

a#ht_bt_features:hover { background-image: url(../images/ht_buttons/features_h.jpg); }

a#ht_bt_pricing { background-image: url(../images/ht_buttons/pricing.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 62px;
height: 30px;
display: block;
float: left; }

a#ht_bt_pricing:hover { background-image: url(../images/ht_buttons/pricing_h.jpg); }

a#ht_bt_productt { background-image: url(../images/ht_buttons/product_tour.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 97px;
height: 30px;
display: block;
float: left; }

a#ht_bt_productt:hover { background-image: url(../images/ht_buttons/product_tour_h.jpg); }

a#ht_bt_emailm { background-image: url(../images/ht_buttons/email_marketing.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 120px;
height: 30px;
display: block;
float: left; }

a#ht_bt_emailm:hover { background-image: url(../images/ht_buttons/email_marketing_h.jpg); }

a#ht_bt_successs { background-image: url(../images/ht_buttons/success_stories.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 117px;
height: 30px;
display: block;
float: left; }

a#ht_bt_successs:hover { background-image: url(../images/ht_buttons/success_stories_h.jpg); }

a#ht_bt_freev { background-image: url(../images/ht_buttons/free_version.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 87px;
height: 30px;
display: block;
float: left; }

a#ht_bt_freev:hover { background-image: url(../images/ht_buttons/free_version_h.jpg); }
/* botones menu main */

#ht_CenterWindow { margin-top: 32px; margin-left: 9px; width: 753px; }

#ht_CenterWindow #ht_banners { float: left; width: 255px; }

#ht_CenterWindow #ht_rotator { float: right; width: 498px; }

#ht_BottomWindow { margin-left: 9px; width: 754px; }

#ht_BottomWindow #ht_slot01 { width: 251px; height: 121px; float: left; }

#ht_BottomWindow #ht_slot02 { width: 250px; height: 121px; float: left; }

#ht_BottomWindow #ht_slot03 { width: 253px; height: 121px; float: left; }

/* menu bottom */
#ht_Footer { margin-top: 28px; margin-right: 17px; margin-left: 303px; margin-bottom: 14px; text-align: right; width: 461px; height: 26px; }

a#ht_bt_antispam { background-image: url(../images/ht_buttons/antispam.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 99px;
height: 26px;
display: block;
float: left;
margin-left: 268px; /* margin del width de los botones privacy facebook */ }

a#ht_bt_privacy { background-image: url(../images/ht_buttons/privacy.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 116px;
height: 26px;
display: block;
float: left; }

a#ht_bt_terms { background-image: url(../images/ht_buttons/termsuse.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 93px;
height: 26px;
display: block;
float: left; }

a#ht_bt_facebook { background-image: url(../images/ht_buttons/facebook.jpg);
background-position: center center;
background-repeat: no-repeat;
width: 152px;
height: 26px;
display: block;
float: left; }
/* menu bottom */

#ht_Clear { clear: both; }

/***********************/
/*** Login Template ***/
/*********************/
#cl_CenterWindow { margin-top: 44px; margin-left: 9px; width: 753px; height: 323px; }

#cl_ingreso{
    width:433px;
    background-image:url(../images/cl_bgLogin.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#100000;
    margin: 0 auto;
    padding-top: 120px;
}

#cl_ingreso table{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#100000;
    margin:0px auto 0px 77px;
    *margin-left:-156px;
    *left:50%;
    *position:relative;
}

#cl_ingreso table td{
    height:25px;
}

#cl_ingreso div label.error { 
    color:#FF0000;
    font-size:10px;
    padding-left:5px;
    display:block;
}

#cl_ingreso input{
    width:229px;
    border:1px solid #7f7f7f;
    height:23px;
    margin-left: 14px;
}

#cl_ingreso a.fpass{
    color: #132463;
    text-decoration: none;
    font-size:11px;
}

#cl_ingreso a.signup{
    color: #787878;
    text-decoration: none;
    font-size:11px;
}

/**********************/
/*** Demo Template ***/
/********************/
#dv_video { width: 465px; height: 349px; margin: 0 auto; border: 5px solid #7A8289; }

#dv_slot01 { width: 251px; height: 121px; float: left; margin-top: -147px; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#Div_contenedor{
    width:779px;
    height:auto;
    margin:0 auto;
    *left:50%;
    *margin-left:-389px;
    *position:relative;
}

/* Seccion de encabezado + Logos */
#Div_header{
	background-image:url(../images/bg_header.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:779px;
	height:130px;
}
#Div_logo_tango{
	background-image:url(../images/logo_tango.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	margin-left:20px;
	margin-top:12px;
	width:139px;
	height:110px;
}
#Div_titulo_header{
	color:#7A8289;
	float:left;
	font-family:verdana;
	font-size:16px;
	margin-top:94px;
	text-align:center;
	width:430px;
        *width:400px;
}
#Div_logo_web{
	/*background-image:url(../images/web-info.jpg);*/
	width:163px;
	height:60px;
	float:left;
	margin-right:25px;
	margin-top:32px;
}

/* Iniciando seccion de contenido o Main Body */
#Div_body{
	width:779px;
	height:auto;
	padding-top:6px;
}
#Div_menu{
	width:180px;
	height:auto;
	float:left;
	padding-left:3px;
}
#Div_menu_title_Cliente{
        background-image:url(../images/title_manu_en.jpg);
        background-position:left top;
        background-repeat:no-repeat;
        width:180px;
        height:58px;
}
#Div_enlaces_menu{
        border-left:1px solid #E5E5E7;
        border-right:1px solid #E5E5E7;
        height:auto;
        padding-top:8px;
        width:178px;
}
#Div_enlaces_menu ul{
        list-style:none;
        margin:0px;
        padding:0px;
}
#Div_enlaces_menu li{
        list-style:none;
        margin:0px;
        padding:0px;
}
#Div_bottom_menu{
        background-image:url(../images/bottom_menu.jpg);
        background-position:left bottom;
        background-repeat:no-repeat;
        width:180px;
        height:5px;
        *margin-top:-15px;
}

/* Clase Clear both */
#Div_clear{
	clear:both;
}
#Div_footer{
	width:779px;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7a8289;
	text-align:center;
	margin-top:30px;
	margin-bottom:18px;
}
#Div_adsense{
	/*background-image:url(../images/adsense.jpg);*/
	width:733px;
	height:88px;
	margin:0 auto;
	margin-bottom:18px;
        *position:relative;
        *left:50%;
        *margin-left:-366px;
}

/* Clases para Menu */
.btn_cl_mi_cuenta{
	background-image:url(../images/menu_en/btn1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_cl_mi_cuenta:hover{
	background-image:url(../images/menu_en/btn1_hover.jpg);
}
.btn_cl_mi_cuenta_active{
	background-image:url(../images/menu_en/btn1_hover.jpg);
}

.btn_cl_grupos{
	background-image:url(../images/menu_en/btn2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_cl_grupos:hover{
	background-image:url(../images/menu_en/btn2_hover.jpg);
}
.btn_cl_grupos_active{
	background-image:url(../images/menu_en/btn2_hover.jpg);
}

.btn_cl_contactos{
	background-image:url(../images/menu_en/btn3.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_cl_contactos:hover{
	background-image:url(../images/menu_en/btn3_hover.jpg);
}
.btn_cl_contactos_active{
	background-image:url(../images/menu_en/btn3_hover.jpg);
}

.btn_cl_imagenes{
	background-image:url(../images/menu_en/btn4.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_cl_imagenes:hover,
.btn_cl_imagenes_active{
	background-image:url(../images/menu_en/btn4_hover.jpg);
}

.btn_cl_plantillas{
	background-image:url(../images/menu_en/btn5.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_cl_plantillas:hover{
	background-image:url(../images/menu_en/btn5_hover.jpg);
}
.btn_cl_plantillas_active{
	background-image:url(../images/menu_en/btn5_hover.jpg);
}

.btn_cl_boletines{
	background-image:url(../images/menu_en/btn6.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_cl_boletines:hover{
	background-image:url(../images/menu_en/btn6_hover.jpg);
}
.btn_cl_boletines_active{
	background-image:url(../images/menu_en/btn6_hover.jpg);
}
.btn_cl_envios{
	background-image:url(../images/menu_en/btn7.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_cl_envios:hover,
.btn_cl_envios_active{
	background-image:url(../images/menu_en/btn7_hover.jpg);
}

.btn_cl_reportes{
	background-image:url(../images/menu_en/btn8.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_cl_reportes:hover,
.btn_cl_reportes_active{
	background-image:url(../images/menu_en/btn8_hover.jpg);
}
.btn_salir{
	background-image:url(../images/menu_en/btn9.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:31px;
	width:178px;
}
.btn_salir:hover{
	background-image:url(../images/menu_en/btn9_hover.jpg);
}

#Div_contenido{
	float:left;
	height:auto;
	margin-left:11px;
	padding-top:10px;
	width:577px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#100000;
}
.titulos_mayuscula{
	color:#00aeef;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
.titulo_celeste{
	color:#11b3f0;
	font-size:14px;
	font-weight:bold;
}
/* Clases para tabla */
.admin_table{
    color:#100000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}
.admin_table thead{
	background-color:#7B828A;
	color:#100000;
	height:21px;
}
.th_sin_filtro{
	border-right:1px solid #fff;
        padding-left:11px;
		color:#FFFFFF;
}
.th_filtro{
	background-image:url(../images/icono.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	border-right:1px solid #fff;
	padding-left:11px;
	color:#FFFFFF;
}
.t_body0{
	height:30px;
}
.t_body1{
	background-color:#eaeaea;
	height:30px;
}

.columnas{
    padding-left:11px;
}

/*Paginacion*/
.pagenav a{
	color:#00aeef;
	font-family:verdana;
	font-size:12px;
}

.pagenav a.a_s{
	color:#001B73;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
}

.pagenav span.current{
	color:#001B73;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
}

.pagenav span.disabled{
	color:#001B73;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
}

/*Tabla de Formularios*/
.form_table{
    color:#100000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}

.form_table tbody td{
    height:25px;
}

.form_table tbody td.key{
    color:#7A8289;
    font-weight:bold;
}

.form_table tbody td.sub_titulo_form{
    color:#00AEEF;
    font-weight:bold;
}

.form_table .text,
.form_table .select,
.form_table .textarea{
    border:1px solid #BABABA;
    width:200px;
    color:#7A8289;
}

.form_table .file{
    border:1px solid #BABABA;
    color:#7A8289;
}

.form_table .checkbox{
    border:1px solid #BABABA;
    *border:0px;
}

.form_table label.error{
    color:#FF0000;
    font-size:10px;
    padding-left:5px;
    display:block;
}

/*Botones*/
.btn_celeste{
    font-family:Arial !important;
    font-size:14px!important;
    color:#FFFFFF!important;
    width:85px;
    height:20px;
    *height:23px;
    background-image:url(../images/btn_celeste.jpg);
    text-align:center;
    padding-top:3px;
    display:block;
    text-decoration:none;
}

.btn_celeste_largo{
    font-family:Arial !important;
    font-size:14px!important;
    color:#FFFFFF!important;
    width:165px;
    height:20px;
    *height:23px;
    background-image:url(../images/btn_celeste_largo.jpg);
    text-align:center;
    padding-top:3px;
    display:block;
    text-decoration:none;
}

.btn_celeste_doble{
    font-family:Arial !important;
    font-size:14px!important;
    color:#FFFFFF!important;
    width:169px;
    height:40px;
    *height:45px;
    background-image:url(../images/btn_celeste_doble.jpg);
    text-align:center;
    padding-top:5px;
    display:block;
    text-decoration:none;
}

#grupos_contactos{
    border:1px solid #BABABA;
    width:300px;
    height:60px;
    overflow: auto;
    margin-bottom:5px;
}
#grupos_contactos .fgrupos0{
    background-color:#EAEAEA;
    height:20px;
    margin:0px;
    font-size:11px;

}
#grupos_contactos .fgrupos1{
    background-color:#FFFFFF;
    height:20px;
    margin:0px;
    font-size:11px;
}

#div_nuevos_campos{
    margin-top:10px;
    display:none;
    border-top:1px solid #00ADEF;
}

.submenu{
    margin:10px 0px 10px 0px;
}
.submenu div{
    float:left;
}

.item{
    font-family:Verdana, Arial, Helvetica, sans-serif !important;
    font-size:11px !important;
    color:#00aeef !important;
    text-decoration:none !important;
    font-weight:bold !important;;
}
.item:hover,
.item_active{
    color:#00458a !important;
}

.notificacion{
	color:#868686;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:8px;
        margin-top:20px;
}

.links_peques{
    color:#01AFEE !important;
    font-family:Verdana !important;
    font-size:11px !important;
    text-decoration:underline !important;
}

.div_sumario{
    overflow: auto;
    display: none;
    height: 400px;
}

.overlay{
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     z-index:1001;
     opacity:.75;
     -moz-opacity: 0.75;
     filter: alpha(opacity=75);
}
.modal {
     display: none;
     position: absolute;
     top: 25%;
     left: 25%;
     width: 50%;
     height: 25%;
     padding: 16px;
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
}
.modal_boletin {
     display: none;
     position: absolute;
     top: 25%;
     left: 25%;
     width: auto;
     height: auto;
     padding: 16px;
     background: #fff;
     z-index:1002;
     overflow: auto;
}

/* -- Login -- */
#que_es{
    width:400px;
    height:231px;
    background-image:url(../images/queestango_en.jpg);
    background-repeat:no-repeat;
    float:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#100000;
}

#botones_pie {
    width:400px;
    margin: 0 auto;
    padding-top:10px;
    *margin-left:-200px;
    *left:50%;
    *position:relative;
}

#botones_pie a { 
    margin-left:10px;
    font-size:12px!important;
}

#languajes{
    margin:70px 0 0 0;
    text-align:center;
    font-weight:bold;
    color:#000000;
}
/*desinscribirse*/
#desinscribirse{
    background-image:url("../images/desinscribirse.jpg");
    background-repeat:no-repeat;
    color:#7A8289;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    height:167px;
    margin:0 auto;
    padding-top:65px;
    text-align:center;
    width:400px;
}
/*paginas de info*/
.divs_pages_info{
	color:#7A8289;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 20px auto;
	width:470px;
}
.titulos_pi{
	color:#00aeef;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;	
	font-weight:bold;
}
.tbl_pricing{
	color:#7A8289;
	font-family:verdana;
	font-size:11px;
	margin:0 auto;
	/*width:450px;*/
}
.tbl_pricing thead th{
	color:#E6352B;
	font-size:11px;
}
.tbl_pricing a{	
	font-size:11px;	
}
.title_plan{
    border-bottom:2px solid #7A8289;
    color:#00AEEF;
    font-weight:bold;
    margin:10px 0;
    padding-bottom:5px;
    width:390px;
}

.description_plan{
    color:#7A8289;
    font-size:12px;
}