@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
@font-face { font-family: SourceSansPro-Regular; src: url(../fonts/SourceSansPro-Regular.ttf); }
@font-face { font-family: SourceSansPro-Light; src: url(../fonts/SourceSansPro-Light.ttf); }
@font-face { font-family: SourceSansPro-ExtraLight; src: url(../fonts/SourceSansPro-ExtraLight.ttf); }
@font-face { font-family: Raleway-Thin; src: url(../fonts/Raleway-Thin.ttf); }
@font-face { font-family: Raleway-ExtraLight; src: url(../fonts/Raleway-ExtraLight.ttf); }
@font-face { font-family: Raleway-Light; src: url(../fonts/Raleway-Light.ttf); }
@font-face { font-family: Raleway-Regular; src: url(../fonts/Raleway-Regular.ttf); }
@font-face { font-family: Economica-Regular; src: url(../fonts/Economica-Regular.ttf); }
@font-face { font-family: Economica-Bold; src: url(../fonts/Economica-Bold.ttf); }
@font-face { font-family: Lobster-Regular; src: url(../fonts/Lobster-Regular.ttf); }
@font-face { font-family: ArimaMadurai-Light; src: url(../fonts/ArimaMadurai-Light.ttf); }
@font-face { font-family: PoiretOne-Regular; src: url(../fonts/PoiretOne-Regular.ttf); }
@font-face { font-family: PTSans-Regular; src: url(../fonts/PTSans-Regular.ttf); }
@font-face { font-family: OpenSansCond-Bold; src: url(../fonts/OpenSansCond-Bold.ttf); }
@font-face { font-family: OpenSansCond-Regular; src: url(../fonts/OpenSansCond-Regular.ttf); }

@-ms-viewport{ width: extend-to-zoom; zoom: 1.0; }

html.wait, html.wait * { cursor: wait !important; }

/** ============================================================================================== **/
/** ============================== Cuerpo y contenedores principales ============================= **/
/** ============================================================================================== **/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #444;
	font-family: 'PT Sans', PTSans-Regular, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 1.45;
	background: #fafafa;
	margin: 0px;
}
#page { width: 100%; overflow: scroll; }
#main-container-wrapper { width: 100%; height: 100%; }
#main-container { position: relative; text-align: center; }
.subpage-wrapper { display: none; padding-top: 48px; }
.subpage-wrapper.loading { height: 100vh; background:#fff url(../images/loader.gif) no-repeat center; }
.subpage-wrapper.loading .subpage { display: none; }
.subpage-wrapper:not(.loading) .subpage { display: block; }
.subpage { padding-top: 48px; }
.subpage:first-child { padding-top: 36px; }
.subpage:not(.loading):not(.load) { padding-top: 0px; }
.subpage.loading, .marco.loading { height: 100vh; background:#fff url(../images/loader.gif) no-repeat center; }
.subpage:nth-child(even) { background-color: #f4f4f4; }
.subpage:nth-child(odd) { background-color: #fff; }
.subpage-title { padding-bottom: 12px !important; }
.subpage-body { padding-top: 8px; padding-bottom: 48px; }
.subpage-body.row { padding-top: 0px; }
.subpage-body.row > [class*="col-"] { padding-top: 8px; }
.container-subpage { padding: 0 4%; margin-right: auto; margin-left: auto; }
.row:after {
    clear: both;
}
.row:before, .row:after {
    display: table;
    content: " ";
}
[class*="col-"] {
	position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}
[class*='col-xs-'] { float: left; }
.col-xs-1 {width: 8.333333%;}
.col-xs-2 {width: 16.666667%;}
.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.333333%;}
.col-xs-5 {width: 41.666667%;}
.col-xs-6 {width: 50%;}
.col-xs-7 {width: 58.333333%;}
.col-xs-8 {width: 66.666667%;}
.col-xs-9 {width: 75%;}
.col-xs-10 {width: 83.333333%;}
.col-xs-11 {width: 91.666667%;}
.col-xs-12 {width: 100%;}
div.temp.loading { height: 200px; background:#fff url(../images/loader.gif) no-repeat center; }

/** ============================================================================================== **/
/** =========================================== Titulos ========================================== **/
/** ============================================================================================== **/
body, h1, h2, h3, h4, h5, h6, h2 > span {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', Raleway-Thin, sans-serif;
	font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	-webkit-font-feature-settings: "lnum";
	-ms-font-feature-settings: "lnum";
	-o-font-feature-settings: "lnum";
}
h1 {
	font-weight: 100;
	font-size: 26px;
	line-height: 1.10;
}
h2 {
	font-weight: 200;
	font-size: 24px;
	line-height: 1.45;
	color: #3d7d99;
}
h3 {
	font-family: 'Economica', Economica-Regular, sans-serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 1.5;
	color: #fff;
}
h4 {
	margin: 0 0 6px 0;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.45;
}
/*h5 {
	font-weight: 100;
	font-size: 18px;
	line-height: 1.45;
	color: #3d7d99;
}
h6 {
	font-weight: 100;
	font-size: 13px;
	line-height: 1.45;
	letter-spacing: 3px;
}


h2 > span {
	font-family: 'Raleway', Raleyway-Regular, sans-serif;
}
h1 .logo_textoUCM {
	font-size: 70%;
}
.sideslide h3 {
	color: rgba(255,255,255,0.7);
}
*/
.block-header > h4,
.sideslide > h3 {
	font-family: 'Economica', Economica-Regular, sans-serif;
	font-weight:300;
	font-size: 28px;

}
.multiselect > h3 {
	padding: 4px 0;
	background-color: #19253a;
	color: #ffffff;
	font-size: 24px;
}

/*.sideslide-description > h4 {
	font-size: 16px;
}

/* ============================================================================================== */
/* ================================ COLORES (tonalidades de GRIS) =============================== */
/* ============================================================================================== */
.background-color-body1 { background-color: #f4f4f4; }
.background-color-body2 { background-color: #fff; }

/* ============================================================================================== */
/* ============================================= LOGO =========================================== */
/* ============================================================================================== */
.logo_texto {
	color: #2b5b73;
	font-family: 'Lobster',Lobster-Regular, cursive;
	font-weight: 400;
}
.logo_textoUCM {
	color: #3d7d99;
	font-family: 'Arima Madurai',ArimaMadurai-Light, cursive;
	font-weight:300;
}
#notification-wrapper .logo_textoUCM {
	color: #fff;}

.hidden-wrapper .logo_texto,
.sideslide .logo_texto {
	color: #e4e4e4;
}

/* ============================================================================================== */
/* ===================== Estilos por defecto para los elementos de la pagina ==================== */
/* ============================================================================================== */
p {
	margin: 10px 0;
	font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	-webkit-font-feature-settings: "lnum";
	-ms-font-feature-settings: "lnum";
	-o-font-feature-settings: "lnum";
}

a {
	outline: none;
	color: #3d7d99;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}

.open-sideslide {
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

a:hover,
a:focus {
	outline: none;
}

a.login {
	cursor:pointer;
}

a.icon {
   color: #fff;
   background: #63a5c1;	
	font-size: 15px;
	font-weight: normal;
	margin-left: 1%;
	margin-right: 1%;
   padding: 2px;
	white-space : nowrap;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
a.icon:hover {
   background: #214050;
	font-weight: normal;
	text-decoration: none;
}

.logo-principal {
	width: 20%;
	margin: -5% 1%;
	min-width: 114px;
}

#olimpiada_matematica > div.subpage-content > div.subpage-body > a.link-moveup,
#olimpiada_matematica > div.subpage-content > div.subpage-body > a.link-moveup  span,
#concurso_intercentros > div.subpage-content > div.subpage-body > a.link-moveup,
#concurso_intercentros > div.subpage-content > div.subpage-body > a.link-moveup span,
#concurso_puigadam > div.subpage-content > div.subpage-body > a.link-moveup,
#concurso_puigadam > div.subpage-content > div.subpage-body > a.link-moveup span {
	width:360px;
}
a.link-moveup {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0 4px;
	line-height: 1.1;
}
a.link-moveup span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	transition: transform 0.3s;
}
a.link-moveup span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
a.link-moveup:hover span,
a.link-moveup:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

a.link-rotate {
	position: relative;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}
a.link-rotate::before {
	width: 100%;
	font-weight: bold;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-o-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-ms-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	-ms-transition: -ms-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}
a.link-rotate:hover::before,
a.link-rotate:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-o-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-ms-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}

a.link-scaledown {
	text-shadow: none;
	font-weight: normal;
}
a.link-scaledown::before {
	width: 100%;
	font-weight: bold;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
	-moz-transition: -moz-transform 0.6s, opacity 0.6s;
	-o-transition: -o-transform 0.6s, opacity 0.6s;
	-ms-transition: -ms-transform 0.6s, opacity 0.6s;
	transition: transform 0.6s, opacity 0.6s;
}

a.link-scaledown:hover::before,
a.link-scaledown:focus::before {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

img { max-width: 100%; }
div, span, p { font-family: 'PT Sans', PTSans-Regular, sans-serif; font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; -ms-font-feature-settings: "lnum"; -o-font-feature-settings: "lnum"; }


/** ============================================================================================== **/
/** ========================== Clase necesaria para los iconos de google ========================= **/
/** ============================================================================================== **/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

/** ============================================================================================== **/
/** =================================== Panel "hidden-wrapper" =================================== **/
/** ============================================================================================== **/
.hidden-wrapper {
	display: none;
   position: fixed;
   top: 0;
   bottom: 0;
	left: 0;
	right: 0;
   height: 100vh;
   z-index: 160;
	background: rgba(25,37,58,0.96);
}
.hidden-wrapper > div {
	display: inline-block;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	min-width: 250px;
}
.hidden-wrapper > div.row {
	display: flex;
}
.hidden-wrapper h2 { color: #fff; }
.hidden-wrapper .text-caption { color: rgba(255,255,255,0.55); }

/** ============================================================================================== **/
/** =============================== BARRA SEPARADORA DE LOS TITULOS ============================== **/
/** ============================================================================================== **/
.border-bottom-gray {
	border-bottom: 1px solid #8D8E8D;
	display: inline-block;
	width: 80px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
h2 + div.border-bottom-gray {
	margin-top: 14px;
	margin-bottom: 12px;
}
.border-bottom-white {
	border-bottom: 1px solid #fff;
	display: inline-block;
	width: 80px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
/** Descripcion de los TITULOS =================================================================== **/
.text-caption {
	font-family: 'Raleway', Raleway-Regular, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.45;
}
.text-caption > span.aviso {
	font-size: 10px;
	color: #ff3c3c;
}
.text-caption > span.info {
	font-size: 10px;
	color: #9f9f9f;
}
.gray-letters {color: #8C8C8B; padding: 5px 0;}
.white-letters {color: #fff}
.services-wrapper i {font-size: 30px; color: #A00000;}

/*****************************************************************************/
/** portfolio-elements																		 **/
/*****************************************************************************/
.portfolio-elements {margin: 0; padding: 0; list-style: none;}
.portfolio-elements li {display: block; width: 100%; float: left;}
.portfolio-elements li a {display: block; position: relative; overflow: hidden;}
.portfolio-elements li a:hover {text-decoration: none;}
.portfolio-elements li a.noclick {cursor: default;}
.portfolio-elements li a img {display: block; max-width: 100%;}
.port-elem-images {position: absolute; top: 0; left: 0; width: 100%;}
.port-elem-text {position: absolute; left: 0; z-index: 5; width: 100%; height: auto; background: #fff; padding: 12px 0; text-align: center;color: #444;}

/*****************************************************************************/
/** image-caption																				 **/
/*****************************************************************************/
.image-caption {
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
}
.image-caption-wrapper {
	padding: 5px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 400;
	position: absolute;
	color: #fff;
	background: rgba(190,176,155, 0.4);
	border-left: 2px solid rgba(255,255,255,0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}
ul.portfolio-elements li a .image-caption-wrapper {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 1;
}
.image-caption-wrapper:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);
	background: rgba(190,176,155, 0.7);
}
.image-caption-wrapper h3 {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	color: #fff;
	text-align: left;
	font-weight: 500;
}
.image-caption-wrapper h3 a {
	color: #4a3c27;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

/** ============================================================================================== **/
/** =============================== Elementos de entrada de datos ================================ **/
/** ============================================================================================== **/
input[type=number] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.field {
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid #d3d3d4;
	padding: 0;
	text-align: left;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}
.field.subfield { border-top: 1px solid transparent; }
.field.last {	border-bottom: 1px solid #d3d3d4;	}
.field > label {
	position: relative;
	display: block;
	width: 100%;
	top: auto;
	margin: 10px 0 0;
	font-family: 'Lobster',Lobster-Regular, cursive;
	font-weight: normal;
	color: #43525a;
	font-size: 16px;
	white-space: nowrap;
	transition: all .2s linear;
}
.field.subfield > label {
	color: #adb8bd;
}
.border-container .field > label {
	color: #717d93;
}
.field.no-label > label {	display: none;	}
.field .field-inner {
	position: relative;
	display: block;
	width: 100%;
	margin: 5px 0 10px;
	color: #7d7d83;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.field.no-label .field-inner {
	margin: 10px 0;
}
.field span {
	font-size: 16px;
	font-family: SourceSansPro-ExtraLight, sans-serif;
	font-weight: 200;
}
.field input,
.field textarea,
.field select {
	width: 100%;
	border: none;
	color: #a7a7a7;
	background-color: transparent;
	padding: 0px 1px;
	margin: 0;
	font-size: 14px;
	font-family: SourceSansPro-ExtraLight, sans-serif;
	font-weight: 200;
	outline: 0;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.field input[type='checkbox'].checkbox {
	display: none;
}
.field input[type='checkbox'].checkbox + label.checkbox {
	cursor: pointer;
	margin: 0px;
}
.field input[type='checkbox'].checkbox:not(.fa) + label.checkbox:before {
	content: 'check_box_outline_blank';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	color: #444;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
.field input[type='checkbox'].checkbox:not(.fa):checked + label.checkbox:before { content: 'check_box'; }
.field input[type='checkbox'].checkbox:not(.fa).lock + label.checkbox:before { content: 'lock'; }
.field input[type='checkbox'].checkbox:not(.fa).lock:checked + label.checkbox:before { content: 'lock_open'; }
.field input[type='checkbox'].checkbox.fa + label.checkbox:before { font-size: 24px; }
.field input[type='checkbox'].checkbox.fa.toggle + label.checkbox:before { content: "\f204"; color: rgba(255, 255, 255, 0.3); }
.field input[type='checkbox'].checkbox.fa.toggle:checked + label.checkbox:before { content: "\f205"; color: #fff; }
.fa-venus {color: pink;}
.fa-mars {color: blue;}
.field input[type='checkbox'].checkbox.fa.venus + label.checkbox:before { content: "\f221"; color:pink; }
.field input[type='checkbox'].checkbox.fa.mars:checked + label.checkbox:before { content: "\f222"; color:blue; }
.field textarea {
	height: 150px;
	min-height: 100px;
	line-height: 22px;
	resize: vertical;
}
.field textarea.breve {
	height: 66px;
	min-height: 66px;
}
.field input:invalid,
.field textarea:invalid,
.field select:invalid {
	/*color: #c00;*/
	border:none;
}
#login-correo:invalid {	color: #fd8d8d;	}
.field.button-search input,
.field.button-cancel input,
.field.button-search textarea,
.field.button-cancel textarea {
	padding-right: 25px;
}
.field i.button-acction {
   position: absolute;
	top: -2px;
	right: 7px;
	font-size: 30px;
	cursor: pointer;
}
select {
	padding-left: 0px !important;
	margin-left: -3px !important;
	color: #a7a7a7 !important;
}
select > option {
	color: #a7a7b3;
	background-color: #27394d;
}
select[disabled] > option {
	color: graytext;
}
.border-container select, .border-container input, .border-container textarea {
	color: #e6e6e6 !important;
}
.field .error-field {
	display: none;
/*	float: left;*/
	width: 100%;
	margin: 10px 0 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #ff3c3c;
}
.field .error-field.warning {
	color: #ffbe00;
}
.field .error-field.filled {
	display: block;
}
.hidden-wrapper .field input,
.hidden-wrapper .field textarea,
.hidden-wrapper .field select,
.sideslide .field input,
.sideslide .field textarea,
.sideslide .field select,
.sideslide input[type='checkbox'].checkbox + label.checkbox:before {
	color: rgba(255, 255, 255, 0.81);
}
.enunciado {
	font-family: 'Lobster',Lobster-Regular, cursive;
	font-weight: normal;
	color: rgba(132, 143, 158, 0.81);
	font-size: 18px;
}
.enunciado-radio {
	display: flex;
	margin: 5px 0;
}
.enunciado-radio > div {
	font-size: 16px;
	font-family: SourceSansPro-ExtraLight, sans-serif;
	font-weight: 200;
	color: rgba(255, 255, 255, 0.81);
	width: 94%;
	cursor: pointer;
}
.enunciado-radio > input[type='radio'] {
	margin: 5px 5px 5px 15px;
}
.enunciado .field, .enunciado-radio .field {
	margin-top: 8px;
}

input[type='radio']:not(:checked) + div textarea {color: rgba(108, 124, 135, 0.71);}

/** ============================================================================================== **/
/** ======================================= Boton "Enviar" ======================================= **/
/** ============================================================================================== **/
.progress-button {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 45%;
	min-width: 250px;
	margin: 12px auto;
}
.progress-button button {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 200px;
	height: 50px;
	border: 1px solid #2b5b73;
	border-radius: 40px;
	background: transparent;
	color: #2b5b73;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: background-color 1s linear, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	-moz-transition: background-color 1s linear, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	-o-transition: background-color 1s linear, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	-ms-transition: background-color 1s linear, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
	transition: background-color 2s linear, color 2s linear, width 0.3s, border-width 0.3s, border-color 0.3s;
	cursor: pointer;
}
.progress-button button span {
	font-family: 'Poiret One', PoiretOne-Regular, cursive;
	font-family: 'Raleway', Raleway-Light, sans-serif;
   font-weight: 300;
	letter-spacing: normal;
	font-size: 18px;
}
.progress-button button:focus {
	outline: none;
}
.hidden-wrapper .progress-button button,
.sideslide-wrapper .progress-button button,
.progress-button button {	
	border: 2px solid #a6c8d7;
	color: #a6c8d7;
}
.progress-button:not(.success):not(.error):not(.loading) button:hover {
	background-color: rgba(25,37,58,0.95);
	border-color: rgba(25,37,58,0.95);
	color: #fff;
}
#notification-wrapper .progress-button:not(.success):not(.error):not(.loading) button:hover,
.hidden-wrapper .progress-button:not(.success):not(.error):not(.loading) button:hover,
.sideslide-wrapper .progress-button:not(.success):not(.error):not(.loading) button:hover {
	background-color: #a6c8d7;
	border-color: #a6c8d7;
	color: #2f5c73;
}
/* Transición para que el texto del botón vuelva al estado inicial ================================ */
.progress-button button span {
	-webkit-transition: opacity 0.3s 0.1s;
	-moz-transition: opacity 0.3s 0.1s;
	-o-transition: opacity 0.3s 0.1s;
	-ms-transition: opacity 0.3s 0.1s;
	transition: opacity 0.3s 0.1s;
}
/* Estilo del "svg" utilizado para hacer el efecto de convertir el botón en un círculo ============ */
.progress-button svg {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}
.progress-button svg path {
	opacity: 0;
	fill: none;
}
.progress-button svg.progress-circle path {
	stroke: #2b5b73;
	stroke-width: 5;
}
.sideslide .progress-button svg.progress-circle path {
/*	stroke: #fff;*/
}
.progress-button svg.checkmark path,
.progress-button svg.cross path {
	stroke: #fff;
	stroke-linecap: round;
	stroke-width: 4;
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	transition: opacity 0.1s;
}
/* Efectos de "carga", "exito" y "error" ========================================================== */
.loading.progress-button button {
	width: 50px;
	border-width: 5px;
	border-color: #ddd;
	background-color: transparent;
	color: #fff;
}
.loading.progress-button span {
	-webkit-transition: opacity 0.15s;
	-moz-transition: opacity 0.15s;
	-o-transition: opacity 0.15s;
	-ms-transition: opacity 0.15s;
	transition: opacity 0.15s;
}
/* El texto del botón esta oculto en los tres estados: "carga", "exito" y "error" ================= */
.loading.progress-button span,
.success.progress-button span,
.error.progress-button span {
	opacity: 0;
}
.progress-button span.porcentaje {
	display: none;
	opacity: 0;
}
.loading.progress-button span.porcentaje {
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-family: 'PT Sans', PTSans-Regular, sans-serif;
	font-size: 14px;
	pointer-events: none;
}
.success.progress-button button,
.error.progress-button button {
	-webkit-transition: background-color 0.3s, width 0.3s, border-width 0.3s;
	-moz-transition: background-color 0.3s, width 0.3s, border-width 0.3s;
	-o-transition: background-color 0.3s, width 0.3s, border-width 0.3s;
	-ms-transition: background-color 0.3s, width 0.3s, border-width 0.3s;
	transition: background-color 0.3s, width 0.3s, border-width 0.3s;
}
/* Color del botón cuando el correo se envia CORRECTAMENTE ======================================== */
.success.progress-button button {
	border-color: #718e3f !important;
	background-color: #718e3f !important;
}
/* Color del botón cuando hay un ERROR en el envio del correo ===================================== */
.error.progress-button button {
	border-color: #ab050b !important;
	background-color: #ab050b !important;
}
.loading.progress-button svg.progress-circle path,
.success.progress-button svg.checkmark path,
.error.progress-button svg.cross path {
	opacity: 1;
	-webkit-transition: stroke-dashoffset 0.3s;
	-moz-transition: stroke-dashoffset 0.3s;
	-o-transition: stroke-dashoffset 0.3s;
	-ms-transition: stroke-dashoffset 0.3s;
	transition: stroke-dashoffset 0.3s;
}
/* Efecto elastico para el ancho del botón ======================================================== */
.elastic.progress-button button {
	-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
	-ms-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
	transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
}
.loading.elastic.progress-button button {
	-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
	-ms-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
	transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
}


/** ============================================================================================== **/
/** =========================================== Blocks =========================================== **/
/** ============================================================================================== **/

.blocks-group-wrapper {
	position: relative;
}
.blocks-group-container {
	width: 100%;
	margin: 0 auto;
}
.blocks-group {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.block {
	position: relative;
	z-index: 0;
	width: 150px;
	height: 320px;
	padding-bottom: 2%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 5px 15px;
	border-radius: 6px;
}
.block::after {
	content: ' ';
	position: absolute;
	z-index: -1;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-radius: 6px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
.block.desactivado {
	filter: alpha(opacity=30);
	opacity: 0.30;
}
.block.realizado, .block.fallido, .block.aviso {
	filter: alpha(opacity=88);
	opacity: 0.88;
}
.block.actual::after {
	box-shadow: 0px 2px 25px #3186c1;
}
.block.actual {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
.block > .block-header {
	height: 50px;
	padding: 9px 5px;
	background-color: #407e97;
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.block.desactivado > .block-header {
	background-color: #aaa;
	border-color: #aaa;
}
.block > .block-content {
	position: relative;
	height: 270px;
	padding: 12px 5px;
	border-top: none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-weight: normal;	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.block-content > div, .block-content > i {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.block-content > img {
	width: 75%;
	position: relative;
	top: 90px;
}
.block-content > div { width: 90%; }
.block-content > .fecha-tag {
	top: 8px;
}
.block-content > .fecha {
	top: 25px;
	font-size: 20px;
	font-family: 'Raleway', Raleyway-Regular, sans-serif;
	font-weight: 600;
	color: #222e42;
}
.block-content > .fecha.alerta {
	color: #A00000;
}
.block-content > i {
	top: 60px;
	font-size: 48px;
	color: #407e97;
}
.sinfecha .block-content > i, .confecha .block-content > i { top: 6px !important; }
.sinfecha .block-content > div.descripcion { top: 56px !important; }
.confecha .block-content > .fecha-tag { top: 56px !important; }
.confecha .block-content > .fecha { top: 73px !important; }
.block.desactivado > .block-content > i { color: #aaa; }
.block-content > div.descripcion { top: 116px; font-size: 12px; }
.block-content > div.descripcion.realizado,
.block-content > div.descripcion.fallido,
.block-content > div.descripcion.aviso { display:none; }
.block-content > div.descripcion.pendiente { display: block; }
.block.realizado .block-content > div.descripcion.fallido,
.block.realizado .block-content > div.descripcion.pendiente,
.block.realizado .block-content > div.descripcion.aviso { display:none; }
.block.realizado .block-content > div.descripcion.realizado  { display: block; }
.block.aviso .block-content > div.descripcion.realizado,
.block.aviso .block-content > div.descripcion.pendiente,
.block.aviso .block-content > div.descripcion.fallido { display:none; }
.block.aviso .block-content > div.descripcion.aviso { display: block; }
.block.fallido .block-content > div.descripcion.realizado,
.block.fallido .block-content > div.descripcion.pendiente,
.block.fallido .block-content > div.descripcion.aviso { display:none; }
.block.fallido .block-content > div.descripcion.fallido { display: block; }
.block-content a.ampliar {
   position: absolute;
   bottom: 2px;
   right: 10px;
	cursor: pointer;
	font-size: 12px;
}
.block-content a.ampliar:after {
	content: "Saber más...";
}
.check-tag {
	position: relative;
	bottom: 40px;
	height: 40px;
	border-top: none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	display: none;
}
.block.realizado .check-tag { display:block; background: #718e3f; }
.block.aviso .check-tag { display:block; background: #d4c23a; }
.block.fallido .check-tag { display:block; background: #ab050b; }
.check-tag div {
	display: none;
	position: absolute;
	height: 30px;
	width: 30px;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border: 3px solid #fff;
	border-radius: 50%;
	border-top: none;
	border-right: none;
}
.block.realizado .check-tag div.ok,
.block.aviso .check-tag div.card,
.block.fallido .check-tag div.error { display: block; }
.check-tag div i {
	color: #fff;
	line-height: 1.34;
	font-weight: 500;
	font-size: 22px;
}
.blink {
  opacity: 0;
  animation: blinking 1s linear infinite;
}
.block-content > div > i {
	position: absolute;
	font-size: 16px;
	color: #d4c23a;
	right: 0px;
	top: 0px;
}
#tooltip-cif {
	padding:10px;
	font-family: 'Raleway', Raleway-Regular, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.45;
	color: #fff;
}
#tooltip-cif span:first-child {
	font-weight: 700;
	font-size: 15px;
}
#tooltip-cif span a {
	color: rgb(108,205,255);	
}
@keyframes blinking {
  from,
  49.9% {
    opacity: 0;
  }
  50%,
  to {
    opacity: 1;
  }
}
:hover > .blink {
	opacity: 1;
	animation: none;
}
/** ============================================================================================== **/
/** ============================================ Tabs ============================================ **/
/** ============================================================================================== **/
.tab { padding-top: 10px; }
.tab.mini { padding-top: 3px; }
.tab > div {
	display: none;
	padding: 10px 0 0;
	font-size: 90%;
	border-top: 1px solid #ddd;
	margin-top: -1px;
}
.tab.mini > div {	padding-top: 3px; }
.tab.maxi > div {	padding-top: 24px; }
.tab.niveles > div {
	font-size: 100%;
	padding-left: 5px;
   padding-right: 5px;
	/*overflow-x: auto;*/
}
.tab > input { display: none; }
.tab > label {
	width: 48.5%;
	display: inline-block;
	margin: 0 0 -1px;
	padding: 5px 10px;
	text-align: center;
	color: #bbb;
	border: 1px solid transparent;
}
.tab.mini > label { padding: 2px 10px; }
.tab.maxi > label { padding: 10px 20px; width: auto; min-width: 30%; max-width: 48.5%; }
.tab > input:not(:disabled):not(:checked) + label:hover { color: #888; cursor: pointer; }
.tab > input:checked + label {
	color: #555;
	border: 1px solid #ddd;
	border-top: 2px solid #407e97;
	border-bottom: 2px solid #fff;
}
.tab > input:disabled + label {
	text-decoration: line-through;
}
.tab > input[id*='1']:checked ~ div[id*='1'],
.tab > input[id*='2']:checked ~ div[id*='2'],
.tab > input[id*='3']:checked ~ div[id*='3'],
.tab > input[id*='4']:checked ~ div[id*='4'] { display: block; }
.sideslide .tab > input:checked + label { color: #fff; border-bottom: 2px solid #091b2b; }
.sideslide .tab > label { color: #394e60; }
.sideslide .tab > input:not(:disabled):not(:checked) + label:hover { color: #69869e; }
.tab.niveles > label {
	font-family: 'Cabin Sketch', cursive;
   font-weight: bold;
	font-size: 11px;
	min-width: 20%;
	max-width: none;
	padding: 5px;
}
.tab.niveles > input:checked + label {
   color: #407e97;
}

/** ============================================================================================== **/
/** ======================================== tabla simple ======================================== **/
/** ============================================================================================== **/
table.simple {
	margin: auto;
}
table.simple td {
	border: 1px solid #dddddd;
	border-radius: 6px;
	padding: 2px 4px;
	font-size: 70%;
}

/** ============================================================================================== **/
/** ========================================== Sideslide ========================================= **/
/** ============================================================================================== **/
.overlay-sideslide {
	display: none;
	position: fixed;
	z-index: 120;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(64, 64, 64, 0.7);;
}
.sideslide-wrapper {
	display: none;
	position: absolute;
	z-index: 130;
	top: 0px;
	left: 120%;
	width: 100%;
	height: auto;
	margin: 0px auto;
	overflow: visible;
	background: transparent url(../images/sideslide/pyramid.gif) repeat 0% 0%;
	opacity:0;
	border-top: 8px solid #011d30;
	border-bottom: 8px solid #011d30;
	box-shadow: 5px 5px 50px #222;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
	color: #fff;
	text-align: center;
}
.subpage.sideslide-open .overlay-sideslide/*, .subpage.sideslide-open .sideslide-wrapper.appear, .subpage.sideslide-open .sideslide-wrapper.disappear*/ {
	display: block;
}
 .subpage.sideslide-open ~ .subpage {
	position: relative;
	z-index: -1;
}
.sideslide-wrapper.appear {
	-webkit-animation: fromRightAnim 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	-moz-animation: fromRightAnim 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	-o-animation: fromRightAnim 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	-ms-animation: fromRightAnim 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	animation: fromRightAnim 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	box-shadow: 5px 5px 50px #222;
}
.sideslide-wrapper.disappear {
	-webkit-animation: toRightAnim 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	-moz-animation: toRightAnim 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	-o-animation: toRightAnim 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	-ms-animation: toRightAnim 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
	animation: toRightAnim 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
}
.sideslide-wrapper.show {
	display: block;
}
@-webkit-keyframes fromRightAnim {
	0%{ -webkit-transform: translateX(0%); }
	100%{ -webkit-transform: translateX(-120%); opacity: 0.99; }
}
@-moz-keyframes fromRightAnim {
	0%{ -moz-transform: translateX(0%); }
	100%{ -moz-transform: translateX(-120%); opacity: 0.99; }
}
@-o-keyframes fromRightAnim {
	0%{ -o-transform: translateX(0%); }
	100%{ -o-transform: translateX(-120%); opacity: 0.99; }
}
@-ms-keyframes fromRightAnim {
	0%{ -ms-transform: translateX(0%); }
	100%{ -ms-transform: translateX(-120%); opacity: 0.99; }
}
@keyframes fromRightAnim {
	0%{ transform: translateX(0%); }
	100%{ transform: translateX(-120%); opacity: 0.99; }
}

@-webkit-keyframes toRightAnim {
	0%{ -webkit-transform: translateX(-120%); opacity: 0.99;}
	100% { -webkit-transform: translateX(0%); box-shadow: none; }
}
@-moz-keyframes toRightAnim {
	0%{ -moz-transform: translateX(-120%); opacity: 0.99; }
  	100% { -moz-transform: translateX(0%); box-shadow: none; }
}
@-o-keyframes toRightAnim {
	0%{ -o-transform: translateX(-120%); opacity: 0.99; }
	100% { -o-transform: translateX(0%); box-shadow: none; }
}
@-ms-keyframes toRightAnim {
	0%{ -ms-transform: translateX(-120%); opacity: 0.99; }
	100% { -ms-transform: translateX(0%); box-shadow: none; }
}
@keyframes toRightAnim {
	0%{ transform: translateX(-120%); opacity: 0.99; }
	100% { transform: translateX(0%); box-shadow: none; }
}

.sideslide {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0 3%;
}
.sideslide > i { font-size: 75px; }
.sideslide > h3 { font-size: 30px; margin-top: 0; }
.sideslide-description.loading { height: 40vh; background:transparent url(../images/loader.gif) no-repeat center; }
.sideslide-description { padding-top:15px; }
.border-container {
	background: rgba(1, 32, 53, 0.65);
	border: 1px solid rgba(162,181,215, 0.5);
	padding: 30px 15px;
	margin: 0 0 15px;
	box-shadow: 5px 5px 50px #000;
}
.border-container:before,
.border-container:after {
	display: table;
   content: " ";
	clear: both;
}

.sideslide-control span {
	position: absolute;
	top: 15px;
	left: auto;
	right: 15px;
	width: 36px;
	height: 36px;
	background: transparent url(../images/sideslide/close.png) no-repeat top left;
	cursor: pointer;
	z-index: 90;
	opacity: 1;
}

/** ============================================================================================== **/
/** ========================================= SCROLLBAR ========================================== **/
/** ============================================================================================== **/
/*body::-webkit-scrollbar,
div::-webkit-scrollbar,
textarea::-webkit-scrollbar,
ul::-webkit-scrollbar,
tbody::-webkit-scrollbar*/
::-webkit-scrollbar {
	overflow: hidden;
	width: 6px;
	height: 6px;
	background: transparent;
}
/*body::-webkit-scrollbar-button,
div::-webkit-scrollbar-button,
textarea::-webkit-scrollbar-button,
ul::-webkit-scrollbar-button,
tbody::-webkit-scrollbar-button*/
::-webkit-scrollbar-button {
	display: none;
}
/*body::-webkit-scrollbar-corner,
div::-webkit-scrollbar-corner,
textarea::-webkit-scrollbar-corner,
ul::-webkit-scrollbar-corner,
tbody::-webkit-scrollbar-corner*/
::-webkit-scrollbar-corner {	
	display: none;
	background: transparent;
}
/*body::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
tbody::-webkit-scrollbar-thumb*/
::-webkit-scrollbar-thumb {
	background: #d3d3d4;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	-ms-border-radius: 1px;
	border-radius: 1px;
}

/** ============================================================================================== **/
/** ==================================== found-wrapper y cards =================================== **/
/** ============================================================================================== **/
.found-wrapper {
	display: none;
	margin-top: 24px;
	height: 400px;
	width: 100%;
	border: 1px solid #d3d3d4;
	background: transparent;
	overflow-y: scroll;
	overflow-x: hidden;
	vertical-align: top;
	text-align: left;
}
.found-wrapper.loading {display: block; background: transparent url(../images/loader.gif) no-repeat center; }
.found-wrapper.load {display: block;}
.found-wrapper > div {
	margin-top: 15px !important;
}
.cards-container {
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-flow: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.card-wrapper {
	margin: 0 2% 20px;
	width: 96%;
	cursor: pointer;
	font-family: 'Raleway', Raleway-Light, sans-serif;
	background: #fff;
	color: #444;
	box-shadow: 0px 0px 10px 2px #000;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.card-wrapper.seleccionado{
	clear: both;
	margin: 24px 0 0 0;
   width: 100%;
   cursor: default;
}
.card-wrapper > div {
	position: relative;
	display: block;
	border-left: 30px solid #407e97;
	border-top: 10px solid #407e97;
	text-align: left;
	padding: 8px;
}
.card-wrapper:not(.seleccionado):hover {
	box-shadow: 0px 0px 20px 5px #3186c1;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.card-wrapper .inline-card-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.card-wrapper .codigo { color: rgba(88, 106, 116, 0.76); font-size: 14px; font-weight: 700; }
.card-wrapper .nombre { color: #444; font-size: 15px; line-height: 1.3; }
.card-wrapper .municipio { color: #777; font-size: 13px; font-weight: normal; }
.card-wrapper .centro { color: #444; font-size: 15px; line-height: 1.3; }
.card-wrapper .tipo { color: #979797; font-size: 10px; font-family: 'PT Sans', PTSans-Regular, sans-serif; padding: 2px 0 4px; }
.card-wrapper .info-adicional img.direccion { height: 18px; width: 18px; }
.card-wrapper .info-adicional img.telefono { height: 18px; width: 24px; }
.card-wrapper .info-adicional img.fax { height: 18px; width: 24px; }
.card-wrapper .info-adicional img.url { height: 18px; width: 26px; }

.card-wrapper .curso { color: rgba(88, 106, 116, 0.76); font-size: 14px; font-weight: 700; }
.card-wrapper .anio { color: #777; font-size: 14px; font-weight: normal; }
.card-wrapper .card-buttons i { font-size: 24px; font-weight: 100; }
.card-wrapper .card-buttons i:hover { font-weight: bold; cursor: pointer; }
.card-wrapper .info-concurso { color: #979797; font-size: 18px; line-height:1.2; font-family: 'PT Sans', PTSans-Regular, sans-serif; }
.card-wrapper .prev-nota { color: rgba(88, 106, 116, 0.76); font-size: 14px; padding: 26px 5px 5px; }
.card-wrapper .nota { color: rgba(88, 106, 116, 0.76); font-family: 'Economica', Economica-Regular, sans-serif; font-weight: normal; font-size: 36px; line-height: 1; padding: 5px 0px; }
.card-wrapper .info-adicional .info { color: #777; font-family: 'Economica', Economica-Regular, sans-serif; font-weight: normal; font-size:15px; padding-left: 10px;}
.card-wrapper img.sexo { height: 20px; width: 20px; margin-left: -6px; }

:not(.calendar-wrapper):not(.event-wrapper).highlight {
	border: 4px solid #af1e1e;
	padding: 4px 8px !important;
	font-size: 150% !important;
	margin: 5px 0;
}
:not(.calendar-wrapper):not(.event-wrapper).highlight.nota {
	font-size: 40px !important;
	padding: 0px 4px !important;
   line-height: 0.6 !important;
	text-align: center;
}
.superganador, .premiado {
	position: relative;
}
.superganador::before, .premiado::before {
	-webkit-mask-image: url(../images/cards/older.png);
	-moz-mask-image: url(../images/cards/older.png);
	-o-mask-image: url(../images/cards/older.png);
	mask-image: url(../images/cards/older.png);
	position: absolute;
   left: 58%;
	transform: translate(-60%,125%) rotate(-20deg);
	top: -26px;
	font-size: 30px;
	z-index: 1;
	margin: 8px;
	padding: 1px 6px;
	font-weight: 500;
	box-shadow: 4px 5px 15px 0px rgba(50, 50, 50, 0.42);
	-moz-box-shadow: 4px 5px 15px 0px rgba(50, 50, 50, 0.42);
	-webkit-box-shadow: 4px 5px 15px 0px rgba(50, 50, 50, 0.42);
	-o-box-shadow: 4px 5px 15px 0px rgba(50, 50, 50, 0.42);
	-ms-box-shadow: 4px 5px 15px 0px rgba(50, 50, 50, 0.42);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}
.superganador::before {
	content: '¡¡Superganador!!';
	color: #650000;
	border: 5px solid #650000;
}
.premiado::before {
	content: '¡Premiado!';
	color: #30491a;
	border: 5px solid #30491a;
}
.card-wrapper .card-buttons i.disabled:hover { font-weight: normal; cursor: default; color: #dfdfdf !important;}
.card-wrapper .card-buttons i.disabled { font-weight: normal; cursor: default; color: #dfdfdf !important;}


.contacto-direccion { font-size: 22px; }
#contacto-form {
	max-width: 550px;
	margin: 0 auto;
	text-align: center;
}


/** ============================================================================================== **/
/** =========================================== Porfolio ========================================= **/
/** ============================================================================================== **/
.portfolio-elements-wrapper {	width: 100%; overflow: hidden; }
.portfolio-elements { margin: 0; padding: 0; list-style: none;}
.portfolio-elements li {
	display: block;
	position: relative;
	float: left;
	width: calc(100% - 30px);
	margin: 15px;
	box-shadow: rgb(175, 175, 175) 0px 6px 20px;
	overflow: hidden;
}
.portfolio-elements li img { display: block; max-width: 100%;}
.port-elem-images {
	position: absolute; top: 0; left: 0; width: 100%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.port-elem-text {
	position: absolute; left: 0; bottom:0; z-index: 5; width: 100%; height: auto; background: #2b5b73; padding: 20px 0 14px; text-align: center; color: #fff;
	-webkit-transform: translate(0,100%);
	-moz-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	transform: translate(0,100%);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.port-elem-text i { font-size: 40px; color:#fff; }
.portfolio-elements li:hover .port-elem-images {
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.portfolio-elements li:hover .port-elem-text {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}


#carousel-problemas {	margin-top: 100px;	}

/** ============================================================================================== **/
/** ====================================== Cajas de ficheros ====================================== **/
/** ============================================================================================== **/
.file-box { text-align: left;	}
.file-box dt,
.file-box dd {
	height: 25px;
	width: 120px;
	margin: 0;
	font-size: 12px;
}
.file-box dd {
	text-indent: 10px;
	line-height: 25px;
	background-color: #fff;
	color: #0e2934;
	border: .5px solid #e4e4e4;
	border-bottom: none;
	border-top-style: dashed;
}
.file-box dt,
.file-box dd.title {
	font-family: /*'Raleway', */Raleway-ExtraLight, sans-serif;
	font-weight: 200;
	background-color: #2b5b73;
	color: #fff;
}
.file-box dt {
	text-align: right;
	height: 55px;
	padding: 20px 6px 0px 0px;
	font-size: 24px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	border: .5px solid #e4e4e4;
	border-bottom: none;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}
.file-box dt > div.subtittle {
	position: absolute;
	top: 4px;
	left: 5px;
	font-size: 11px;
	color: rgba(255,255,255,0.60);
}
.file-box dd.title, .file-box dd.title + dd, .file-box dd:first-of-type { border-top: none; }
.file-box dt + dd.title { border-top: .5px dashed rgba(228,228,228,0.5) !important; }
.file-box dd:last-child {
	border-bottom: .5px solid #e4e4e4;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.file-box a {
	display: block;
	font-family: 'PT Sans', PTSans-Regular, sans-serif;
	color: #0e2934;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
   -webkit-transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.file-box dd:last-child a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	line-height: 24px;
}
.file-box a i {
	color: #fff;
	float: right;
	display: none;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 8px;
}
.file-box dd:not(.title):hover {
	background-color: #e4e4e4 !important;
}
.file-box a:hover {
   text-indent: 15px;
}
.file-box a:hover i { display: inline-block; }


/** ============================================================================================== **/
/** ======================================== Cajas simples ======================================= **/
/** ============================================================================================== **/
.simple-box-wrapper {
	max-width: 500px;
	margin: 0 auto;
}
.simple-box-wrapper > .simple-box {
	border: 1px solid #e4e4e4;
	margin: 15px;
	padding: 8px 10px;
	display: inline-block;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.simple-box > .title {
	font-weight: bold;
	color : #3d7d99;
}

/** ============================================================================================== **/
/** =========================================== tooltip ========================================== **/
/** ============================================================================================== **/
.tooltip {
	position: relative;
}
.tooltip .tooltip-text {
	font-family: 'Raleway', Raleway-ExtraLight, sans-serif;
   font-weight: 200;
	margin: 3px 0;
	visibility: hidden;
	width: auto;
	height: auto;
	background-color: #0e2934;;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
	bottom: calc(100% + 6px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s;
}
.tooltip .tooltip-text.small {
	font-size: 12px;
	width: 16em;
}
.tooltip .tooltip-text.medium {
	font-size: 14px;
	width: 70vw;
	max-width: 750px;
	padding: 10px;
	text-align: left;
}
.tooltip .tooltip-text.large {
	font-size: 14px;
	width: 80vw;
	max-width: 900px;
	padding: 8px;
}
.tooltip .tooltip-text.medium p {
	margin: 0;
}
.tooltip .tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #0e2934 transparent transparent transparent;
}
.tooltip:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}
#user.active .tooltip .tooltip-text {
	margin: 0;
	top: 50%;
	bottom: auto;
	right: 85%;
	left: auto;
	white-space: normal;
	line-height: 1.6;
	width: 11em;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#user.active .tooltip .tooltip-text::after {
	top: 50%;
   left: 100%;
   margin-left: 0px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #0e2934;
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
   transform: translateY(-3px);
}
.container-subpage > .tooltip.aviso {
	display: block;
	padding: 12px 0px 20px;
}
.tooltip.aviso {font-size: 40px; top: -10px;}
.tooltip.aviso > i {color: #2b5b73;}
.sideslide .tooltip.aviso > i {color: #fff;}
.tooltip.aviso .tooltip-text {bottom:100%;}
.sideslide .tooltip.aviso .tooltip-text { background: #2b5b73;}
.sideslide .tooltip.aviso .tooltip-text::after { border-color: #2b5b73 transparent transparent transparent;}

.fixed-width-box-wrapper {
	padding: 0;
	margin: 0;
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
	text-align: center;
}
.fixed-width-box-wrapper > .fixed-width-box {
	margin: 15px;
}

.user-card { /* Se debe meter en un .fixed-width-box-wrapper */
	position: relative;
	width: 320px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.user-card > .user-card-left, .user-card > .user-card-right {
	float: left;
}
.user-card > .user-card-left {
	width: 60px;
   height: 100%;
   background: #305f76;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.user-card > .user-card-right {
	position: absolute;
	width: calc(100% - 60px);
	left: 60px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #fff;
	padding: 0 3px 0 5px;
	font-family: 'Raleway', Raleway-ExtraLight, sans-serif;
	font-weight: 300;
	font-size: 15px;
	text-align: left;
}
.user-card > .user-card-left i {
	line-height: 60px;
	font-size: 40px;
	color: rgba(255, 255, 255, 0.6);
	margin:auto;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
#notice-container-wrapper {
	position: fixed;
	z-index: 170;
	top: 0;
	right: 0;
	margin: 63px 15px;
}
.notice-wrapper {
	display: none;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 2px 2px 30px #aaa;
	color: #fff;
	text-align: center;
	padding: 48px 30px 16px 80px;
	margin-bottom: 10px;
	max-width: 400px;
	max-height: 200px;	
	text-align: left;
	font-family: 'Raleway', Raleway-Regular, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5;
	-webkit-transition: all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-transition: all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-transition: all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-ms-transition: all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.notice-wrapper i.notice-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 16px;
	cursor: pointer;
}
.notice-wrapper::after {
	position: absolute;
	top: 12px;
	left: 80px;
	font-family: 'Economica', Economica-Regular, sans-serif;
	font-weight: 900;
	font-size: 24px;
}
.notice-wrapper::before {
	position: absolute;
	top: 50%;
	left: 19px;
	transform: translateY(-50%);
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 44px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
.notice-wrapper.success { background-color: #4d9a8d}
.notice-wrapper.success::after { content: '¡Éxito!'; }
.notice-wrapper.success::before {	content: 'check_circle'; }
.notice-wrapper.warning { background-color: rgb(223,184,27);}
.notice-wrapper.warning::after { content: '¡Aviso!'; }
.notice-wrapper.warning::before {	content: 'warning'; }
.notice-wrapper.error { background-color: #820e0e;}
.notice-wrapper.error::after { content: '¡Error!'; }
.notice-wrapper.error::before {	content: 'cancel'; }
.notice-wrapper.info { background-color: rgb(45,171,209);}
.notice-wrapper.info::after { content: 'Información'; }
.notice-wrapper.info::before {	content: 'info'; }
#overlay {
	display: none;
	position: fixed;
	z-index: 160;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(64, 64, 64, 0.7);
}
#notification-wrapper.fade-in-down ~ #overlay {
	display:block;
}
#notification-wrapper {
	position: fixed;
	z-index: 170;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -800%);
	-moz-transform: translate(-50%, -800%);
	-o-transform: translate(-50%, -800%);
	-ms-transform: translate(-50%, -800%);
	transform: translate(-50%, -800%);
	width: 90%;
	height: auto;
	max-height: 80%;
	margin: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	background: transparent url(../images/sideslide/pyramid.gif) repeat 0% 0%;
	border: 8px solid rgba(170, 195, 204, 0.6);
	box-shadow: 2px 2px 50px #222;
	color: #fff;
	text-align: center;
	padding: 15px;
}
#notification-wrapper .notification {
	background: rgba(1, 32, 53, 0.65);
	border: 1px solid rgba(162,181,215, 0.5);
	padding: 20px;
	margin: 0 0 15px;
	box-shadow: 5px 5px 50px #000;
	opacity: 0.85;
}
#notification-wrapper .notification:last-child {
	margin: 0;
}
#notification-wrapper .notification .notification-date {
	font-family: Raleway-Thin, sans-serif;
	font-weight: 100;
	font-size: 12px;
}
#notification-wrapper .notification .notification-title {
	font-family: Raleway-Thin, sans-serif;
	font-weight: 100;
	font-size: 22px;
	margin-bottom: 20px;
}
#notification-wrapper .notification .notification-message {
	font-family: Raleway-ExtraLight, sans-serif;
	font-weight: 100;
	font-size: 14px;
}
.fade-in-down {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	-ms-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.fade-out-up {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	-ms-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
a.download i.fa {
	font-size: 24px;
	margin: 0 0 0 10px;
}
#notification-wrapper .notification a.download i.fa {
	font-size: 80px;
	color: #fff;
}
@-webkit-keyframes fadeInDown {
	from { opacity: 0; -webkit-transform: translate(-50%, -800%); }
	to { opacity: 1; -webkit-transform: translate(-50%, -50%); }
}
@-moz-keyframes fadeInDown {
	from { opacity: 0; -moz-transform: translate(-50%, -800%); }
	to { opacity: 1; -moz-transform: translate(-50%, -50%); }
}
@-o-keyframes fadeInDown {
	from { opacity: 0; -o-transform: translate(-50%, -800%); }
	to { opacity: 1; -o-transform: translate(-50%, -50%); }
}
@-ms-keyframes fadeInDown {
	from { opacity: 0; -ms-transform: translate(-50%, -800%); }
	to { opacity: 1; -ms-transform: translate(-50%, -50%); }
}
@keyframes fadeInDown {
	from { opacity: 0; transform: translate(-50%, -800%); }
	to { opacity: 1; transform: translate(-50%, -50%); }
}

@-webkit-keyframes fadeOutUp {
	from { opacity: 1; -webkit-transform: translate(-50%, -50%); }
	to { opacity: 0; -webkit-transform: translate(-50%, -800%); }
}
@-moz-keyframes fadeOutUp {
	from { opacity: 1; -moz-transform: translate(-50%, -50%); }
	to { opacity: 0; -moz-transform: translate(-50%, -800%); }
}
@-o-keyframes fadeOutUp {
	from { opacity: 1; -o-transform: translate(-50%, -50%); }
	to { opacity: 0; -o-transform: translate(-50%, -800%); }
}
@-ms-keyframes fadeOutUp {
	from { opacity: 1; -ms-transform: translate(-50%, -50%); }
	to { opacity: 0; -ms-transform: translate(-50%, -800%); }
}
@keyframes fadeOutUp {
	from { opacity: 1; transform: translate(-50%, -50%); }
	to { opacity: 0; transform: translate(-50%, -800%); }
}

@media screen and (min-width:768px) {
	#notification-wrapper {
		width: 700px;
	}
}
@media screen and (min-width:992px) {
	#notification-wrapper {
		width: 900px;
	}
}
@media screen and (min-width:1700px) {
	#notification-wrapper {
		width: 1200px;
	}
}
@media screen and (min-height:400px) {
	#notification-wrapper {
		max-height: 350px;
	}
}
@media screen and (min-height:500px) {
	#notification-wrapper {
		max-height: 450px;
	}
}
@media screen and (min-height:600px) {
	#notification-wrapper {
		max-height: 550px;
	}
}
@media screen and (min-height:700px) {
	#notification-wrapper {
		max-height: 650px;
	}
}
@media screen and (min-height:800px) {
	#notification-wrapper {
		max-height: 700px;
	}
}
@media screen and (min-height:1000px) {
	#notification-wrapper {
		max-height: 800px;
	}
}
footer {
	background-color: #73abcc;
	font-size: 13px;
   line-height: 1.66667;
   font-weight: 400;
   letter-spacing: normal;
   color: #666;
   overflow: hidden;
   position: relative;
/*	position: absolute;
	bottom: 0;	
	width: calc(100% - 40px);
   z-index: -1;*/
	margin: 10px;
}
footer .container-subpage {
	margin-top: 20px;
	margin-bottom: 20px;
}
footer .container-subpage:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
footer h1 {
	font-size: 14px;
	line-height: 1.66667;
	font-weight: 600;
	letter-spacing: normal;
	color: #333;
	margin: 0;
	float: left;
}
footer .legal-links {
	float: right;
}
footer .legal-links > a {
   white-space: nowrap;
	color: #124e66;
	float: right;
	clear: both;
}

#cookies-notification {
	position: fixed;
	z-index: 180;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin: auto;
	background: transparent url(../images/sideslide/pyramid.gif) repeat 0% 0%;
	box-shadow: 2px 2px 50px #222;
	color: #fff;
	text-align: center;
	padding: 10px;
}
#cookies-notification div {
	font-family: 'Raleway', Raleway-Light, sans-serif;
	font-weight: 300;
	font-size: 12px;
}
#cookies-notification .close {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: auto;
	right: 15px;
	width: 10px;
	height: 10px;
	background: transparent url(../images/sideslide/close.png) no-repeat 50% 50%;
	cursor: pointer;
	z-index: 190;
	opacity: 1;
}


#eliminar-alumno-form, .remove-form {
	display: none;
	position: absolute;
	max-width: 500px;
	top: -20px;
	left: 50%;
	-webkit-transform: translate(-50%, -200%);
	-moz-transform: translate(-50%, -200%);
	-o-transform: translate(-50%, -200%);
	-ms-transform: translate(-50%, -200%);
	transform: translate(-50%, -200%);
	background-color: #2f5c73;
	z-index: 160;
	border-radius: 10px;
	border: 1px solid #a6c8d7;
	box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.1);
	margin-top: 5px;
	padding: 22px;
	color: #a6c8d7;
	font-weight: 300;
	text-align: center;
}
#eliminar-alumno-form:before, .remove-form::before {
	width: 15px;
	height: 15px;
	background-color: #2f5c73;
	content: "";
	position: absolute;
	left: 47.2%;
	-webkit-transform: rotate(315deg) skewX(5deg) skewY(5deg);
	-moz-transform: rotate(315deg) skewX(5deg) skewY(5deg);
	-o-transform: rotate(315deg) skewX(5deg) skewY(5deg);
	-ms-transform: rotate(315deg) skewX(5deg) skewY(5deg);
	transform: rotate(315deg) skewX(5deg) skewY(5deg);
	bottom: -8px;
	border-left: 1px solid #a6c8d7;
	border-bottom: 1px solid #a6c8d7;
	box-shadow: -1px 1px 2px -1px #a6c8d7;
}
#eliminar-alumno-form .texto_confirmacion, .remove-form .texto_confirmacion {
	font-size: 15px;
	font-family: 'Raleway', Raleway-Regular, sans-serif;
}
#eliminar-alumno-form .progress-button, .remove-form .progress-button {
	margin-bottom: 0;
}
#eliminar-alumno-form .progress-button button, .remove-form .progress-button button {
	border-color: #a6c8d7;
	border-width: 2px;
	color: #a6c8d7;
}
#eliminar-alumno-form .progress-button button:hover, .remove-form .progress-button button:hover {
	background-color: #a6c8d7;
	border-color: #a6c8d7;
	color: #2f5c73;
}
.close, #eliminar-alumno-form .close, .remove-form  .close {
	position: absolute;
	top: 8px;
	left: auto;
	right: 8px;
	width: 10px;
	height: 10px;
	background: transparent url(../images/sideslide/close.png) no-repeat 50% 50%;
	cursor: pointer;
	z-index: 170;
	opacity: 1;
}
.marco {
	background-color: #fefefe;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	-webkit-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	-o-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	-ms-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	padding: 2%;
	margin-top: 8px;
}
#container-estadisticas {
	margin-top: 16px;
}
.multiselect {
	position: relative;
	display: block;
	float:left;
	margin: 1% 0.5%;
	margin-top: 0;
	width: 19%;
	max-width: 172px;
	min-width: 104px;
	background-color: #fefefe;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	font-size: 13px;
	font-weight: normal;
	box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	-webkit-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	-o-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	-ms-box-shadow: 0px 1px 10px 1px rgba(50, 50, 50, 0.1);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}
.multiselect,
.multiselect.horizontal {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	max-width: 100%;
}
.multiselect ul {
	height: 108px;
	overflow: auto;
	padding: 5%;
	list-style: none;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
.multiselect ul,
.multiselect.horizontal ul {
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100%;
	white-space: nowrap;
	height: auto;
	padding: 1%;
}
.multiselect li {
	position:relative;
	text-align: left;
	margin-left: 2%;
	vertical-align: middle;
	line-height: 2;
	font-size: 12px;
	color: #101010;
   cursor: pointer;
   list-style-type: none;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	list-style-type: none;
}
.multiselect li,
.multiselect.horizontal li {
	display: inline-block;
	width: 172px;
	margin-right: 6px;
	margin-left: 6px;
}
.multiselect.horizontal li:last-child {
/*	margin-right: 0px;*/
}
.multiselect.horizontal.year li {
	width: 50px;
}
#estadisticas_puntuaciones_grafico li {
	width: 90px;
	margin-right: 14px;
}
#estadisticas_puntuaciones_valores li {
	width: 78px;
	margin-right: 14px;
}
#estadisticas_puntuaciones_year li {
	width: 50px;
	margin-right: 14px;
}
#estadisticas_puntuaciones_nivel_curso li {
	width: 65px;
	margin-right: 14px;
}
#estadisticas_puntuaciones_sexo li {
	width: 60px;
	margin-right: 14px;
}
.multiselect li > .checkbox {
	position: absolute;
	height: 16px;
	width: 16px;
	top: 3px;
	right: 5%;
	vertical-align: middle;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.multiselect li.checked > .checkbox::before {
	position: absolute;
   top: -3px;
   left: 7px;
	height: 14px;
	width: 6px;
	content: "";
	border: solid #303030;
	border-width: 0 1px 2px 0;
	vertical-align: middle;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.multiselect.change_option ul {
	display: none;
}
.multiselect.change_option ul.checked {
	display: block;
}
.multiselect.change_option h3 > label {
	font-size: 12px;
	cursor: pointer;
}
.multiselect.change_option label.checked {
	font-size: inherit;
}
.flex-wrapper {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	text-align: center;
}
.flex-wrapper > div:first-child {
	margin-left: 0;
}
.flex-wrapper > div:last-child {
	margin-right: 0;
}
canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.datos-estadisticos {
	border-collapse: collapse;
	width: 100%;
	margin-top: 4px;
}
.datos-estadisticos.head {
	margin-bottom: 10px;
	border-bottom: 5px solid #717171;
   border-left: 5px solid #717171;
}
.datos-estadisticos.head td.sexoH , .datos-estadisticos.head td.sexoM {
	padding: 0;
}
.datos-estadisticos.head td.sexoH img, .datos-estadisticos.head td.sexoM img {
	margin-top: 5px;
   height: 26px;
}
.datos-estadisticos td, .datos-estadisticos th {
	color: white;
}
.datos-estadisticos td {
	font-family: 'Stint Ultra Condensed', cursive;
	font-size: 10px;
	line-height: 1;
	max-width: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.datos-estadisticos th, .datos-estadisticos.head td {
	font-family: 'BenchNine', sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.1;
}
.datos-estadisticos.head th, .datos-estadisticos.head td {
	font-family: 'Raleway', Raleway-Light, sans-serif;
}
.datos-estadisticos.head th {
	font-weight: 300;
	font-size: 14px;
   line-height: 1;
	padding-left: 3px;
	padding-right: 3px;
}
.datos-estadisticos.head td {
	padding: 6px;
	font-weight: 200;
	font-size: 18px;
}
.datos-estadisticos th, .datos-estadisticos td {
	width: 5%;
	border: none;
	vertical-align: middle;
	padding: 3px 0;
}
.datos-estadisticos.centros td {
	width: 10%;
	max-width: 10%;
}
.datos-estadisticos th {
	width: 10%;
	text-align: left;
	color: #3d7d99;
}
.datos-estadisticos.head thead tr:nth-last-child(3) td {	font-size: 14px;	}
.datos-estadisticos.head thead tr:nth-last-child(2) td {	font-size: 10px;	}
.datos-estadisticos.head thead tr:nth-last-child(1) td img { height: 20px;	}

.datos-estadisticos tbody tr:nth-last-child(4) td {	font-size: 8px;	}
.datos-estadisticos tbody tr:nth-last-child(3) td {	font-size: 14px;	}
.datos-estadisticos tbody tr:nth-last-child(2) td {	font-size: 18px;	}
.datos-estadisticos tbody tr:nth-last-child(1) td {	font-size: 22px; background: #000 }

.datos-estadisticos tbody tr:last-child th {
	font-weight: bold;
}
.datos-estadisticos .nivel1 {	background: #351a01;}
.datos-estadisticos .nivel2 {	background: #d06503;}
.datos-estadisticos .nivel3 {	background: #00516f;}
.datos-estadisticos .nivel4 {	background: #10202b;}

.datos-estadisticos .curso1 {	background: #522c07;}
.datos-estadisticos .curso2 {	background: #6f3602;}
.datos-estadisticos .curso3 {	background: #ce7800;}
.datos-estadisticos .curso4 {	background: #e9931a;}
.datos-estadisticos .curso5 {	background: #1691be;}
.datos-estadisticos .curso6 {	background: #166ba2;}
.datos-estadisticos .curso7 {	background: #1b3647;}
.datos-estadisticos .curso8 {	background: #152836;}

.datos-estadisticos .curso1.sexoH {	background: #613f1e;}
.datos-estadisticos .curso1.sexoM {	background: #725436;}
.datos-estadisticos .curso2.sexoH {	background: #895c32;}
.datos-estadisticos .curso2.sexoM {	background: #966d49;}
.datos-estadisticos .curso3.sexoH {	background: #d59131;}
.datos-estadisticos .curso3.sexoM {	background: #dba355;}
.datos-estadisticos .curso4.sexoH {	background: #ebaf5a;}
.datos-estadisticos .curso4.sexoM {	background: #efc488;}
.datos-estadisticos .curso5.sexoH {	background: #86c3da;}
.datos-estadisticos .curso5.sexoM {	background: #57adcd;}
.datos-estadisticos .curso6.sexoH {	background: #5793b9;}
.datos-estadisticos .curso6.sexoM {	background: #4286b2;}
.datos-estadisticos .curso7.sexoH {	background: #88969e;}
.datos-estadisticos .curso7.sexoM {	background: #5a6d79;}
.datos-estadisticos .curso8.sexoH {	background: #41515c;}
.datos-estadisticos .curso8.sexoM {	background: #2a3c48;}

table.grid {
	width: 100%;
}
table.grid th, table.grid td {
   border-bottom: 1px solid #e6e6e6;
   padding: .5em .5em;
   text-align: left;
   font-weight: normal;
	line-height: 1.2;
	font-family: 'BenchNine', sans-serif;
}
table.grid th span, table.grid td span {
	font-family: inherit;
}
table.grid th span.smaller, table.grid td span.smaller {
	font-size: smaller;
	color:#a2a2a2;
}
table.grid th {
	height: 2em;
	color: #999;
}
table, td, th {
	vertical-align: middle;
}
table td:focus,
table th:focus {
	outline:none;
}
table.grid > tbody > tr:hover, table.grid > tbody > tr:focus, table.grid > tbody > tr:active {
	background-color: rgba(128,128,128,0.2);
}
table.grid {
	border-collapse: separate;
	border-spacing: 0;
}
table.grid.sans {
	table-layout: fixed;
}
table.sans th, table.sans td {
	font-size: 9px;
	height: 41px;
}
table.sans th,
table.sans th > div {
	font-family: 'Lobster',Lobster-Regular, cursive;
	font-weight: normal;
}
table.sans td {
	color: #444;
	font-family: SourceSansPro-Light, sans-serif;
	font-weight: 700;
}
table.sans td input,
table.sans td select {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	text-align: inherit;
	width: 100%;
	color: #444;
	margin: -2px -5px;
	padding: 2px 5px;
}
table.sans td select {
	margin: -2px -5px -1px -5px;
}
table.sans input:focus, table.sans textarea:focus, table.sans select:focus,
table.sans input, table.sans textarea, table.sans select {
	border: 1px solid #47728a;
	outline-offset: 0 !important;
	outline: none !important;
}
.border-container table.sans td {
	color: #e6e6e6;
	font-family: SourceSansPro-ExtraLight, sans-serif;
	font-weight: 200;
	border-bottom: 1px solid #d3d3d4;
}
.border-container table.sans th {
	color: rgba(132, 143, 158, 0.80);
}
.border-container table.grid > tbody > tr:hover, .border-container table.grid > tbody > tr:focus, .border-container table.grid > tbody > tr:active {
	background-color: rgba(128,128,128,0.2);
}
#ui-datepicker-div {
	border-radius: 3px;
	z-index: 500;
	box-shadow: 0 1px 10px rgba(51, 51, 51, 0.75);
	font-family: SourceSansPro-Light, sans-serif;
	color: #888;
}
table th.nombre { width: 30%; }
table th.curso {width: 12%}
table th.centro { width: 38%; }
table th.municipio {width: 15%}
table th.puntuacion {width: 8%}
table th.fecha, table td.fecha { width: 12%; }
table th.extra { width: 40px; }
.nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Propiedades para que la table enviados tenga scroll pero el thead se quede fixed */
table.scroll thead { display: table; table-layout: fixed; margin-right: 6px; }
table.scroll tbody { display: block; overflow-y: scroll; max-height: 552px; }
table.scroll tr { display: table; table-layout: fixed; width: 100%; }

table td.editable, table td.preview, table td.send, .extra { cursor: pointer; }
table td.editable { position: relative; }
table tr.row-filtered {
	display: none;
}
table tr:hover td.editable::after, .extra::after {
	content: '';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
table tr:hover td.editable::after {
	content: 'mode_edit';
	padding-left: 3px;
	color: #618fa9;
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.extra:not(.no-img)::after {
	content: 'more_horiz';
	font-size: 12px;
	vertical-align: middle;
	display:none;
	color: #888;
	cursor: pointer;
}
.extra:not(.no-img):hover::after {
	color: inherit;
}
table tr:hover td.extra:not(.no-img)::after {
	display:block;
}
.extra { position:relative; }
.extra:not(.no-img) { text-align: center;}
table td i.material-icons { font-size: 12px; vertical-align: middle; }
table td a {
	cursor: pointer;
}

table thead td {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	height: 24px !important;
	background-color: #47728a;
}
table thead input.tablesorter-filter,
table thead textarea.tablesorter-filter,
table thead select.tablesorter-filter {
	background: transparent;
	color: #fff !important;
	border: none !important;
	border-bottom: 1px solid #fff !important;
	border-radius: 0;
	width: 100%;
	font-size: smaller;
	box-shadow: none !important;
}
table.sans input.tablesorter-filter:focus, table.sans textarea.tablesorter-filter:focus, table.sans select.tablesorter-filter:focus,
table.sans input.tablesorter-filter, table.sans textarea.tablesorter-filter, table.sans select.tablesorter-filter {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
table thead th.sort {
	cursor: pointer;
	position: relative;
	padding-right: 26px;
}
table thead th.sort::after {
	content: 'sort';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	color: #ccc;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 5px;
}
table thead th.sort.desc::after {
	content: 'arrow_drop_down';
}
table thead th.sort.asc::after {
	content: 'arrow_drop_up';
}
.border-container table thead th.sort.asc::after,
.border-container table thead th.sort.desc::after {
	color:#e6e6e6;
}
table thead td input.tablesorter-filter::-webkit-input-placeholder {
	color: #fff;
}
table thead td input.tablesorter-filter::-moz-placeholder {
	color: #fff;
}
table thead td input.tablesorter-filter::-ms-input-placeholder {
	color: #fff;
}
.border-container table thead td.tablesorter-filter::-webkit-input-placeholder {
	color: #394752;
}
.border-container table thead td.tablesorter-filter::-moz-placeholder {
	color: #394752;
}
.border-container table thead td.tablesorter-filter::-ms-input-placeholder {
	color: #394752;
}
.popmenu {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	/*top: 30px;*/
	bottom: 35px;
	right: 0;
	transform: translate(0,-100%);
	transition: all 0.5s ease 0s,visibility 0s linear 0.5s;
	background: #fff;
	border-radius: 3px;
	z-index: 120;
	-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	-moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	font-family: SourceSansPro-Light, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #888;
	min-width: 180px;
}
.popmenu.show, .extra:hover .popmenu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 0.3s;
}
.popmenu ul {
	display: flex !important;
	flex-direction: column;
	list-style: none;
	padding: 0;
	margin: 4px 0px 2px;
}
.popmenu ul li {
	display: flex;
	margin: 4px 0px 2px;
	text-align: left;
}
.popmenu ul li.info {
	cursor: default;
	padding: 4px 0 4px 2px;
	margin: 0px 4px;
	border-bottom: 1px solid #ccc;
}
.popmenu ul li.info:last-of-type {
	border-bottom: 1px solid #00516f;
}
.popmenu ul li a {
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	cursor: pointer;
}
.popmenu ul li a::before {
	content: 'sentiment_neutral';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	padding: 0px 10px 5px 5px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	vertical-align: middle;
}
.popmenu ul li a, .popmenu ul li a::before, .popmenu ul li.info {
	color: #ccc;
}
.popmenu ul li a:hover, .popmenu ul li a:hover::before, .popmenu ul li.info:hover {
	color: #666;
}
.popmenu ul li a[data-action^='preview']::before {
	content: 'visibility';
}
.popmenu ul li a[data-action^='edit']::before {
	content: 'mode_edit';
}
.popmenu ul li a[data-action^='remove']::before {
	content: 'delete';
}
.popmenu ul li a[data-action^='send']::before, .popmenu ul li a[data-action^='mail']::before {
	content: 'send';
}
.popmenu ul li a[data-action^='copy']::before {
	content: 'content_copy';
}
.popmenu ul li a[data-action^='new']::before, .popmenu ul li a[data-action^='generar']::before {
	content: 'fiber_new';
}
.popmenu ul li a[data-action^='portrait']::before {
	content: 'crop_portrait';
}
.popmenu ul li a[data-action^='landscape']::before {
	content: 'crop_landscape';
}
.popmenu ul li a[data-action^='scores']::before {
	content: 'school';
}
.popmenu ul li a[data-action^='winners']::before {
	content: 'format_list_numbered';
}
.popmenu ul li a[data-action^='awards']::before {
	content: 'bookmark_border';
}
.popmenu ul li a[data-action^='all_alumnos']::before {
	content: 'blur_on';
}
i .popmenu {
	bottom:-70px;
	left: 0px;
}
.galeria-wrapper ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	-webkit-padding-start: 0px;
}
.galeria-wrapper li, .galeria-wrapper li img { width: 120px; height: 120px; }
.galeria-wrapper li {
	margin: 2px;
}
.pantalla-completa {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	z-index: 1000;
	background: rgba(64, 64, 64, 0.7);
}
.pantalla-completa img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 95%;
	max-height: 95%;
	box-shadow: 0 5px 35px rgba(0,0,0,.65);
	-moz-box-shadow: 0 5px 35px rgba(0,0,0,.65);
	-webkit-box-shadow: 0 5px 35px rgba(0,0,0,.65);
	-o-box-shadow: 0 5px 35px rgba(0,0,0,.65);
	-ms-box-shadow: 0 5px 35px rgba(0,0,0,.65);
}

/** ============================================================================================== **/
/** ========================= Personalizacion del datepicker de jqueryui ========================= **/
/** ============================================================================================== **/
#ui-datepicker-div {
	width: 234px;
	padding: 0;
	margin-top: 2px;
	border-radius: 6px !important;
	border: none;
	-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	-moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	font-family: SourceSansPro-Light, sans-serif;
	color: #888;
}
.ui-widget-header {
	border: 1px solid #67a5bf !important;
	border-bottom: none !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	background: #67a5bf !important;
	color: #fff !important;
	font-weight: normal !important;
	height: 70px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	top: unset !important;
	bottom: 5px !important;
	cursor: pointer;
}
.ui-datepicker-prev {
	left: 2px !important;
}
.ui-datepicker-next {
	right: 2px !important;
}
.ui-datepicker-prev.ui-datepicker-prev-hover,
.ui-datepicker-next.ui-datepicker-next-hover {
	border: 0px none #ffffff !important;
	background: transparent !important;
	color: transparent !important;
}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
	background-image: url(../libs/img/ui-icons_ffffff_256x240.png) !important;
}
.ui-datepicker-header .ui-datepicker-title {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 !important;
}
.ui-timepicker-div .ui-datepicker-title {
	width: 100%;
	position: absolute;
	top: 28px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 !important;
}
.ui-datepicker-header .ui-datepicker-title span.ui-datepicker-month,
.ui-timepicker-div .ui-datepicker-title {
	font-family: 'Arima Madurai',ArimaMadurai-Light, cursive;
	font-weight: 300;
	font-size: 24px;
}
.ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year {
	font-family: Raleway-ExtraLight, sans-serif;
	font-weight: 200;
	font-size: 20px;
}
.ui-datepicker-calendar {
	margin: 0px 4px 4px 4px !important;
	width: 226px !important;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	border: 0 !important;
	padding: 0 !important;
	width: 30px !important;
	height: 32px !important;
	line-height: 1 !important;
	vertical-align: middle !important;
}
.ui-datepicker-calendar th span, .ui-datepicker-calendar th a,
.ui-datepicker-calendar td span, .ui-datepicker-calendar td a {
	display: block !important;
	text-decoration: none !important;
	padding: 0 !important;
	text-align: center !important;
	font-weight: 300 !important;
}
.ui-datepicker-calendar th span, .ui-datepicker-calendar th a {
	font-family: 'Arima Madurai',ArimaMadurai-Light, cursive !important;
	font-size: 16px !important;
	color: #73abcc !important;
}
.ui-datepicker-calendar td span, .ui-datepicker-calendar td a {
	font-family: 'Raleway', Raleway-Light, sans-serif !important;
	font-size: 14px !important;
}
.ui-datepicker-calendar td.ui-datepicker-current-day {
	background: #5485a2 !important;
	font-weight: normal !important;
	color: #ffffff !important;
	border-radius: 18px !important;
}

.ui-datepicker-calendar td a {
	border: 0px none #ffffff !important;
	background: none !important;
	font-weight: normal !important;
	color: #888 !important;
}
.ui-datepicker-calendar td.ui-datepicker-current-day a {
	color: #ffffff !important;
}
.ui-datepicker-buttonpane .ui-datepicker-current, .ui-datepicker-buttonpane .ui-datepicker-close {
	font-family: 'Raleway', Raleway-Light, sans-serif !important;
	font-weight: 300 !important;
	font-size: 14px !important;
	color: #888 !important;
}

/** ============================================================================================== **/
/** ================================= Personalizacion del tinymce ================================ **/
/** ============================================================================================== **/
.field .field-inner.tinymce { margin-top: 1px; }
.field .field-inner.tinymce .mce-menubar, .field-inner.tinymce .mce-toolbar-grp, .field-inner.tinymce .mce-statusbar { display: none;}
.mce-tinymce {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border: none !important;
	background-color: rgba(255, 255, 255, 0) !important;
}
.mce-tinymce .mce-top-part {
	background-color: #fff !important;
}
.mce-tinymce .mce-panel {
	border: none !important;
	background-color: rgba(255, 255, 255, 0) !important;
}
.mce-tinymce .mce-menubar {
	border-bottom: 1px solid #f3f3f3 !important;
}
.mce-btn-group:not(:first-child) {
	border-left: 1px solid #f3f3f3 !important;
}
.mce-top-part::before {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
	-moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
	-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
	border-radius: 3px;
}
.mce-label {
	text-shadow: none !important;
}

.crespon {
	position: fixed;
	z-index: 120;
	top: 56px;
	right: 0px;
	transform: none;
	width: 32px;
	height: 32px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}


/* Slider */
.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
		-moz-user-select: none;
		 -ms-user-select: none;
			  user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		 touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		 -ms-transform: translate3d(0, 0, 0);
		  -o-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}