*{margin: 0 auto 0 auto;}

.titulo{font-size:1.5em; color:#fff; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

.text-contacto{font-size: 1.5em; color: #4F4F4F; text-align: justify;}

#banner{

    margin-top:0px;
    width: 100%;
    height:auto;
	float: left;}

#content{ width:100%; height:auto; margin:0px auto 0 auto; margin-top:0px;}
 
.azul{height: 3px;
  margin-left: 0%;
  margin-right: 48%;
  background-color: #2a4089;
	border-color:#2a4089;}

.blanco{height: 3px;
  margin-left: 0%;
  margin-right: 58%;
  background-color: #fff;
border-color:#fff;}

#fondo-oscuro{width:100%; height:auto; margin-top:0px; background: #012a48;}

#panel-oscuro{width:90%; height:auto; margin-left:5%; margin-top:0%;
	background: #012a48; color: #FFFFFF;}
#panel-oscuro-noticias{width:90%; height:auto; margin-left:5%; margin-top:0%;
	background: #012a48; color: #FFFFFF;}

#panel-oscuro h1{font-size:3em; color:#fff; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin-top: 10px; font-weight: 300;}

#panel-oscuro-noticias h1{font-size:3em; color:#fff; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin-top: 10px; font-weight: 300;}


#fondo-claro{width:100%; float:left; margin-top:0px;
background: #fff;}

#panel-claro{width:90%; margin-left:5%; margin-right:5%; float:left; margin-bottom:2%; 
background: #fff; word-wrap: break-word;}

#panel-claro h1{font-size:3em; color:#044d82; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 300;}

#panel-claro .actividades{font-size:1.7em; color:#6E6E6E; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 300;}

#panel-claro .textoVideo{font-size:1.2em; color:888; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 300;}

#noticias{ width: 90%; height: auto; background:#EDEDED; border:1px solid #555; padding: 1%; overflow: auto; float: left; margin-bottom:2%; margin-left:5%;}

#noticias:hover{background:#fff; border:1px solid #999;}

#img-noticias{ width: 30%; height: auto; float: left;}

#cuerpo-noticias{ width: 65%; min-height:100px; height: auto; float: right; margin-bottom: 2%;}
#cuerpo-noticias .titulo{font-size:1.7em; color:#006ED5; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}
#cuerpo-noticias .detalle{font-size:1.4em; color:#5F5F5F; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}


#actividad{ width: 29%; height: auto; background:#E4E4E4; padding: 1%; margin: 1%; overflow: auto; float: left;}

#img-actividad{ width: 100%; height: auto; float: left; background:#EDEDED;}


#cuerpo-actividad{ width: 100%; min-height:300px; height: auto; float: left;}
#cuerpo-actividad .titulo{font-size:1.7em; color:#006ED5; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}
#cuerpo-actividad .detalle{font-size:1.4em; color:#5F5F5F; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}

#fondo-gris{width:100%; float:left; margin-top:0px;
background:#CCC;}

#panel-gris{width:90%; margin-left:5%; margin-bottom:2%; float:left;
background: #CCC;}

#panel-gris h1{font-size:3em; color:#044d82; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 300;}


#fondo-redes{width:100%; height:auto;
background: #E8E8E8;
}

#panel-redes{width:90%; height:auto; margin-left:5%; margin-top:0%;
background:#E8E8E8; color: #000; margin-bottom:2%;
} 

#panel-redes #twitter{width: 28%; padding:2%; height: auto; background:#00BBE1; float:left; margin-bottom:2%;}

#panel-redes #facebook{width: 28%; padding:2%; height: auto; background:#1D4297; float: left; margin-bottom:2%;}

#panel-redes #instagram{width: 28%; padding:2%; height: auto; background:#9b3aaf; float: left; margin-bottom:2%;}

#panel-redes h1{font-size:3em; color:#044d82; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 300;}



.panel-icon{ width: 25%; height: auto; margin: 2%; float: left; opacity: 1.0;
    filter: alpha(opacity=100);}

.panel-icon:hover{ width: 25%; height: auto; margin: 2%; float: left; opacity: 0.6;
    filter: alpha(opacity=70);}

#panel-icon-cel{ width: 96%; height: auto; margin: 2%; float: left;  border: 1 #EBEBEB solid;}
.panel-icono{font-size: 2em; color:#6C6C6C; text-align: center; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";}





#fondo-blanco{width:100%; float:left; margin-top:0px;
background: #fff;}

#panel-blanco{width:96%; margin-left:5%; float:left; margin-top:0px; 
background: #fff; margin-bottom:2%;}

#panel-blanco h1{font-size:3em; color:#044d82; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 300;}

#panel-blanco H3{font-size: 1.8em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#14318B ; text-align: justify;}
#panel-blanco .intro{font-size: 1em; color: #6C6C6C; text-align: justify;}
#panel-blanco .fecha{font-size: 1em; color: #012a48; text-align: justify;}
#panel-blanco .text-noticia{font-size: 1.3em; color: #6C6C6C; text-align: justify;}

#fondo-pie{width:100%; float:left; margin-top:0px;
background: #012a48;}

#panel-pie{width:90%; margin-left:5%; float:left; margin-top:3px; 
background: #012a48;}
#panel-pie h1{ color:#3DB3FF; text-align:left; font-size:1.5em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
#pie-izq{width: 20%; height: auto; float: left;}
#pie-centro{width:43%; height: auto; float: left; padding: 1%;}
#pie-der{width: 35%; height:auto; float: left;}

.datos {color:#FFF; margin-left:20px; font-size:1.2em; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}



#megusta{ width:100%; float:left;}
#comentarios{ width:100%; float:left; margin-top:3px; background-color: #D5D5D5; }

h1{color:#747474; margin-left:0%; font-size:2em; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
h2{color:#686868; margin-left:0%; font-size:1.5em; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
h3{ color: #16327F; text-align:left; font-size:1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}


.fecha{ color:#1BA5F1; text-align:left; font-size:1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}

.textoVideo{ color:#333; text-align:left; font-size:1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 100;}

.titulo-noticia{ color:#fff; text-align:left; font-size:1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}
.fecha-noticia{ color:#88cdff; text-align:left; font-size:1em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}

#panel{ width:100%; float:left; margin-top:0px;}
.img{ width:100%; text-align:center;} 
.img-50{ width:46%; margin:1%;} 

.link-pie{
	color:#E8E8E8;
	font-size:1.2em; 
	text-align:left; 
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-decoration:none;
	padding:0px;
	margin-left:0px;	
}
.link-pie:hover{
	color:#44A5FF;
	cursor: pointer;
}

#panel-buscador{ width:98%; padding:1%; height:auto; border-bottom: solid 1px #d1d1d1; float:left;}
#panel-buscador:hover{background:#eaeaea;}

#panel-buscador-izq{ width:35%; height:auto; float:left; text-align:center;}

#panel-buscador-der{ width:60%; height:auto; float:right;}
#panel-buscador-der .titulo-buscador{color:#002dac; font-size:1.7em;}
#panel-buscador-der .detalle-buscador{color:#888; font-size:1.3em;}



#sesiones{ width: 90%; height: auto; background:#F1F1F1; border:1px solid #555; padding: 1%; overflow: auto; float: left; margin-bottom:2%; margin-left:5%;}

#sesiones:hover{border:1px solid #999; background:#fff;}

#img-sesiones{ width: 52%; height: auto; float: left;}


#cuerpo-sesiones{ width: 47%; min-height:250px; height: auto; float: right; margin-bottom: 2%;}
#cuerpo-sesiones .titulo{font-size:1.3em; color:#333; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}
#cuerpo-sesiones .detalle{font-size:1.4em; color:#5F5F5F; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}


.video-responsive {
    position: relative;
    margin-bottom: 20px;
    padding-top: 56.25%;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#fondo-busqueda{width:100%; text-align:center;}
#panel-busqueda{width:96%; background:#ebecf0; float:left; word-wrap: break-word; margin-bottom:3%; padding:2%; text-align:center;}

#pb{float:left; width:auto;}

.expedientes{font-size:1.5em; color:#888; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}

.caja {
   margin:0px auto 0px auto;	
   border:1px solid #d9d9d9;
   height:25px;
   overflow: hidden;
   width: 150px;
   margin-left:4%;
   margin-right:10%;
   font-size:1.3em; color:#888; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;
}

.caja::after{
	content:"\025be";
	display:table-cell;
	padding-top:0px;
	text-align:center;
	width:30px;
	height:30px;
	color:#fff;
	background-color:#1847b2;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 2px 1px;
    margin-top:-5px;
    margin-left:20px;
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button5 {
    background-color: #1847b2;
    color: white;
    border: 1px solid #fff;
}

.button5:hover {
    background-color: white;
    color: black;
    border: 1px solid #1847b2;
}


@media screen and (max-width: 800px) {
	body {
		padding-top:80px;
	}
	
	#fondo-oscuro{width:100%; height:auto; margin-top:0px; background: #012a48;}
#panel-oscuro-noticias{width:90%; height:100%; margin-left:5%; margin-bottom:14%;
	background: #012a48; color: #FFFFFF;}
#panel-oscuro{width:90%; height:auto; margin-left:5%; margin-top:0%;
	background: #012a48; color: #FFFFFF;}
	
.titulo-noticia{ color:#fff; text-align:left; font-size:1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}
.fecha-noticia{ color:#88cdff; text-align:left; font-size:1em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}
	
.titulo{font-size:2em; color:#fff; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
 
	h1{font-size:1.6em; color:#044d82; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

#banner{

    margin-top:50px;
    width: 100%;
    height:auto;
	float: left;}
	
	#fondo-pie{width:100%; float:left; margin-top:3px;
background: #012a48;}

#panel-pie{width:96%; margin-left:2%; float:left; margin-top:3px; 
background: #012a48;}

#pie-izq{width: 100%; height: auto; float: left;}
#pie-centro{width: 100%; height: auto; float: left;}
#pie-der{width: 100%; height:auto; float: left;}

.datos {color:#FFF; margin-left:0%x; font-size:1.2em; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
	
.link-pie{
	color:#E8E8E8;
	font-size:1em;
	text-decoration:none;
	padding:0px;
	margin-left:0px;	
}
.link-pie:hover{
	color:#44A5FF;
	cursor: pointer;
}
#panel-gris h1{font-size:1.6em; color:#044d82; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 300;}

	#panel-claro h1{font-size:1.6em; color:#044d82; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 300;}
	
	#actividad{ width: 96%; height: auto; background:#E4E4E4; padding: 2%; margin-bottom: 1%; overflow: auto; float: left;}

#img-actividad{ width: 100%; height: auto; float: left; background:#EDEDED;}


#cuerpo-actividad{ width: 100%; min-height:300px; height: auto; float: left;}
#cuerpo-actividad .titulo{font-size:1.5em; color:#006ED5; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}
#cuerpo-actividad .detalle{font-size:1.4em; color:#5F5F5F; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}

#noticias{ width: 90%; height: auto; background:#F1F1F1; padding: 4%; overflow: auto; float: left; margin-bottom:2%; margin-left:5%;}

#img-noticias{ width: 100%; height: auto; float: left; background:#EDEDED;}


#cuerpo-noticias{ width: 100%; min-height:100px; height: auto; float: right; margin-bottom: 2%;}
#cuerpo-noticias .titulo{font-size:1.7em; color:#006ED5; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}
#cuerpo-noticias .detalle{font-size:1.4em; color:#5F5F5F; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}
	
	#fondo-redes{width:100%; height:auto;
background: #E8E8E8; float:left;
}

#panel-redes{width:90%; float:left; height:auto; margin-left:5%; margin-top:0%;
background:#E8E8E8; color: #000;overflow: none; margin-bottom:2%;
} 
	
	#panel-redes #twitter{width:92%; height: auto; background:#00BBE1; float: left; padding: 4%; margin-bottom:5%;}

#panel-redes #facebook{width:92%; height: auto; background:#1D4297; float: left; padding: 4%; margin-bottom: 5%;}

#panel-redes #instagram{width:92%; height: auto; background:#9b3aaf; float: left; padding: 4%; margin-bottom: 5%;}

#panel-buscador{ width:98%; padding:1%; height:auto; border-bottom: solid 1px #d1d1d1; float:left; margin-bottom:2%;}
#panel-buscador:hover{background:#eaeaea;}

#panel-buscador-izq{ width:100%; height:auto; float:left; text-align:center;}

#panel-buscador-der{ width:100%; height:auto; float:right;}
#panel-buscador-der .titulo-buscador{color:#002dac; font-size:1.7em;}
#panel-buscador-der .detalle-buscador{color:#888; font-size:1.3em;}

#noticias{ width: 90%; height: auto; background:#F1F1F1; padding: 1%; overflow: auto; float: left; margin-bottom:5%; margin-left:5%;}

#img-noticias{ width: 100%; height: auto; float: left; background:#EDEDED;}


#cuerpo-noticias{ width: 100%; min-height:100px; height: auto; float: right; margin-bottom: 2%;}
#cuerpo-noticias .titulo{font-size:1.7em; color:#006ED5; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}
#cuerpo-noticias .detalle{font-size:1.4em; color:#5F5F5F; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}

#sesiones{ width: 90%; height: auto; background:#F1F1F1; padding: 1%; overflow: auto; float: left; margin-bottom:5%; margin-left:5%;}

#img-sesiones{ width: 100%; height: auto; float: left;}


#cuerpo-sesiones{ width: 100%; min-height:100px; height: auto; float: right; margin-bottom: 2%;}
#cuerpo-sesiones .titulo{font-size:1.2em; color:#006ED5; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}
#cuerpo-sesiones .detalle{font-size:1.4em; color:#5F5F5F; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}


#fondo-busqueda{width:100%;}
#panel-busqueda{width:96%; background:#ebecf0; word-wrap: break-word; margin-bottom:3%; padding:2%;}

#pb{width:100%; text-align:center; margin-bottom:5%;}    

.caja {
   margin:0px auto 0px auto;	
   border:1px solid #d9d9d9;
   height:25px;
   overflow: hidden;
   width: 150px;
   font-size:1.3em; color:#888; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;
}

.caja::after{
	content:"\025be";
	display:table-cell;
	padding-top:0px;
	text-align:center;
	width:30px;
	height:30px;
	color:#fff;
	background-color:#1847b2;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
}
.img-50{ width:100%; text-align:left;} 
}