html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, av, input, select, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height:1.3;
	list-style:none;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* tipografia */

@font-face {
    font-family: 'swis721_cn_btlight';
    src: url('../fonts/font_-_truetype_-_swiss_721_light_condensed_bt-webfont.eot');
    src: url('../fonts/font_-_truetype_-_swiss_721_light_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font_-_truetype_-_swiss_721_light_condensed_bt-webfont.woff') format('woff'),
         url('../fonts/font_-_truetype_-_swiss_721_light_condensed_bt-webfont.ttf') format('truetype'),
         url('../fonts/font_-_truetype_-_swiss_721_light_condensed_bt-webfont.svg#swis721_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'swis721_lt_btlight';
    src: url('../fonts/font_-_truetype_-_swiss_721_light_bt-webfont.eot');
    src: url('../fonts/font_-_truetype_-_swiss_721_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font_-_truetype_-_swiss_721_light_bt-webfont.woff') format('woff'),
         url('../fonts/font_-_truetype_-_swiss_721_light_bt-webfont.ttf') format('truetype'),
         url('../fonts/font_-_truetype_-_swiss_721_light_bt-webfont.svg#swis721_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swis721_cn_btbold';
    src: url('../fonts/font_-_truetype_-_swiss_721_bold_condensed_bt-webfont.eot');
    src: url('../fonts/font_-_truetype_-_swiss_721_bold_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font_-_truetype_-_swiss_721_bold_condensed_bt-webfont.woff') format('woff'),
         url('../fonts/font_-_truetype_-_swiss_721_bold_condensed_bt-webfont.ttf') format('truetype'),
         url('../fonts/font_-_truetype_-_swiss_721_bold_condensed_bt-webfont.svg#swis721_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swis721_btbold';
    src: url('../fonts/font_-_truetype_-_swiss_721_bold_bt-webfont.eot');
    src: url('../fonts/font_-_truetype_-_swiss_721_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font_-_truetype_-_swiss_721_bold_bt-webfont.woff') format('woff'),
         url('../fonts/font_-_truetype_-_swiss_721_bold_bt-webfont.ttf') format('truetype'),
         url('../fonts/font_-_truetype_-_swiss_721_bold_bt-webfont.svg#swis721_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


strong, b, .bold { font-family: 'swis721_btbold'; color:#5b5b5f;}

/*** TOPBAR ***/
.centrar{
	max-width:1280px;
	min-width:992px;
	margin:0 auto;
}

header {
	width:100%;
	background:#fff;
	height:160px;
}

#topbar{
	width:100%;
	background: #282828;
	text-align:center;
	height:32px;
	font-size:90%;
}

#content{
	width:100%;
	text-align:center;
}

#realContent {
	margin:0 auto;	
	margin-top: -16px;
	max-width:1280px;
	min-width:992px;
}

#topbar .centrar {
	height: 100%;
}

ul.menu_sec{
	float:left;
	margin:8px 0 0 12px;
}

ul.menu_sec li{
	display:inline;
	margin-right:12px;
}
ul.menu_sec a{
	color:#b0afb5;
	text-transform:uppercase;
}

ul.menu_sec a:hover{color:#fff;}

.top{z-index:999; position:relative;}
.bottom{z-index:1; position:relative;}


.menu_acordeon a,
.menu_lat a{
	padding:16px 32px 16px 42px;
	width:100%;
	float:left;
	background-image:url(../img/iconos_menu.png);
	background-repeat:no-repeat;
	background-color:#edeef0;
	border-bottom:solid 1px #cececf;
	border-left:solid 1px #cececf;
	border-right:solid 1px #cececf;
	text-decoration:none;
}

.menu_lat .sel a,
.menu_lat a:hover{background-color:#fff;}


.menu_lat .sel a{
	border-right:solid 1px #fff;
	}
	
.menu_lat .datos a{background-position:0 0;}
.menu_lat .perfiles a{background-position:0 -72px;}
.menu_lat .servicios a{background-position:0 -144px;}
.menu_lat .medios_pago a{background-position:0 -216px;}
.menu_lat .mis_compras a{background-position:0 -288px;}
.menu_lat .usu_rep a{background-position:0 -360px;}
.menu_lat .rg_auto a{background-position:0 -432px;}
.menu_lat .config a{background-position:0 -432px;}
.menu_lat .mailstamper a{ background-position: 0 -504px}
.menu_lat .consultas a{background-position:0 -576px;}
.menu_lat .contratos_lic a{background-position:0 -648px;}
.menu_lat .saldo a{background-position:0 -720px;}
.menu_lat .pag_venta a{background-position:0 -792px;}
.menu_lat .ser_add a{background-position:0 -864px;}
.menu_lat .apps a{background-position:0 -936px;}
.menu_lat .ref a{background-position:0 -1008px;}
.menu_lat .not_uso a{background-position:0 -1080px;}
.menu_lat .pagestamper a{background-position:0 -1224px;}
.menu_lat .operators a{background-position:0 -1368px;}
.menu_lat .dependent_acc a{background-position:0 -1440px;}
.menu_lat .independent_acc a{background-position:0 -1512px;}
.menu_lat .tracking_images a{background-position:0 -1584px;}
.menu_lat .recommend a{background-position:0 -1656px;}
.menu_lat .gift a{background-position:0 -1728px;}

.menu_lat .no_icon a { background-image:none; padding-left: 16px; }

.menu_interior{border-bottom:solid 1px #e5e5e5; overflow:hidden; }

.menu_interior a{
	float:right;
	padding:8px 16px;
	text-decoration:none;
}


.menu_interior li.sel a,
.menu_interior a:hover{
	border-bottom:solid 2px #e42613;
	}
	
.menu_interior li.sel a{
	font-family: 'swis721_btbold', 'helvetica', arial, sans-serif;
	}

#topbar .user{
	float:right;
	height:100%;
	padding:8px;
	padding-bottom:0;
}

#topbar .user a,
#topbar .user span{margin:0 6px;}

#topbar .user span img{margin-top:2px;}

.actualiza{color:#8dd500;}
.actualiza:hover{color:#8dd500;}
.user_name { color:#fff; max-width: 280px; height: 15px; overflow: hidden; text-align: right;
	padding-left: 20px;
	background-image:url(../img/iconos.png);
	background-repeat:no-repeat;
	float:right;
	background-position:0 -856px;
}
.exit{color:#fff; padding-left: 8px; }
.user_name:hover, .exit:hover{color:#fff;}

.user a,
.user span{float:left;}

ul.notificaciones{float:left; }
ul.notificaciones li{display:inline;}

.notificaciones a {
	height:16px;
	background-image:url(../img/iconos.png);
	background-repeat:no-repeat;
	float:right;
}
.notificaciones a.operaciones {
	background-position:0 -16px;
	margin:0 !important;
}
.notificaciones a span{
	background:#6c6c6c;
	border-radius:8px;
	width:16px;
	height:16px;
	margin-left:16px !important;
	color:#fff;
	float:right;
}
.notificaciones a span.yes{
	background:#d02525;
	}
	
.qtip-content { font-size: 12px; }
	
ul.lan{float:right; margin:8px 0 0 16px;}
ul.lan li{display:inline}
ul.lan li a{
	color:#b0afb5;
	height:100%;
	padding:10px;
}
ul.lan li a.sel {
	background:#000;
}
ul.lan li a.sel, 
ul.lan li a:hover{color:#fff;}


#logo{
	float:left;
	margin: 16px 0 0 8px;
}
#logo figcaption{display:none;}

#menu{margin-right:16px;}

#menu ul{
	float:right; 
	margin:48px 0 0 0;
}
#menu ul li{
	display:inline;
	float:left;
	position:relative;
	}

#menu ul li a,
#menu ul li span{
	text-transform:uppercase;
	color:#5b5b5f;
	padding:8px 16px;
	border-radius:24px;
}

#menu ul li a.identificate{background:#434040; color:#fff;}
#menu ul li a.identificate:hover{background:#000; color:#fff;}


#menu ul li.inicio a{
	background:url(../img/inicio.png) no-repeat 8px 8px;
}

#menu ul li.dashboard a{
	background:url(../img/dashboard.png) no-repeat 8px 8px;
}

#menu ul li span.sub{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

#menu ul li span:hover, #menu ul li span.sel,
#menu ul li a:hover, #menu ul li a.sel{background:#f6f6f7;}
#menu ul li.inicio a:hover, #menu ul li.inicio a.sel{background:url(../img/inicio.png) no-repeat 8px 8px #f6f6f7;}
#menu ul li.dashboard a:hover, #menu ul li.dashboard a.sel{background:url(../img/dashboard.png) no-repeat 8px 8px #f6f6f7;}

#menu ul li.login a {background:#5b5b5f; color: #d6d6d7; font-weight:bold; }
#menu ul li.login a:hover, #menu ul li.login a.sel {background:#434040; color: #fff; }
#menu ul li ul{
	display:none;
	position:absolute;
	left:0;
	top:22px;
	margin-top:0;
	width:100%;
	background:#f6f6f7;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	padding:4px 8px;
	z-index: 999;
	}
	
#menu ul li ul li{display:list; float:left;
	width:100%; text-align: center;}

#menu ul li ul li a{
	float:left;
	width:100%;
	padding-left:0; 
	padding-right:0;
}

#menu ul li ul li a:hover{color:#fff; background:#5b5b5f;}

#menu ul li:hover > ul{display:block;}

#menu ul li:hover span{background:#f6f6f7;}

.inicio span, .dashboard span{display:none;}





/*** Color según cuenta ***/

body#home { background: #fff; }
body.pro_account{background:#dfe4e8;}
.pro_account #topbar{background:#8da5b6;}
.pro_account #topbar ul.lan a.sel{ background: #778b99;}

.pro_account #topbar ul.lan a,
.pro_account #topbar ul.menu_sec a{
	color:#cae3fc;
	}
.pro_account #topbar ul.lan a:hover,
.pro_account #topbar ul.lan a.sel,
.pro_account #topbar ul.menu_sec a:hover{
	color:#fff;
	}
.pro_account  .notificaciones a span{background:#40566b;}
	
body.corp_account{background:#e1dec7;}
.corp_account #topbar{background:#c1ab4c;}
.corp_account #topbar ul.lan a.sel{background:#c1ab4c;}


.corp_account #topbar ul.lan a,
.corp_account #topbar ul.menu_sec a{
	color:#fff09a;
	}
.corp_account #topbar ul.lan a:hover,
.corp_account #topbar ul.lan a.sel,
.corp_account #topbar ul.menu_sec a:hover{
	color:#fff;
	}
.corp_account  .notificaciones a span{background:#837217;}


.pro_account  .notificaciones a span.yes,
.corp_account  .notificaciones a span.yes{background:#d02525;}

.corporativa.desactivada,
.pro.desactivada{
	opacity: 0.4;
    filter: alpha(opacity=40); 
}
.corporativa.desactivada a.buy_btn,
.pro.desactivada a.buy_btn{
	cursor: default; 
}





/******** ACCOUNT MENU *************/
#account-menu {
	display: inline-block;
	position: relative;
	float:left;
}

#account-menu * {
	float: none;
}

#account-menu .menu-trigger {
	/* 
	border: solid 1px #5b5b5b;
	padding: 6px 6px 2px 32px;
	*/
	margin-right: 0;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
}
#account-menu .menu-options {
	display: none;
	position: absolute;
	top: 16px;
	left: 0;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 999;
	max-width: 300px; 
}
#account-menu:hover .menu-options {
	display: block;
}
#account-menu .menu-options .option {
	display: block;
	color: #000;
	padding: 8px;
	text-decoration: none;
	white-space: nowrap;
	transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    text-align: left;
	position: relative;
	float:none;
	margin: 0;
}
#account-menu .menu-options a.option:hover {
	background-color: #e42613;
	color: #fff;
}
#account-menu .menu-options .icon {
	position: absolute;
	width: 22px;
	height: 22px;
}
#account-menu .menu-options img.icon {
	background: #fff;
	vertical-align: middle;
	border-radius: 16px;
	padding: 1px;
}
#account-menu .menu-options span.icon {
	display: inline-block;
	padding: 10px 5px;
	margin: 0;
}

#account-menu .menu-options span.option-text {
	display: block;
	margin-left: 26px;
	padding: 4px 2px;
}
#account-menu .menu-options .header {
	display: block;
	color: #000;
	padding: 8px 12px;
	text-decoration: none;
	white-space: nowrap;
	transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    text-align: left;
	position: relative;
	float:none;
	margin: 0;
}
#account-menu .menu-options .header span {
	margin: 0;
}
#account-menu .menu-options .header .button {
	display: inline-block;
	padding:8px 16px;
	border-radius:4px;
	width:100%;
	margin:4px 0;
	background:#e42613;
	color:#fff;
	font-family: 'swis721_btbold';
	cursor:pointer;
	text-decoration: none;
	text-transform: none;
	border: none;
	font-size: 100%;
	text-align: center;
	
	transition: background .50s ease-in-out;
    -moz-transition: background .50s ease-in-out;
    -webkit-transition: background .50s ease-in-out;
}

#account-menu .menu-options .header .button:hover {
	background:#c72b19;
}
	
#account-menu .menu-options .separator {
	display: block;
	background-color: #ddd;
	width: 100%;
	height: 1px;
	margin: 0;
}


/*********************** WARNINGS */
.general-warning {
	font-size: 12px;
	font-family: 'Arial', 'Helvetica', 'Sans-serif',
		'sans';
	text-align: center;
	position:absolute;
	left: 0px;
	top: 0px;
	background: #FFF url('/img/iconError.png') no-repeat 2px 2px;	
	padding: 2px 2px 2px 20px;
	margin: auto;
	width: 100%;
	height: auto;
	border: 1px #000 dashed;
	color: #000;
	z-index: 333;
}


/* COOKIES*/
.cookies{
	background:#434040;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	position:fixed;
	bottom:16px;
	right:16px;
	color:#89878c;
	width:342px;
	padding:16px;
	border-radius: 12px;
	text-align:center;
	z-index:999;
	font-size: 13px;
	line-height: 1.3;
}

.cookies h4{
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	font-size: 13px;
	line-height: 1.3;
	margin: 0;
}

.cookies p{
	margin-bottom:10px;
	text-align:left;
	line-height: 1.3;
}



.cookies a{color:#d8dade;}
.cookies a:hover{color:#fff;}

.cookies p.boton{text-align:center; padding-top:10px;}

.cookies p.boton a{
	text-transform:uppercase;
	font-size:100%;
	cursor:pointer;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	background:#2f2d2d;
	color:#fff;
	padding:8px 16px;
	border-radius: 12px;
	text-decoration:none;
	margin:10px 0;
}