* {
	margin:0;
	padding:0;
}
 

html,body{
	font-family: 'Titillium Web', sans-serif;
	height:100%; 
	width:100%; 
	margin:0;
	padding:0;
	overflow-x:hidden; 

	font-size: 16px;
	line-height: 1.5em;
	color: #666;
	font-weight: 300;
	background: #dfdfdf url(../img/fondo.png) no-repeat fixed;

}

header{
	width: 100%;
	display: none;
}
header nav{
	width: 90%;
	max-width: 1000px;
	margin:20px auto;
	background: #415579;
}
/*cargando*/
#preloader{
    /*position:relative;
    width: 42px;
    height: 42px;
    animation: preloader_6 5s infinite linear;*/
      /* overflow-y: scroll; */
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0,0,0);
    opacity: 0.7;
    position: fixed;
    animation: preloader_6 5s infinite linear;
    z-index: 1
}
#preloader6{
    /*position:relative;
    width: 42px;
    height: 42px;
    animation: preloader_6 5s infinite linear;*/
      /* overflow-y: scroll; */
          top: 50%;
    position: relative;
    transform: translate(45%);
 
}
#preloader6 span{
    width:20px;
    height:20px;
    position:absolute;
    background:red;
    display:block;
    animation: preloader_6_span 1s infinite linear;
}
#preloader6 span:nth-child(1){
background:#2ecc71;
 
}
#preloader6 span:nth-child(2){
left:22px;
background:#9b59b6;
    animation-delay: .2s;
 
}
#preloader6 span:nth-child(3){
top:22px;
background:#3498db;
    animation-delay: .4s;
}
#preloader6 span:nth-child(4){
top:22px;
left:22px;
background:#f1c40f;
    animation-delay: .6s;
}
@keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
/**/
.menu_bar{
	display: none;
}
.menulogin:hover {
	cursor: pointer;
	  font-size: 1.1rem;
    background: #596e96;
}
header nav ul{
	overflow: hidden;
	list-style: none;
}
header nav ul li{
	float: left;

}
header nav ul li a{
	color: #fff;
	padding: 20px;
	display: block;
	text-decoration: none;


}
header nav ul li a:hover{
	background: #596e96;
	

}
img{
    cursor: pointer;
}
.clearfix:after {	content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0;	height: 0 }
.clearfix {display: inline-block}
html[xmlns] .clearfix {	display: block}
* html .clearfix {height: 1%}
.left{float:left;}
.right{float:right;}
a{
	text-decoration:none;
	color: #797979;
}
a img{
	border:0;
}
input,textarea,select{
	border-radius: 2px;
}
*::-moz-selection{background: #D6ECFC;color: #064891;}
*::selection {background: #D6ECFC;color: #064891;}
*{outline:none;}

.oculto{display:none}

.tabla_contenido{
	font-size:13px;
	border-collapse:collapse;
	text-align:left;
	margin-bottom: 50px;
}
.tabla_contenido th{
	font-size:14px;
	font-weight:normal;
	color:#00092C;
	border-bottom:2px solid #00092C;
	padding:10px 8px;
}
.tabla_contenido td{
	border-bottom:1px solid #ccc;
	color:#669;
	padding:6px 8px;
}
.tabla_contenido tbody tr:hover td{
	color:#009;
	background: #FFFBDF
}

.tabla_contenido a{
	color:#000
}

.tabla_form {
	margin:4px;
}
.tabla_form strong{
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	color:#F00;
	padding:2px;
	background:#FFF
}
.tabla_form {
	font-size:13px;
	background:#fff;
	border-collapse:
	collapse;
	text-align:left;
}
.tabla_form th{
	font-size:14px;
	font-weight:normal;
	color:#00092C;
	padding:10px 8px;}
.tabla_form td{
	color:#669;
	padding:4px;
	padding-right:6px;
	padding-left:6px;
	text-align:right;
	line-height: 18px;
}
.tabla_form input[type="text"],input[type="hidden"],input[type="password"],select,textarea{
	border:1px solid #CCC;
	padding:6px 1%;
	min-height:18px;
	line-height: 18px;
	width:96%;
}

.tabla_form textarea{
	width:97.3%;
}
.tabla_form input[type="text"]:disabled,input[type="hidden"]:disabled,input[type="password"]:disabled{
	border:1px solid #CCC;
}
.tabla_form input[type="text"]:focus,input[type="hidden"]:focus,input[type="password"]:focus,textarea:focus,select:focus{
	background: #FFFBDF
}
.tabla_form span{
	color:#F00
}
/*-----------------Panel de Control-------------------------*/


button, input[type="button"], input[type="submit"], input[type="reset"]{
	height:40px;
	/*line-height:40px;*/
	color: #FFF;
	border:0;
	font-weight: bold;
	cursor:pointer;
	border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	padding:0 10px 0 10px;
	background: #75b2d9;
	margin:5px;

	min-width: 100px;
	font-size: 14px;
	text-transform: uppercase;
	border: 0;
}
button:active{
	border-bottom: 0px solid #3a89b8;
	color:#3a89b8;
}
:disabled{
	background-color: #C5C5C5;
	border-color:#A8A8A8;
}
button:active:disabled{
	border-bottom: 2px solid #A8A8A8;
	color:#fff;
	cursor: normal;
}
.correcto{
	background: #55bc75;
}
.peligro{
	background: #e86740;
}
.correcto:hover{
	background: #5ecf81;
}
.peligro:hover{
	background: #f26c43;
}
.correcto:active{
	color:#49a265;
}
.peligro:active{
	color:#c25636;
}
button.activo, input[type="button"].activo, input[type="submit"].activo, input[type="reset"].activo
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{
	background: #61AEE6;
}

input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled{
	background: #fff;
	border:0;
	color:#b8b8b8;
}

.gris{
	color: #717171;
}

.naranja{
	color: #61AEE6;
}

.news{
	float:right;
	margin-right:-10px;
	margin-top:2px;
}
.accordion{width:100%}

.accordion h3{
	line-height:25px;
	background-color:#ffffff;
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	color: #f79b4c;
	text-align:left;
	width:100%;
	outline: none;
}
.accordion h3:hover{
	line-height:25px;
	background: #FFC;
}
.accordion h3 a{
	color: #f79b4c;
	text-decoration:none;
}
/*--ESTILO DE FORMULARIOS ---------------------------------------------------------------------------------*/
.linea_form{
	min-width:10px;
	line-height:30px;
	float:left;
	margin:1px;
}
.linea_form label{
	line-height:30px;
	padding-right:5px;
	padding-left:5px;
	min-width:100px;
	float:left;
	font-size:12px;
}
.linea_form input[type="text"],input[type="password"],input[type="number"]{
	height:20px;
	border:1px solid #999;
}
.linea_form textarea{
	min-width:190px;
	border:1px solid #999;
}
.linea_form select{
	min-width:196px;
	height:26px;
	line-height:26px;
	border:1px solid #999;
	background-color:#FFF;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/
#header{
	background: #415579;
	position:fixed;
	height:80px; width:100%;	
	z-index:1000;
}
#header .active{
	background:#f8f3f0;
}
#header .hover:hover{
	background:#f8f3f0;
}
#header #avatar{
	background:#485778;
}

#header #avatar img{
	background: #fff;
	border-radius: 100px;	
	width: 60px;
	margin: 10px;
	padding: 0px;
	overflow: hidden;
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#header #avatar  span{
	display: block;
	font-size: 30px;
	margin: 5px;
	background: #ECECEC;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	line-height: 50px;
	color: #D8D8D8;
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

#header h4{
	float:left;
	line-height:40px;
	font-weight:normal;
	margin:10px 20px;
	padding:0;	
	color:#fff;
	width: 240px;
}
#header .naranja{
	font-weight:bold;
}
#header #slogan{
	float:left;
	line-height:0px;
	font-weight:normal;
	margin:0 0 0 1px;
	padding:0;	
	font-size:12px;
}

#header .imgheader{
	width:80px;
	height:80px;
	cursor:pointer;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/
#cuerpo{
	float:left;
	width:100%;
	margin-top:90px;
	height: auto;
	min-height: 100%;
}

/*----------------------------------------*/
#configuracion,#avatar{
	float:right;
}
#menuconf{
	text-align: right;
	float: right;
	float: right;
	line-height: 40px;
	font-weight: normal;
	margin: 10px 20px;
	padding: 0;
	color: #fff;
	width: 240px;
}
#menuconf a{
	display: inline-block;
	line-height: 20px;
	color: #24315A;
	font-size: 20px;
	margin: 5px 0 5px 5px;
}
#menuconf a:hover{
	color: #fff;
}
#username{
	line-height: 20px;
	padding-top: 7px;
}
#menugeneral,#menuconfiguracion{
	background:#485778;
	top:80px;
	position: fixed;
	width: 320px;
	height: calc(100% - 60px);
	overflow-y:auto; 
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#menugeneral{
	left:-320px; 
}
#menugeneral:hover,#menuconfiguracion:hover{
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.14);
}
#menugeneral:hover{
	border-right:4px solid #142149;
}

#menugeneral .alert,#menuconfiguracion .alert{width:41px;height:25px;float:right;margin:0 -4px 0 0;}
#menugeneral .sep .alert,#menuconfiguracion .sep .alert{width:41px;height:25px;float:right;margin:7px -4px 0 0;}

#menugeneral #sistemas,#menuconfiguracion #sistemas{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menugeneral #sistemas h3,#menuconfiguracion #sistemas h3{
	color: #FFF;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	height:40px;
	margin:0;
	overflow:hidden;
	padding-left: 5%;
	line-height:40px;
	text-transform: uppercase;
	width:95%;
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;

}
#menugeneral .activabarra,#menuconfiguracion .activabarra{
	height:40px;
	width:4px;
	float:right;
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

#menugeneral #sistemas img, #menuconfiguracion #sistemas img{
	float:right;
	width:20px;
	height:20px;
	margin:10px ;
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}



#menugeneral #sistemas h3:hover, #menugeneral #sistemas h3.activo,
#menuconfiguracion #sistemas h3:hover, #menuconfiguracion #sistemas h3.activo{
	background: #00092C;
	height: 50px;
	line-height: 50px;
}
#menugeneral #sistemas h3:hover .activabarra,#menugeneral #sistemas h3.activo .activabarra,
#menuconfiguracion #sistemas h3:hover .activabarra,#menuconfiguracion #sistemas h3.activo .activabarra{

	background:#61AEE6;
	height: 50px;
}
#menugeneral #sistemas h3:hover img, #menugeneral #sistemas h3.activo img,
#menuconfiguracion #sistemas h3:hover img, #menuconfiguracion #sistemas h3.activo img
{

	margin-top:15px;
	margin-bottom: 15px;
}
#menugeneral #sistemas .icono, #menuconfiguracion #sistemas .icono{
	float:right;
	width:20px;
	height:20px;
	margin:10px;
	font-size: 18px;
	line-height: 20px;
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#menugeneral #sistemas h3:hover .icono, #menugeneral #sistemas h3.activo .icono,
#menuconfiguracion #sistemas h3:hover .icono, #menuconfiguracion #sistemas h3.activo .icono
{

	margin-top:15px;
	margin-bottom: 15px;
}

#menugeneral #sistemas .submenu, #menuconfiguracion #sistemas .submenu{
	display:none;
	margin: 0;
	padding: 0;
	list-style: none;
}


#menugeneral #sistemas .netmunimenu, #menuconfiguracion #sistemas .netmunimenu{
	padding-left:5%;
	width:95%;
	height:20px;
	line-height:20px;
	float:left;
	border-bottom:1px solid #eee;
	font-size:12px;
	font-weight:bold;
	color:#767676;
	cursor:pointer;
	background:#FFF;
	text-decoration:none;	
}
#menugeneral #sistemas .netmunimenu:hover, #menuconfiguracion #sistemas .netmunimenu:hover{
	background: #eee;
}
#menugeneral #sistemas .netmunimenu a, #menuconfiguracion #sistemas .netmunimenu a{
	margin-left:10px;
	color:#767676;
	text-decoration:none;
}


#menugeneral #sistemas .sep, #menuconfiguracion #sistemas .sep{
	padding-left:5%;
	width:95%;
	height:20px;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	color:#767676;
	cursor:pointer;
	background:#FFF;
	border-bottom:1px solid #eee;
}
#menugeneral #sistemas .sep a, #menuconfiguracion #sistemas .sep a{
	margin-left:10px;
	color:#767676;
	text-decoration:none;
}
#menugeneral #sistemas .sep:hover,#menuconfiguracion #sistemas .sep:hover{
	background: #eee;
}

#mostrarmenu{
	height:100%;
	position:fixed;
	top:0;
	left:0;
	width:2px;
}
#configuracion:hover #menuconfiguracion{
	right:0;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.14);
	border-left:4px solid #142149;
}
#menuconfiguracion{
	right:-320px;
}
#menuconfiguracion:hover{
	border-left:4px solid #142149;
}
#menuconfiguracion #sistemas h3{
	padding-left: 0;
	width: 100%;
}
#menuconfiguracion .activabarra{
	float:left;
	margin-right: 5%;
}

.formulario_menu{
	margin: 0;
	padding: 10px;
	float: left;
	display: none;
}
.formulario_menu h2{
	margin: 0;
	padding: 10px 0;
	float: left;
	color: #fff;
	font-weight: normal;
}
.formulario_menu textarea{
	background: #00092C;
	width: auto;
	border:0;
	height: 200px;
	width: 98%;
	color:#fff;
}
.formulario_menu button{
	margin: 10px 0;
	font-size: 14px;
	width: 100%;
}
/*----------------------------------------*/
#contenido{
	width: 97%;	
	margin-top:  60px;
	margin: 1%;
	padding: 0.5%;
	float: left;
	overflow: hidden;
	/*
	color: #787878;	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background: #fff;
	*/

}
#contenidotitulo{
	background: #EAEAEA;
	
}
#contenidotitulo h4{
	margin:0;
	line-height:40px;
	margin-left:10px;
	text-transform:uppercase;
	color: #999;
	font-size:12px;
}
.subcontenido{
	float:left;
	width:98%;
	padding:1%;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
#block{
	width:150%;
	height:150%;
	z-index:9999;
	position:fixed;
	background:#000;
	opacity:0.8;
	margin:-10%;
	padding:0px;
	display:none;
}
#blocklogin{

	width:400px;
	height:100px;
	position:fixed;
	margin-top:-50px;
	margin-left:-200px;
	left:50%;
	top:50%;
	padding:0px;
}
#menumovil{
	display:block; 
	width:60px;
	height:57px;
	cursor:pointer;
	font-size: 50px;
	padding-left: 10px;
	padding-top: 3px;
	color:#CCC;
	border-right: 1px solid rgba(204, 204, 204, 0.2);
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#menumovil:hover, #menumovil.hover{
	background:#485778;
	color:#fff;
	border-right: 1px solid rgba(204, 204, 204, 0);
}
#menumovil:hover #menugeneral, #menumovil.hover #menugeneral{
	left:0; 
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.14);
	border-right:4px solid #142149;
}
#abrirmenu{
	position: fixed;
	width: 1px;
	height:100%;
}



#subheader{
	height:58px;
	width:100%;
	float:left;
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	overflow:hidden;
	background:#ffffff;
}
#subheader img{cursor:pointer;}
#subheader_container{
	margin:0 10px 0 10px
}
#subheader p{
	width:70%;
}
#subheader strong{
	line-height:40px;
	font-size: 20px;
	padding-left:10px;
}
#subheader p.municipio{
	line-height:12px;
	font-size:12px;
	margin-left:51px;
	margin-top:-8px;
}
#subheadermini{
	height:59px;
	width:98%;
	padding: 0 1% 0 1%;
	font-size: 20px;
	line-height: 59px;
	float:left;
	margin-bottom: 10px;
	border-bottom: 1px solid #F0F0F0;
}
#subheadermini strong{
	font-weight: normal;
	text-transform: uppercase;
	margin-left: 10px;
}
#subheader_containermini{
	margin:0 5px 0 5px
}
#subheader_containermini input[type="button"]{
	float:right;
	margin:9px;
}
#loading{ width:100%; height:100%; background-color:rgba(255,255,255,0.5); background:rgba(255,255,255,0.5) url(../img/loading.gif) center center no-repeat; display:none; position:fixed; z-index:100; } 
#loading-msg{ width:400px; height:300px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px; font-size:16px; text-align:center; } 


table.tabla_ficha {

	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #000;
	border-collapse: collapse;
}
table.tabla_ficha th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #000;
	background:#f6f7f9;
}
table.tabla_ficha tr {
	background:#FFF;
}
table.tabla_ficha td {
	font-size:14px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #000;
}
#contenidodeimpresion td{border-color: #000;color:#000}

.span4 {
  width: 310px;
  margin:3px;
  float:left;
}
.span4_col{
	background:#FFF; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width:32%;
	margin:0.5%;
	float:left;
	-webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1);
	overflow:hidden;
	margin-bottom:6px;
}
.span4_col h3{
	background:#404b67;
	color:#FFF;
	margin:0;
	padding-left:7px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	line-height:40px;
}
.span4_col strong{
	color:#bababa;
	font-size:12px;
	padding-left:10px;
	line-height:30px
}
#noticias{
	margin:0;
	list-style:none;
	padding:0;
	width:100%;
	height:295px;
	overflow:hidden
}
#noticias li{
	width:100%;
	border-bottom:1px solid #dddcda;
	padding:4px 4px 4px 0;
	height:50px;
}
#noticias .imagen,#noticias h4,#noticias .fecha{
	float:left;
}
#noticias .imagen{
	background:#404b67;
	padding-left:4px;
}
#noticias .imagen.de{
	background:#c6211e;
}
#noticias .imagen.in{
	background:#007cc3;
}
#noticias .imagen.ce{
	background:#5dab33;
}
#noticias .imagen.ps{
	background:#974578;
}
#noticias .imagen.hu{
	background:#f8c300;
}
#noticias h4{
	font-size:10px;
	color:#4d4d4d;
	width:240px;
	line-height:12px;
	padding-left:10px;
	margin:0;
	height:40px;
}
#noticias .fecha{
	font-size:10px;
	color: #FFF;
	line-height:10px;
	padding:2px 5px 2px 5px;
	margin:0;
	float:right;
	text-align:right;
	background:#404b67;
	font-style:italic;
}
#noticias .fecha.de{
	background:#c6211e;
}
#noticias .fecha.in{
	background:#007cc3;
}
#noticias .fecha.ce{
	background:#5dab33;
}
#noticias .fecha.ps{
	background:#974578;
}
#noticias .fecha.hu{
	background:#f8c300;
}
#noticias_left,#noticias_right{
	width:35px;
	height:35px;
	font-size:18px;
	color: #FFF;
	line-height:35px;
	float:right;
	text-align:center;
	cursor:pointer
	
}
#noticias_left:hover,#noticias_right:hover{
	background: #000;
	color:#FFF;
}
#noticias_left{
	background:#222120;
	margin:3px 3px 3px 0px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
#noticias_right{
	background:#1a1919;
	margin:3px 0 3px 3px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
#listaeventos span{
	cursor:pointer;
	width:100%;
	float:left;
	border-bottom:1px solid #F4F4F4;
	height:25px;
}
#listaeventos strong{
	line-height:26px;
	margin:0;
	margin-right:4px;
	color:#FFF;
}
#listaeventos strong.de{
	background:#c6211e;
}
#listaeventos strong.in{
	background:#007cc3;
}
#listaeventos strong.ce{
	background:#5dab33;
}
#listaeventos strong.ps{
	background:#974578;
}
#listaeventos strong.hu{
	background:#f8c300;
}


.deb{
	background:#c6211e;
}
.inb{
	background:#007cc3;
}
.ceb{
	background:#5dab33;
}
.psb{
	background:#974578;
}
.hub{
	background:#f8c300;
}
.hasDatepicker .hu{background:#f8c300; } .hu .ui-state-default{color:#fff}
.hasDatepicker .ps{background:#974578; } .ps .ui-state-default{color:#fff}
.hasDatepicker .in{background:#007cc3; } .in .ui-state-default{color:#fff}
.hasDatepicker .ce{background:#5dab33; } .ce .ui-state-default{color:#fff} 
.hasDatepicker .de{background:#db214c; } .de .ui-state-default{color:#fff}
.hasDatepicker .uaa{background:#404b67;} .uaa .ui-state-default{color:#fff}

.limiteinferior{
	background:url(../sistemas/encuestas/img/mucho-128.png) no-repeat -12px -51px;
	float:left;
	background-color:#fafafa;
	font-size:9px;
	height:25px;
	line-height:28px;
	text-align:center;
	text-transform:uppercase;
	padding:0 17px;	
	margin-left:232px;
	margin-top:-18px;
	cursor:default;
}

.limitesuperior{
	background:url(../sistemas/encuestas/img/poco-128.png) no-repeat -55px;
	float:left;
	background-color:#fafafa;
	font-size:9px;
	height:25px;
	line-height:28px;
	text-align:center;
	text-transform:uppercase;
	padding:0 17px;
	border-left:1px solid #CC9;
	margin-right:15px;
	margin-left:15px;
	margin-top:32px;
	cursor:default;
}
.noticias{
	float:left;
	width:74%;
	margin-bottom:17px;
	background:#FFF; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1);
	overflow:hidden;
}
.noticias .barraazul{
	width:100%;
	height:7px;
	background: #495677;
	float:left;
}
.noticias .imgcopete{
	width:150px;
	height:150px;
	float:left;
	border:1px solid #dddddd;
	margin:5px;
	padding:3px;
	cursor:pointer;
}
.imgnoticia{
	width:598px;
	height:180px;
	float:left;
	border:1px solid #dddddd;
	padding:3px;
	cursor:pointer;
	margin-bottom:20px;	 
}
.noticias .imgnoticia:hover{
	opacity:0.7;
}
.noticias .imgcopete:hover{
	opacity:0.7;
}
.noticias .fecha{
	padding:0 10px 0 10px;
	float:right;
	text-align:right;
	line-height:22px;
	font-size:10px;
	color:#7d7d7d;
	margin:0;
}
.noticias h3{
	width:auto;
	padding:0 10px 0 10px;
	line-height:24px;
	font-size:18px;
	margin:20px 0 10px 0;
	cursor:pointer;
}
.noticias .texto{
	padding:0 20px 0 10px;
	line-height:20px;
	font-size:14px;
	color:#7d7d7d;
	font-style:italic;
	min-height:160px;
	margin-bottom:10px;
	text-align: justify;	
}

* html .noticias .texto{height:160px;padding:0;}
.noticias .texto  strong {font-weight:bold; color:#666;padding:0;}
.noticias  a {text-decoration:none;font-size:12px;color:#495677;cursor:pointer}
.noticias .texto  h1 {font-size:18px;padding:0;}
.noticias .texto  h2 {font-size:16px;padding:0;}
.noticias .texto  h3 {font-size:14px;padding:0;margin:0px;cursor:auto;padding:0;}
.noticias .texto  h4 {font-size:12px;padding:0;}
.noticias .texto  h5 {font-size:10px;padding:0;}
.noticias .texto  h6 {font-size:8px;padding:0;}

.noticias .texto  blockquote {width: 574px; float: left;margin: 5px;padding: 10px;background: #f0f0f0;quotes: "\201C" "\201D";}
.noticias .texto  blockquote:before { content: open-quote; font-weight: bold; font-size:30px;}
.noticias .texto  blockquote:after { content: close-quote; font-weight: bold; font-size:30px;}

.noticias .texto ul li{
	font-size:14px;
	color:#7d7d7d;
	margin-left:15px;
}

.noticias .mas{
	width:604px;
	padding:0 10px 0 10px;
	float:right;
	text-align:center;
	line-height:22px;
	font-size:16px;
	font-style:italic;
	background: #495677;
	color:#FFF;
	width:50px
}
.noticias .mas a{color: #FFF;text-decoration:none;}
/*---------------------------------------*/
/* columna derecha */
#columna{
  float:left;
  width: 25%;
  margin-left:3px;	
}
#icoteca{
	width:20%;
	min-height: 700px;
	float:left;

}

#formularios{
	width:80%;
	min-height: 70%;
	float:left;
	color: #787878;	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background: #fff;

}
#menuCabecera{
	color: #777;
	padding: 0 44px;
	background: #F7F7F7;
	font-size: 20px;
	padding: 17.5px 30px;
}
#icoteca ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	margin: 5px;

}
#icoteca ul li{
	list-style: none;
	text-align: left;
	text-transform: uppercase;
	font-size: 15px;
	background: #f0f0f0;
	border-bottom: 1px solid #ddd;
	padding: 11px;

}

#icoteca ul li:hover{
	color:#485778;
}
#icoteca ul li.active{
	color:#485778;
	background: #fff;
}
#icoteca ul li a{
	font-size: 12px;
	color: #797979!important;
	text-transform: uppercase;
}
fieldset{
	border-radius: 4px;
}
.mensajeAlerta{
	bottom: 0;
	left:0;
	position: fixed;
	z-index: 99999;
	width: 90%;
	padding: 10px 5% 30px 5%;
	color:#fff;
}
.mensajeAlerta figure{
	float:left;
	font-size: 100px;
	margin: 10px;
}
.mensajeAlerta a{
	color:#fff;
	font-style: italic;
	border-bottom: 1px dashed #fff;
}
.mensajeAlerta .cerrar{
	position: absolute;
	right: 5%;
	top:10px;
	font-size: 20px;
	cursor: pointer;
}
#useChrome{
	display: none;
}
.mensajeAlerta.full{
	width: 90%;
	height: 90%;
	padding: 5%;
}
#panelDesarrollo{
	/*bottom:-165px;*/
	background: #F8F8F8;
	padding: 3px 5%;
	color: #E0E0E0;
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#panelDesarrollo:hover{
	bottom:0
}
#desarrollo{
	padding-bottom: 300px;
}
#desarrollo .frmadaptativo .colMargin:hover{
	background: #FFFBDF;
	border-radius:4px;
}

.frmadaptativo{
	width: 100%;
	float:left;
	margin: 0;
}
.frmadaptativo label{
	float:right;
	padding-right: 5px;
	line-height: 30px;
}

.frmadaptativo div{
	float:left;
	min-height: 32px;
}
.frmadaptativo .colActive{
	background: #FFFBDF;
	border-radius:4px;
}
.frmadaptativo .col100{
	width: 100%;
}
.frmadaptativo .col50{
	width: 50%;
}
.frmadaptativo .col50.validate{
	text-align: left;
	line-height: 30px;
}
.frmadaptativo .col50i{
	width: 50%;
}
.frmadaptativo .col33{
	width: 33.3333333333333%;
}
.frmadaptativo .col66{
	width: 66.6666666666666%;
}
.frmadaptativo .col18{
	width: 16.7%;
}
.frmadaptativo .col82{
	width: 81.2%;
}
.frmadaptativo .col25{
	width: 25%;
}
.frmadaptativo .col20{
	width: 20%;
}
.frmadaptativo .colMargin{
	padding-top: 4px;
	padding-bottom: 4px;
}

.frmadaptativo .colBorder{
	border-bottom: 1px solid #ccc;
}
.frmadaptativo input[type="text"],.frmadaptativo  .frmadaptativo input[type="hidden"],.frmadaptativo input[type="password"],.frmadaptativo select,.frmadaptativo textarea{
	border:1px solid #CCC;
	padding:6px 1%;
	height:18px;
	line-height: 18px;
	width:96%;
	margin: 0;
}
.frmadaptativo select{
	width: 98.8%;
	padding:5px 1%;
	height: 32px;
}
.frmadaptativo textarea{
	width:100%;
	height: 100px;
}
.frmadaptativo .col50 .col66 textarea{
	width: 96%;
}
.frmadaptativo input[type="text"]:disabled,.frmadaptativo input[type="hidden"]:disabled,.frmadaptativo input[type="password"]:disabled{
	border:1px solid #CCC;
}
.frmadaptativo input[type="text"]:focus,.frmadaptativo input[type="hidden"]:focus,.frmadaptativo input[type="password"]:focus,.frmadaptativo textarea:focus,.frmadaptativo select:focus{
	background: #FFFBDF
}

.frmadaptativo .col50 table{
	width:99%;
}
.frmadaptativo .col100 table{
	width:100%;
}
.frmadaptativo fieldset{
	border: 0;
	border-top: 1px solid #c0c0c0;
	margin-bottom: 13px;
	border-radius: 0;
}
.frmadaptativo legend{
	padding: 0 5px;
}
 .requerido{
	border-bottom:1px solid #000000!important;
}
.subheadermini{
	height:57px;
	width:98%;
	padding: 0 1% 0 1%;
	line-height: 57px;
	float:left;
	margin-bottom: 10px;
	border-bottom: 1px solid #F0F0F0;


}

.subheadermini strong{
	font-weight: normal;
	text-transform: uppercase;
	margin-left: 10px;
}
.subheader_containermini{
	margin:0 5px 0 5px;
	width:100%;
}
.subheader_containermini button{
	float: right;
	margin: 9px;
	min-width: 100px;
	font-size: 14px;
	text-transform: uppercase;
	border: 0;
}
.subheader_containermini label{
	float:left;
	line-height: 50px;
}
nav{
	display: none;
}
.menu_bar{
	display: none;
}

.galeria{


	height: 100px;
    margin-top: 71%;
    text-align: center;
    background: #415579;
     text-align: center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}



.panelModular{
	height:100px;
	width:100%;
	font-size: 20px;
	line-height: 100px;
	float:left;
	margin-bottom: 10px;
	background: #F5F5F5

}
.panelModular .buscador{
	height:100px;
	width:50%;
	border-right:2px solid #ebebeb;
	float:left;
	background: #ebebeb;
}
.panelModular .buscador{
	height:100px;
	width:50%;
	border-right:2px solid #ebebeb;
	float:left;
	background: #ebebeb;
}
.panelModular .buscador input[type="text"]{
	width: 87%;
	padding: 10px 2% 10px 2%;
	margin: 0 4%;
	border: 2px solid #DFDFDF;
}
.panelModular .buscador input[type="text"]:hover{
	background: #FFFBED;
}
.panelModular .boton{
	height:100px;
	width:24%;
	border-right:2px solid #ebebeb;
	float: left;
}
.panelModular .boton2{
	height:100px;
	width:24%;
	float: left;
}
.panelModular .boton:hover, .panelModular .boton2:hover{
	background:#F8F8F8;
}

.panelModular .boton button, .panelModular .boton2 button{
	margin: 10px 10%;
	font-size: 23px;
	padding: 14px;
	height: auto;
	width: 80%;
}

#pagination-digg{margin:0;padding: 0}
#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left;  text-decoration: inherit;}
/* savers #pagination-clean li,*/
#pagination-digg a           { border-right:solid 1px #DEDEDE; margin-right:2px; text-decoration: inherit;}
#pagination-digg .previous-off,
#pagination-digg .next-off   { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-digg .next a,
#pagination-digg previous a  { border:none; font-weight:bold; }
#pagination-digg .active     { color:#000000; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
#pagination-digg a:link,
#pagination-digg a:visited   { color:#0e509e; display:block; float:left; padding:3px 6px;  }
#pagination-digg a:hover     { text-decoration:none; }


.panelModular2{
	min-height:100px;
	width:100%;
	font-size: 15px;
	line-height: 30px ;
	float:left;
	border-bottom:2px solid #ebebeb;
	margin-bottom: 10px;

}
.panelModular2 .buscador{
	min-height:100px;
	width:80%;
	border-right:2px solid #ebebeb;
	float:left;
	background: #ebebeb;
}


.panelModular2 .buscador input[type="text"]{
	width: 91%;
	padding: 10px 2% 10px 2%;
	margin: 14px 2% 0px 2%;
	border: 2px solid #DFDFDF;
}
.panelModular2 .buscador input[type="text"].filtro{
	width: 70%;
}
.panelModular2 .buscador select{
	width: 19%;
	padding: 10px 2% 10px 1%;
	margin: 14px 2% 0px 0%;
	border: 2px solid #DFDFDF;
}
.panelModular2 .buscador input[type="text"]:hover{
	background: #FFFBED;
}
.panelModular2 .filtro, .panelModular2 .filtro2{
	width: 91%;
	padding: 5px 2% 5px 2%;
	margin: 0 2%;
}
.panelModular2 .filtro2{
	border-bottom: 2px solid #E4E4E4;
}
.panelModular2 .filtro label, .panelModular2 .filtro2 label{
	cursor: pointer;
	margin-right: 10px;
}
.panelModular2 .boton{
	width:18%;
	float: left;
}
.panelModular2 .boton button, .panelModular2 .boton2 button{
	margin: 10px 0;
	font-size: 14px;
	padding: 14px;
	width: 85%;
	height: auto;
	float: right
}
.panelModular2 .buscador.col2 .filtro{
	margin-top:4px;
	width:41%;
	float:left;
}
.panelModular2 .buscador.col2 input[type="text"]{
	width: 42%;
	padding: 10px 2% 10px 2%;
	margin: 0 0 10px 2%;
	border: 2px solid #DFDFDF;
}
.panelModular2 .buscador.col2 select{
	width: 46.8%;
	padding: 10px 2% 10px 2%;
	margin: 0 0 10px 2%;
	border: 2px solid #DFDFDF;
}
 .panelModular2 .buscador.col3 .filtro{
	margin-top:4px;
	width:25%;
	float:left;
}
.panelModular2 .buscador.col3 select{
	width: 30.8%;
	padding: 10px 2% 10px 2%;
	margin: 0 0 10px 2%;
	border: 2px solid #DFDFDF;
}
.error{
	color:#e36f6f!important;
}
.ok{
	color:#4AC968!important;
}
.info{
	color:#6FABE3!important;    
}
.noinfo{
	color:#E4E4E4!important;
}
.mensajeBusquedas{
	text-align: center;
	color: #6FABE3;
	font-size: 21px;
}
#ficha{
	float:left;
	width: 100%;
}

#ficha #opciones{
	float:left;
	width: 20%;
	background: #ebebeb;
	padding: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#ficha #opciones h6{
	margin: 5px 5% 0 5%;
}
#ficha #opciones button{
	width: 90%;
	margin: 3px 5%;
}
#ficha #perfil{
	float:left;
	width: 76%;
	margin-left:2%;
}

#ficha #perfil #foto{
	width: 92px;
	height:92px;
	margin: 0 10px;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.1);
	overflow: hidden;
	float: right;
	margin-bottom: -50px
}
#ficha #perfil #foto span{
	display: block;
	font-size: 40px;
	background: #ECECEC;
	height: 92px;
	width: 92px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	line-height: 95px;
	color: #D8D8D8;
}

#ficha #perfil #foto img{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ffe;

}

#ficha #perfil h1{
	margin: 10px 0;
	font-size: 24px;
	font-weight: normal;
	color: #505050;
	display: inline-block;
}
.tabla_perfil{
	color: #89919c;
	font-size: 13px;
	line-height: 15px;
	float: left;
}
.tabla_perfil td{
	color: #505050;
	padding: 5px;
}
.tabla_perfil td a{
	color: #505050;
	border-bottom: 1px dotted #348756;
}
.masinfo{
	border-bottom: 1px dotted #348756;
	cursor: help;
}
.tabla_perfil th{
	font-weight: normal;
	text-align: left;	
	padding: 2px 5px;
}
.estudianteSeccion{
	float:left;
	border-bottom: 2px solid #ebebeb;
	width: 100%;
	margin-bottom: 5px;
}
.de, .facu-4{
	color:#c6211e!important;
}
.in, .facu-2{
	color:#007cc3!important;
}
.ce, .facu-1{
	color:#5dab33!important;
}
.ps, .facu-3{
	color:#974578!important;
}
.hu, .facu-5{
	color:#f8c300!important;
}
.ext{
	color:#ff8000!important;
}
.onPrint{display:none;}
/*-------------------------------------------*/
.botoneras{
	background: #ebebeb;
	padding:10px;
	border-radius: 5px;
	float:left;
	width:100%;
	margin:10px 0;
}
/*Datepicker colores Feriados*/
.ui-cursadaActual .ui-state-default{
	background: #485778!important;
	color: #fff!important;
}
/*Turno de Examen*/
.ui-calendario-3 .ui-state-default{
	/*background: #008FFF!important;*/
	background: #003DFF!important;
	opacity: 1!important;
	color: #fff!important;
}
/*Feriados*/
.ui-calendario-4 .ui-state-default{
	/*background: #FF8484!important;*/
	background: #FF0000!important;
	opacity: 1!important;
	color: #fff!important;
}
/*Asueto Local*/
.ui-calendario-8 .ui-state-default{
	/*background: #858585!important;*/
	background: #000000!important;
	opacity: 1!important;
	color: #fff!important;
}
.borderline-bottom{
	border-bottom:2px solid #ebebeb;
}
.estadisticas .alumnosTipo{
	width: 31.33%;
	float:left;
	background: #ebebeb;
	margin: 1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:200px;
}

.alumnosTipo span {
	margin: 12px;
	font-size: 80px;
	line-height: 78px;
	float: left;
}
.alumnosTipo h2 {
	float: left;
	font-weight: normal;
	color: #ccc;
	margin: 10px 30px 0 10px;
}
.alumnosTipo .cantidadTotal {
	float: left;
	font-weight: normal;
	color: #ccc;
	margin: 0 100px 10px 10px;
	font-size: 46px;
	line-height: 35px;
}

.alumnosTipo table {
	width: 100%;
	background: #fff

}
.alumnosTipo table td {
	text-align: center;
	color: #ccc;
}
.alumnosTipo table .border-all {
	border: 1px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	border-top: 2px solid #ebebeb;
}
.alumnosTipo table .border-lat {
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}
.alumnosTipo table .border-sup {
	border-top: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
}
.alumnosTipo table th {
	font-weight: normal;
}

.fmsg{ width:200px; height:200px; display:none; position:fixed; z-index:99999; top:50%;left:50%; margin-top: -100px; margin-left: -100px} 
.fmsg-msg{ width:400px; height:300px; position:fixed; top:50%; left:50%; margin-top:100px; margin-left:-200px; font-size:40px; text-align:center; } 
.fmsg.ok{background: url(../img/ok.png) center center no-repeat;} 
.fmsg.error{background: url(../img/error.png) center center no-repeat;} 
.fmsg.info{background: url(../img/info.png) center center no-repeat;} 

.institucion {
	width: 100%;
}
.institucion h3{
	margin: 0; 
	margin-left: 5px;
}
.institucion p{
	margin: 0; 
	color: #A8A8A8; 
	font-size: 14px;
	margin-left: 5px;
}
.institucion .tabla_contenido{
	border-bottom: 5px solid #E9E9E9;
	width: 100%!important;
}
.institucion .eliminar{
    color: #f26c43;
    font-size: 18px;
}

#sistemas2 li ul, #sistemas2 li ul li{
	background: #fff;
}
#sistemas2 li{
	background: #fff;
	padding:0!important;
}
#sistemas2 .first{
	padding: 11px;
}
#sistemas2 .submenu{
	margin: 0;
}
#sistemas2 .submenu li{
	padding: 2px 11px!important
}
#loginBody{

}
#login{
    margin-top: 5%;
    width: 500px;
    margin-left: 32%;
    margin-right: 31%;
    position: absolute;
    height: 350px;
    background: #fff;
    padding: 0;
}
#login #login_sombra{
	width: 250px;
	float: left;
	height: 350px;
	background: #415579;
}
#login #login_container{
	width: 220px;
	float: left;
	height: 320px;
	padding: 15px;
}
#login input[type="text"],#login input[type="password"]{
	height: 30px;
	line-height: 30px;
	padding: 5px;
	margin:5px;
	border: 1px solid #ccc;
	width: 198px;
}
#login input[type="button"]{
	width: 210px;
	font-weight: normal;
	margin-top: 24px;
}
#login label{
	margin:5px;
}
#login form{
	margin-top: 40px;
}
#login #logo{
	margin:25px;
}
#loginBody .menulogin{
	float: none;
	display: block;
	padding: 5px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
}
.tooltip{
	width: 200px;
	font-weight: normal;
	background: #FFE5E5;
	display: block;
	padding: 10px;
	display: none;
}
#img_atras{
  position: absolute;
    top: 110%;
    left: 6%;
    width: 6%;
    opacity: 0.8;
    transform: rotate(-180deg);
	
}
#img_atras:hover{
    opacity: 0.5;
}
#img_sig{
  position: absolute;
    top: 110%;
    left: 87%;
    width: 6%;
    opacity: 0.8;

	

}
#img_sig:hover{
    opacity: 0.5;
}
.cambia:hover{
	opacity: 0.5;
}
.footer{
	text-align: center;
    width: 500px;
    position: absolute;
    margin-top: 2%;
    /* margin-left: 32%; */
    /* margin-right: 31%; */
    padding: 0;
}
@media (max-width: 800px) {

	#login{
	    margin-left: 20%;
	}
	#icoteca{
		display: none;

	}
	#formularios{
		width:99%;
	}
	
	.frmadaptativo .col50{
		width: 100%;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	.frmadaptativo .col50 table{
		width:100%;
	}
	.noresponsive{
		display: none;
	}
	.frmadaptativo .col18{
		width: 33.3333333333333%;
	}
	.frmadaptativo .col82{
		width: 66.6666666666666%;
	}
	.frmadaptativo textarea{
		width:98%;
		height: 100px;
	}
}
@media (max-width: 576px) {
	html, body {
	    font-family: 'Titillium Web', sans-serif;
		overflow-x: visible;
	    font-size: 16px;
	    line-height: 1.5em;
	    color: #666;
	    position: relative;
	    height: 500px;
	    font-weight: 300;
	    background: #dfdfdf url(../img/fondo.png) no-repeat fixed;
	}
	
	header{
		display: block;
	
	}
	header nav{
		display: block;
		width: 80%;
		left: -100%;
		height: 100%;
		margin:0;
		position: fixed;
		z-index: 3;
	}
	header nav ul li{
		display: block;
		float: none;
		border-bottom: 1px solid rgba(255,255,255,.3);
	}


	
	#gale{
	    background: #415579;
	    position: absolute;
	    width: 100%;
	    /* border-radius: 4px; */
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	    top: 100%;
	    display: block;
	    height: 40%;
	}
	.footer{
	    text-align: center;
	    width: 95%;
	    position: absolute;
	    margin-top: 500px;
	    margin-left: 3%;
	    padding: 0
	}
	.menu_bar{
		display: block;
		width: 100%;
		background: #ccc;
	}
	.menu_bar .btn-menu{
		display: block;
		padding: 20px;
		background: #415579;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}

	.menu_bar span{
		float: right;
		font-size: 40px;
	}
	#loginBody .menulogin {
	    float: none;
	    display: block;
	    padding: 0px;
	    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	    color: #fff;
	}
	

    #login {
         width: 80%;
	    position: relative;
		top: 10%;
	    left: 0;
	    height: 350px;
	    margin-top: 0;
	    margin-left: 10%;
	    background: #fff;
	    padding: 0;
	}
 	#login #login_container {
	     width: 80%;
	    float: left;
	    height: 320px;
	    margin: 3%;
	    padding: 7%;
	}
	#login input[type="text"], #login input[type="password"] {
	    height: 30px;
	    line-height: 30px;
	    padding: 5px;
	    margin: 5px;
	    border: 1px solid #ccc;
	    width: 90%;
	    text-align: center;
	}

	#login input[type="button"] {
	    width: 210px;
	    /* text-align: center; */
	    font-weight: normal;
	    margin-top: 24px;
	    width: 95%;
	}

  #login_sombra{
    display: none;
  }
  .form_line{
  	text-align: center;
  }
  .galeria{
  	display: block;
    margin-top: 5%;

  }
  #img_atras {

    position: absolute;
    top: 40%;
    left: 5%;
    width: 7%;
    opacity: 0.8;
    transform: rotate(-180deg);
	}
  #img_sig { 
    position: absolute;
    top: 40%;
    left: 87%;
    width: 7%;
    opacity: 0.8;
  }
}
	
@media (max-width: 360px) {
	html, body {
	    font-family: 'Titillium Web', sans-serif;
		overflow-x: visible;
	    font-size: 16px;
	    line-height: 1.5em;
	    color: #666;
	    position: relative;
	    height: 500px;
	    font-weight: 300;
	    background: #dfdfdf url(../img/fondo.png) no-repeat fixed;
	}

	
	header{
		display: block;
	
	}
	header nav{
		display: block;
		width: 80%;
		left: -100%;
		height: 100%;
		margin:0;
		position: fixed;
		z-index: 3;
	}
	header nav ul li{
		display: block;
		float: none;
		border-bottom: 1px solid rgba(255,255,255,.3);
	}

	#img_sig :hover { 
   	 width: 11%;
	}
	#gale{
	    background: #415579;
	    position: absolute;
	    width: 100%;
	    /* border-radius: 4px; */
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	    top: 100%;
	    display: block;
	    height: 30%;
	}
	.menu_bar{
		display: block;
		width: 100%;
		background: #ccc;
	}
	.menu_bar .btn-menu{
		display: block;
		padding: 20px;
		background: #415579;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}

	.menu_bar span{
		float: right;
		font-size: 40px;
	}
	#loginBody .menulogin {
	    float: none;
	    display: block;
	    padding: 0px;
	    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	    color: #fff;
	}
	

    #login {
         width: 80%;
	    position: relative;
		top: 10%;
	    left: 0;
	    height: 350px;
	    margin-top: 0;
	    margin-left: 10%;
	    background: #fff;
	    padding: 0;
	}
 	#login #login_container {
	     width: 80%;
	    float: left;
	    height: 320px;
	    margin: 3%;
	    padding: 7%;
	}
	#login input[type="text"], #login input[type="password"] {
	    height: 30px;
	    line-height: 30px;
	    padding: 5px;
	    margin: 5px;
	    border: 1px solid #ccc;
	    width: 90%;
	    text-align: center;
	}

	#login input[type="button"] {
	    width: 210px;
	    /* text-align: center; */
	    font-weight: normal;
	    margin-top: 24px;
	    width: 95%;
	}

  #login_sombra{
    display: none;
  }
  .form_line{
  	text-align: center;
  }
   .galeria{
     display: block;
    /* margin-top: 11%; */
    margin-top: 5%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  #img_sig{
  	position: absolute;
  	top: 43%;  
	left: 87%; 
	width: 10%; 
	opacity: 0.8;
	transform: rotate(0deg);
   
	}	
	#img_atras{
		position: absolute;
	    top: 43%;
	    left: 4%;
	    width: 10%;
	    opacity: 0.8;
	    transform: rotate(-180deg);
	}
	.footer {
	     text-align: center;
	    width: 95%;
	    position: absolute;
	    margin-top: 468px;
	    margin-left: 3%;
	    padding: 0;
	}
}