@charset "utf-8";


@media (max-width: 767px){
	
/* ******************************************************** 
ESTILOS GENERALES
 ******************************************************** */
.msg-error,.msg-ok,.msg-aviso{
	font-size:1em;
}	
	
/* ******************************************************** 
CABECERA
 ******************************************************** */
 
header h1{
	display:none;
}

header .func{
	font-size:1.7em;
}

header .func span{
	display:none;
}

header .func.navbars{
	display:block;
}

header .func.buscar{
	left:100px;
	z-index:10;
}

header .func.buscar .cajabuscar{
	width:160px;
	left:0;
}

header .func.buscar .cajabuscar:after{
	display:none;
} 

header .func.idioma{
	left:180px;
	z-index:20;
}

header .func.idioma>img{
	width:25px;
}

header .func.idioma ul:after {
	display:none;
}

header .func.idioma ul{
	left:0;
}

header .func.idioma ul li{
	width:200px;
}

/* ******************************************************** 
CUERPO
 ******************************************************** */
 
/*------------- LAYOUT ----------------------*/

#col-cont{
	margin-left: 30px;
	padding-right:30px;
}

#col-nav{
		position:absolute;
		float:none;
		margin-left: 0;
		
		left:-180px;
}

/*------------- ---------------*/

#cuerpo h2{
	float:none;
	font-size:2.2em;
	max-width:inherit;
	width:100%;
	margin:0 0 0.7em 0;
}

#cuerpo h2 span{
	display:block;
}

#cuerpo .botonhelp{
	color:#9ca1a6;
}

#cuerpo .botonesfunc{
	float:none;
	text-align:left;
	max-width:inherit;
	width:100%;	
	margin:0 0 1em 0;
}

#cuerpo .botonesfunc a.boton{
	font-size:1.1em;
	box-sizing:border-box;
	width:100%;
}
	
 /* ******************************************************** 
							ELEMENTOS
 ******************************************************** */
 
 /*----------------------------
login
----------------------------*/

.cajalogin{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	width:100%;
	padding:0 30px 0 30px;
}

.cajalogin .logo{
	width:100%;
	padding:20px 0 20px 0;
}

.cajalogin .caja{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}

 /*----------------------------
ventana
----------------------------*/

.ventana{
	width:90%;
	margin:0 0 0 0;
}

.ventana.calendario,
.ventana.borrar
{
	width:90%;
}

/*----------------------------
Calendario
----------------------------*/

.cuerpoventana .cuerpocalendario{
	display:none;
}

.cuerpoventana .formcajasmesanio{
	display:none;
}




.cuerpoventana a.boton.enviafecha{
	margin-top:0;
	font-size:0.8em;
}

.cuerpoventana .formcajasfecha input[type="number"]{
	margin-bottom:0;
	height:35px;
}


 /*----------------------------
tabla
----------------------------*/

table.ppal{
	font-size:1.2em;
}

/* Force table to not be like tables anymore */
table.ppal,table.ppal thead,table.ppal tbody,table.ppal th,table.ppal td,table.ppal tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
table.ppal thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

table.ppal.permisos thead tr { 
	position: relative;
	top: 0;
	left: 0;
	padding-top:1em;
}

table.ppal tr {
	border: 1px solid #ccc;
	border-bottom: 10px solid #F1F1F1;
}

table.ppal td{ 
/* Behave  like a "row" */
border: none;
border-bottom: 1px solid #d1d1d1;
position: relative;
padding-left:50%; 
}

table.ppal.permisos td{
	padding-left:1em;
}

table.ppal td.funciones{
	padding-left:1em;
	background: #d1d1d1;
	text-align:center;
	font-size:1.3em;
}

table.ppal td.funciones a+a{
	margin-left:1em;
}

table.ppal td:last-child{
	border-bottom: none;
}
table.ppal td:first-child{
	border-top: none;
}

table.ppal td .titfila {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px;
		padding-left: 0.6em; 
		white-space: nowrap;
		font-weight:bold;
}

	/*
	Label the data
	*/
/*
	table.ppal td:nth-of-type(1):before{
		content: "Empresa:";
	}
	table.ppal td:nth-of-type(2):before {
		content: "Empresa 2:";
	}
	table.ppal td:nth-of-type(3):before {
		content: "Importe:";
	}
*/

/*--------------------------------------------------------------------------------------------*/
/*--------------------------------------------- PAGINACION-------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

.paginacion .ir,
.paginacion .primero,
.paginacion .ultimo
{
	display:none;
}

.paginacion{
	font-size:1em;
}

.paginacion a{
	height:inherit;
	padding:6px 10px 6px 10px;
}

/*----------------------------
contenedor multimedia
----------------------------*/

.contmultimedia form.filtros span.botones{
	display:block;
	margin-bottom:2em;
}

.contmultimedia form.filtros select{
	display:inline-block;
	margin-right:0;
}

.contmultimedia form.filtros select.tipo{
	width:100%;
}

.contmultimedia form.filtros select.extension{
	width:100%;
}

.contmultimedia form.filtros select.ordenar{
	width:100%;
}

.contmultimedia form.filtros select.ascdesc{
	width:100%;
}

.contmultimedia form.filtros input{
	display:inline-block;
	width:100%;
}

/*-- isotope --*/

.contmultimedia .container.mosaico .item{
	width:100%;
	margin:0 0 5px 0;
	height:300px;
}

 /*----------------------------
contenedor edición / creación
----------------------------*/

.contedic h1{
	font-size:1.2em;
	padding:0.6em 1em 0.6em 0;
}

.contedic .colum1{
	float:none;
	width:inherit;
	margin-bottom:0.5em;
}

.contedic .colum2{
	width:inherit;
	margin: 0 0 0 0;
}

.contedic .colum2 ul li{
	display:block;
	margin-bottom:0.5em;
}

.contedic .colum2 ul li+li{
	margin-left:0;
}

.contedic input[type="email"],
.contedic input[type="date"],
.contedic input[type="number"],
.contedic input[type="password"],
.contedic input[type="search"],
.contedic input[type="tel"],
.contedic input[type="text"],
.contedic input[type="url"],
.contedic select
{
	margin-right:inherit;
	width:100%;
}

.contedic textarea{
	height:200px;
	width:100%;
}

.contedic input[type="checkbox"]+input[type="checkbox"],
.contedic input[type="radio"]+input[type="radio"]
{
	margin-left:1em;
}


.icon-menu-responsive{
	padding-top: 7px;
	display: block;
}
#block-screen-menu{
	width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0px;
    z-index: 1;
}
header, #col-nav {
	z-index: 3;
}



}

@media (min-width: 768px){


/* ******************************************************** 
CABECERA
 ******************************************************** */
 
header h1{
	display:block;
}

header .func{
	font-size:1.4em;
}

header .func span{
	display:inline;
}

header .func.navbars{
	display:none;
}

header .func.buscar{
	left:250px;
	z-index:10;
}

header .func.buscar .cajabuscar{
	width:160px;
	left:0;
}

header .func.buscar .cajabuscar:after{
	display:none;
} 

header .func.idioma{
	left:360px;
	z-index:20;
}

header .func.idioma ul:after {
	display:none;
}

header .func.idioma ul{
	left:0;
}

/* ******************************************************** 
CUERPO
 ******************************************************** */
 
/*------------- LAYOUT ----------------------*/

#col-cont{
	margin-left: 210px;
	padding-right:20px;
}

#col-nav{
	width: 180px;
}
	
 /* ******************************************************** 
							ELEMENTOS
 ******************************************************** */
 
 /*----------------------------
login
----------------------------*/

.cajalogin{
	position:absolute;
	width:320px;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
	padding:0 0 0 0;

}

.cajalogin .logo{
	width:320px;
	padding:20px 0 20px 0;
}

.cajalogin .caja{
	width:270px;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
}

/*----------------------------
contenedor multimedia
----------------------------*/

.contmultimedia form.filtros span.botones{
	display:block;
	margin-bottom:2em;
}

.contmultimedia form.filtros select{
	display:inline-block;
	margin-right:0;
}

.contmultimedia form.filtros select.tipo{
	width:100%;
}

.contmultimedia form.filtros select.extension{
	width:100%;
}

.contmultimedia form.filtros select.ordenar{
	width:100%;
}

.contmultimedia form.filtros select.ascdesc{
	width:100%;
}

.contmultimedia form.filtros input{
	display:inline-block;
	width:100%;
}

/*-- isotope --*/

.contmultimedia .container.mosaico .item{
	width:49%;
	margin:0 1% 5px 0;
	height:200px;
}

	
}

@media (min-width: 992px){
	
/* ******************************************************** 
CABECERA
 ******************************************************** */
 
header h1{
	display:block;
}

header .func{
	font-size:1.4em;
}

header .func span{
	display:inline;
}

header .func.navbars{
	display:none;
}

header .func.buscar{
	left:250px;
	z-index:10;
}

header .func.buscar .cajabuscar{
	width:160px;
	left:-30px;
}

header .func.buscar .cajabuscar:after{
	display:block;
} 

header .func.idioma{
	left:360px;
	z-index:20;
}

header .func.idioma ul:after {
	display:block;
}

header .func.idioma ul{
	left:0;
}

/* ******************************************************** 
CUERPO
 ******************************************************** */
 
/*------------- LAYOUT ----------------------*/

#col-cont{
	margin-left: 210px;
	padding-right:20px;
}

#col-nav{
	width: 180px;
}

 /* ******************************************************** 
							ELEMENTOS
 ******************************************************** */
 
 /*----------------------------
login
----------------------------*/

.cajalogin{
	position:absolute;
	width:320px;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
	padding:0 0 0 0;

}

.cajalogin .logo{
	width:320px;
	padding:20px 0 20px 0;
}

.cajalogin .caja{
	width:270px;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
}

/*----------------------------
contenedor multimedia
----------------------------*/

.contmultimedia form.filtros span.botones{
	display:inline;
	margin-bottom:0;
}

.contmultimedia form.filtros select{
	display:inline-block;
	margin-right:1%;
}

.contmultimedia form.filtros select.tipo{
	width:13%;
}

.contmultimedia form.filtros select.extension{
	width:13%;
}

.contmultimedia form.filtros select.ordenar{
	width:13%;
}

.contmultimedia form.filtros select.ascdesc{
	width:13%;
}

.contmultimedia form.filtros input{
	display:inline-block;
	width:24%;
}

/*-- isotope --*/

.contmultimedia .container.mosaico .item{
	width:24%;
	margin:0 1% 5px 0;
	height:150px;
}


}

@media (min-width: 1200px){

/* ******************************************************** 
CABECERA
 ******************************************************** */
 
header h1{
	display:block;
}

header .func{
	font-size:1.4em;
}

header .func span{
	display:inline;
}

header .func.navbars{
	display:none;
}

header .func.buscar{
	left:250px;
	z-index:10;
}

header .func.buscar .cajabuscar{
	width:160px;
	left:-30px;
}

header .func.buscar .cajabuscar:after{
	display:block;
}

header .func.idioma{
	left:360px;
	z-index:20;
}

header .func.idioma ul:after {
	display:block;
}

header .func.idioma ul{
	left:0;
}

/* ******************************************************** 
CUERPO
 ******************************************************** */
 
/*------------- LAYOUT ----------------------*/

#col-cont{
	margin-left: 210px;
	padding-right:20px;
}

#col-nav{
	width: 180px;
}
	
 /* ******************************************************** 
							ELEMENTOS
 ******************************************************** */
 
 /*----------------------------
login
----------------------------*/

.cajalogin{
	position:absolute;
	width:320px;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
	padding:0 0 0 0;

}

.cajalogin .logo{
	width:320px;
	padding:20px 0 20px 0;
}

.cajalogin .caja{
	width:270px;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
}

/*----------------------------
contenedor multimedia
----------------------------*/

.contmultimedia form.filtros span.botones{
	display:inline;
	margin-bottom:0;
}

.contmultimedia form.filtros select{
	display:inline-block;
	margin-right:1%;
}

.contmultimedia form.filtros select.tipo{
	width:15%;
}

.contmultimedia form.filtros select.extension{
	width:15%;
}

.contmultimedia form.filtros select.ordenar{
	width:15%;
}

.contmultimedia form.filtros select.ascdesc{
	width:15%;
}

.contmultimedia form.filtros input{
	display:inline-block;
	width:24%;
}

/*-- isotope --*/

.contmultimedia .container.mosaico .item{
	width:19%;
	margin:0 1% 5px 0;
	height:170px;
}





}