/*Cabecera responsive*/

/* IE8 */
.ie8 .menu_superior{
	margin-left:1% !important;
	width:35% !important;
}

@media (max-width: 979px) {
.menu_superior{
	margin-left:1% !important;
	width:35% !important;
}

.cabecera .idiomas
{
	width:50%;
	text-align:right;
}

.cabecera .idiomas ul
{
	float:right;
}

}

@media (max-width: 921px) {
.menu_superior{
	width:20% !important;
}

.buscador{
	width:30% !important;
}

/*-- Eliminado 05/12 
.menu_superior ul li{
	display:block !important;
	float:none !important;
	width:auto !important;
	
}

.menu_superior ul li a{
	display:inline-block !important;
	float:none !important;
	width:auto !important;
	
}
*/

}

@media (max-width: 879px) {
	
/*-- Eliminado 05/12 
	.menu_superior{
	width:40% !important;
	float:right;
}

.buscador{
	width:53% !important;
	margin-left:15px !important;
	float:left !important;
}
*/
.cabecera .idiomas
{
	width:30%;
	text-align:left;
	float:left !important;
	margin-right:0 !important;
	margin-left:15px;
}
/*-- eliminado 05/12
.cabecera .idiomas ul
{
	float:left;
}
	*/
}

@media (max-width: 667px) {
	
.menu_superior{
	width:100% !important;
}

.menu_superior ul{
	margin-left:15px;	
}

.menu_superior ul li{
	display:inline !important;
	float:left !important;
	width:auto !important;
	
}

.menu_superior ul li a{
	display:block !important;
	float:none !important;
	width:auto !important;
	
}

.buscador{
	width:100% !important;
}

.cabecera .idiomas{
	width:100% !important;
}
	
}

/** **/
/**********************
.zonaSlide .pagination{
	display:block !important;
}
*/
@media (max-width: 930px) {
.zonaContenido .cuerpo .columna_listado{
	padding-right:0;
}
}

@media (max-width: 918px) {
	
/* ============================================= */
/* Cabecera */
/* ============================================= */	

.zonaCabecera{
	padding-right:40px;
}

/*------------------------[Logo]*/


.cabecera .logo img{
	margin-left:15px;
}

/*------------------------[Buscador]*/

.cabecera .buscador .sitio{
	float:left;
}
	
/* ============================================= */
/* Menu principal */
/* ============================================= */	

.zonaMenu{
	background-image:none;
	background-color:#FFFFFF;
}

.zonaMenu .contenedor map{
	background-image:none;
}

.menu{
	display:none;
	left:0;
	top:42px;
	background-color:#838383;
	clear:both;
	position:absolute;
	z-index:9999999;
}


.menu ul li,
.menu ul li:first-child,
.menu ul li.destacado,
.menu ul li.internacionalizacion{
	width:100%;
	padding:0;
	margin:0;
	background-image:none;
}



.menu ul li a{
	padding:15px 10px 15px 10px;
	margin:0;
	display:block;
}

.menu ul li a:hover{
	background-color:#303030;
	color:#FFFFFF;
}


.menu ul li ul{
	display:none;
}

.open_menu{
	width:41px;	
	overflow:hidden;
	background-image:url(/css/bitmaps/icon_menu_movil.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:42px;
	float:right;
	position:absolute;
	top:0;
	right:0;
}

.close_menu{
	background-image:url(/css/bitmaps/icon_menu_movil.jpg);
	background-position:-41px 0;
	/*position:relative;*/
}


/* ============================================= */
/* Pie */
/* ============================================= */	


.pie_superior{
	margin:0;
	padding:0;	
}

.pie_superior div{
	width:100%;
	float:left;
}

.pie_superior div dl{
	padding-left:40px;
	padding-right:40px;
}


	
}





@media (max-width: 900px) {	
	
/* ============================================= */
/* Cabecera */
/* ============================================= */	

/*------------------------[Logo]*/

.cabecera .logo{
	margin-bottom:15px;
}
	
/*------------------------[Buscador]*/	
.cabecera .buscador .personas,
.cabecera .buscador .sitio,
.cabecera .buscador .catalogo{
	float:left;
}

.cabecera .buscador .personas,
.cabecera .buscador .sitio,
.cabecera .buscador .catalogo{
	float:left;
	margin:0 15px 0 0;
}

}

@media (max-width: 878px) {
	#contenido{
		float:left;
		width:100%;
	}
	#barraLateral{
		width:100%;
		padding-top:2%;
	}
	
	#barraLateral .caja,
	#barraLateral .caja_boton{
		width: 18.833%;
		float:left;
		margin-right:2%;
	}
	
	.submenu{
		width: 50%;
		float:left;
		margin-right:2%;
	}
	
	.submenu li{
		/*width:40%;
		float:left;
		display:inline;*/
	}
}


@media (max-width: 860px) {
	.columna_anidada_1, .columna_anidada_2, .columna_anidada_3, .columna_anidada_4, .columna_anidada_5, .columna_anidada_6, .columna_anidada_7,.columna_1, .columna_2, .columna_3, .columna_4, .columna_5, .columna_6, .columna_7{
		width:40%;
	}
	
/* ============================================= */
/* Cabecera */
/* ============================================= */	

/*------------------------[Logo]

.cabecera .logo{
	width:50%;
}
*/
	
/*------------------------[Buscador]*/	
.cabecera .buscador .personas,
.cabecera .buscador .sitio,
.cabecera .buscador .catalogo{
	float:left;
}
	

/* ============================================= */
/* Contenido */
/* ============================================= */	

.zonaContenido{
	padding-left:10px;
	padding-right:10px;
}
.zonaContenido .cuerpo .listado_agenda{
    float:left;
}
/*------------------------[Noticias]

.zonaContenido .caja_noticias img{
	float:left;
}
.zonaContenido .caja_noticias p,
.zonaContenido .caja_noticias h3{
	width:90%;
	padding:10px 20px 10px 10px;
	float:none;
}

.zonaContenido .cuerpo .noticias_agenda{
	float:left;
}

.zonaContenido .cuerpo .columna_noticias{
	float:left;
}

.zonaContenido .cuerpo .columna_agenda{
	float:left;
}

.zonaContenido .cuerpo .columna_listado{
	float:left;
	width:23%;
	padding-right:0;
}

*/

/* ============================================= */
/* Pie */
/* ============================================= */	

.zonaPie{
	padding-left:0;
	padding-right:0px;
}

.pie .firma p
{
  padding-left: 15px;
 }




}

@media (max-width: 646px) {
	.zonaSlide .pagination{
		display:none !important;
	}
	.cabecera .buscador{
		float:none;
		margin-left:10px;
		width:100%;
		display:block;
	}
	
	.cabecera .buscador fieldset{
		width:100%;
		float:none;
	}
}

@media (max-width: 628px) {
	.columna_anidada_1, .columna_anidada_2, .columna_anidada_3, .columna_anidada_4, .columna_anidada_5, .columna_anidada_6, .columna_anidada_7, .columna_anidada_8, .columna_anidada_9, .columna_anidada_10, .columna_anidada_11, .columna_anidada_12, .columna_anidada_13, .columna_anidada_14, .columna_anidada_15, .columna_anidada_16, .columna_anidada_17, .columna_anidada_18, .columna_anidada_19, .columna_anidada_20, .columna_anidada_21, .columna_anidada_22, .columna_anidada_23, .columna_anidada_24,.columna_1, .columna_2, .columna_3, .columna_4, .columna_5, .columna_6, .columna_7, .columna_8, .columna_9, .columna_10, .columna_11, .columna_12, .columna_13, .columna_14, .columna_15, .columna_16, .columna_17, .columna_18, .columna_19, .columna_20, .columna_21, .columna_22, .columna_23, .columna_24{
		width:100%;
	}
/*-- Eliminado 05/12	
	.bloque_slide .foto{
		display:none;
	}
*/	
	.zonaContenido .cuerpo .columna_listado{
		width:100%;
	}
	
/* ============================================= */
/* Cabecera */
/* ============================================= */	

/*------------------------[Logo]

.cabecera .logo{
	width:90%;
}
*/

.cabecera .menu_superior,
.cabecera .idiomas,
.cabecera .buscador{
	margin-left:15px;
}

.cabecera .buscador{
	float:none;
	margin-left:10px;
}

.cabecera .buscador .inputQuery{
	margin-left:10px;
}



/* ============================================= */
/* Barra Lateral */
/* ============================================= */	
#barraLateral .caja,
#barraLateral .caja_boton,
.submenu{
		width: 100%;
		float:none;
		margin-right:0;
	}
	
	

}

@media (max-width: 480px) {
	.submenu li{
		width:100%;
		float:none;
		display:block;
	}
}


@media (max-width: 380px) {
	
		
	.columna_anidada_1, .columna_anidada_2, .columna_anidada_3, .columna_anidada_4, .columna_anidada_5, .columna_anidada_6, .columna_anidada_7, .columna_anidada_8, .columna_anidada_9, .columna_anidada_10, .columna_anidada_11, .columna_anidada_12, .columna_anidada_13, .columna_anidada_14, .columna_anidada_15, .columna_anidada_16, .columna_anidada_17, .columna_anidada_18, .columna_anidada_19, .columna_anidada_20, .columna_anidada_21, .columna_anidada_22, .columna_anidada_23, .columna_anidada_24,.columna_1, .columna_2, .columna_3, .columna_4, .columna_5, .columna_6, .columna_7, .columna_8, .columna_9, .columna_10, .columna_11, .columna_12, .columna_13, .columna_14, .columna_15, .columna_16, .columna_17, .columna_18, .columna_19, .columna_20, .columna_21, .columna_22, .columna_23, .columna_24{
		width:100%;
	}
	
	
/* ============================================= */
/* Cabecera */
/* ============================================= */	

.zonaCabecera{
	margin-bottom:17px;
	margin-left:10px;
}

/*------------------------[Logo]

.cabecera .logo{
	width:90%;
	margin-bottom:17px;
}
*/

/*------------------------[Idiomas]*/

.cabecera .idiomas{
	width:40%;
}

/*------------------------[Buscador]*/

.cabecera .buscador .personas,
.cabecera .buscador .sitio,
.cabecera .buscador .catalogo{
	display:none;
	float:none;
}

.cabecera .buscador .personas label,
.cabecera .buscador .sitio label,
.cabecera .buscador .catalogo label{
	font-size:1.2em;
}


}

/*Tabla responsive*/

/**
Copyright (c) 2012 Marco Pegoraro, http://movableapp.com/

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


WHERE TO FIND MEDIA TABLE:
https://github.com/thepeg/MediaTable
http://consulenza-web.com/jquery/MediaTable/
http://www.consulenza-web.com/2012/01/mediatable-jquery-plugin/

**/







/* -----[[     S T R U C T U R E     ]]------------ */


/**
 * Structural Style
 */
.mediaTable {
	width:100%;
	border-collapse:collapse;
}

.mediaTableWrapper {
	position: relative;
}

.mediaTableWrapperWithMenu {
	padding-top:3em;
}


.mediaTableMenuClosed ul {
	display:none;
}



/**
 * Active Media Table Rules
 * theese rules are applied to a table activated by the jQuery plugin.
 */

.activeMediaTable th, .activeMediaTable td {
	display: none;
}

.activeMediaTable th.essential, .activeMediaTable td.essential {
	display: table-cell;
	_display:block; /* IE6 Hack */
}

/* IE7 Hack */
*+html .activeMediaTable th.essential, *+html .activeMediaTable td.essential { display:block }








/* -----[[     B R E A C K      P O I N T S     ]]------------ */

@media screen and (min-width: 768px) {
	
	.activeMediaTable th.optional, .activeMediaTable td.optional {
		display: table-cell;
		_display:block; /* IE6 Hack */
	}
	
	/* IE7 Hack */
	*+html .activeMediaTable th.optional, *+html .activeMediaTable td.optional { display:block }
	
}

@media screen and (min-width: 1024px) {
	
	.activeMediaTable th, .activeMediaTable td {
		display: table-cell;
		_display:block; /* IE6 Hack */
	}
	
	/* IE7 Hack */
	*+html .activeMediaTable th, *+html .activeMediaTable td { display:block }
	
}








/* -----[[     T H E M I N G     ]]------------ */

/**
 * Table Style
 */
table.mediaTable thead th {
	white-space: nowrap;
	border-bottom: 1px solid #ccc;
	color: #888;
}

table.mediaTable th, table.mediaTable td {
	padding: .5em .5em;
	text-align: right;
}

table.mediaTable th:first-child, table.mediaTable td:first-child {
	text-align: left;
}

table.mediaTable tbody th, table.mediaTable td {
	border-bottom: 1px solid #e6e6e6;
}


/**
 * Menu Style
 */

.mediaTableMenu {
	position:absolute;
	top:0;
	right:0;
	
	background: #fff;
	border:1px solid #aaa;
	border-radius:5px;
	overflow:hidden;
	box-shadow:2px 2px 4px #ddd;
	
}

.mediaTableMenu a {
	display: block;
	background: #ddd;
	padding:0.5em;
	cursor:pointer;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	
}

.mediaTableMenu ul {
	list-style-position:outside;
	list-style:none;
	margin:0;
	padding:0 0.5em;
}

.mediaTableMenuClosed a {
	border-radius:5px;
}

.mediaTableMenu ul li {
	line-height: 2em;
}

.mediaTableMenu ul li label {
	cursor:pointer;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.zonaSlide .pagination{
		display:none !important;
}

.cabecera .menu_superior
{
  margin-left:4% !important;
}

.cabecera .columna_9
{
  width: 34% !important;
}
}


.responsive_movil{
    display:none;
}

@media (max-width: 940px) {
.responsive_normal{
    display:none;
}

.logo{
    width:181px;
    margin-left:1%;
}

.logo .responsive_movil{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
}

.menu_superior{
    width:40% !important;
}
}

@media (max-width: 819px) {
   
    .menu_superior{
        width:100% !important;
    }
   
    .buscador{
        float:left !important;
        margin-left:10px !important;
        width:100% !important;
    }
   
    .buscador fieldset{
        width:80% !important;
    }
   
    .idiomas{
        position:absolute;
        top:-25px;
        right:45px;
    }
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
 {
    .buscador fieldset{
            width:296px !important;
    }

}

@media (max-width: 395px) {
   
    .menu_superior ul li{
        display:block !important;
        float:none !important;
        width:100% !important;
    }
   
    .menu_superior ul li a{
        display:block !important;
    }
   
}


/*----------------[Slide]*/

@media (max-width: 600px) {

.bloque_slide .texto{
    width:100% !important;
    float:none !important;
}

.bloque_slide .foto{
    width:100% !important;
    float:none !important;
    margin-left:0 !important;
    padding-left:0 !important;
}

.bloque_slide .foto span{
    display:block;
}

.bloque_slide .foto iframe{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

}


/*Destacados noticia principal*/

@media (max-width: 970px) {
    .listado_agenda{
        width:99%;
        margin-left:1%;
    }
   
    .columna_noticias{
        width:98%;
        margin-left:1%;
        margin-right:1%;
    }
   
    .columna_agenda,
    .columna_listado{
        width:49%;
        margin:0;
        float:right;
    }
   
    .columna_agenda{
        float:left;
    }
}

@media (max-width: 647px) {
    .columna_agenda{
        width:100%;
    }
}

@media (max-width: 466px) {
    .columna_noticias .foto_pie{
        float:none !important;
    }
.columna_noticias p,
.columna_noticias h3{
    width:90% !important;
    padding:10px 20px 10px 10px !important;
    float:none !important;
    display:block !important;
}
}

/* ============================================= */
/* Ajustes cabecera - Sede Electrónica		 */
/* ============================================= */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { .cabecera .buscador input.query{ width:50% !important;}}

@media (max-width: 979px) {
.cabecera .menu_superior{margin-left:0 !important;width:39% !important;}
}
@media (max-width: 940px) {
.cabecera .menu_superior{width:40% !important;}
.cabecera .buscador{width:28% !important;}
.logo{width:244px;}
}
@media (max-width: 936px) {
.cabecera .menu_superior{width:40% !important;}
}
@media (max-width: 921px) {
.cabecera .menu_superior{width:40% !important;}
.cabecera .buscador{width:28% !important;}
}
@media (max-width: 918px) {
.cabecera .menu_superior{width:50% !important;float:right;text-align:right;}
.cabecera .menu_superior ul{margin-left:0;margin-right:0;}
.cabecera .buscador{margin-right:0 !important;float:right;}
.cabecera .idiomas{float:right !important;margin-right:0 !important;margin-left:0 !important;margin-top:10px;width:100%;}}
@media (max-width: 900px) {
.cabecera .buscador{width:30% !important;}
}
@media (max-width: 874px) {
.cabecera .menu_superior{width:50% !important;}
}
@media (max-width: 819px) {
.cabecera .menu_superior{width:100% !important;float:left;text-align:left;margin-left:10px !important;}
.cabecera .idiomas{width:20% !important; margin-top:2px !important; top:5px;}
.cabecera .buscador{margin-left:10px !important;width:100% !important;}
.cabecera .buscador .personas{margin-left:10px;}
.cabecera .menu_superior ul{ float:left;}
}
@media (max-width: 628px) {
.cabecera .buscador{margin-left:0px !important;}
.cabecera .idiomas{width:30% !important;}
.cabecera .menu_superior ul{ float:left;}
}
/*Código nuevo*/
@media (max-width: 431px) {
.cabecera .menu_superior{ width:100%;}

.cabecera .menu_superior ul{ float:left; width:100%;}
.cabecera .menu_superior ul li{display:block !important;float:none !important;width:100% !important;}
.cabecera .idiomas{width:60% !important;}

}
/*Fin código nuevo*/

@media (max-width: 415px) {
	/*
Eliminar código
	.cabecera .menu_superior{text-align:center;}
	.cabecera .menu_superior ul{margin-left:auto;margin-right:auto;float:none;}
	.cabecera .menu_superior ul li{display:block !important;float:none !important;width:100% !important;}
    .cabecera .menu_superior ul li a{display:block !important;}
	.cabecera .idiomas{ width:50% !important;}
	*/
	.cabecera .buscador input.query{ width:70% !important;}
	.cabecera .buscador .personas,.cabecera .buscador .sitio{margin-left:0px; margin-bottom:5px;}
}

/* Modificaciones para cambiar el orden del menu en las portadas de los repositorios */


@media (max-width: 879px) {
   .index_repositorio #barraLateral{
       width:100%;
       display:block;
   }

   .index_repositorio #contenido{
        float:right;
        width:100%;
    }

    .index_repositorio #barraLateral .cajaImagen,
    .index_repositorio #barraLateral .caja,
    .index_repositorio #barraLateral .submenu{
        float:left;
        margin-left:1%;
        margin-right:1%;
        width:31.333%;
    }

    .index_repositorio .zonaSlide{
        margin-left:1%;
    }

    .index_repositorio #barraLateral .submenu{
        margin-left:0;
        margin-right:0;

    }

    .index_repositorio #barraLateral .cajaImagen{
        width:30%;
        text-align:center;
    }

    .index_repositorio #barraLateral .cajaImagen img{
        margin-left:auto;
        margin-right:auto;
    }

    .index_repositorio #barraLateral .caja_boton,
    .index_repositorio #barraLateral .caja_aulas{ /*Añdir el class caja_aulas a la caja, solo sirve para diferenciar esa caja de la de Facultad de ciencias....*/
        display:none;
    }
}

@media (max-width: 773px) {

    .index_repositorio #barraLateral .cajaImagen,
    .index_repositorio #barraLateral .caja,
    .index_repositorio #barraLateral .submenu{
        width:30%;
    }
}

@media (max-width: 646px) {

    .index_repositorio #barraLateral .cajaImagen,
    .index_repositorio #barraLateral .caja,
    .index_repositorio #barraLateral .submenu{
        width:100%;
    }
    .index_repositorio #barraLateral .cajaImagen,
    .index_repositorio #barraLateral .caja{
        margin-left:0;
        margin-right:0;
    }
}



