.cabecera_usuario_miga
{
    width: 95%;
    margin: 0px 0;
    padding: 20px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}
    
/*BOOSTRAP*/
body{font-family: 'Montserrat', sans-serif;background: #def0e1;}
body.login{background: #fff;}
.clear{clear:both!important;}
a:hover{text-decoration:none;}
.navbar-right{margin:-1px 0 0 0;}
.navbar-collapse{padding:0;}
.nav-pills>li{float:right;}
.cont-header{width:100%;margin:auto;}
.cont-inicio{padding: 20px;background-color: #fff;border-radius:4px;-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);}
.btn-primary{background:#00640b;border:none;}
.btn-primary:hover{background: #00640b;color: white;}
.cont-noticias{float:right; width:95%;}
.divider{clear: both;display: block;height: 1px;background: #ddd; margin:10px 0;}

/*LOGIN*/
.form-signin {max-width: 330px;padding: 15px;margin: 0 auto;}
.form-signin .form-control{margin:2px 0;height:38px;}
.login-logo{text-align:center;}
.login-logo img{display:block; text-align:center; margin:auto;}
.login-logo h1{color:#2398d9;margin:0;font-size:28px;}
/*HEADER*/
.top-header{background:#fff;margin-bottom: 35px;-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);}
.top-header h1{color:#fff; font-size:24px; float:left;}
.navbar-brand{width:5,8%; padding:0; height:auto;margin-right:15px;}
.navbar-brand img{}

.top-menu li.admin-button a{background:#6bc04b;}
.top-menu li a{transition: background-color 0.2s ease;color:#fff; font-size:14px; text-transform:uppercase; padding-top:8px; padding-bottom:5px;}
.top-menu li a:hover{transition: background-color 0.2s ease;background:#5EBF6E;}
.top-menu img{display:block; margin:0 auto;}
.top-menu li.active{transition: background-color 0.2s ease;background:#5EBF6E;}
.top-menu li.no_active{transition: background-color 0.2s ease;background:#DEF0E1;}
.navbar-collapse.collapse.in{background: #DEF0E1;height: 422px;}

/*SIDEBAR/LOGIN*/
.col-lg-3{clear:left; padding:0;}
.col-lg-3 .btn-group, .col-lg-3 .btn-group button{width:100%;}
.col-lg-3 .btn-group button{text-align:left;}
.col-lg-3 .btn-group .btn-default{}
.col-lg-3 .btn-group .dropdown-toggle.btn-default{background-color:#fff;border-radius: 5px;color: #555;border:none;-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);}
.col-lg-3 .btn-group button span{white-space:normal;background-position:right; margin-left:10px; font-size:15px;}

.col-lg-3 .btn-group .dropdown-menu{width:100%;border:0; border-radius:0;}
.dropdown-menu li.perfil, .dropdown-menu li.mensajes{padding:7px 15px}
.dropdown-menu li.salir{padding:0 15px;}
.dropdown-menu li.perfil a{padding:0 0 0 23px; background: url(../img/icon-user.png) no-repeat 0 50%;}
.dropdown-menu li.mensajes a{padding:0 0 0 23px; background: url(../img/icon-mensajes-user.png) no-repeat 0 50%;}
.dropdown-menu li.salir a{padding:0 0 0 23px; background: url(../img/icon-salir.png) no-repeat 0 50%;}
.dropdown-menu li a:hover{text-decoration:underline;}
.dropdown-menu li.salir a:hover{text-decoration:none; color:#f00;}

/*SIDEBAR/MENU*/
.col-lg-3{width:20%;}
.col-lg-3 .sidebar-nav{margin:25px 0; padding:0;}
.col-lg-3 .sidebar-nav li{list-style:none; margin:2px 0;padding:10px; background:#5ebf6e; transition: background-color 0.2s ease;border-radius: 5px;}
.col-lg-3 .sidebar-nav li:hover{background:#008a4d; transition: background-color 0.2s ease;}
.col-lg-3 .sidebar-nav li a{color:#fff; text-transform:uppercase; font-size:16px; display:inline-block;font-weight: 500;}
.col-lg-3 .sidebar-nav li a i{color: #fff;}
.col-lg-3 .sidebar-nav li a:hover{text-decoration:none; color:#fff;background:#008a4d;}
.col-lg-3 .sidebar-nav li.active{background:#008a4d; transition: background-color 0.2s ease;}
.col-lg-3 .sidebar-nav li a.active{text-decoration:none; color:#fff;}



/*SIDEBAR HISTORICO*/
.cont-historico{background-color: #0d8a0d;color: #fff; border-radius: 4px;width: 100%;padding: 15px;}



/*BREADCRUMB*/
.contenido{width:80%; float:left;}
.breadcrumb{background-color:#fff; margin:0; width:100%; padding:16px 15px;-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);}
.breadcrumb li, .breadcrumb li a{color:#555;}
.breadcrumb li.active{color:#555;}

/*NAVEGACION*/
.navegacion{margin:25px 0; width:85%;}
.navegacion li a{color:#494949; float:right;font-size:18px; transition: background-color 0.2s ease;}
.navegacion li a:hover{transition: background-color 0.2s ease;}

.add-user-block{width:45%;}
.add-news{width:95%;}
.add-news .panel-title{font-size:20px;}
.add-news .panel-title img{margin-right:5px;}
.add-news .panel-title a{color:#506270;}

a.sin-tutor{float:left;color:#51626f; font-size:18px; margin-right:15px; display:inline-block; padding:5px 0 5px 55px; background: url(../img/icon-sin-tutor.png) no-repeat 0 50%;}
.add-user{float:right;display:inline-block;border:none; color:#fff; padding-left:25px;text-transform:uppercase; text-shadow: #000 0.1em 0.1em 0; background: #f4c13e url(../img/bg-btn.gif) repeat-x 0 bottom;}
.add-user:hover{background: #f4c13e; color:#fff;}
.btn-enviar{margin-top:45px;}

/*BUSQUEDA*/
.form-generico{width:100%; margin:30px 0; padding: 20px;background-color: #fff;border-radius:4px;-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.23);}
.form-generico h3, .cont-inicio h3{display: block; font-size:26px; color:#555; text-transform:uppercase;font-weight: bold;margin-top: 10px;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.form-generico form{margin:20px 0;}
.form-generico form label{display:block; padding:0;}

/*TABLA*/
.contenido .table{width:100%; text-align:left;}
.contenido .table thead{background:#008a4d; }
.contenido .table thead th{border-right:1px solid #fff; text-align:center;}
.contenido .table th{color:#fff; font-size:14px; font-weight:normal; text-transform:uppercase;}
.contenido .table td{ font-size:14px; vertical-align:middle;}
.contenido .table button.btn-default{border-color:#fff; padding:5px;}
.table-striped tbody tr{background-color: #fff;}

/*//////////////////////////PAGINADOR//////////////////////////////////////////////*/

#paginador{ margin:0px 0 0 0px; clear:both; background:none !important; list-style-image:none !important; display:block; text-align:right;  }
#paginador ul{ float:right; width:auto; margin:10px 0 0 0;}
#paginador li{ display:inline; display:inline-block; text-align:left; float:left; }

#paginador li .pagina{ color:#000000; font:normal 11px Arial; vertical-align:middle;text-align:center;float:left; background:#d6d3d0; width:25px; height:22px; display:block; border:1px solid #ebebeb; padding:5px 0 0 0; }

#paginador li a:hover{ background:#eeeae6;}

#paginador .este{  font:normal 11px Arial; vertical-align:middle;text-align:center;float:left; width:25px; height:22px; display:block; border:1px solid #ebebeb; padding:5px 0 0 0;background:#eeeae6; color:#333}

#paginador li .siguiente{color:#337ab7; background:#fff; float: left;display:block; border:1px solid #ddd;margin: 0; padding:5px 10px;}
.submit_tabla{background:url(../images/bg_calendar.jpg) repeat-x;border-top:1px solid #e1e9f1; border-left:1px solid #e1e9f1;border-right:1px solid #96a9bf;border-bottom:1px solid #96a9bf;padding: 3px 5px 3px 5px; color: #0e1f2f;font:normal 12px Trebuchet Ms, Helvetica, sans-serif;  margin:10px 0 10px 10px; cursor:pointer; }

#paginador ul li a.active{background: #6bc04b;color:#fff;}


/*//////////////////////////AJAX//////////////////////////////////////////////*/	

#transparencia
{
	
	position:absolute;
	z-index:22;
	width:100%;
	height:100%;
	display:none;
	background:url(../images/bg_modulo.png);
	top:0;
	left:0;
	float:left;
}

#transparenciaMensaje
{
	position:absolute;
	z-index:11; 
	background: -moz-linear-gradient(top,  #ffffff,  #e2e2e2);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:20px;
	border:1px solid #cfcfcf;
	text-align:center;
	width:60%;
	height:auto;
	padding:20px;
	margin-top:-50px;

	top:5%;
	left:19%;
	right:19%;
}
#transparenciaImagen{
	position:absolute;

	z-index:11; 

	background:#e7e7e7 url(../images/bg_ventana.jpg) top center repeat-x;

	text-align:center;

	width:60%;

	height:auto;

	padding:20px;

	margin-top:-50px;

	top:5%;
	left:19%;
	right:19%;



}
#transparenciaIMagen img
{
	max-width:800px;
	max-height:570px;
}
#transparenciaMensaje p
{
	text-align:justify;
}
.cerrar{background:#e7e7e7 url(../images/cerrar.gif) top center repeat-x;clear:both; float:right; text-indent:-9999px; width:35px; height:35px;  }

#transparencia_msn
{

	

	position:absolute;

	z-index:22;

	width:100%;

	height:100%;

	display:none;

	background:url(../images/bg_modulo.png);

	top:0;

	left:0;

	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center

}
#transparenciaMensaje_msn

{

	position:absolute;

	z-index:11; 

	background:#efefef;
	background: -moz-linear-gradient(top,  #ffffff,  #e2e2e2);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:20px;
	border:1px solid #cfcfcf;

	text-align:center;

	width:50%;

	height:40%;

	padding:20px;

	margin-top:-50px;

	margin-left:-150px;

	top:35%;

	left:29%;

	right:29%;

}

#acceso_form h4{color: #00640b;}
#acceso_form .form-control{border:none;margin-bottom: 5px; background: #f3f3f3;}

.iconos-solo-moviles{display: none}


 /* Custom, iPhone Retina */ 
    @media only screen and (max-width: 768px) {
	.iconos-solo-moviles{display: inline-block;margin: 0 auto 20px auto}
	.iconos-solo-moviles li{display: inline-block;width: 49%;border: 1px solid #ffffff;}
        .top-menu li{text-align:center;border-bottom: 1px solid #d9ffcb;}
	.top-header{position:fixed;z-index:99999;width:100%;box-shadow:0 4px 9px rgba(0,0,0,.175);}
	.cont-general{}
	.col-lg-3 .sidebar-nav{margin:0;}
	.navbar-nav{width:100%;}
	.navbar-toggle{margin:8px -20px 0 0;padding:20px;background: url(../img/bg-button.png) no-repeat 0 50%;display: none;}
	.navbar-collapse{margin:62px 0 0 0;padding:0;box-shadow:0 4px 9px rgba(0,0,0,.175);}
	.navbar-collapse ul li{background:#6bc04b;margin:0 0 1px 0;width:100%;float:left;}
	.navegacion li a{float:none;}
	.nav-pills>li{float:none;}
	
	.container{padding:0 10px;}
	.col-lg-3{width:100%;}
	.top-header h1{display:none;}
	.top-header .navbar-brand{width: 100%;margin: 0;}
	.top-header .navbar-brand img{margin: auto;}
	.breadcrumb{display:none;}
	.col-lg-9.contenido{width:100%;}
	
	.navegacion{width:100%;float:none!important;}
	.navegacion li{display:block;background:#6bc04b;border-bottom:1px solid #fff;padding:0;}
	.navegacion li a{color:#fff;padding:15px;}

	.nav>li>a:hover, .nav>li>a:focus{background:#6bc04b;color:#fff;}
	
	.col-lg-3 .sidebar-nav li{width:48.5%;display:inline-block;text-align:center;margin:0 2px; }
	.col-lg-3 .sidebar-nav li a{font-size:18px;}
	.col-lg-3 .sidebar-nav li a.cursos{padding:35px 0;height:0; background: url(../img/icon-cursos-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.profesores{padding:35px 0;height:0; background: url(../img/icon-profesores-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.alumnos{padding:35px 0;height:0; background: url(../img/icon-alumnos-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.tutor{padding:35px 0;height:0; background: url(../img/icon-tutor-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.circulares{padding:35px 0;height:0; background: url(../img/icon-circulares-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.incidencias{padding:35px 0;height:0; background: url(../img/icon-incidencias-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.links{padding:35px 0;height:0; background: url(../img/icon-links-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.inicio{padding:35px 0;height:0; background: url(../img/icon-breadcrumb.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.calificaciones{padding:35px 0;height:0; background: url(../img/icon-calificaciones-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a.deberes{padding:35px 0;height:0; background: url(../img/icon-deberes-mobile.png) no-repeat center 0;}
	.col-lg-3 .sidebar-nav li a:hover{text-decoration:none; background-position:center 0;}

	.add-user-block{width:100%;text-align:center;float:none!important;}
	.add-user{width:100%; padding:15px; margin:0 0 15px 0;}
	a.sin-tutor{float:none;}
	
	.form-generico{float:none!important;width:100%;}
	.contenido .table{float:none;width:100%;}
	.padding0{padding:0!important;}
	.padding-top65{padding-top:65px;}
	.padding-top100{padding-top:100px;}
	.btn-enviar{margin-top:15px;}
	.btn-enviar button{float:none!important;}
	.add-news.pull-right{float:none!important;width:100%;}
	.enviar-mensaje.pull-right{float:none!important;}

	.col-lg-3 .btn-group .dropdown-toggle.btn-default{padding: 15px;margin-bottom: 25px;}
	.cont-botones a{margin-bottom: 10px;text-align: left!important;float: left!important;}
	.cont-table{overflow-x: auto;}
	.cont-table table{float: none!important;}
	.contenido{width: 100%;}
	#btelim{margin-right: 10px;}
	.btn-group .dropdown-menu{top: 50px;}
		
	}
	@media only screen and (min-width: 768px) {
	}
	/*iPhone 5 landscape · width: 568px*/
    @media only screen and (width : 568px) {

    }
	/*iPhone 6 Plump portrait · width: 414px*/
	@media only screen and (width : 414px) {

    }
	/*iPhone 6 portrait · width: 375px*/
	@media only screen and (width : 375px) {

    }
	/*iPhone 6 landscape · width: 667px*/
	@media only screen and (width : 667px) {

    }
	/*iPad portrait · width: 768px*/
	@media only screen and (width : 768px) {
		.navbar-toggle{margin:8px 10px 0 0;}
		.col-lg-3{}
    }
	/*iPad  width: 1024px*/
	@media only screen and (width : 1024px) {
		.col-lg-3{float:left;}
		.navegacion{width:95%;}
	
    }