@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800);
@charset "utf-8";
/* CSS Document */

/* DEFINICIÓN DE TIPOGRAFÍAS*/
@font-face {
    font-family: aleo;
    src: url(../fonts/aleo.otf) format("opentype");
}
@font-face {
	font-family:josefin;
	src:url(../fonts/Josefin.ttf) format("truetype");
	
}
@font-face {
	font-family:oslo;
	src:url(../fonts/Oslo.ttf) format("truetype");
	
}
@font-face {
	font-family:bebas;
	src:url(../fonts/BebasBold.otf) format("opentype");
	
}
@font-face {
	font-family:raleway;
	src:url(../fonts/Raleway.ttf) format("truetype");
	
}
/* ESTILOS ESTIQUETAS PRINCIPALES */
*{ box-sizing: border-box;}
html,body
{
	font-family: aleo, josefin, serif;	
	height:100%;
	color:#555;
}

 li a:hover {
	background-color:#1a397a;
    color: #2a6496;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
h1{ font-size: 3em;
    color:#1a397a;
}
footer, footer a
{
	line-height:30px;
	background-color:#333030;
	color:#8d8d91;
	text-align:justify;
}
footer h4 { color:#fff;}
.derecha
{
	text-align:right;
}

.pag_activa{
	font-weight:bold !important;
	color:red !important;
}
.pag_Noactiva{
	font-weight:none;
}

/* ESTILOS BOOTSTRAP */

.navbar-default { height:60px;}
.navbar-brand { padding-right:50px;}

nav .navbar-nav>li { font-size:1.3em !important;}

.navbar-default .navbar-nav > li > a{ 
	transition-duration:1s;
    display: inline-block;
   margin-top: 0;
    margin-bottom: 0;
    padding-right: 8px;
    padding-top:20px;
    padding-bottom:18px;
    height: 100%;
	 }
.navbar-default .navbar-nav > li:last-child > a{ 
	background-color:#888888;
	color:white;
 	padding-right:8px;
    padding-left: 8px;

	 }
.navbar-default .navbar-nav > li > a:hover{ 
	background-color:rgba(26,57,122,1);
	transition-duration:1s;
	color:#fff; }
.activo{ 
	background-color:rgba(26,57,122,1);
	color:#fff !important; }
.jumbotron  { 

  color: #efefef;
  font-family:bebas;
  margin-top:30px;
  background-image:url(../images/header_bg2.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:relative;
  background-size:cover;
  min-height:650px;
  width: 100%;
 }
.jumbotron h1
{
	font-size:8em; 
    text-align:center;
    padding-top:300px;}
.jumbotron p
{ text-align:center;
 font-size:2.5em;}
 .btn-default
 {
	 background-color:rgba(26,57,122,1.00);
	 font-family:aleo;
	 color:#fff;}
.btn-default hover
{
	background-color:rgba(144,144,144,1.00);
	color:#fff;	
}
 
 /* ESTILOS COSITAL */
 
 .bienvenida,.actualidad
 {
	 font-family:raleway;
	 color:#7f8186;
	 text-align:center;}


.bienvenida h3
{ line-height:50px;}


.principal
{
	
  background-color:rgba(219,221,221,1.00);
  padding:20px 40px 20px 40px;
}
.principal h2
{
  color:#fff;
  font-size:bold;
  text-shadow:2px 2px rgba(130,126,126,1.00);
  padding:0px 10px 0px 10px;
  line-height:50px;
  border-bottom:rgba(188,183,183,1.00) solid 1px;
}
.principal p
{
	padding:0px 10px 0px 10px;
	text-align:justify;
	font-size:1.2em;
	line-height:30px;
}

.soporte{ padding:0px 100px 0px 100px;}

/*ESTILOS COLEGIO*/
/*ESTILOS COLEGIO ESTATUTOS*/
 .presentacion
 {
	 font-family:raleway;
	 color:#7f8186;
	 text-align:center;
	 margin-top:70px;}
.presentacion p
{ line-height:30px;}

.estatutos
{
	
  background-color:rgba(219,221,221,1.00);
  padding:20px 80px 20px 80px;
}
.estatutos h2
{
  color:#fff;
  font-size:bold;
  text-shadow:2px 2px rgba(130,126,126,1.00);
  padding:0px 10px 0px 10px;
  line-height:50px;
  border-bottom:rgba(188,183,183,1.00) solid 1px;
  text-align:center;
}
div#lista-estatutos a{
    font-weight: bold;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
div#lista-estatutos div{
    padding-left:20px;
    text-align: justify;
}
div#lista-estatutos>div>div{
padding-right: 60px;
}
    
div#lista-estatutos + div{
    color:#00367B;
    margin-top: 20px;
}
/*ESTILOS ACTUALIDAD*/
.actualidad{
	margin-top:50px;
}
#actual{
	padding-top: 45px;
	padding-bottom: 30px;
	font-size:22px;
	text-align:left;
	margin-left: 7%;
}
.actualidad_azul{
	color: #00367B;
	font-weight: bold;
}
.cflex /*Contenedor que almacena las noticias en bloques flexible*/
{
	display:flex;
	margin-bottom:20px;
    flex-wrap: wrap;
	justify-content:flex-start;
    width: 90wv;
   height:auto;
}
.noticia{    /*  ESTE ES EL ITEM FLEX*/
	border:grey solid 1px;
	flex-basis:23%;
	height:300px;
	overflow:hidden;
}
.noticia img{    /*IMAGEN ASOCIADA A LA NOTICIA*/
	width:auto;
	height:100%;
    filter: grayscale(0.7);
}

.efecto{
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      color: #ffffff;
     font-family: 'Josefin', Arial, sans-serif;
    font-size: 16px;
     margin: 10px 1%;
    max-width: 310px;
    min-width: 250px;
    overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
	}

.efecto *{ /*Aplico el border sizing y transiciones para todos sus efectos*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.efecto img {
 
  vertical-align: top;
  position: relative;
  
}

.efecto figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background-color:rgba(0,0,0,0.7);
}
.efecto figcaption:hover {
    background-color: rgba(255,255,255,0.6);
    transition: all 0.25s ease;
    color:#1a397a;
    cursor:pointer;
}
.efecto .fecha {
  font-family:Bebas;
  background-color: #fff;
  color: #333;
  width: 50%;
    height: 30%;
  font-weight: 800;
  min-height: 50px;
  min-width: 50px;
  padding: 5px;
  position: absolute;
  right: 5px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}

.efecto .fecha .dia {
  display: block;
    color:#1a397a;
  line-height: 24px;
    margin-top: 10px;
    font-size: 3em;
}

.efecto .mes{
	font-size:1.2em;
	font-family:Raleway;
    padding-top: 5px;
    display: block;
	}
.parrafo {
    text-align: justify !important;
    margin-top: 80px;
    margin-bottom: 20px;
}
.parrafo >div>div{
    width: 100%;
    
}
.parrafo >div>div img{
    width: 100%;
    border:2px solid #fefefe;
    outline: 1px solid #aaa;
}
.fecha_not{
    background-color: #e1e1e1;
    color:#00367B;
    font-family: 0.6em;
    padding: 3px;
       font-style: italic;
    
}
.fecha_not span{
 font-weight: bold;
}

.volver{
    background-color: #00367B;
    color: white;
    padding: 5px;
    display: block;
    width: 70px;
    text-align: center;  
    transition: all 0.5s ease;
    text-decoration: none;
}
.volver:hover{
    background-color: white;
        text-decoration: none;
    color: #00367B;
}
/*CONTACTO*/
#formulario legend {
	border-bottom:none;
	font-size: 24px;
}
fieldset
{
	border-right: solid 1px #CCC;
}
.contacto
 {
	 font-family:raleway;
	 color:#7f8186;
	 text-align:center;
	 margin-top:70px;}

.contacto h1
{
	font-size:2em;
}
.contacto p
{
	font-size:22px;
}
.asterisco {color: red;}

input,textarea{ 
 border:none;
 border-bottom:1px #DDD solid;
 height:35px;
}
textarea{ border-right:1px #DDD solid; height:60px; }
input[type=checkbox] { height:0px; text-align:left;}

#ley {font-size:9px;}

*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color:#555;
	font-size:1.2em;
	padding:0;
	margin:0;
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
    color:#555;
	font-size:1.2em;
	padding:0;
	margin:0;
}
*::-moz-placeholder {
    /* Firefox 19 y superior */
    color:#555;
	font-size:1.2em;
	padding:0;
	margin:0;
}
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color:#555;
	font-size:1.2em;
	padding:0;
	margin:0;
}
/**************************** ESTILOS COMUNES   ************************/


.texto_intro>h3,.texto_intro>h4{
	padding:50px 50px;
	text-align:left;
	line-height:30px;

}
.azul_cosital{
	color:#00367B;
	}
	
	
/**********************FORMACIÓN******************/


h1.resumen{
	font-size:18px !important;
	padding-top:0;
	margin-top:0;
	margin-right:20px;
	text-align:justify;
	}

.resumen:first-letter{
	font-size:26px;
	color: #36C;
	font-weight:bold;
}
figure{
    width: 100px;
    height: 100px;
}
.divevento{
	margin-left: 10px;
}
.divevento h1{
	font-size: 24px;
}
.passpag a{
    border: solid 1px black;
    padding: 5px;
}
#publicidad{
    flex-basis: 20%;
    display: flex;
    flex-direction: column;
}
.banner{
    height: 50%;
    text-align: center;
	margin-left: 30%;
}


/*ESTILOS COLEGIARSE*/

#colegiarse{
    margin-top: 60px;
}
#colegiarse p{
    text-align: justify;
    font-size: 1.2em;
}
#colegiarse strong{
    color:#00367B;
    font-weight: bold;
}
#colegiarse .imagen{
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    height: 220px;
    overflow: hidden;
    padding: 5px;
    
}

#colegiarse img{
    width: 100%;
    height: auto;
}

/**** SECCIONES DE NOTICIAS  ****/

.noticias h2{
    font-size: 2em;
    color:#00367B;
}