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

html,body {
	background-color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	text-align:center;
}

#loader {
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	z-index:800;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.80);
	overflow:auto;
}
#loader div {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: url(../img/loader.gif) no-repeat center center fixed; 
}

#cont_meses, #cont_tipos {
    background-color: #ed9239;
	background-image:url(../img/degrad.png);
	background-size:100% 100%;
	font-variant:small-caps;
	font-size:14px;
}
a {
	text-decoration:none;
}
h1 {
	font-size:18px;
	margin-bottom:5%;
	/*margin-top:5%;*/
	background-color: #ed9239;
	background-image:url(../img/degrad.png);
	background-size:100% 100%;
	font-variant:small-caps;
	padding:.5%;
}
#cont_tiendas h1 {
	margin-top:2%;	
}
hr {
}
.tit {
	background-color: #ed9239;
	background-image:url(../img/degrad.png);
	background-size:100% 100%;
	font-variant:small-caps;
	padding:.1%;
	display:block;
	text-align:left;
	font-size:18px;
	margin-bottom:.5%;
	margin-top:.5%;
}
i {
	font-style:italic;
	font-weight:bold;
}
strong {
	font-weight:bold;
}
#header {
	display:block;
	text-align:center;
	background-color:#FFF;
}
#legales {
	display:block;
	width:100%;
	background-color: #ed9239;
	background-image:url(../img/degrad.png);
	background-size:100% 100%;
	font-size:16px;
	text-align:center;
	position:absolute;
	bottom:0px;
	height:5%;
	z-index:3000;
	padding-top:.2%;
}
#header img {
	height:130px;
	width:auto;
	margin:15px;
}
#contenedor {
	display:block;
	margin:15px;
	text-align:center;
}
#contenedor .forma_entrar {
	display:block;
	margin-top:15px;
}
#contenedor .forma_entrar span, #contenedor .forma_entrar input {
	display:inline-block;
	width: 100px;
}
.dummy{
	width: 90%;
	height:auto;
}

.modulo_cruces {
	position:absolute;
	display:block;
	height: 100%;
	width: 100%;
	overflow:hidden;
}
#A {
	position:relative;
	display:block;
	text-align:left;
	height:10%;
	width:100%;
	background-color:#FFF;
}
#A div {
	height:100%;
	position:relative;
	display:inline-block;
	background-color: #FFF;
}
#A div img:first-child {
	margin-top:2%;
	position:relative;
	display:inline-block;
	height:90%;
	width:auto;
	margin-left:15px;
	margin-right:15px;
    vertical-align: middle;
}
#A div img:last-child {
	position:relative;
	display:inline-block;
	height:75%;
	width:auto;
	margin-left:15px;
	margin-right:15px;
	vertical-align: middle;
}
#cont_meses {
	display:block;
	height:5%;
	vertical-align:central;
	text-align:center;
	overflow:hidden;
}
#meses, #semanas {
	display:block;
	text-align:center;
	height:100%;
}

#meses .anio_head, #meses a, #semanas .block-mes, #semanas .anio_head, .quitar {
	display:inline-block;
	padding-top:.3%;
	/*padding-left:10px;
	padding-right:10px;*/
	width:6.6%;
	/*border-left:solid 1px #CCC;
	border-right:solid 1px #555;*/
	height:90%;
	/*background-color:#ccc;*/
	color:#444;
	overflow:hidden;
}
.semana {
	color: #444;
    display: inline-block;
    height: 90%;
    overflow: hidden;
    padding-top: 0.3%;
}

#cont_tipos a {
	display:inline-block;
	padding-top:.2%;
	/*padding-bottom:.3%;
	padding-left:10px;
	padding-right:10px;*/
	vertical-align:top;
	width:12.5%;
	/*border-left:solid 1px #CCC;
	border-right:solid 1px #555;*/
	height:90%;
	/*background-color:#ccc;*/
	color:#444;
}
#cont_tipos a:hover, #meses a:hover, #semanas a:hover {
	background-color: #dd693a;
	color:#FFF;
}
.anio_head{
	background-color:rgba(255,255,255,0.50);
}
#cont_tiendas {
	display:inline-block;
	width:19%;
	height:73%;
	vertical-align:top;
	text-align:left;
}
#busqueda {
	padding:.5%;
	width:100%;
}
.busq_zona {
	display:block;
}
#cont_regiones {
	display:block;
	height:100%;
}
#regiones {
	height:70%;
	overflow:auto;
}
#regiones, #cuestionarios_div{
	display: block;
	/*padding: 10px;*/
	border: 1px solid #CCC;
	background-color:rgba(255,255,255,0.80);
}
#regiones .todo {
	display: block !important;
	color:#000;
}
#regiones .todo img {
	width:25px;
	height:25px;
	padding:5px;
	vertical-align:middle;
}
#regiones a {
	padding: 1%;
	display: inline-block;
}
.subs{
	display: block;
	padding: .5%;
	border: 1px solid #000000;
	color: #000;
	font-size:12px;
}
#cont_resultados {
	display:inline-block;
	width:80%;
	height:73%;
	vertical-align:top;
	overflow:auto;
}
#cont_tipos {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	height:5%;
	overflow:hidden;
}
.modulo_cruces .activo {
	background-color:#000 !important;
	color:#FFF !important;
}
.barra {
	text-align:left;
	background-color:#f5f5f5;
	position:relative;
	display:block;
	background-image:url(../img/degrad.png);
	background-size:100% 100%;
}
.barra .barra_prom {
	position:relative;
	display:inline-block;
	height:100%;
	background-image:url(../img/brillo_barra.png);
	background-size:100% 100%;
}
.barra .nombre {
	position:absolute;
	display:inline-block;
	top:10%;
	left:10px;
	z-index:500;
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 1px 1px #333;
}
.barra .numero {
	position:absolute;
	display:inline-block;
	bottom:10%;
	right:10px;
	z-index:500;
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	font-style:oblique;
	color:#111;
	text-shadow: 1px 1px #EEEEEE;
}
.verde {
	background-color:#46BF33;
}
.azul {
	background-color:#456FD1;
}
.amarillo {
	background-color:#DCCE4A;
}
.rojo {
	background-color:#FF1E22;
}
.verde2 {
	color:#46BF33;
}
.azul2 {
	color:#456FD1;
}
.amarillo2 {
	color:#b8ac3a;
}
.rojo2 {
	color:#FF1E22;
}
.cliente_select {
	position:absolute;
	top:0;
	right:0;
}
.ui-front{
	z-index:1500;
	background-color:rgba(237,146,57,0.90);
	width:10%;
	display:block;
	font-size:12px;
}
.ui-front li{
	display:block;
}
.ui-front a{
	padding:1.5%;
	display:block;
}
.ui-front a:hover{
	background-color: #DA5A27;
	color:#FFF;
}
.cruzar, .cruzar2 {
	background-image:url(../img/cruce.png);
	background-size:cover;
	display:inline-block;
	width:25px;
	height:25px;
	margin-left:3px;
}
.expandir {
	background-image:url(../img/vermas.png);
	background-size:cover;
	display:inline-block;
	width:10px;
	height:10px;
	margin-left:3px;
}

.expandir_s {
	background-color:#FDFC00;
}

.tabla_resultados {
	font-size:12px;
	width:95%;
	margin:5px;
	text-align:left;
}

.tabla_resultados td {
	padding:5px;
	border: 1px solid #000000;
}

#flotante_cuestionario {
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	z-index:500;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.95);
	overflow:auto;
}

.img_adjunto {
	height: 77%;
	width:auto;
	margin:3px;
	margin-top:4% !important;
}
.nav_pic {
	margin-top:3px;
}
.nav_pic a, .nav_pic span {
	margin:3px;
}
.nav_pic span {
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.cerrarcuestionario {
	position:absolute;
	display:inline-block;
	width:40px;
	height:40px;
	top:25px;
	right:25px;
	background-image:url(../img/cerrar.png);
	background-size:cover;
}
.contenedor_cuestionario {
	font-size:12px;
	padding:50px;
	padding-bottom:70px !important;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
.seccion {
	padding:15px;
}
.tit_seccion {
	font-weight:bold;
	font-size:18px;
	display:block;
	padding:10px;
}
.linea_pregunta {
	width:100%;
	display:block;
	padding:10px;
	text-align:left;
	border:1px solid #CCC;
}
.pregunta {
	width:79.5%;
	display:inline-block;
	margin-right:1%;
	font-style:oblique;
	vertical-align:top;
}

.linea_pregunta div ul {
	list-style:circle !important;
	list-style-position:inside !important;
}

.respuesta_1 {
	width:19%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-weight:bold;
	
}
.respuesta_2 {
	display:block;
	padding:10px;
}
.campo_tit {
	color:#FFF;
	background-color:#ed9239;
	font-variant:small-caps;
}
.veradjunto img, .vercuestionario img{
	height:25px;
	width:25px;
}
#salir {
	position:absolute;
	display:inline-block;
	width:40px;
	height:40px;
	top:5px;
	right:5px;
	background-image:url(../img/salir.png);
	background-size:cover;
	z-index:100;
}
.paginador {
	display:block;
	text-align:left;
	margin:3px;
}
.paginador a, .paginador span{
	display:inline-block;
	padding:3px;
}
.paginador a{
	background-color:#FFF;
	color:#000;
}
.paginador span{
	color:#FFF;
	background-color:#000;
}
#botonera_historicos, #botonera_areas {
	display:block;
}
#botonera_historicos a, #botonera_areas a {
	font-size:12px;
	padding-left:5px;
	padding-right:25px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:3px;
	margin-right:3px;
	display:inline-block;
	background-image:url(../img/no.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:right 3px center;
	background-color:#FFF;
	border-radius:10px;
}

#botonera_historicos a div, #botonera_areas a div {
	width:10px;
	height:10px;
	margin-right:5px;
	display:inline-block;
}
.incidencias{
	display:none;
}
.incidencias table{
	width:100%;
	list-style:circle;
	font-size:10px;
}
.incidencias table tr td{
	width:50%;
}

.ul_columna {
	display:inline-block;
	/*width:32%;*/
	margin-right:1%;
	vertical-align:top;
	text-align:left;
	height:80%;
	border: 1px solid #ccc;
	margin-top:2%;
	overflow:auto;
}
.ul_columna ul {
	display:block;
	padding: 0;
    list-style-type: none;
	
}

.ul_columna ul li {
	display:block;
}

.ul_columna ul li a {
	display:block;
	color:#000;
	font-size:12px;
	padding:3%;
}

#col_areas{
	width:16%;
}
#col_preguntas{
	width:40%;
}
#col_respuestas{
	width:40%;
}

.mes_cuad {
	width:21%;
	margin-right:1.5%;
	margin-left:1.5%;
	margin-bottom:1.5%;
	display:inline-block;
	position:relative;
	height:16%;
	background-image: url("../img/degrad.png");
    background-size: 100% 100%;
}
.mes_cuad a {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	display:block;
}

.label_porcentaje {
	position:relative;
	display:block;
	height:100%;
	background-image: url("../img/brillo_barra.png");
    background-size: 100% 100%;
}
.label_porcentaje span {
	position:absolute;
 	top:35%;
 	left:.1%;
	display:block;
	font-size:28px;
	color:rgba(255,255,255,0.80);
	font-weight:bolder;
}

.label_mes {
	font-variant:small-caps;
	position:absolute;
	color:#000;
 	top:2px;
 	right:2px;
	display:block;
	font-size:14px;
}

.label_incidencias {
	position:absolute;
	color:#FF0000;
	background-color:#FFF;
 	bottom:-3px;
 	right:-3px;
	border-radius:20px;
	border-width:1px;
	border-bottom-style:solid;
	border-color:#FF0000;
	display:block;
	font-size:10px;
	padding:5px;
}
#incumplimientos{
	display:block;
	text-align:center;
	font-size:82px;
	font-weight:bolder;
}
.nota {
	color:#C7C7C7;
	font-size:9px;
}
#referencias {
	position:fixed;
	display:inline-block;
	bottom:5.5%;
	right:3px;
	font-size:13px;
}
#referencias div {
	display:inline-block;
	width:150px;
}
#referencias div div {
	display:inline-block;
	width:40px;
	height:27px;
}
#referencias div span {
	width:98px;
	margin-left:2px;
	display:inline-block;
	text-align:left;
}
h2 {
	padding:3px;
	font-weight:bold;	
}

.limit {
	background-color:#d7d7d7 !important;
}

#pestanas {
	font-size:11px;
	color:#FFF;
	position:absolute;
	top:-30px;
	right:50px;
	display:block;
	max-width:66%;
	height:50px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	z-index:5000;
}

#pestanas a {
	font-size:12px;
	color:#000;
	background-color:#ed9239;
	display:inline-block;
	padding:5px;
	margin:3px;
}

#pestanas a:hover {
	color:#ed9239;
	background-color:#000;
}

#pestanas div {
	background-color:#666;
	display:block;
	text-align:left;
	position:absolute;
	bottom:0px;
	right:0px;
	padding:5px;
}

#pestanas:hover {
	background-color:#666;
	top:0px;
}

#area_agotamientos{
	margin-bottom:60px;
	display:block;
}

.charola{
	position:relative;
	width:18%;
	background-color:#CCC;
	display:inline-block;
	padding:.5%;
	margin-left:.5%;
	margin-right:.5%;
	margin-bottom:10px;
	overflow:hidden;
}

.barra_charola{
	position:relative;
	display:block;
	width:100%;
	height:30px;
}

.color_charola{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}

.imagen_charola{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}

.imagen_charola img{
	width:100%;
	height:100%;
}