/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* TIPOGRAFIA ICONOS REDES HEADER */
p{
	line-height: normal;
}

.btn-inscribirse{
			background-color: #c9030a;
		padding: 2%;
		width: 100%;
		color: #ffffff;
		border: none;
		margin-bottom: 5%;
}

@font-face {
  font-family: 'icon-redes';
  src:  url('../fonts/icon-redes.eot?56cx2g');
  src:  url('../fonts/icon-redes.eot?56cx2g#iefix') format('embedded-opentype'),
    url('../fonts/icon-redes.ttf?56cx2g') format('truetype'),
    url('../fonts/icon-redes.woff?56cx2g') format('woff'),
    url('../fonts/icon-redes.svg?56cx2g#icon-redes') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-redes' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e90d";
}
.icon-google:before {
  content: "\e90e";
}
.icon-linkedin:before {
  content: "\e90f";
}
.icon-twitter:before {
  content: "\e910";
}
.icon-youtube:before {
  content: "\e911";
}
.fa-instagram:before {
    content: "\f16d";
}

/* FIN TIPOGRAFIA ICONOS REDES HEADER */


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%;
    font: inherit;
	vertical-align: middle;
	line-height: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
	font-family: 'Roboto', sans-serif;
	font-size:1.1em;
	color:#5f5f5f;
}
ol, ul {
    list-style: none;
}
.oculto {
	display:block;
	position:absolute;
	left:99999999px;
}

.btn-visible{
	
	visibility: hidden;
}

.btn-oculto{
	
	visibility: visible;
	margin-top: -20px;
	margin-bottom: 5px;
}

/* ICONS GOOGLE */

.material-icons.md-18 { font-size: 18px; width: 18px; height: 18px; }
.material-icons.md-24 { font-size: 24px; width: 24px; height: 24px; }
.material-icons.md-36 { font-size: 2.2em; width: 1em; height: 1em; }
.material-icons.md-48 { font-size: 48px; width: 48px; height: 48px; }



/* HEADER */

header{
	width: 100%;
	background-color:rgba(255, 255, 255, 0.95);
	position:fixed;
	z-index: 999;
}
.logo_header{
	display:block;
	margin: 20px 0;
}
.instagram{
	background-color: #c9030a;
    font-size: 1.2em;
    color: #ffffff;
    font-size: 1.1em;
    text-decoration: none;
    margin: 35px 14px 25px 0px;
    display: inline-block;
    padding: 2.3px;
    border-radius: 5px;
	
}
.icon-facebook, .icon-google, .icon-linkedin, .icon-twitter, .icon-youtube{
	color:#c9030a;
	font-size:1.2em;
	text-decoration:none;
	margin:35px 14px 25px 0px;
	display:inline-block;
}
header .col-md-3 {
	text-align: center;
}
header .col-md-3 a:last-child {
	margin:50px 0px 0px 0px;
}

.order-1{
	margin-top: -6%;
}

/* SECTION INTRO + COMMON CLASS */

.cont_sec_intro {
	margin: 207px 0 0 0;
}

h2{
	font-size:2em;
	font-weight:300;
	letter-spacing: -0.05em;
}
h2 span{
	display:table;
	background-color:#FFF;
	padding:5px 10px;
	margin-top:2px;
}
h3 {
	font-size:2.1em;
	font-weight:300;
	margin-bottom:30px;	
	font-weight: bold;
}
h3 span {
	display:block;
}
.num_sec{
    font-size: 6em;
    font-weight: 100;
    letter-spacing: -0.07em;
}
ul.bullet li {
	position: relative;
	padding-bottom:12%;
	padding-left: 5%;
}
ul.bullet li span{
	position: absolute;
	top: 9px;
}
p{
	line-height:20px;
}

.duracion{
	font-weight: bold;
}

.inicio{
	background-color: #27f2eb;
	padding: 5px;
	border-radius: 0.25rem;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
}
.inicio2{
	background-color: #be91af;
	padding: 5px;
	border-radius: 0.25rem;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
}
.cont_sec_4 p{
	margin-bottom: 10px; 
}

.bloque2{
	margin-top: 4%;
}

.espacio{
	margin-top: 0%;
}
/* END SECTION INTRO + COMMON CLASS */

/* SECTION 2 */

.section_2 {
	background: none;
	height: 300px;
    background-size: 100%;
}

.section_2 h1{
	color:#c9030a;
	font-size:3em;
    padding: 5px 10px;
    background-color: white;
    display: table;
}
.cont_sec_2 {
    background-color: #FFF;
    border-right: solid 4px #C9030A;
    width: 100%;
    position: relative;
    
    padding: 50px 50px 0 50px;
}
.cont_sec_2 .num_sec {
	color:#c9030a;
}
.cont_sec_2 ul li i{
	color:#c9030a;
}
.btn_sec.btn_intro {
	color: #5f5f5f;
	border: 3px solid #C9030A;
	background-color:#FFF;
	border-radius:30px;
	padding:20px 40px;
	text-align:center;
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	margin-top:20px;
	transition: all 0.3s ease-out;
}
.btn_sec.btn_intro:hover, .btn_sec.btn_intro:focus {
	color: white;
	background-color: #C9030A;
}
.btn_sec.btn_sec_2 {
	color: #5f5f5f;
	border: 3px solid #C9030A;
	border-radius:30px;
	padding:20px 40px;
	text-align:center;
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	margin-top:48px;
	transition: all 0.3s ease-out;
}
.cont_sec_2 .btn_sec:hover, .cont_sec_2 .btn_sec:focus {
	color: white;
	background-color: #C9030A;
}

/* END SECTION 2*/
.margin{
	margin-top: 10px;
}
.margin-lista{
	margin-left: 80px;
}
/* SECTION 3 */

.imagen-texto{
width: 100%;
visibility: hidden;
display: none;
}

.contenedor{
	margin-top: -43px;
}
.contenedor1{
	margin-top: 43px;
}
.section_3 {
	/* background: url(../img/bg_sec_2.jpg) 14% bottom no-repeat; */
}
.cont_sec_3 {
    background-color: #FFF;
    border-right: solid 4px #27f2eb;
    width: 100%;
    position: relative;
	padding: 15px 50px 0 0px;
	margin-bottom: 43px;
}

.cont_sec_3 img {
    position: absolute;
    top: 0px;
    left: -305px;
    height: 100%;
}
.cont_sec_3 .num_sec {
	color:#27f2eb;
}
.cont_sec_3 ul li i{
	color:#27f2eb;
}
.btn_sec.btn_sec_3 {
	color: #5f5f5f;
	border: 3px solid #27f2eb;
	border-radius:10px;
	padding:10px 40px;
	text-align:center;
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	margin-top:48px;
	transition: all 0.3s ease-out;
}
.cont_sec_3 .btn_sec:hover, .cont_sec_3 .btn_sec:focus {
	color: white;
	background-color: #27f2eb;
}

/* END SECTION 3*/

/*SECTION 4*/
.section_4 {
	/* background: url(../img/bg_sec_2.jpg) 14% bottom no-repeat; */
}
.cont_sec_4 {
    background-color: #FFF;
    border-left: 2px solid #27f2eb;
    width: 100%;
    position: relative;
	padding: 15px 50px 0 0px;
	margin-bottom: 43px;
}
.place{
	color: #27f2eb;
}
.cont_sec_4 img {
    position: absolute;
    top: 0px;
    left: -305px;
    height: 100%;
}
.cont_sec_4 .num_sec {
	color:#27f2eb;
}
.cont_sec_4 ul li i{
	color:#27f2eb;
}
.btn_sec.btn_sec_4 {
	color: #5f5f5f;
	border: 3px solid #27f2eb;
	border-radius:10px;
	padding:10px 100px;
margin-top: 15px;
	text-align:center;
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	
	transition: all 0.3s ease-out;
}
.cont_sec_4 .btn_sec:hover, .cont_sec_4 .btn_sec:focus {
	color: white;
	background-color: #27f2eb;
}
.btn_sec.btn_sec_4-1 {
	color: #5f5f5f;
	border: 3px solid #27f2eb;
	 background-color: #cccccc; 
	border-radius:10px;
	padding:10px 100px;
margin-top: 15px;
	text-align:center;
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	pointer-events: none; 
	transition: all 0.3s ease-out;
}

.btn_sec.btn_sec_4-2 {
	color: #5f5f5f;
	border: 3px solid #27f2eb;
	/*  background-color: #cccccc;  */
	border-radius:10px;
	padding:4px 60px;
margin-top: 15px;
	text-align:center;
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	/* pointer-events: none;  */
	transition: all 0.3s ease-out;
}
.cont_sec_4-1 .btn_sec:hover, .cont_sec_4-1 .btn_sec:focus, .cont_sec_4-2 .btn_sec:focus {
	color: white;
	background-color: #27f2eb;
}

/*END 4*/
/* SECTION 5 */

.section_5 {
    background: url(../img/bg_sec_5.jpg) center top no-repeat;
    background-size: cover;
}
.cont_sec_5 {
    background-color: #FFF;
    /* border-right: solid 2px #be91af; */
	width: 100%;
    position: relative;
	padding: 15px 50px 0 0px;
	margin-bottom: 43px;
}
.cont_sec_5 img {
    position: absolute;
    top: 0px;
    left: -305px;
    height: 100%;
}
.cont_sec_5 .num_sec {
	color:#be91af;
}
.cont_sec_5 ul li i{
	color:#be91af;
}
.btn_sec.btn_sec_5 {
	color: #5f5f5f;
	border: 3px solid #be91af;
	border-radius:10px;
	padding:10px 100px;
	text-align:center;
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	margin-top:40px;
	transition: all 0.3s ease-out;
/* 	background-color: #5f5f5f;
	 pointer-events: none;  */
}

.btn_sec.btn_sec_5.disable {
	color: #ffffff;
	border: 3px solid #be91af;
	border-radius:10px;
	padding:10px 100px;
	text-align:center;
	text-decoration:none;
	font-weight:600;
	display:inline-block;
	margin-top:40px;
	transition: all 0.3s ease-out;
	background-color: #cccccc;
	 pointer-events: none; 
}
.cont_sec_5 .btn_sec:hover, .cont_sec_5 .btn_sec:focus {
	color: white; 
	 background-color: #be91af; 
/* 	background-color: none;
	color: none; */
}



/* END SECTION 5*/

/*FOOTER*/
.page-footer .top{
	background-color:#c9030a;
	/* background-image:url(../img/iconos_footer.png); */
	background-position:center 84px;
	background-repeat:no-repeat;
	background-size: inherit;
	text-align:center;
	color:#FFF;
	padding:30px 0px 20px 0px;
	margin-left: -6%;
}
.page-footer .top p {
	font-weight:300;
	font-size:1.4em;
}
.page-footer .bottom {
	text-align:center;
	padding:42px 0px 0px 0px;
}
.page-footer .bottom p{
	font-size:0.7em;
/* 	margin-bottom:28px; */
}

.texto-pie {
display: inline-block;
font-weight: bold !important;
}

.texto-pie a{
	color: #ffffff;
}
.imagen{
	margin-top: -2%;
	margin-left: -3%;
}
/* END FOOTER*/


/* Go top Button */

.scroll-up {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 0px;
    bottom: 20px;
    display: none; /* Se pinta por JQuery */
    text-indent: -9999px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    color: white;
    background: url(../img/up.png) no-repeat center #3b3b3b;
	opacity: .6;
    background-size: 35px;
    z-index: 99;	
}
.scroll-up:hover, .scroll-up:focus {
	opacity: 1;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -o-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
}


/*botones convocatorias*/
.anteriores{
	TEXT-ALIGN: center;
    padding: 20px;
    background-color: #be91af;
    border-radius: 0;
    margin-top: 20px;
    color: #ffffff;
    font-weight: bold;
	cursor: pointer;
	font-size: 20px;
	margin-bottom: 10PX;
}
.actuales{
    TEXT-ALIGN: center;
    padding: 20px;
    background-color: #c9030a;
    border-radius: 0;
    margin-top: 20px;
    color: #ffffff;
    font-weight: bold;

	font-size: 20px;
	margin-bottom: 10px;
}
.anteriores a, .actuales a{
	text-decoration: none;
	color: #ffffff;
}

/**acordeones*/
.accordion {
	background-color: #ffffff;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border:none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	font-weight: bold;
	outline-offset: 1px;
  }

.accordion:focus{
	outline: auto 1px;
}
  .faqs {
	background-color: #c9030a;
	color: #ffffff;

  }
.faqs:focus{
	outline: #000000 auto 1px;
}

.faqs:hover, .active{
	color: #000000;
}
  
  .active, .accordion:hover {
	background-color: #ccc;
  }
  
  .accordion:after {
	content: '\276F';
	color: #c9030a;
	font-weight: bold;
	float: right;
	margin-left: 5px;
transform: rotate(90deg); 
}
.accordion.faqs:after {
	content: '\276F';
	color: #ffffff;
	font-weight: bold;
	float: right;
	margin-left: 5px;
transform: rotate(90deg); 
}
  
  .active:after {
	content: "\276F";
	transform: rotate(-90deg); 
  }
  
  .panel {
	padding: 0 18px;
	background-color: white;
	border-bottom: 1px solid #cccccc;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  .panelfaqs{
	border-bottom: 2px solid #ffffff;
  }

  .texto-acordeon{
	padding: 2% 0 2% 0;
    line-height: 25px;
  }
/* MEDIA QUERIES */


/* Small devices (Portrait phones, 576px and up) */
@media (max-width: 575px) {

	body{
		font-size: 0.8em;
	}


	.cont_sec_2, .cont_sec_3, .cont_sec_4, .cont_sec_5, .cont_sec_6, .cont_sec_7, .cont_sec_8 {
	    padding: 20px;
	    background-color: #FFF;
	}

	.section_3{
		background-size: cover;
	}

	.cont_sec_4 .row .col-md-10{
		margin-top: 0px;
	}


	.page-footer .top{
		background-size: 90%;
	}	

}

/*modal*/
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	display:none;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: auto;
}
.modalDialog > div {
	width: 600px;
	height: 250px;
	position: relative;
	margin: 10% auto;
	padding: 2%;
	border-radius: 10px;
	background: #fff;
	-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
text-align: center;
font-size: 17px;
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #c3090a; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	body{
		font-size: 0.8em;
	}

	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	body{
		font-size: 1em;
	}

	.imagen-texto{
		width: 100%;
		visibility: visible;
		display: block;
	}

	.section_2 {
		background: url(../img/1bg_home.png) center top  no-repeat;
		height: 400px;
		background-size: 100%;
	}
	.cont_sec_7 img {
	    position: absolute;
	    top: 0px;
	    left: -500px;
	    height: 100%;
	}

	.page-footer .top{
	
		margin-left: 0%;
	}
	.btn-visible{
	
		visibility: visible;
		margin-top: -60px;
		width: 100%;
	}
	
	.btn-oculto{
		
		visibility: hidden;
	}
	.espacio{
		margin-top: -4%;
	}
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.section_2 {
		background: url(../img/1bg_home.png) center top  no-repeat;
		height: 450px;
		background-size: 100%;
	}

	.page-footer .top{
		background-color:#c9030a;
		/* background-image:url(../img/iconos_footer.png); */
		background-position:center 84px;
		background-repeat:no-repeat;
		background-size: inherit;
		text-align:center;
		color:#FFF;
		padding:30px 0px 20px 0px;
		margin-left: -6%;
	}

	.btn-visible{
	
		visibility: visible;
		margin-top: -60px;
		width: 100%;
	}
	
	.btn-oculto{
		
		visibility: hidden;
	}
	
	.espacio{
		margin-top: -4%;
	}
		
}

@media screen and (orientation: portrait) {

	.num_sec {
	    font-size: 4em;
	}

}