@charset "utf-8";
@font-face {
	font-family: Foco;
	src: url("../fonts/Foco.eot") /* EOT file for IE */
}
@font-face {
	font-family: Foco;
	src: url("../fonts/Foco.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
	font-family: "Adelle";
	src: url("../fonts/AdelleSansSAGE.eot");
	src: url("../fonts/AdelleSansSAGE.eot?#iefix") format("embedded-opentype"),
	url("../fonts/AdelleSansSAGE.woff") format("woff"),
	url("../fonts/AdelleSansSAGE.ttf") format("truetype"),
	url("../fonts/AdelleSansSAGE.svg#AdelleSansSAGE") format("svg");
}

@font-face {
   font-family: "Lorimer";
   src: url("../fonts/LorimerBoldItalic.otf");
   src: url("../fonts/LorimerBoldItalic.otf?#iefix") format("embedded-opentype"),
        url("../fonts/LorimerBoldItalic.woff") format("woff"),
        url("../fonts/LorimerBoldItalic.ttf") format("truetype"),
        url("../fonts/LorimerBoldItalic.svg#LorimerBoldItalic") format("svg");
}






html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#fff;
	color:#51534A;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


header{

}

.max-960{
	max-width: 960px;
	margin:auto;
	position: relative;
}

/*Header*/

#header-content{
	background: #003349 url(../img/headerbg.jpg);
	padding: 30px 30px;
	height:193px;
	position: relative;
}


#header-content h1{
	font-size: 40px;
	font-family: 'Lorimer', Arial;
	font-weight: 300;
	color:#FFF;
	margin-top: 10px;
	text-align: left;
	text-transform: uppercase;
}
#header-content h2{
	font-size: 25px;
	font-family: 'Lorimer', Arial;
	font-weight: 300;
	color:#00dc00;
	margin-bottom: 6px;
	text-align: left;
	text-transform: uppercase;
}
#header-content h3{
	font-size: 15px;
	font-family: 'Lorimer', Arial;
	font-weight: 300;
	color:#fff;
	margin-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
}

header.max-960 img.nuevaGeneracion {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

#event-wrap{
	background-color: #FFF;
}
#event-wrap h3{
	font-family: 'Lorimer', Arial;
	font-size: 25px;
}
.promotion {
	background-color: #FFF;
	padding: 10px 30px;
	color: #003349;
	font-weight: bold;
	text-align: center;

}


/*Header end*/

/*Main*/
#calendar-title{
	background-color: #073460;
	color:#FFFFFF;
	text-align: center;
	padding: 10px 0px;
	font-weight: bold;
}

#events{
	padding-top: 15px;
	background-color: #92d0ec;
}

.event{
	padding: 0px 20px 10px 20px;
}

.event-box > h4{
	font-weight: bold;
}

.event h4{
	margin-bottom: 10px;
}

.event h4.dia {
	background-image: url(../img/titleBg.png);
	background-repeat: no-repeat;
	font-family: 'Lorimer', Arial;
	color: #fff;
	padding: 4px 10px;
	text-align: left;
}

.event-box p{
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 13px;
}

.event p.margin1 {
	margin-bottom: 28px;
}

.event p.margin2 {
	margin-bottom: 19px;
}

.event h5{
	font-size: 14px;
    margin-bottom: 10px;
}

.event-box{
	float: left;
	background-color: white;
	/* border: 1px solid #003349; */
	padding: 15px 15px 15px 10px;
	height: 220px;
	width: 100%;
	position: relative;
}

.event-box p.indent {
	text-indent: 6px;
}

.event-box.three-events{
	min-height: 420px;
}

.separador-cursos{
	overflow: hidden;
	margin: 5px 0px;
	padding: 5px 0px;
	border-bottom: 1px solid #d4d4d4;
}


.separador-cursos:first-child{
	margin-top:0px;
	padding-top:0px;
}


.separador-cursos:last-child{
	border-bottom: 0px;

}

.launch {
	color:#FFFFFF;
}


.launch .event-box{
	background-color:#3AA935;
}

.info{
	padding: 0px;
	border-right: 1px solid #FFFFFF;
	padding-right: 10px;
}

.info h4{
	font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
}

.button-full {
    background-color: #a40769;
    color: #FFFFFF;
    padding: 10px 0px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    width: 230px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.button-full a {
	color:white;
}

.button-full a:hover {
	text-decoration: none;
}



.launch .days li{
	background-color:#FFFFFF;
	color:#3AA935;
}

.info .button-full:hover {
	background-color: #A90163;
	color:#FFFFFF;
}


.launch .info .button-full:hover {
	background-color: #FFFFFF;
	/*font-weight: bold;*/
}


.launch .button-full:hover a{
	color:#3AA935;
}




.days li{
	display: inline-block;
	width: 30px;
	padding: 8px 0px;
	/*height: 30px;*/
	margin: 5px;
	text-align: center;
	background-color: #004b87;
	color:#FFF;
	font-weight: bold;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.days li.plus-month{
	width: 67px;
}

/*Main End*/

/*.days li:hover{
	background-color: #28a3da;
	color:#333;
}
*/

/*Footer*/

#calendar-footer1{

	background-color: #FFFFFF;
	padding:20px;
	text-align: center;
}

#calendar-footer1 .lead{
	margin:10px 10px 0px 10px;
}

#calendar-footer2{

	background-color: #B1B2B2;
	padding:20px;
	text-align: center;
	font-weight: bold;
}

#social_footer{
	text-align: center;
	color: #FFF;
	padding:30px;

}

#social_footer a{
	color: white;
	text-decoration: none;
}

.icons-wrap{
	padding-top: 5px;
}

#calendar-footer2 a{
	text-decoration: none;
	color:#51534A;

}

.contact-data{
	display: block;
	text-align: center;
	/*margin-top: 1px;*/
	text-align: center;
	padding-bottom: 10px;
}

.contact-data a {
	color: #a40769;
	font-weight: bold;
}

/*Footer end*/

@media all and (max-width: 980px){

	/*Header*/
	.logo{
		margin-top:20px;
	}
	#header-content{
		background: #003349;
		/*background-size: cover;*/
		height: auto;
	}
	#header-content h1 {
		font-size:30px;
	}
	#header-content h2 {
		font-size:20px;
	}
	#header-content {
		/*background: #4D4F53;*/
		padding: 8px 30px;
	}

	/*Header end*/

	/*Main*/
	.event-box{
		width: 100%;
		text-align: center;
		height: auto;
	}
	.info{
		padding:0px;
		border:0px;
	}

  .button-full{
		position: relative;
    width: auto;
    left: auto;
    bottom: auto;
    margin-top: 20px;
    padding: 15px;
	}

	.days{
		margin-top: 20px;
		/*text-align: left;*/
	}

	/*Main end*/

	/*Footer*/

	#calendar-footer1 p{
		font-size:15px;
		line-height: 18px;
	}

	#calendar-footer2 a{
		font-size:15px;
		/*line-height: 18px;*/
	}

	/*Footer end*/


}
@media all and (max-width: 767px){

	header.max-960 {
		background: #003349;
	}

	header.max-960 img.nuevaGeneracion {
		position: relative;
    	margin: 12px 42px 0;
	}

	/*Main*/
	#event-wrap{
		padding-top:0px 15px 15px 15px;
	}
	.event{
		/*padding:0px;*/
		/*border-bottom:2px dotted grey;*/
	}
	.event-box{
		font-size:12px	;
	}
	.event-box h4{
		font-size:14px	;
	}


	/*Main End*/


	/*Footer*/
	.contact-data{
		display: block;
		text-align: center;
		/*margin-top: 1px;*/
		text-align: center;
	}
	#calendar-footer1 p{
		font-size:13px;
	}

	#calendar-footer1 p.lead{
		font-weight: bold;
	}

	#calendar-footer2 a{
		font-size:13px;
		/*line-height: 18px;*/
	}
	.calendar-footer1, .calendar-footer2{
		padding: 10px;
	}

	#social_footer, #social_footer .text-right{
		text-align:center;
	}

	#social_footer div{
		padding: 10px;
	}


	/*Footer End*/
}
@media all and (max-width: 550px){
	#header-content h1 {
		font-size:25px;
	}
	#header-content h2 {
		font-size:15px;
	}
}

@media all and (max-width: 450px){
	.event-box{
		text-align: left;
	}

	.days{
		padding: 0px;
	}
}


/*COOKIES*/

.hidden {display: none !important;}

#cookie-banner{background-color:#f4f4f4;color:rgba(0,0,0,.85);padding: 20px 0;border-bottom:1px solid #d6d6d6; height: 103px;}
#cookie-banner .container .cookie{display:flex;justify-content:space-between}
#cookie-banner .container .header{position:relative;font-size:1.1em}
#cookie-banner .container .header .close-icon{float:right}
#cookie-banner .container .header .close-icon a{right:15px;display:block;height:17px;width:17px;background:url(/imagine-assets/content/images/icon_close_black.7f973789.svg) no-repeat}
#cookie-banner .container .section{font-size:1.4rem}
#cookie-banner .container .section a:not(.button-primary):not(.button-block-primary):not(.button-secondary):not(.button-block-secondary):not(.button-tertiary):not([role=tab]):not(.button){text-decoration:underline}
#cookie-banner .container .close-button a{padding-top:5px;}#cookie-overlay{position:fixed;height:100%;width:100%;display:none;background-color:rgba(0,0,0,.6);top:0;z-index:17}

#cookie-banner h4 {
	font-size: 24px;
 	padding:10px 0;}

#cookie-banner p {font-size: 12px;}


#cookie-banner .container .close-button{align-self:center;padding-left:10px}

.button-secondary { color: #ce0058!important;
    background-color: transparent;
    border-radius: 40px;
	border:1px solid #d6d6d6;
	position: relative;
    display: inline-block;
    margin: 0;
    word-wrap: normal;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: 0 0;
    transition: all .25s;
    text-decoration: none;
    }

  a {color:#ce0058;}

    @media only screen and (max-width: 768px){
  	#cookie-banner {height:135px;}
  }