/* MIS ESTILOS */

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,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.borrar{clear:both;}
div,header,footer,input,select,textarea,button{box-sizing: border-box;}
body{font-family: 'Lato',Verdana,sans-serif;}
.contenedor{width: 1200px;margin: 0 auto;padding: 0 20px;}
a:hover{opacity:0.5;}

.contenedor_selector{text-align: center;padding: 150px 50px;background: #9ccfa3;height: 100%;position: absolute;width:100%;}
.contenedor_selector .logo{}
.contenedor_selector .logo img{}
.contenedor_selector .menu{margin-top: 50px;display: none;}
.contenedor_selector .menu ul{}
.contenedor_selector .menu ul li{display: inline-block;vertical-align: middle;padding: 0 10px;}
.contenedor_selector .menu ul li a{text-decoration: none;color: #669c6e;font-weight: bold;font-size: 1.2em;position:relative;padding: 54px 30px;display: block;text-align: center;z-index: 1;}
.contenedor_selector .menu ul li a:after{content:'';display: block;border-radius:50%;position: absolute;width: 100%;height: 97%;top: 0;left: 0;background:#fff;z-index: -1;}
.contenedor_selector .menu ul li:last-child a:after{background:#487c50;}
.contenedor_selector .menu ul li:last-child a{color: #fff;}

header{background: #333;}
header .contenedor{}
header .logo{display: inline-block;vertical-align: middle;width:20%;}
header .logo img{width: 140px;}
header .menu{display: inline-block;vertical-align: middle;width:50%;text-align:center;}
header .menu ul{}
header .menu ul li{display: inline-block;vertical-align: middle;}
header .menu ul li a{color: white;text-transform: uppercase;text-decoration: none;padding: 20px;font-size: 0.9em;font-weight: bold;}
header .menu ul li span{color: #999;text-transform: uppercase;text-decoration: none;padding: 20px;font-size: 0.9em;font-weight: 400;}

header .settings{display: inline-block;vertical-align: middle;width:25%;text-align:right;}

.pagina_general header .settings span{font-size: 1em;font-weight: 400;text-transform: uppercase;color: #999;}


footer{background:#eee;position: fixed;bottom:0;width:100%;left:0;width:100%;text-align:center;}
footer ul li{display: inline-block;vertical-align: bottom;}
footer ul li{}
footer ul li a{text-align:center;background: #233e27;padding: 10px 40px;display: block;color:white;text-decoration:none;cursor:pointer;}
footer ul li a i{}
footer ul li a span{display:block;}

section h1{text-align: center;font-weight: 100;color: black;font-size: 2em;padding: 40px 30px 50px 0;}

.lista_clientes{padding-bottom: 100px;}
.lista_clientes ul{margin:0 auto;width:80%;}
.lista_clientes ul li{margin-bottom:20px;}
.lista_clientes ul li a{text-decoration: none;}
.lista_clientes ul li a img{width:10%;display: inline-block;vertical-align: middle;margin-right:10px;}
.lista_clientes ul li a .fila_cliente{background: #eee;padding:16px;display: inline-block;width:80%;display: inline-block;vertical-align: middle;color:grey;}
.lista_clientes ul li a .fila_cliente:after{content:'';display: block;float:none;clear:both;}
.lista_clientes ul li a span.nombre_cliente{float:left;font-weight: bold;}
.lista_clientes ul li a span.dias_planificacion{float:right;}


form.form_nuevo_cliente,form.form_calendario{margin:0 auto;width:70%;}
form.form_nuevo_cliente .bloque_largo{width:100%;padding:10px 0;}
form.form_nuevo_cliente .bloque_corto{width:auto;padding:10px 0;display:inline-block;vertical-align: top;}
form.form_nuevo_cliente input[type="text"],form.form_nuevo_cliente textarea{width: 100%;padding: 8px;font-size: 1.1em;font-family: inherit;border: 1pt solid green;border-radius: 5pt;margin-bottom: 10px;}
form.form_nuevo_cliente textarea{height: 100px;}
form.form_nuevo_cliente input[type="file"]{background:#91bf98;font-size: 1.1em;font-family: inherit;}
form label{font-size: 1.2em;}
form label.label_superior{display: block;padding-bottom: 5px;}
form label.label_superior span{font-size: 0.8em;}
form.form_nuevo_cliente select{padding: 8px;font-size: 1.1em;font-family: inherit;margin:0 10px;border: 1pt solid green;border-radius: 5pt;}

.login{padding: 30px 0;}
.login form{}
.login form input{padding: 8px;font-size: 1.1em;font-family: inherit;border: 1pt solid green;border-radius: 5pt;margin:0 6px;}
.classlogueado .login{display: none;}
.classlogueado.contenedor_selector .menu{display:block;}

.error_login{width: 100%;background: red;color: white;margin: 30px;padding: 5px;}
.errores_formulario{margin: 0 auto 20px;width: 70%;background: red;color: white;padding:30px;}
.errores_formulario strong{font-weight: bold;}
.errores_formulario ul{width:100%;padding:20px 0 0;}
.errores_formulario ul li{margin-bottom:10px !important;}

.boton_cancelar a{background:#e3506f;}
.boton_eliminar a{background:red;}
.bloque_links_calendario ul{width: auto;padding:10px 10px 10px 0;}
.bloque_links_calendario li{display:inline-block;vertical-align: middle;margin-right:10px;}
.bloque_links_calendario li a{width: 100%;padding: 8px;font-size: 1.1em;font-family: inherit;border: 1pt solid green;border-radius: 5pt;margin-bottom: 10px;display: block;box-sizing: border-box;background:green;color:white;}

.pagina_calendario{margin-bottom:100px;}
.pagina_calendario .lista_calendario{}
form.form_calendario{padding-top:30px;width:80% !important;}
.pagina_calendario .lista_calendario h2{text-align: center;margin-top: -40px;font-style: italic;font-weight: 400;color: green;}
.pagina_calendario .lista_calendario .cabecera_calendario{display: table;width:100%;padding: 10px;}
.pagina_calendario .lista_calendario .cabecera_calendario div{display: table-cell;width:16%;font-weight: bold;padding-bottom: 10px;text-align:center;}
.pagina_calendario .lista_calendario .fila_calendario div.num_semanas input{border:none;}
.pagina_calendario .lista_calendario .fila_calendario{border:1pt solid green;
padding: 10px;display: table;margin-bottom:10px;width:100%;}
.pagina_calendario .lista_calendario .fila_calendario div{display: table-cell;width:16%;}
.pagina_calendario .lista_calendario .fila_calendario input{box-sizing:border-box;border:2pt solid #d9efdc;margin:0 auto;width:100%;text-align: center;font-size: 1em;font-family: inherit;padding:5px;}

.cabecera_calendario_eventos{}

ul.listado_calendarios{margin: 0 auto;width: 80%;display: block;}
.listado_calendarios li{background: #eee;padding: 16px;display: inline-block;width: 100%;display: inline-block;vertical-align: middle;color: grey;font-weight: bold;display: block;margin-bottom:20px;}
.listado_calendarios li a{text-decoration: none;color: grey;display: block;font-weight: 100;font-size: 3em;}
.listado_calendarios li.ano_actual_label a{font-weight: 400;}
.pagina_calendario .listado_eventos .cabecera_calendario div{width: 30%;}
.pagina_calendario .listado_eventos .cabecera_calendario div:first-child{width:50%;padding:0 100px 0 0;}
.pagina_calendario .listado_eventos .cabecera_calendario div:nth-child(2){padding-right: 32px;}
.fila_evento{background: #eee;padding: 16px;color: grey;border:none !important;}
.fila_evento .nombre_evento{width:50% !important;}
.fila_evento .nombre_evento a{font-weight: bold;color:black;text-decoration: none;display: block;line-height: 1.2em;padding:0 100px 0 0;box-sizing: border-box;}
.fila_evento .fecha_evento{}
.fila_evento .repetir_evento{text-align: center;}
.fila_evento .repetir_evento span{display: inline-block;background: #ddd;width: 20px;height: 20px;border-radius: 50%;}
.fila_evento .repetir_evento span.repetir_on{background: grey;}
.listado_eventos .cabecera_calendario{}
.listado_eventos .fila_evento .fecha_evento{width: 30% !important;}
.borrar_evento span{font-variation-settings: 'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 40;color: grey;}
.logo_cliente_superior{}
.logo_cliente_superior span{display: inline-block;vertical-align: middle;}
.logo_cliente_superior div.circulo_imagen{display: inline-block;vertical-align: middle;width: 30px;height: 30px;overflow: hidden;border-radius: 50%;margin-left: 10px;}
.logo_cliente_superior div.circulo_imagen img{max-height: 100%;}
.fila_categorias{margin-bottom: 10px;position:relative;}
.fila_categorias .stars{display: inline-block;box-sizing: border-box;width:5%;vertical-align: top;}
.fila_categorias .stars span{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 40;  color: #ddd;  }
.fila_categorias .stars.obligatoria span{color: black;}
body .fila_categorias .nombre_evento,body .fila_categorias .nombre_tematica{display: inline-block;box-sizing: border-box;width:30% !important;vertical-align: top;padding-top: 4px;}
.fila_categorias .nombre_evento h3{font-weight: bold;font-size: 1.1em;}
.fila_categorias .nombre_evento ul{margin:0;padding-top:10px;}
.fila_categorias .nombre_evento ul li{padding:5px 0;margin-bottom:0;font-size: 0.8em;}
.fila_categorias .contenidos,.fila_categorias .contenido_tematica{display: inline-block;box-sizing: border-box;width:48%;vertical-align: top;}
.fila_categorias .iconos{display: inline-block;box-sizing: border-box;width:15%;vertical-align: top;text-align: right;}
.fila_categorias .iconos a{margin: 0 3px;}
.fila_categorias .iconos a:last-child span{color:green;}
.fila_categorias .iconos span{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 40;color: grey;}
.fila_categorias .iconos .icono_mas{}
.clearboth{float:none;clear:both;}
.bloque_tematicas{padding: 10px;background: white;margin-top: 20px;display: none;}
.bloque_tematicas .stars{width:3%;}
.bloque_tematicas .nombre_tematica{}
.bloque_tematicas .contenido_tematica{}
.bloque_tematicas .iconos{width: 17%;}
.fila_tematica{border-bottom: 1pt solid #eee;padding:15px 0;}
.fila_categorias .fila_tematica:last-child{border-bottom: 0pt solid #eee;}
.abrir_tematicas{position:absolute;top:95px;left:17px;cursor:pointer;}
.fila_categorias .bloque_tematicas .iconos a:last-child span{color:grey !important;}

@media (max-width:1200px){
	.contenedor{width: 100%;overflow: hidden;}
}
@media (max-width:1000px){


}
@media (max-width:768px){


}

@media (max-width:480px){


}