/* INICIO ESTILOS GENERALES */	

/* FIN ESTILOS GENERALES */

/* ESTILOS GENÉRICOS QUE NO INFLUYEN EN LA MAQUETACIÓN GENERAL DE LA PÁGINA PERO DEBEN ESTAR PARA RWD*/	
	

img.logo-intranet {
	display: none;
	}


form#area-privada p.olvidado {
    float: left;
    font-size: 80%;
    margin: 3px 1% 3px 5%;
    min-width: 250px;
    text-align: left;
    width: 40%;
}

form#area-privada p.olvidado a {
    background: none repeat scroll 0 0 #999999;
    color: #FFFFFF;
    padding: 2px 4px;
}

form#recupera input#email {
	background-color: #FFFFFF;
    border: 1px solid #333333;
    color: #333333;
    font-size: 85%;
    font-weight: normal;
    margin-right: 25px;
    position: relative;
    z-index: 100;
	}
	
.boton-aplicar {
	padding: .4em;
	margin: 1em 0.6em 1em 1em;
	background: #000000;
	color: #fff;
	font-size: 100%;
	border:0;
	float: right;
	}
	
a.boton-quitar {
	padding: .5em;
	margin: 1em 0 1em 1em;
	background: #af8d05;
	color: #fff;
	text-decoration: none;
	font-size: 100%;
	float: right;
	}
	
a:hover.boton-quitar {
	color: #fff;
	text-decoration: none;
	}
	
	
h2.error {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	text-align: center;
	}
	
p.error {
	font-size: 90%;
	margin: 1em 0;
	text-align: center; 
	}
	
p.error a{
	background: #000000;
	color: #fff; 
	padding: 0.3em;
	text-decoration:none;
	}
	
p.error a:hover{
	background: #af8D05;
	color: #fff; 
	padding: 0.3em;	
	text-decoration:none;
	}
	
/*Caja filtros visible en tamaños grandes*/
	p.filtros a span {
		display:none;
		}
		
	p.aviso {
		color: #002470;
		width: 100%;
		display: block;
		}
	
	p.registro {
		width: 100%;
		display: block;
		font-size: 90%;
		float: left;
		margin: 1em 0;
		}
		
	p.registro strong{
		font-weight: bold;
		}
		
	.cabecerapeque {
		background:#c4cbcc;
		font-size: 100%;
		}
		
	tr.par {
		background:#fbf9f2; 
		}
	
	tr.impar {
		background: #f3eeda;
		}
		
	td.footable-row-detail-cell {
		border-bottom: 0.1em #c4cbcc;
	}
	
	.footable-row-detail-name {
		font-size: 85%;
		color: #000000;
	}
	
	.textonormal {
    	vertical-align: middle;
	}
	
	#pie #submenu p{
		line-height: 1.5em;
		float: left;
		margin-right: 1em;
	}
	
	form#f_add p.obligatorio, p.obligatorio {
		color: #000000;
		font-size: 75%;
		width: 100%;
		float: left;
		}

	.programaactual {
			color: #c4cbcc;
	}
	
	.cabecera-form {
		background: #F2F2F2;
		padding: .5em;
		margin: 0 0 1em 0;
		}
		
	.cabecera-form h3{
		font-size: 95%;
		font-weight: bold;
		}
	
	.cabecera-form h3 strong{
		color:#000000;
		}
		
	strong {
		font-weight: bold;
		}
		
	a.boton {
		border: 0 none;
		float: right;
		margin: 0 10% 0 0;
		padding: 0;
		width: auto;
	}
	
	table tr td.footable-first-column {
		text-align: left;
		}
	
 

	
	


 
	
@media screen and (min-width:960px){

	

	
}






@media screen and (max-width:959px){
	/*Caja filtros visible en tamaños grandes*/
	p.filtros a span {
		display: block;
		border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		padding: .5em;
		margin: .4em 0 0 0;
		background: #000000;
		width: auto;
		float: left;
		text-align:center;
		color: #fff;
		font-size: 100%;
		}
	p.filtros a img {
		display: inline;
		margin-left: .5em;
		float: left;
		}
		
	p.filtros {
		width: 100%;
		display: block;
		}
		
	.menu-filtros {
		display: block;
		float: left;
		height: auto;
		position: relative;
		width: 100%;
	}
	
	.menu-filtros {
		display: none;
	}
	
	h2.filtros {
		display: none;
	}
	/*fin caja filtros visible en tamaños grandes*/
	
	
	#contenedor {
		margin: 0;
		width: 100%;
	}
	
	#contenidos-pie {
		width: 100%;
		float: none;
	}
	
	#contenidos {
		background: none #fff;
		float: none;
		height: auto;
		margin: 0;
		padding: 0;
		display: inline;
		width: 100%;
		min-height: 82px;
	}
	
	#cabecera {
		max-height: none;
		height: auto;
		display: table;
		width: 96%;
		margin: 1% 0;
		padding: 2%;
   	}
	
	#logo {
		float: left;
		width: 65%;
		display: inline;
	}
	
	#logo img{
		max-width: 100%;
		height: auto;
		}
	
		
	#salir {
		float: right;
		margin: 1.5em 0 0 1%;
		}
		
	#menu {
		display: none;
	}
	
	#menu-rwd {
		float: none;
    	overflow: hidden;
    	width: auto;
		display: inline;
		margin: 0.5em 0;
	}
		
	/*menu ppal*/
	 #topnav {
	  display: block;
	  width: 100%;
	  position: relative;  
	  float: left;
	  height: auto;
	}
	
	#navbtn {
	  display: none;
	  float: right;
	  top: 0;
	  width: 43px;
	  height: 43px;
	  background: url('/img/menu.png') center no-repeat;
	  text-indent: -99999px;
	  overflow: hidden;
	  margin: 1.5em 0 0 1%;
	}
	
	#topnav nav {
	  position: absolute;
	  top: 0; 
	  right: -10px;
	}
	
	#topnav nav ul {
	  list-style: none;
	}
	
	
	#topnav nav ul li a {
	  display: block;
	  text-decoration: none;
	  line-height: 70px;
	  color: #000;
	  font-weight: bold;
	  padding: 0 10px;
	  border-bottom: 2px solid #fff;
	
	}
	#topnav nav ul li a:hover {
	  color: #AF8D05;
	}
	
	#topnav nav { 
		display: none; 
		position: static;
		width: 100%;
		top: auto;
		right: auto;
	  }
	  
	#topnav nav ul li {
		float: none;
		background: #c4cbcc;
		border-radius: 0.5em;
		font-size: 90%;
		margin: 0 0 0.1em 0;
		padding: 0;
		overflow: hidden;
		display: block;
		}
				
	#topnav nav ul li a {
		display: block;
		width: 100%;
		line-height: 1em;
		border: 0;
		padding:0.5em;
		margin:0;
		background: none;
	  }
	  #topnav nav ul li a:hover {
		color: #AF8D05;
	  }
	  #topnav nav ul li a.sel {
		color: #AF8D05;
	  }
	  
	  #navbtn {
		display: block;
	  }
	  
	  /*fin menu*/
	
	#areaprivada {
		background: none;
		border-top: 0;
		font-size: 80%;
		height: auto;
		width: auto;
		margin: .5em 0;
		clear: right;
	}
	
	#areaprivada h2 {
		color: #000000;
		float: right;
		font-size: inherit;
		font-weight: bold;
		height: auto;
		padding: 0;
		font-size: 125%;
	}
	
	#cuerpo {
		float: left;
		margin: 0 0 1% 0;
		min-height: 0;
		padding: 1em 2%;
		width: 96%;
		}
	/*módulos portada*/	
	.contenidos_admin {
		min-height: 0px;
		float: left;
		width: 100%;
		}
	.submenu {
		width: 100%;
		margin: 0;
	}
	
	.submenu ul {
		float: none;
		height: auto;
		list-style-type: none;
		min-height: 50px;
		width: inherit;
	}
	.submenu ul li {
		border: 0 none;
		float: left;
		font-weight: bold;
		height: auto;
		min-height: 0;
		padding: 1em;
		width: auto;
	}
	
	.submenu ul li img{
		display: none;
	}
	
	.submenu ul li a{
		text-decoration: none;
	}
	
	
	
	.submenu ul li a span{
		color: #fff;
		text-decoration: none;
		text-align: center;
		display: block;
		background: #af8d05;
		padding: 0.5em;
	}
	
	.submenu ul li a:hover span{
		text-decoration: none;
		color: #af8d05;
		text-decoration: none;
		text-align: center;
		display: block;
		background: #fff;
		padding: 0.5em;
	}
	
	#modulo-gestion-web {
		background-color: #999999;
		float: left;
		margin: 0 0 .5em 0;
		padding: 0;
		width: 100%;
	}
	
	#modulo-gestion-gral {
		background-color: #666666;
		float: left;
		margin: 0 0 .5em 0;
		padding: 0;
		width: 100%;
	}
	
	h3.modulo-gestion-web, h3.modulo-gestion-gral {
		font-size: 110%;
	}
	  
/*pie*/	
	#pie {
		background-image: none;
		background-color: #fff;
		margin: 0;
		padding: 2%;
		width: 96%;
		text-align: left;
		display: block;
		z-index: 150;
		height: auto;	
	}
	

	#pie #direcciones {
		float: none;
		height: auto;
		margin: 0;
		padding: 0;
		text-align: left;
		width: auto;	
	}
	
	#pie #direcciones p{	
		color: #000000;
		font-size: 70%;
	}
	
	#pie #submenu {
		color: #000000;
		float: none;
	}
	
	#pie #submenu p{
		line-height: 1.5em;
		float: none;
		clear: right;
	}
	
	
/*FORMULARIO AREA PRIVADA ACCESO Y FILTROS*/	
	form#area-privada p, form#admin-filtros p {
		font-size: 85%;
		margin: 0 0 1em 0;
		line-height: 1.5em;
		}
		
	form#area-privada input.boton {
		border: 0 none;
		margin: 0 10% 0 0;
		padding: 0;
		width: auto;
		float: right;
	}
	
	form#area-privada .tabla {
		background-image: none;
		height: auto;
		width: 100%;
		padding: 0;
		}
		
	.error_tabla-bis {
		color: #FF0000;
		display: block;
		font-size: 90%;
		font-weight: bold;
		margin: .5em;
		text-align: left;
	}
	
	form#area-privada .acceso_tabla {
		display: block;
		padding: .5em 0;
		width: 100%;
	}
	
	form#area-privada .acceso_tabla label, form#area-privada label, form#admin-filtros label {
		display: block;
		width: 100%;
		margin: 0 0 .5em 0;
	}
	
	form#admin-filtros span {
		color: #333333;
		display: block;
		font-size: 85%;
		margin: 0.3em 0;
		width: 100%;		
		text-align: left;
	}
	
	form#area-privada .acceso_tabla input#usuario, form#area-privada .acceso_tabla input#contrasena, form#area-privada .acceso_tabla input#password_viejo, form#area-privada .acceso_tabla input#password1, form#area-privada .acceso_tabla input#password2, form#area-privada input#contrasena1, form#area-privada input#contrasena2, form#area-privada input#titulo, form#area-privada input#cliente, form#area-privada input#codigo, form#area-privada input#email, form#area-privada select#ano, form#area-privada select#gestor, form#area-privada select#estado, form#admin-filtros input#titulo, form#admin-filtros input#cliente, form#admin-filtros input#codigo, form#admin-filtros input#email, form#admin-filtros select#ano, form#admin-filtros select#gestor, form#admin-filtros select#estado{
		background-color: #FFFFFF;
		border: 1px solid #333333;
		color: #333333;
		font-size: 85%;
		font-weight: normal;
		display: block;
		padding: 0.2em;
		width: 90%;
		position: inherit;
	}
	
	
	form#area-privada .acceso_tabla input#boton_intranet {
		border: 0 none;
		width: auto;
		padding: 0;
		margin: 0 10% 0 0;
	}
	
	form#area-privada p.olvidado {
		color: #FFFFFF;
		font-size: 0.95em;
		line-height: 1em;
		margin: 0 5% 0 0;
		display:block;
		float: left;
	}
	
	form#area-privada p.olvidado a {
		background: none repeat scroll 0 0 #999999;
		color: #FFFFFF;
		padding: 2px 4px;
	}
	
	#total {
		margin:.5em;
		width: 99%;
	}
	
	img.logo-intranet {
		max-width: 100%;
		display: block;
		text-align: left;
		}
		
	.error_tabla-bis {
		color: #FF0000;
		display: block;
		font-size: 90%;
		font-weight: bold;
		margin: 0;
		text-align: left;
		width: 100%;
	}
	
	form#area-privada .acceso_tabla label, form#area-privada label{
		display: block;
		padding: .3em 0;
		width: 100%;
	}
	
	form#area-privada .acceso_tabla span, form#area-privada span{
		color: #333333;
		display: block;
		font-size: 85%;
		margin: 0.3em 0;
		width: 100%;		
		text-align: left;
		float: none;
	}

	
	/*FIN FORMULARIO AREA PRIVADA ACCESO Y FILTROS*/
	
	/*FORMULARIO AÑADIR */	
	
	form#f_add {
		float: none;
		margin: 0;
	}	
	
	
	form#f_add p {
		font-size: 85%;
		margin: 0 0 1em 0;
		line-height: 1.5em;
		}
		
	form#f_add input.boton {
		border: 0 none;
		margin: 0 10% 0 0;
		padding: 0;
		width: auto;
		float: right;
	}
	
	
	form#f_add label {
		display: block;
		width: 100%;
		margin: 0 0 .5em 0;
	}
	
	form#f_add label.mitad{
		display: block;
		width: 45%;
		margin: 0 0 .5em 0;
	}
	
	form#f_add label.mitad span{
		width: 50%;
	}
	
	form#f_add span {
		color: #333333;
		display: block;
		font-size: 85%;
		margin: 0.3em 0;
		width: 100%;		
		text-align: left;
		font-weight: bold;
		float: left;
	}
	
	form#f_add input#titulo, form#f_add input#cliente, form#f_add select#gestor, form#f_add input#fecha, form#f_add input#estado, form#f_add input#comentarios, form#f_add select#estado,  form#f_add select#estado_facturacion, form#f_add input#comentarios_facturacion, form#f_add textarea#comentarios_facturacion, form#f_add textarea#comentarios, form#f_add input#archivo1, form#f_add input#archivo2, form#f_add input#usuario, form#f_add input#emailCliente, form#f_add select#perfil, form#f_add input#nombre, form#f_add input#email, form#f_add textarea#comentario{
		background-color: #FFFFFF;
		border: 1px solid #333333;
		color: #333333;
		font-size: 85%;
		font-weight: normal;
		display: block;
		padding: 0.2em;
		width: 90%;
		position: inherit;
		float: left;
	}
	
	form#f_add input#contrasena {
		border: 1px solid #445171;
		color: #3C3C3C;
		font-family: "CoreHumanistSansRegular",Arial,Helvetica,Verdana,sans-serif;
		font-size: 90%;
		font-weight: bold;
		margin: 0 0 1%;
		padding: 2px;
		width: 98%;
	}
	
	form#f_add div.contrasena {
		background:#F2F2F2;
		border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		padding: .5em;	
		clear: both;
		width: 90%;
		float: left;
		margin: 0 0 1em 0;
	} 
	
	form#f_add div.contrasena p{
		widht: 70%;
		float: left;
	}
	
	.adjuntar {
		background: #F3EEDA;
		padding: 2%;
		float: left;
		width: 90%;
		border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		margin: 0 0 .5em 0;
		}
		
	form#area-privada .acceso_tabla ul, form#f_add ul{
		list-style: none;
		display: inline;
		float:right;
		margin: 0 0 0 .5em;
	}
		
/*FIN FORMULARIO AÑADIR*/
	
	form#area-privada .acceso_tabla input#boton_intranet {
		border: 0 none;
		width: auto;
		padding: 0;
		margin: 0 8% 0 0;
	}
	
	form#area-privada p.olvidado {
		color: #FFFFFF;
		font-size: 0.95em;
		line-height: 1em;
		margin: 0 5% 0 0;
		display:block;
		float: left;
	}
	
	form#area-privada p.olvidado a {
		background: none repeat scroll 0 0 #999999;
		color: #FFFFFF;
		padding: 2px 4px;
	}
	
	#total {
		margin:.5em;
		width: 99%;
	}
	
	img.logo-intranet {
		max-width: 100%;
		display: block;
		text-align: left;
		}
		
	.error_tabla-bis {
		color: #FF0000;
		display: block;
		font-size: 90%;
		font-weight: bold;
		margin: 0;
		text-align: left;
		width: 100%;
	}
	
	/*opciones programas adaptados*/
	form#area-privada .acceso_tabla label {
		display: block;
		padding: .3em 0;
		width: 100%;
	}
	
	.nuevoCliente legend {
		font-size: 85%;
		width: 100%;
		margin-bottom: 10px;
	}
	
	form#f_add label.tercio {
		width: 20%;
	}
	
	form#f_add label.margenIzda {
		margin: 0 0 0.5em 0;
		width: 100%;
	}
	
	form#f_add #programas span {
		width: 40%;
	}
	
	#programas fieldset legend {
		margin-bottom: 1em;
		}
		
	.tipoDiamages, .numEmpleadosDiamalab, .tipoDiamaweb, .tipoDiamagescambiodetramo {
		margin: 0 0 1.5em 0;
		width: 93%;
	}
	
	form#f_add #programas .tipoDiamages span, form#f_add #programas .numEmpleadosDiamalab span, form#f_add #programas .tipoDiamaweb span, .tipoDiamagescambiodetramo span {
		margin-bottom: 1em;
    	width: 100%;
	}
	
	form#f_add .nuevoCliente label.tercio, form#f_add .tipoDiamages label.tercio, .tipoDiamagescambiodetramo label.tercio, form#f_add .numEmpleadosDiamalab label.cuarto, form#f_add .tipoDiamaweb label.cuarto {
		width: 96%;
	}
	
	form#f_add #programas .tipoDiamages label.tercio span, .tipoDiamagescambiodetramo label.tercio span, form#f_add #programas .numEmpleadosDiamalab label.cuarto span, form#f_add #programas .tipoDiamaweb label.cuarto span, form#f_add #programas .tipoDiamaweb label span{
    	width: 60%;
		text-align: left;
	}
	
	form#f_add .nuevoCliente span {
    	width: 40%;
		text-align: left;
	}
	
		
	form#f_add .tipoDiamaweb label {
		display: block;
		padding: .3em 0;
		width: 96%;
		margin-left:0;
	}
		
}



@media screen and (min-width:676px) and (max-width:959px){


	
	

}
/* FIN @media screen and (min-width:676px) and (max-width:959px) */

/*Revertir a 768*/
@media screen and (max-width:768px){
	
	
	
	
	
}

@media screen and (max-width:675px){
	

		
		
}
/* FIN @media screen and (max-width:675px) */





@media screen and (max-width:550px){
	


	
	

}
/* FIN @media screen and (max-width:550px) */





@media screen and (max-width:440px){
	

	

}
/* FIN @media screen and (max-width:440px) */





/*
Generales que solucionan algunos problemas 

Van con important para que prevalezcan sobre cualquier otro estilo:

*/