@charset "utf-8";
/* CSS Document */
* {
	border: 0;
	margin: 0;
	padding: 0;
}

/*LETRA*/
/*@font-face {
	font-family: 'lato';
	src: url('fuentes/lato.eot');
	src: url('fuentes/lato.eot?#iefix') format('embedded-opentype'),
	url('fuentes/lato.woff') format('woff'),
	url('fuentes/lato.ttf') format('truetype'),
	url('fuentes/lato.svg#CG') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
a#img_modulo:hover {
	background-color: rgba(204,204,204,0.7);
}
	#img_modulo hr {
		margin:5px;
		border-color:rgba(153,153,153,1);
	}
a, body {
	color: black;
}
	a {
		text-decoration:none; 
	}
	body {
		font-family: Verdana, Geneva, sans-serif;
		font-size:12px;
	}
	
article#columna_pag form#frm_SeleccPag select {
    padding: 0px;
	vertical-align:middle;
	display:inline-block;
}
article#columna_pag input {
	margin-top:2px;
}
button {
	cursor: pointer;	
}

footer {
	text-align:center;
}
	footer a:hover {
		font-weight: bold;
	}

header, section#contenido, footer {
		display:block;
		width: 100%;
	}
		header {
			margin-bottom:10px;
		}
		section#contenido {
			margin: 0 auto;
			width: 98%;
		}

header h1#logotipo, nav#botonesderecha, nav#botonesderecha div, nav#identificate, nav#identificate_admin, nav#menu_sup, nav#titulocontenido {
	display: inline-block;
	vertical-align:bottom;
	overflow: hidden;
}
	header h1#logotipo {
		width: 15%;
		font-size: 0;
		position:relative;
		margin-left:8px;
	}
		header h1#logotipo img { 
			max-height:60px;
			max-width: 100%;
			vertical-align: bottom;
		}

article#columna, article#columna_pag {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	overflow: hidden;
}
	article#columna ul {
		list-style: none;	
	}
		article#columna ul li {
			display:block;
			margin: 5px 0;
		}
	article#columna form {
		display: inline-block;
		vertical-align: bottom;
	}

article#cuadro {
	margin: 5px 0;
	padding: 5px;
}
	article#cuadro ul {
		list-style: none;
	}
		article#cuadro ul li {
			display: inline-block;
			vertical-align:top;
			margin-right: 10px;
		}
	article#cuadro form {
		display: inline-block;
		vertical-align: bottom;
	}
		
article#lista div {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	border: 1px solid Black;
	padding: 5px;
	margin-right:2px;
	margin-bottom:5px;
}
	article#lista div:hover {
		background-color:#F2F2F2;
	}
	
article#lista table td#img {
	width: 180px;
	text-align: center;
}
article#lista table tr {
	border-bottom: 1px dashed Black;
}
article#lista.scroll_muestra50 {
	font-size:8px;
	padding:5px;
	background-color: white;
	border: 1px solid #e7e7e7;
	margin-bottom: 15px;
}

/*Menu y Contenido*/
article#menus, section#administracion {
	display: inline-block;
	vertical-align: top;
}
	article#menus {
		width:15%;
		display:inline-block;
		vertical-align:top;
	}
		article#menus img#modelo {
			width: 100%;
		}
		article#menus ul {
			font-size: 10px;
		}
		article#menus ul li {
			list-style-type: none;
			margin: 2px 0;
		}
	section#administracion {
		width:82%;
		margin-left:10px;
	}

article#tabla {
	padding: 5px;
	margin: 5px 0;
}
	article#tabla ul.pc_usuario_permiso li {
		display:block;
		padding: 3px;
		font-size: 11px;
		list-style-type: none;
	}
	article#tabla ul.movil_usuario_permiso li {
		list-style-type: none;
		display: inline-block;
		vertical-align:top;
		padding-right: 5px;
		margin: 5px 2px;
	}
		article#taba ul li div {
			display: inline-block;
			vertical-align:top;
		}
		article#tabla ul li ul li {
			margin-left: 10px;
		}
div#dist {
	padding:5px 10px;
	display:inline-block;
	border: 1px solid #CCC;
	margin: 5px;
}
	div#dist:hover {
		background-color:#F3F3F3;
	}
form#frm_SeleccPag {
	vertical-align:middle;
}
nav#botonesderecha {
	width: 20%;
	text-align: right;
}
	nav#botonesderecha div {
		margin-left: 10px;
	}
nav#identificate_admin {
	width: 80%;
	text-align: right;
	padding-right: 4px;
}
	nav#identificate_admin div {
			display: inline-block;
			vertical-align: bottom;
		}

/*Menu Completo*/
nav#menucompleto {
	margin: 10px 0;
}
	nav#menucompleto ul li {
		list-style-type: none;
		}
		nav#menucompleto ul li a {
			display: block;
			padding:4px;
			border-bottom:1px dashed Black;
		}
			nav#menucompleto ul li a:hover {
				border-bottom:1px solid Black;
				font-size: 11px;
			}
			nav#menucompleto ul li a.menu_selec_izda {
				border-bottom: 1px solid black;
				background-color: #E4E4E480;
			}
				nav#menucompleto ul li ul {
					padding-top:5px;
					padding-left:20px;
				}
					nav#menucompleto ul li ul table {
						font-size:9px;
					}
						nav#menucompleto ul li ul table tr {
							vertical-align:top;
					}
			

/*MENU SUPERIOR*/
nav#menu_sup {
	width: 67%;
}
	nav#menu_sup ul {
		text-align: center;
	}
		nav#menu_sup ul li {
			list-style-type: none;
			display: inline-block;
			vertical-align: bottom;
			margin: 0 10px;
		}
			nav#menu_sup ul li a {
				display: block;
			}
				nav#menu_sup ul li a:hover {
					font-weight: bold;
				}

nav#identificate {
	font-size:9px;
	width: 15%;
	text-align: right;
	padding-right: 4px;
}
	nav#identificate div {
		display: inline-block;
		vertical-align: bottom;
	}
nav#titulocontenido {
	width: 79%;
	font-size: 14px;
	text-transform:uppercase;
}

/*Menu Sup Hr*/
nav#menu_sup_hr  {
	width:100%;
	margin-bottom:10px;
}
	nav#menu_sup_hr ul {
		list-style: none;
		text-align: center;
	}
	
		nav#menu_sup_hr ul li {
			display: inline-block;
			vertical-align: top;
			text-transform:uppercase;
			margin: 0 10px;
		}
			nav#menu_sup_hr ul li a {
				display:block;
			}
hr {
	margin-top: 8px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], input[type="submit"], select, textarea {
	font-family:  Verdana, Geneva, sans-serif;
    border: 1px solid Black;
	font-size:11px;
	padding: 2px;
	margin: 2px 0;
}
	input[type="submit"] {
		cursor: pointer;
		text-align:center;
	}
		input[type="submit"]:hover {
			background-color:#DAF562;
		}
section#cargando{
	position: fixed;
	left: 40%;
	top: 20%;
}
section#datos {
	margin-top: 1%;
	padding: 10px;
}
section#galeria {
	text-align:center;
	display: block;
	margin: 0 auto;
	width: 98%;
	padding: 1%;
	border: 1px solid #CCC;
}
/*	section#galeria div {
		margin-right: 5px;
		margin-bottom: 5px;
		display: inline-block;
		position: relative;
		vertical-align: bottom;
	}*/
table {
	border-collapse:collapse;
}
table#lista {
	width: 100%;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid Black;
}
	table#lista th {
		background-color: #EAEAEA;
		font-weight:normal;
		height: 20px;
	}

	table#lista #pie {
		font-size:14px;
		background-color: #EAEAEA;
		text-align: right;
		padding: 20px;
	}
		table#lista #pie #total {
			font-size:14px;
		}
		table#lista #pie #iva {
			font-style:italic;
			font-size:9px;
		}
		
	table#lista th, table#lista td {
		padding:5px;
	}
	table#lista tr {
		border-bottom: 1px dashed #CCC;
	}
	table#lista td#pie div {
		border: 0;
	}
	table#lista td#pie div:hover {
		background:none;
	}
	table#lista td#ref {
		text-align:left;
	}
		table#lista td#ref a {
			text-decoration:none;
			color:#000;
		}
			table#lista td#ref a:hover {
				text-decoration:underline;
			}
	table#lista ul li {
		display:inline-block;
		vertical-align:top;
		padding:2px 5px;
	}
	
table#lista_responsive {
	width: 100%;
	border-collapse:collapse;
}
	table#lista_responsive  td.texto_dia {
		width: 6%;	
	}

table#medidas {
	border-collapse: collapse;
	border:1px solid #CCC;
	text-align: center;
}
	table#medidas td {
		padding:5px;
	}	
	
table#opciones {
	border-collapse: collapse;
	margin-top:8px;
	margin-bottom:10px;
	text-transform:uppercase;
}
td#linea_arbol {
	background-image:url(../imagenes/linea_arbol.png);
	background-repeat: no-repeat;
}
ul {
    margin: 0;
    padding: 0;
}
#checkbox {
	text-align: center;
}
/*CLASES*/
.ancho_10px {
	width:10px;
}
.alto_36px {
	height:36px;
}
.alto_80px {
	height:80px;
}
.ancho_10 {
	width: 10%;
}
.ancho_14 {
	width: 14%;
}
.ancho_18 {
	width: 18%;
}
.ancho_25 {
	width: 25%;
}
.ancho_30 {
	width: 30%;
}
.ancho_36 {
	width: 36%;
}
.ancho_47 {
	width: 47%;
}
.ancho_52 {
	width: 52%;
}
.ancho_60 {
	width: 60%;
}
.ancho_70 {
	width: 70%;
}
.ancho_75 {
	width: 75%;
}
.ancho_80 {
	width: 80%;
}
.ancho_88 {
	width: 88%;
}
.ancho_90 {
	width: 90%;
}
	.ancho_90_mini {
		width: 90%;
		font-size:9px;
	}
.ancho_98 {
	width: 98%;
}
.ancho_100 {
	width: 100%;
}
.ancho_25px {
	width:25px;
}
.ancho_30px {
	width:30px;
}
.ancho_100px {
	width: 100px;
}
.ancho_120px {
	width: 120px;
}
.borde_sup {
	border-top: 1px dashed #DAF562;
}
.borde {
	border: 1px solid Black;
}
.boton {
	border: 1px solid Black;
	padding: 3px 6px;
	cursor: pointer;
	text-align: center;
	cursor: pointer;
	background-color:#EEE; 
}
	.boton:hover {
		background-color:#CCC;
	}
.botonesopciones {
	padding: 5px;
	display:inline-block;
	text-align:center;
	font-size: 9px;
	vertical-align:middle;
}
	.botonesopciones ul {
		list-style: none;
	}
		.botonesopciones ul li {
			text-align:left;
			display: inline-block;
			vertical-align:bottom;
			margin-right: 5px;
			vertical-align:middle;
		}
.botonimagen {
	cursor: pointer;
}
	.botonimagen:hover {
		background-color:#E4E4E4;
	}
.btn_articulo {
	position:absolute;
	top: 0px;
	margin-left: -10px;
}
	.btn_articulo_vinculo {
		display:block;
		cursor:copy;
		padding-bottom:5px;
		padding-top:5px;
		border-bottom:dashed #666666 1px;
	}
	.btn_articulo_vinculo:hover {
		background-color:#D7F35A;
	}
.centro {
	text-align: center;
}

.derecha {
	text-align:right;
	padding-right:10px;
}
.error {
	font-weight:bold;
	color: #FF0000;
}

.fecha, .cod_postal {
	width:80px;
	font-size: 12px;
}
.fondo {
	background-color:#EEE;
}
.fondo_add {
    background-color:#EEE;
}
.fondo_claro {
	background-color: #FCC;
	text-transform: uppercase;
}
.gris {
	color:#CCC;
}
	.gris_oscuro {
		color:#333;
	}
.inline {
	display:inline-block;
	vertical-align: top;
}
.impar {
	background-color: #F9F9F9;
}
.info {
	font-size: 11px;
}
.ir-arriba {
	display:none;
	padding:5px;
	background: #666666;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}	
.izquierda {
	text-align: left;
}
.letra_10px {
	font-size:10px;
}
.letra_normal {
	font-size:12px;
}
.letra_pequena {
	font-size:9px;
}
.letra_grande {
	font-size:13px;
}
.linea_arbol {
	background-image:url(../imagenes/linea_arbol.png);
	background-repeat:no-repeat;
}
.mayus {
	text-transform: uppercase;
}
.menu_selec {
	font-weight: bold;
}
.menu_selec_izda {
	font-weight:bold;
}
.modelo {
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
}
	.modelo_img img {
		max-height:200px;
	}
.mostrar{
	transition: all 0.2s ease;
	display:block;
} 
.muestra_h50 {
	height:50px;
}
.muestra_50 {
	width: 50px;
}
.muestra_100 {
	width: 100px;
	overflow:hidden;
}
.muestra_110 {
	width: 110px;
	overflow:hidden;
}
.negrita_borde {
	font-weight: bold;
	border: 1px solid #666666;
}
.num {
	width: 40px;
}
.num_texto_mini {
	width: 30px;
	font-size:11px;
}
.numero {
	width: 60px;
}
.numero_dibujo {
	border: 1px solid #666;
	width: 50px;
}
.ocultar{
	display:none;
}
/** Mostrar Ocultar Menu **/
.open-hide{
  margin:0;
  background-color: #fff;
  width: 35px;
  height: 35px;
  display: block;
  background-image: url('../imagenes/boton_menu.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
  text-indent: -9999em;
  cursor: pointer;
  display:none;
}
.over_td {
	background-color:#EEE;
}
.rojo {
	color: red;
}
	
.scroll {
	overflow-y: scroll;
}
.situacion {
	font-size: 9px;
	color:#999;
}
.sin_borde {
	border: none;
}
.show{
  background-image: url('../imagenes/boton_cerrar.png');
}
.tabla_2 {
	width: 2%;
	display: inline-block;
}
.tabla_4 {
	width: 4%;
	display: inline-block;
}
.tabla_6 {
	width: 6%;
	display: inline-block;
}
.tabla_8 {
	width: 8%;
	display: inline-block;
}
.tabla_10 {
	width: 10%;
	display: inline-block;
}
.tabla_12 {
	width: 12%;
	display: inline-block;
}
.tabla_14 {
	width: 14%;
	display: inline-block;
}
.tabla_16 {
	width: 16%;
	display: inline-block;
}
.tabla_22 {
	width: 22%;
	display: inline-block;
}
.tabla_46 {
	width: 46%;
	display: inline-block;
}
.tabla_84 {
	width: 84%;
	display: inline-block;
}
.texto_difuminado {
	color:#CCC;
}
.titulo {
	font-size:13px;
}
.titulo_grande {
	font-size: 15px;
	text-align: center;
}
.titulo_transp {
	color: black;
}
.top_40px {
	vertical-align:top;
	margin-top: 40px;
}
.transp {
    background-color: rgba(255,255,255,0.5);
    width: 100%;
    position: absolute;
    padding: 10px 0;
    top: 120px;
    display: none;
    cursor: pointer;
}
/* Estos estilos son para los selecc acompañados de texto */
.w100_h20px {
	width: 100%;
	height:20px;
}
.w25px_h26px {
	width:25px;
	height:26px;
}
/*WEB MUEBLES*/
.muestra_cocina {
	width: 150px;
	height: 100px;
}
.muestra_puerta {
	width: 100px;
	height: 150px;
}
.scroll_muestra50 {
	height: 80px;
	overflow:auto;
}

/*RESPONSIVE*/
@media screen and (max-width:100000px) {
	/*Movil_Ocultar*/
	nav#menu_sup_hr, .icon_menu_sup, .movil_cliente, .movil_listado_presupuestos, .movil_presupuestos, .movil_usuario,.movil_usuario_permiso {
		display: none;
	}
	/*Paginas*/
	article#columna_pag.ancho_36 {
		width: 33%;
	}
	article#columna_pag.ancho_10 {
		text-align:right;
	}
}

@media screen and (max-width:1000px) {
	/*Contenido*/
	article#menus {
    	width: 17%;
	}
	section#administracion {
    	width: 80%;
	}	
	
	/*Header*/
	nav#menu_sup ul li {
		margin: 0 9px;
		font-size: 11px;
	}
	
	nav#botonesderecha {
		width: 25%;
	}
	nav#titulocontenido {
		width: 74%;
	}
	
	/*Paginas*/
	article#columna_pag.ancho_52 {
		width: 44%;
	}
	article#columna_pag.ancho_10 {
		width: 16%;
	}
	
}
@media screen and (max-width:900px) {
	/*Contenido*/
	article#menus {
    	width: 19%;
	}
	section#administracion {
    	width: 78%;
	}
	
	/*Header*/
	header h1#logotipo {
		width: 20%;
	}
	nav#menu_sup {
		width: 59%;
	}
		nav#menu_sup ul li {
			margin: 0 15px;
		}
		nav#menu_sup .icon_menu_sup {
			display: inline;
		}
		nav#menu_sup .texto_menu_sup {
			display: none;
		}
	nav#identificate {
		width:18%;
	}
	
	/*Usuario - Cliente*/
	.movil_usuario, .movil_usuario td, .movil_cliente, .movil_cliente td {
		display:block;
	}
		.movil_cliente li.tabla_8 {
			width: 12%;
		}
		.movil_cliente li.tabla_12 {
			width: 13%;
		}
		.movil_cliente li.ancho_60 {
			width: 56%;
		}
		.movil_cliente li.ancho_18 {
			width: 23%;
		}
	.pc_usuario, .pc_cliente {
		display:none;
	}
}
@media screen and (max-width:800px) {	
	/*Contenido*/
	article#menus {
    	width: 22%;
	}
	section#administracion {
    	width: 75%;
		margin-left: 5px;
		font-size:11px;
	}
	input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], 
	input[type="submit"], select, textarea {
		font-size: 10px;
		min-height: 15px;
	}

	
	/*Header*/
	nav#menu_sup {
		width: 57%;
	}
	nav#identificate {
		width:20%;
	}
	
	nav#botonesderecha {
		width: 28%;
	}
	nav#titulocontenido {
		width: 71%;
	}
	
	/*Paginas*/
	article#columna_pag.ancho_52, article#columna_pag.ancho_36, article#columna_pag.ancho_10 {
		width: 98%;
	}
		 article#columna_pag.ancho_36 {
			 text-align:right;
		}
	
}
@media screen and (max-width:700px) {
	/*Contenido*/
	article#menus {
		width:21%;
	}
		article#menus .icon_menucompleto {
			display:none;
		}
	
	/*Header*/
	nav#menu_sup {
		width: 54%;
	}
		nav#menu_sup ul li {
			margin: 0 10px;
		}
	nav#identificate {
		width:22%;
	}
	
	nav#botonesderecha {
		width: 33%;
	}
	nav#titulocontenido {
		width: 65%;
	}
	
}
@media screen and (max-width:600px) {
	/*Cliente*/
	.movil_cliente li.tabla_8 {
		width: 14%;
	}
	.movil_cliente li.ancho_25, .movil_cliente li.ancho_30, .movil_cliente li.ancho_18, .movil_cliente li.tabla_12 {
		width: 45%;
	}
	.movil_cliente li.ancho_60 {
		width: 96%;
	}
	
	/*Contenido*/
	article#menus {
		width:20%;
		text-align:center;
	}
		article#menus .texto_menucompleto {
			display:none;
		}
		article#menus .icon_menucompleto {
			display: inline;
		}
	
	/*Header*/
	header h1#logotipo {
		width: 30%;
	}
	nav#identificate {
		width:66%;
	}
	nav#menu_sup_hr {
		margin-bottom: 10px;
		display:block;
	}
	nav#menu_sup_hr ul li {
		margin: 0 13px;	
	}
	nav#menu_sup_hr .icon_menu_sup {
		display:inline;
	}
	nav#menu_sup, nav#menu_sup_hr .texto_menu_sup {
		display: none;
	}
	
	/**/
	nav#botonesderecha, nav#titulocontenido {
		width: 100%;
	}
	nav#titulocontenido {
		margin-bottom: 5px;
		text-align:center;
	}
	article#columna.ancho_30 {
		padding:0;
		width:98%;
	}
	article#columna.ancho_47 {
		padding:0;
		width:98%;
	}
	article#columna ul li {
		margin: 2px 0;
	}

@media screen and (max-width:500px) {
	/*Contenido*/
	article#menus, section#administracion {
		width:98%;
	}
		article#menus {
			text-align:left;
			margin-bottom: 5px;
		}
			article#menus .texto_menucompleto {
				display: inline;
			}
}

@media screen and (max-width:450px) {
	/*Cliente*/
	.movil_cliente li.tabla_8, .movil_cliente li.ancho_70, .movil_cliente li.ancho_25, .movil_cliente li.ancho_30 {
		width: 96%;
	}
	
	/*Header*/
	nav#identificate {
		width:65%;
	}
	nav#titulocontenido {
		font-size: 13px;
	}

@media screen and (max-width:450px) {
	/*Header*/
	header h1#logotipo {
		width: 42%;
	}
	nav#menu_sup_hr ul li {
		margin: 0 9px;
	}
	nav#identificate {
		width: 52%;
	}
	
	/*Usuario*/
	.movil_usuario { font-size:11px;}
}