@charset "utf-8";
/* CSS Document */

/* RESETEO CSS */
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	
}
body {background-color:#F3F3F3; font-family:Georgia, "Times New Roman", Times, serif; color:#656565; font-size:11px}
body.alarma {background-color:#FFF}

.separador {display:block; clear:both}
.bloqueador {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#ececec; z-index:1000}

.contenido {display:block; width:422px; margin:auto; position:relative}
.contenido .elementos {display:block; position:absolute; width:422px; top:104px}
.contenido .elementos h1 {display:block; background-image:url(../img/logo_top.gif); width:145px; height:59px; margin:auto; margin-bottom:40px; line-height:300px; overflow:hidden}
.contenido .elementos .casilla {display:block; background-image:url(../img/casilla.jpg); width:283px; height:46px; float:left; padding:0 5px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#656565}
.contenido .elementos a.shorten {display:block; background-image:url(../img/login.jpg); width:120px; height:46px; float:right; line-height:300px; overflow:hidden}
.contenido .elementos .url {display:block; background-image:url(../img/casilla_url.gif); width:422px; height:73px; line-height:73px; text-align:center; margin:12px 0px; font-size:36px}

#header_estadisticas {display:block; width:977px; margin:auto; height:39px; padding:40px 0 35px 0}
#header_estadisticas .logo {display:block; background-image:url(../img/logo_estadisticas.png); width:132px; height:39px; float:left}
#header_estadisticas .menu {display:block; float:right; width:450px; text-align:right; height:39px; line-height:39px; position:relative}
#header_estadisticas .menu a {color:#A3A3A3; font-size:25px; text-decoration:none; padding:10px; position:relative; z-index:1000; margin-left:30px}
#header_estadisticas .menu a:hover {background-color:#FFF; border-top-left-radius: 5px; border-top-right-radius: 5px;  -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;  -webkit-border-radius-topleft: 5px; -webkit-border-radius-topright: 10px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px}
#header_estadisticas .menu a.activo {background-color:#FFF; border-top-left-radius: 5px; border-top-right-radius: 5px;  -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;  -webkit-border-radius-topleft: 5px; -webkit-border-radius-topright: 10px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px}

#search {display:none; width:510px; -ms-border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; background-color:#FFF; position:absolute; right:0px; top:38px; z-index:1200; padding:23px}
#search .secciones {display:block; width:490px; background-color:#f7f7f7; padding:10px; margin:5px auto; text-align:left; word-spacing:normal; line-height:normal}
#search .secciones h2 {color:#e87dba; font-size:11px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight:normal; margin-bottom:5px}
#search .secciones label {color:#333; font-size:11px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; display:inline-block; height:27px; line-height:27px; margin:0 10px}
#contenedor_calendario {display:block; width:490px; height:140px; position:relative; margin-top:10px; overflow:hidden}
#contenedor_calendario a.anterior {display:block; background:url(../img/carruselCalendario_anterior.png) no-repeat 0px -30px; width:30px; height:30px; position:absolute; top:50px; left:0px; margin-left:0px!important; padding:0px!important}
#contenedor_calendario a.anterior:hover {background:url(../img/carruselCalendario_anterior.png) no-repeat 0px 0px}
#contenedor_calendario a.siguiente {display:block; background:url(../img/carruselCalendario_siguiente.png) no-repeat 0px -30px; width:30px; height:30px; position:absolute; top:50px; right:0px; margin-left:0px!important; padding:0px!important}
#contenedor_calendario a.siguiente:hover {background:url(../img/carruselCalendario_siguiente.png) no-repeat 0px 0px}
#search .secciones .calendario {margin:auto}
#search .secciones .calendario li {display:block; width:132px; margin:0 5px}
#search .secciones .calendario li h3 {display:block; width:132px; height:16px; line-height:16px; color:#FFF; background-color:#656565; font-family:"Lucida Grande", "Lucida Sans Unicode"; text-align:center; font-size:11px; margin-bottom:2px}
#search .secciones .calendario li .cuadros {width:16px; height:17px; display:inline-block; text-align:center; line-height:17px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:3px}
#search .secciones .calendario li .cuadros.dias {color:#333}
#search .secciones .calendario li .cuadros.fechas {color:#656565}
#search .secciones .calendario li .cuadros.activo {color:#FFF; background-color:#E77DB9}
#search .btSearch {display:block; width:138px; height:41px; line-height:41px; text-align:center; background-color:#ED97C7; -ms-border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; border:none; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#FFF; cursor:pointer}

/* tablas */
.tabla1 {display:block; margin:auto; width:980px; background-color:#FFF; border-top:2px solid #E981BB}
.tabla1 .titulo {display:block; width:960px; color:#eb8ec2; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; padding:10px 0 10px 20px; position:relative}
.tabla1 .titulo .menu2 {display:block; position:absolute; top:0px; right:20px; text-align:center; word-spacing:10px}
.tabla1 .titulo .menu2 a {display:inline-block; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:11px; color:#626262; text-decoration:none; padding:5px 10px}
.tabla1 .titulo .menu2 a:hover {background-color:#f3f3f3; color:#e87dba}
.tabla1 .titulo .menu2 a.activo {background-color:#f3f3f3; color:#e87dba}

.pies {display:block; width:980px; margin:40px auto}
.pies .columnas {display:block; width:310px; float:left; -ms-border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; background-color:#FFF; border-top:1px solid #E77DB9; min-height:560px; position:relative}
.pies .columnas.central {margin:0 25px}
.pies .columnas h1 {display:block; color:#eb8ec2; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:normal; padding:10px 0 0 10px}
.pies .columnas a.reporte {display:block; width:280px; background-color:#F3F3F3; -ms-border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; font-size:11px; color:e87dba; text-align:center; text-decoration:none; position:absolute; bottom:10px; left:15px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#e87dba; padding:10px 0px}
.pies .columnas .datosDona {position:absolute; left:70px; top:160px; z-index:1000; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:16px; color:#5e5e5e; text-align:center; width:170px}

#header_interna {display:block; width:980px; margin:20px auto; background-color:#E77DB9; -ms-border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px}
#header_interna .alarma {display:block; float:right; width:155px; height:160px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;  -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;  -webkit-border-radius-topright: 5px; -webkit-border-radius-bottomright: 10px; -khtml-border-radius-topright: 5px; -khtml-border-radius-bottomright: 5px; position:relative; background:#616161 url(../img/reloj_alarma.png) no-repeat 50px 30px; text-align:center; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:190px}
#header_interna .alarma .inferior {display:block; position:absolute; bottom:0px; width:155px; height:32px; line-height:32px; background-color:#494949; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-radius-bottomright:10px; -khtml-border-radius-bottomright:5px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#FFF; font-size:11px; text-align:center}
#header_interna .alarma .inferior a {color:#b1b1b1; text-decoration:none; text-transform:uppercase}
#header_interna .clics {display:block; float:left; width:155px; height:160px; background-color:#D862A6; position:relative}
#header_interna .clics .numero {display:block; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; text-align:center; font-size:65px}
#header_interna .clics .texto {display:block; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; text-align:center; font-size:25px; text-transform:uppercase}
#header_interna .clics .inferior {display:block; position:absolute; bottom:0px; width:155px; height:32px; line-height:32px; background-color:#C34C90; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#FFF; font-size:11px; text-align:center}
#header_interna .clics .inferior a {color:#e7bdd5; text-decoration:none; text-transform:uppercase}
#header_interna .clics .inferior a:hover {color:#FFF}
#header_interna .clics .inferior a.activo {color:#FFF}
#header_interna .contenido {display:block; float:left; width:630px; height:120px; padding:20px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;  -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px;  -webkit-border-radius-topleft: 5px; -webkit-border-radius-bottomleft: 10px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-bottomleft: 5px}
#header_interna .contenido h2 {display:block; margin-bottom:10px; font-size:32px; color:#fff; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif}
#header_interna .contenido .url {display:block; background:url(../img/bullet_url_2.png) no-repeat 0px 0px; height:19px; padding-left:25px; margin-bottom:5px; color:#333; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; line-height:19px}
#header_interna .contenido .tyk {display:block; background:url(../img/bullet_tyk_2.png) no-repeat 0px 0px; height:19px; padding-left:25px; color:#333; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; line-height:19px}
#header_interna .contenido .fecha {display:block; color:#FFF; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:14px; margin-bottom:10px}

#header_report {display:block; width:980px; height:98px; line-height:98px; background-color:#E1E1E1; border-top-left-radius: 5px; border-top-right-radius: 5px;  -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;  -webkit-border-radius-topleft: 5px; -webkit-border-radius-topright: 10px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; font-family:Georgia, "Times New Roman", Times, serif; color:#777777; text-align:center; margin:auto; font-size:28px}
#header_report a {font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#FFF; text-decoration:none}
#header_report a:hover, #header_report a.activo {color:#777777}

#tabla_report {display:block; width:980px; margin:auto}
#tabla_report .header {display:block; height:32px; line-height:32px; text-transform:uppercase; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:10px; color:#e87dba; background-color:#FFF}
#tabla_report .header .fecha {display:inline-block; width:141px; padding-left:20px}
#tabla_report .header .referrer {display:inline-block; width:159px; padding-left:20px}
#tabla_report .header .location {display:inline-block; width:162px; padding-left:20px}
#tabla_report .header .device {display:inline-block; width:82px; padding-left:20px}
#tabla_report .header .browser {display:inline-block; width:87px; padding-left:20px}
#tabla_report .header .os {display:inline-block; width:85px; padding-left:20px}
#tabla_report .header .id {display:inline-block; width:90px; padding-left:20px}

#tabla_report .item {display:block; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:11px; color:#777777; background-color:#f2f2f2; border-bottom:1px solid #e1e1e1; padding:10px 0px}
#tabla_report .item .fecha {display:inline-block; width:141px; padding-left:20px}
#tabla_report .item .referrer {display:inline-block; width:159px; padding-left:20px}
#tabla_report .item .location {display:inline-block; width:162px; padding-left:20px}
#tabla_report .item .device {display:inline-block; width:82px; padding-left:20px}
#tabla_report .item .browser {display:inline-block; width:87px; padding-left:20px}
#tabla_report .item .os {display:inline-block; width:85px; padding-left:20px}
#tabla_report .item .id {display:inline-block; width:90px; padding-left:20px}

#footer_report {display:block; width:980px; background-color:#ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;  -webkit-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 10px; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-bottomright: 5px; margin:0 auto 20px auto; padding:10px 0}
#footer_report .selectPages {display:block; float:left; width:100px; height:23px; line-height:23px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px; color:#777777; padding-left:20px}
#footer_report .paginador {display:block; float:right; padding-right:20px; text-align:right; width:500px; height:23px; line-height:23px; color:#e87dba; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px}
#footer_report .paginador a {color:#e87dba; text-decoration:none}
#footer_report .paginador a:hover, #footer_report .paginador a.activo {color:#666}


#resumen {display:block; width:995px; background-color:#FFF; -ms-border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-top:1px solid #E981BB; margin:0 auto 50px auto}
#resumen .header {display:block; height:47px; line-height:47px; border-bottom:1px solid #d6d6d6; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:10px; text-transform:uppercase; color:#e87dba}
#resumen .header .fecha {display:block; float:left; height:47px; line-height:47px; width:116px; padding-left:45px}
#resumen .header .clics {display:block; float:left; height:47px; line-height:47px; width:97px; padding-left:10px}
#resumen .header .link {display:block; float:left; height:47px; line-height:47px; width:621px; padding-left:10px}
#resumen .header .favourite {display:block; float:left; height:47px; line-height:47px; width:62px; padding-left:10px; text-align:center}

#resumen .items {display:block; border-bottom:1px solid #d6d6d6; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; padding:10px 0px}
#resumen .items .fecha {display:block; float:left; width:116px; padding-left:45px; font-size:18px; color:#a8a8a8}
#resumen .items .clics {display:block; float:left; width:97px; padding-left:10px; font-size:24px; color:#e87dba}
#resumen .items .link {display:block; float:left; width:621px; padding-left:10px}
#resumen .items .link h2 a {display:block; margin-bottom:10px; font-size:18px; color:#e87dba; font-weight:normal}

#resumen .items .link .url {display:block; background:url(../img/bullet_url.gif) no-repeat 0px 0px; height:19px; padding-left:25px; margin-bottom:5px}
#resumen .items .link .tyk {display:block; background:url(../img/bullet_tyk.gif) no-repeat 0px 0px; height:19px; padding-left:25px}
#resumen .items .link a {color:#5b5b5b; text-decoration:none}
#resumen .items .link a:hover {text-decoration:underline}
#resumen .items .favourite {display:block; float:left; width:62px; padding-left:10px; text-align:center}
#resumen .items .favourite a {display:inline-block; background:url(../img/radio_favourite.png) no-repeat 0px 0px; width:35px; height:34px}
#resumen .items .favourite a:hover {background:url(../img/radio_favourite.png) no-repeat 0px -34px}
#resumen .items .favourite a.activo {background:url(../img/radio_favourite.png) no-repeat 0px -34px}

.footer {height: 50px; display:block; width:100%; border-top:1px dotted #adadad; background-color:#FFF}
#Footer {display:block; width:422px; margin:auto; padding-top:20px}
#Footer .izquierda a {display:block; float:left; height:16px; line-height:300px; overflow:hidden; width:100px; background-image:url(../img/logo_footer.gif)}
#Footer .derecha {display:block; float:right; width:230px; height:16px; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; padding-right:20px}
#Footer .derecha a {color:#656565; text-decoration:none}

#alarma {display:block; width:540px; height:260px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; color:#777777; padding-top:60px}
#alarma .boton {display:block; margin:auto; width:180px; height:48px; line-height:48px; color:#FFF; background-color:#F593CB; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; -ms-border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; text-decoration:none}
#alarma input {display:inline-block; background-image:url(../img/input_alarma.png); width:139px; height:54px; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#777777; text-align:center}

/* selects */
.input_102 {background-image:url(../img/input_102.gif); width:96px; height:21px; padding:3px; border:none; z-index:1200}
.input_485 {background-image:url(../img/input_485.gif); width:479px; height:19px; padding:3px; border:none; z-index:1200}
.contenedor_selectselect1 {display:inline-block; width:102px; height:26px; position:relative}
span.selectselect1 {
	position: absolute;
	height: 26px;
	color: #666666;
	font-size: 10px;
	border:none;
	background:url(../img/select_102.gif) no-repeat 0px 0px;
	line-height:26px;
	overflow: hidden;
	width:92px;
	padding-left:10px;
	text-align:left;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	top:-5px
}

select.styledselect1 {position:relative; z-index:5; height:26px; width:102px; opacity:0; background-color:#ffffff; font-size:10px; text-align:left; cursor:pointer; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#666666; top:-5px}

.contenedor_selectselect2 {display:inline-block; width:489px; height:26px; position:relative; padding-left:10px}
span.selectselect2 {
	position: absolute;
	height: 26px;
	color: #666666;
	font-size: 10px;
	border:none;
	background:url(../img/select_489.gif) no-repeat 0px 0px;
	line-height:26px;
	overflow: hidden;
	width:479px;
	padding-left:10px;
	text-align:left;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif
}

select.styledselect2 {position:relative; z-index:5; height:26px; width:489px; opacity:0; background-color:#ffffff; font-size:10px; text-align:left; cursor:pointer; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#666666}

.contenedor_selectselect3 {display:inline-block; width:58px; height:23px; position:relative}
span.selectselect3 {
	position: absolute;
	height: 23px;
	color: #666666;
	font-size: 10px;
	border:none;
	background:url(../img/select_58.png) no-repeat 0px 0px;
	line-height:23px;
	overflow: hidden;
	width:48px;
	padding-left:10px;
	text-align:left;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif
}

select.styledselect3 {position:relative; z-index:5; height:23px; width:58px; opacity:0; background-color:#ffffff; font-size:10px; text-align:left; cursor:pointer; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#666666}