*{margin: 0 auto 0 auto;}

#content{ width:100%; height:auto; margin:0px auto 0 auto; margin-top:0px;}
 



#fondo-oscuro{width:100%; height: 300px;
background: #012a48;
}

#panel-oscuro{width:90%; margin-left:5%;
background: #012a48;
}


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

#panel-claro{width:90%; margin-left:5%; float:left; margin-top:3px; 
background: #F4F4F4;}

#actividad{ width: 96%; height: auto; background:#FF0004; padding: 2%; margin: 0%; overflow: auto; float: left;}

#img-actividad{ width: 20%; height: auto; float: left; background:#FF0004;}


#cuerpo-actividad{ width: 73%; height: auto; float: right;}
#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-blanco{width:100%; float:left; margin-top:0px;
background: #fff; margin-bottom:2%}

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

#panel-noticia{width: 100%; height: auto; float: left;}

#panel-blanco H3{font-size: 1.8em; color:#14254D ; text-align: justify; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif}
#panel-blanco .intro{font-size: 1.3em; color:#2F2F2F; text-align: justify;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 500;}
#panel-blanco .fecha{font-size: 1em; color:#215FCB; text-align: justify;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif}
#panel-blanco .text-noticia{font-size: 1.3em; color: #6C6C6C; text-align: justify;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana;}


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

#panel-pie{width:96%; margin-left:2%; float:left; margin-top:1%; 
background: #012a48;}
#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:#35B6FF; margin-left:0%; font-size:1.5em; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
h3{ color:#31FFC2; text-align:left; font-size:1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif }

#panel-foto-noticia{width: 42%; height: auto; min-height:auto; padding: 2%; overflow: auto; float: left; margin-bottom:2%; margin-left:3%; border:1px solid #ccc;}

.img-50{ width:49%;} 

.img-noticias{ width:99%; text-align:center;} 

.text-foto{
	color:#3b6ccb;
	font-size:1em;
	text-decoration:none;
	padding:0px;
	margin-left:0px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;
}

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


.link-pie{
	color:#E8E8E8;
	font-size:1.3em;
	text-decoration:none;
	padding:0px;
	margin-left:0px;	
}
.link-pie:hover{
	color:#44A5FF;
	cursor: pointer;
}


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

#img-sesiones{ width: 70%; height: auto; float: left; background:#EDEDED;}

#cuerpo-sesiones{ width: 25%; min-height:250px; height: auto; float: right; margin-bottom: 2%;}
#cuerpo-sesiones .titulo{font-size:1.2em; color:#ccc; text-align:left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;}
#cuerpo-sesiones .detalle{font-size:1.2em; 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%;
}


hr {
  height: 1px;
  border-color:#3552b1;
}

.azul{height: 5px;
  margin-left: 0%;
  margin-right: 48%;
  background-color: #2a4089;
border-color:#2a4089;}
		
		
.amarillo{
		height: 5px;
  margin-left: 0%;
  margin-right: 48%;
  background-color: #feee00;
border-color:#feee00;}

.verde{
		height: 5px;
  margin-left: 0%;
  margin-right: 48%;
  background-color: #83ca26;
border-color:#83ca26;}
		
.negro{
		height: 5px;
  margin-left: 0%;
  margin-right: 48%;
  background-color: #000;
border-color:#000;}

.celeste{
		height: 5px;
  margin-left: 0%;
  margin-right: 48%;
  background-color: #00ccff;
border-color:#00ccff;}

	
		.ficha-autoridad{ width: 25%; height: auto; float:left; margin: 0%; padding: 2%; text-align: center; font-size: 1.3em; color:#4D4D4D; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;  min-height: 290px; }		
		.ficha-autoridad:hover {background: #ccc;}


		.ficha{ width: 20%; height: auto; float:left; margin: 1%; background: #2a4089; padding: 1%; text-align: center; font-size: 1.3em; color: #fff; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;  min-height: 290px; text-decoration:none; }		
		.ficha:hover {background: #567dff;}
		
		.ficha_amarillo{ width: 20%; height: 100%; float:left; margin: 1%; background: #ffee02; padding: 1%; text-align: center; font-size: 1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; min-height: 290px; text-decoration:none;}		
		.ficha_amarillo:hover {background: #fffeb2;}
		
		
		.ficha_negro{ width: 30%; height: auto; float:left; color: #fff; margin: 1%; background: #000; padding: 1%; text-align: center; font-size: 1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; min-height: 290px; text-decoration:none;}		
		.ficha_negro:hover {background: #464646;}
		
		
		.ficha_verde{ width: 20%; height: auto; float:left; color: #fff; margin: 1%; background: #83ca26; padding: 1%; text-align: center; font-size: 1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; min-height: 290px; text-decoration:none;}		
		.ficha_verde:hover {background: #93e823;}
		
		
		.ficha_celeste{ width: 30%; height: auto; float:left; color: #fff; margin: 1%; background: #00ccff; padding: 1%; text-align: center; font-size: 1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; min-height: 290px; text-decoration:none;}		
		.ficha_celeste:hover {background: #0095da;}
		
		
@media screen and (max-width: 800px) {
	body {
		padding-top:48px;
	}
 
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#044d82;
	}
 
	.menu_bar .bt-menu {
		display: block;
		padding: 10px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		background-color:#092d47
	}
 
	.menu_bar span {
		float: right;
		font-size: 40px;
	}

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

#panel-pie{width:96%; margin-left:2%; float:left; margin-top:1%; 
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:1%; 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:1.2em;
	text-decoration:none;
	padding:0px;
	margin-left:1%;	
}
.link-pie:hover{
	color:#44A5FF;
	cursor: pointer;}
	
.img-noticias{ width:100%; text-align:center; margin-top:2%; margin-bottom:2%;} 

#panel-noticia{width: 100%; height: auto; float: left;}


#panel-blanco H3{font-size: 1.8em; color:#14254D ; text-align: justify; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif}
#panel-blanco .intro{font-size: 1.3em; color:#2F2F2F; text-align: justify;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 600;}
#panel-blanco .fecha{font-size: 1em; color:#215FCB; text-align: justify;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif}
#panel-blanco .text-noticia{font-size: 1.3em; color: #6C6C6C; text-align: justify;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana}	
	
	
	
	
		#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.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;}



#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; background:#EDEDED;}


#cuerpo-sesiones{ width: 100%; min-height:100px; height: auto; float: right; margin-bottom: 2%;}
#cuerpo-sesiones .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-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;}


#panel-foto-noticia{width: 96%; height: auto; min-height:auto; padding: 2%; overflow: auto; float: left; margin-bottom:2%; margin-left:2%; border:1px solid #ccc;}

.img-50{ width:99%;} 
.img-noticias{ width:99%; text-align:center;} 
.text-foto{
	color:#3b6ccb;
	font-size:1em;
	text-decoration:none;
	padding:0px;
	margin-left:0px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight: 400;
}

hr {
  height: 1px;
  border-color:#3552b1;
}

.azul{height: 3px;
width: 100%;
	margin-bottom: 5%;
  background-color: #2a4089;
border-color:#2a4089;}
		
		
.amarillo{height: 3px;
width: 100%;
	margin-bottom: 5%;
  background-color: #feee00;
border-color:#feee00;}

.verde{height: 3px;
width: 100%;
	margin-bottom: 5%;
  background-color: #83ca26;
border-color:#83ca26;}
		
.negro{height: 3px;
width: 100%;
	margin-bottom: 5%;
  background-color: #000;
border-color:#000;}
		p{font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
		
		.ficha{ width: 100%; height: auto; float:left; margin-bottom: 2%; background: #2a4089; padding:2%; margin-left: -2%; text-align: center; font-size: 1.3em; color: #fff; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;  min-height: 290px; }		
		.ficha:hover {background: #567dff;}
	
	.ficha-autoridad{ width: 100%; height: auto; float:left; margin: 0%; padding: 2%; text-align: center; font-size: 1.3em; color:#4D4D4D; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;  min-height: 290px; }		
		.ficha-autoridad:hover {background: #ccc;}
		
		.ficha_amarillo{ width: 100%; height: auto; float:left; margin-bottom: 2%; margin-left: -2%; background: #ffee02; padding: 2%; text-align: center; font-size: 1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; min-height: 290px;}		
		.ficha_amarillo:hover {background: #464646;}
		
		.ficha_verde{ width: 100%; height: auto; float:left; margin-bottom: 2%; margin-left: -2%; background: #83ca26; padding: 2%; text-align: center; font-size: 1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; min-height: 290px;}			
		.ficha_verde:hover {background: #93e823;}
		
		
		.ficha_negro{ width: 100%; height: auto; float:left; color: #fff; margin-bottom: 2%; margin-left: -2%; background: #000; padding: 2%; text-align: center; font-size: 1.3em; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; min-height: 290px;}		
		.ficha_negro:hover {background: #464646;}



}