/*
Marrón: #392008 -> #FF0000
Rojo: #C23E7B
Gris: #C3C1C6
*/

html, body, #contenedor {margin:0; padding:0; height: 100%;}
body > #contenedor {height: 100%; min-height:99%; padding-bottom:0;}
h1, h2, h3, h4, h5, h6 { cursor:default; }
b { font-weight:bold; }
i, em { font-style: italic; }
a { cursor:pointer; }
a:hover { cursor:pointer; }

.boton {background: #f0f0f0; padding: 3px 5px; margin-right: 5px;  border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666;}


h1 { padding: 2px 8px; background: #6B513D;
	font-size:16px; font-weight:bold; color: #fff; }

select, textarea, input { font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif; color : #000000; font-size:16px; border: 1px solid #b9b1aa; }

/* contenedor del contenido en el frame principal */
body {
	font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif;
	font-size: 0.7em; color: #111; }

#contenedor {
	width:99%; padding: 0; margin: 0 auto 0 auto;
	background-color: #FFF; text-align: left; }

/***** CABECERA *****/
#cabecera, #menu, #localizador, #datos { clear: both; }
#cabecera {
	width:100%; margin:0;
	overflow:hidden;
	background-color:#fff; color:#C23E7B; padding-bottom: 10px;
	height: 10%;box-sizing: border-box;	min-height: 95px;
}

#cabecera > a > span {
	color: #C23E7B;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 55px;
	left: 129px;
	background-color: #fff;
}

.cab_logo {	float: left; margin-top: 5px; margin-left: 5px; max-height: 80px;}
#cab_info { float: right;
	line-height: 16px;
	padding-right: 10px;
	text-align:right;
	margin-right: 10px;
	margin-top:59px;
}
#cab_info a { color: #C23E7B; }
#cab_info a img {vertical-align:bottom; }

#menu { width:100%; background-color:#C23E7B; color:#fff; float:left; border:1px solid #C23E7B; height: 4%;box-sizing: border-box;	min-height: 33px;}

.nametag {
background: rgb(194,62,123);
background: rgba(194,62,123, .7);
padding: 5px 20px;
color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 6px;
}

/* Localizador */
#localizador { background: #C3C1C6; padding:5px 5px 5px 15px;  }
	#localizador a, #localizador span {
		font-weight:normal; font-size:16px; padding-left: 16px; color:#333;
		background:url(../../img/menu/arrow_right.gif) no-repeat center left; }
	#localizador a.first { background-image:none; padding-left:3px; padding-right:0; }
	#localizador a:hover { text-decoration: none; color:#666; }

/***** CONTENIDO *****/
/* Login */
#boxlogin { width: 212px; margin:100px auto; }
	#boxlogin label { display:block; line-height:17px; width: 86px; float: left; text-align: left; padding:2px 0;}
	#boxlogin input {padding:2px 0; float: left; width: 119px;}
	#boxlogin br { margin-bottom: 10px; clear:both;}
	#boxlogin .submit { width: 50px; float: right; margin-right: 5px;}

#datos {display:block; padding-top: 12px; margin:0 auto; width:95%; position:relative; clear:both; height: 85%; box-sizing: border-box;	min-height: 618px;}

/* Home */
#home {}
#home div { /*border:1px solid #ccc;*/ margin: 5px 0; float: left; background-color: #ffeeee; margin-right: 20px; border-radius: 5px; padding: 5px;}
	#home div h1 { background: none; color:#C23E7B; }
	#home div a {
		display: inline-block; float: left;
		width:100px; height:26px; border:1px dotted #ccc; margin: 5px; padding:80px 10px 24px 10px; text-align:center;
		background: #fff no-repeat center 8px; background-image:url(../../img/home/no_icon.png); background-size: 60px; font-size: 14px; border-radius: 5px;}
	#home div a:hover { text-decoration: none; border:1px solid #fff; color: #3C78C3; border-radius: 5px; }
/*
	#home div a.t1 { background-image:url(../../img/home/1.png); }
	#home div a.t3 { background-image:url(../../img/home/3.png); }
*/

/***** LISTADO *****/
/* Acciones listado - Botones Nuevo, Exportar a Excel, etc. */
#listado_titular { clear:both; height: 40px; }
#listado_titular h2 { font-weight: bold; font-size:18px; }
#listado_titular h2 span { font-weight: normal; font-size:14px; }
#listado_acciones { clear:both; height: 25px; margin-bottom:5px; }
 #listado_acciones a {
 	background: #f0f0f0; padding: 7px; margin-right: 5px; padding-right:12px; display: block; float: left;
	border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666;}
 #listado_acciones a:hover {border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666;}
 	#listado_acciones a { background-position: 5px center; background-repeat:no-repeat; padding-left:26px; font-weight:bold; font-size:16px; }
	#listado_acciones a.botonnuevo { background-image:url(../../img/page_add.png); }
	#listado_acciones a.xls { background-image:url(../../img/16xls.gif); }
	#listado_acciones a.pdf { background-image:url(../../img/16pdf.gif); }
	#listado_acciones a.papelera { background-image:url(../../img/trash.gif); }
	#listado_acciones div.facturado { float: right; padding-right: 10px; padding-top: 10px; font-size: 18px; }
	#listado_acciones div.facturado span { font-weight: bold; }

/* Búsqueda avanzada */
.open_busquedaAvanzada { margin-left: 10px;font-size:16px; font-weight:normal; }
#busquedaAvanzada {	text-align: left; padding: 10px; display: none; }
	#busquedaAvanzada div {margin: 10px 0;}
		#busquedaAvanzada label { width: 100px; display: block; float: left;}
		#busquedaAvanzada input.text { width:200px; }
		#busquedaAvanzada select{ width: 200px; }
		#busquedaAvanzada a.todos { vertical-align:top; }
		#busquedaAvanzada div.publicacion label { display:inline-block; float: none; width:auto;}
		#busquedaAvanzada div.publicacion label.label { width:100px; display: block; float: left; }
/* Buscador listado */
#buscador { background: #f0f0f0;
margin-bottom: 10px;
padding: 12px 6px;
border: 1px solid #ccc;
margin-top: 10px; }
#buscador b {font-size:16px; font-weight:normal;}
	.boton_buscar, #busquedaAvanzada .boton_buscar {
		padding-right: 22px; height: 30px;
		font-weight: bold; background:url(../../img/search.png) no-repeat right center;
		border-right:1px solid #666; border-bottom:1px solid #666;}
	.input_buscar { width: 250px; height:26px; margin-left:5px; vertical-align:top; font-size:16px; font-weight:normal;}

/* Tablas */
tbody td {font-size:16px; height:30px;vertical-align:middle; }
	tbody td.papelera { text-align:right; }
	tbody td.papelera a { display: block; background:url(../../img/trash.gif) no-repeat right top; width:16px; height:16px; float: right;  }
		tbody td.papelera a span { display:none;}
	tbody td.download a { display: block; background:url(../../img/download.gif) no-repeat right top; width: 16px; height:16px; float: right; }
		tbody td.download a span { display: none; }


/* Tabla listado */
table.listado { width:100%; }
	table.listado thead {border-bottom: 1px solid #3a220f;}
	table.listado thead tr td {font-size:16px; font-weight:bold; color: #fff; background-color: #C23E7B; padding:6px; }
		table.listado thead tr td a, table.listado thead tr td a:hover { color: #fff !important; }
		table.listado thead tr td a:hover { border-bottom:1px dotted #fff; }

table.listado tbody tr td {padding:6px; }

table.listado tfoot{ border-top:1px solid #3a220f; }
	table.listado tfoot td { padding:0; vertical-align:middle; }
		table.listado tfoot td select, table.listado tfoot td input { height: 26px; margin-top: 5px; vertical-align: text-top; }
		table.listado tfoot td input.boton { font-weight:bold; border-right:1px solid #666; border-bottom:1px solid #666; }
	table.listado tfoot td.paginacion { text-align:right; vertical-align:middle; font-size:16px; font-weight:normal;}
        table.listado tfoot td.paginacion a {text-decoration: underline; }
        table.listado tfoot td.paginacion span {font-weight:bold;}


div.open_grupoCampos {
	width: 100%;
	margin: 0 auto;
}

div.open_grupoCampos div.nombreGrupoCampos {
	padding: 7px 5px;
	font-weight: bold;
	color: #FFF;
	background-color: #AAAAAA;
	cursor: pointer;
}


/* Tabla ficha individual */
#form_alta_mod { width: 100%; }
#form_alta_mod_cabecera table {width: 100%;}
#form_alta_mod_cabecera table tr td { padding: 3px 5px; font-weight: bold; color: #000; background-color: #C3C1C6; }

.form_alta_mod_campo { padding: 0px; clear:both; display:block; }

.form_alta_mod_campo table {width: 100%;}
.form_alta_mod_campo table tr td { padding: 7px 5px; border-bottom: 1px solid #C3C1C6; vertical-align:middle; }
.form_alta_mod_campo table tr td.nombreCampo { font-weight: bold; width: 130px; }

.form_alta_mod_campo span.ayuda { background: url(../../img/ayuda.gif) no-repeat; width:18px; height:18px; display:inline-block; }
.form_alta_mod_campo input, .form_alta_mod_campo select { padding: 3px; }
.form_alta_mod_campo input.inputCampoColor { padding: 0; }

#form_alta_mod_pie table {width: 100%;}
#form_alta_mod_pie table tr td { padding: 3px 5px;font-weight: bold; color: #000; background-color: #C3C1C6; text-align:right; }
#form_alta_mod_pie input {margin-left: 20px; padding: 2px 5px;}

#campos_obligatorios {padding: 5px;}

div.gestion_relacion table { width: auto; }
div.gestion_relacion table tr td {border-bottom: none;}

div.contenidos_relacionados { border: 1px solid #d3d3d3; padding: 8px 8px 0px 8px; height: 202px; width: 95%; overflow: auto; overflow-y: scroll}
div.contenidos_relacionados.filas2 { height: 60px !important; }
div.contenidos_relacionados.filas4 { height: 120px !important; }

div.contenidos_relacionados table { width: 100%; }
div.contenidos_relacionados table tr td { border:0px; padding: 0px 0px 0px 5px; margin:0px; border-bottom: 1px dotted #aaa; background-color: #eee; }
div.contenidos_relacionados .boton_ac { width: 21px; }

div.gestion_adjunto {display:block;}
div.gestion_adjunto table tr td {border-bottom: none; padding: 0px;}

div.gestion_adjunto div.ficha_adjunto {border: 1px solid #BBBBBB; float:left; padding: 8px; margin-right: 10px; margin-bottom: 10px;}
div.gestion_adjunto div.ancho_fijo {width: 400px;}
div.gestion_adjunto div.ficha_adjunto table { width: 100%; }
div.gestion_adjunto div.ficha_adjunto table tr td.separacion { padding: 0px 10px 0px 0px; }
div.gestion_adjunto div.ficha_adjunto table tr td.bt_acciones { width: 50px; padding: 0px 0px 0px 10px; border-left: 1px solid #BBBBBB;}

div.gestion_adjunto div.ficha_adjunto div.adjunto_idioma { margin-bottom: 5px; clear: both; }
div.gestion_adjunto div.ficha_adjunto div.adjunto_idioma a img { margin: 0px; vertical-align: middle; }
div.gestion_adjunto div.ficha_adjunto div.adjunto_idioma div.desc_idioma { float:left; width: 50px; display: inline; padding: 3px; background-color: #C3C1C6;}

div.bt_nuevo { clear: both; }

a.nuevo { display: inline-block; width: 16px; height:16px; background:url(../../img/page_add.png) no-repeat center center; margin-right:5px; vertical-align: -4px;}
a.eliminar { display: inline-block; width: 16px; height:16px; background:url(../../img/page_delete.png) no-repeat center center; margin-right:5px;}
a.editar { display: inline-block; width: 16px; height:16px; background:url(../../img/page_edit.png) no-repeat center center; margin-right:5px;}
a.seleccionar_modelo { display: inline-block; width: 16px; height:16px; background:url(../../img/page_white_put.png) no-repeat center center; margin-right:5px; vertical-align: -4px;}
a.previsualizar_modelo { display: inline-block; width: 16px; height:16px; background:url(../../img/page_white_magnify.png) no-repeat center center; margin-right:5px; vertical-align: -4px;}

#div_modelo_respuesta { height: 442px; padding: 0 5px; }

img { border:0}

/* frames de fondo de la aplicación */
.fondo_app {
	background: #fff;
}

/* Form adjuntos */
#tipo_adjunto { clear:both; }
#tipo_adjunto p { margin: 0px 0px 10px 0px;  }
#descripciones p { margin: 0px; }
#titular_ficheros { float:left;	}
#titular_ficheros p { margin: 0px; }
#control_ficheros_idiomas {	float:right; }
#ficheros { clear:both; }
#ficheros div.fichero_idioma { border: 1px solid #BBBBBB; margin-top: 5px;  }
#ficheros div.fichero_idioma div.titular_idioma { background-color: #C3C1C6; width: 100%; padding: 0px;}
#ficheros div.fichero_idioma div.titular_idioma p { margin: 0px; padding:3px;}
#ficheros div.fichero_idioma table { padding: 5px 0px;}
#ficheros div.fichero_idioma table tr td.separacion { padding: 0px 10px; text-align: center; border-right: 1px solid #BBBBBB;}

form {
	margin:0px;
	padding:0px;
}
a {
	color: #000000;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
a.arbol {
	color: #000000;
	font-weight: normal;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

a.posactual {
	color: #000000;
	font-weight: bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

a.cabeceraord {
	color: #FFFFFF;
	font-weight: bold;
}
a.cabeceraord:hover { color: #fff !important; }

a.resaltado {
	background-color : #BBBBBB;
}

.resaltado {
	background-color : #BBBBBB;
}

/*TD.cabecera1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF5500;
	text-decoration: none;
}
TD.cabecera2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
	text-decoration: none;
	background-color : #FFFFFF;
}

TD.cabecera3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	text-decoration: none;
	background-color : #FFFFFF;
}
*/

#mensajeOK {
	background: url(../../img/notice.gif) no-repeat 1em;
	border: 1px solid #b9b1aa;
	margin: 0 0 0 5px;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
}

td.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #452812;
	color: #fff;
	/*border-bottom: 1px inset black;*/
	/*background-image: url("../../img/fondo_titulo.gif");
	background-repeat: repeat-x;
	background-position: bottom left;*/
}



td.nombre_campo {
	font-weight: bold;
}
table.form_alta_mod td {
	border-bottom: 1px solid #D3D3D3;
}

table.form_alta_mod td.multiidioma{
	border:none;
}


table.form_alta_mod img {
	cursor:pointer;
	/*margin-top:3px;*/
	/*margin-bottom:3px;*/
	margin-right:5px;
	text-align:center;

}
table.form_adjunto td{
	border-bottom: 1px solid #D3D3D3;
}



/* pie de listados de contenidos / adjuntos */
td.pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-top: 1px solid #AFAFAF;
}

/* pijama reg 1 */
td.registro1 {
}

/* pijama reg 2 */
td.registro2 {
	border:none;
	background-color : #EEEEEE;
}

td.barra_acciones_listado {
}


select {
	margin-bottom: 5px;
}

.noborder {
	border: none;
}

TD.cabeceraListadoAdjuntos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color : #666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

TD.listadoAdjuntosIdiomaPrincipal1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background-color : #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}


TD.listadoAdjuntosIdiomaPrincipal2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background-color : #EEEEEE;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

TD.listadoAdjuntosIdiomaSecundario1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background-color : #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: #BBBBBB dotted; border-width: 1px 0px 0px 0px;
}

TD.listadoAdjuntosIdiomaSecundario2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background-color : #EEEEEE;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: #BBBBBB dotted;
	border-width: 2px 0px 0px 0px;
}

.selector_visor {
	display:inline;
	text-wrap:none;
	width:400px;
}
.txtsut {
	color:#D0D0D0;
}
.txtsut:hover {
	color:#7b7b7b;
}
.disabledlang {
	background-color:#ffff00;
}

#datos a:hover { text-decoration: none; color: #3C78C3; }


/** POPUP **/
#contenedor.popup { width: auto; min-height:1px; padding-top:20px; }
#contenedor.popup #localizador p { line-height:normal; }
#contenedor.popup #wrapper { padding: 0 10px; }
#contenedor.popup #wrapper div#cabecera_popup { float:left; padding: 5px; font-weight: bold; color: #FFF; background-color: #C23E7B; width: 98%;margin-bottom: 10px; }
#contenedor.popup #wrapper div#cabecera_popup p.titular { margin:0px; float:left; }
#contenedor.popup #wrapper div#cabecera_popup p.creacion { margin:0px; float:right; }

#contenedor.popup form { padding:0 5px; }
#contenedor.popup span.label { width: 70px; float: left; margin: 3px 0;}
#contenedor.popup form input.text { width: 300px; margin: 3px 0; }

#contenedor.popup table tfoot tr td { text-align:right; }



/* AUTOCOMPLETE */
.autocomplete-w1 { background:url(../../img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
.input_autocomplete_usuarios{ width: 250px; }

/* Pantalla de error */
#contenedor_error {
	margin-top: 50px;
}
#caja_error {
	margin: 0 auto;
	width:600px;
	padding: 20px;
	border: solid 2px #FFCCCC;
	text-align:center;
}
#texto_error {
	font-weight: bold;
	padding-bottom: 30px;
	font-size: 14px;
}
#bt_error {
	margin: 0 auto;
	width: 50px;
	padding: 5px 10px 5px 10px;
	background:#F0F0F0;
	border: 1px solid #BBBBBB;
	font-size: 12px;
}

.tabla_busqueda_avanzada { width: 100% }
.tabla_busqueda_avanzada td { border-bottom: 1px solid #C3C1C6; }
.tabla_busqueda_avanzada td .rango_fechas td { border-bottom: none; }

/* Contenidos desplegables */
#resp_comerciales dt{ width: 930px; margin: 0 auto; padding:5px 5px; border:#C23E7B solid 1px; margin-bottom:3px; font-size:12px; background-image:url(../../img/arrow_btm.gif); background-repeat:no-repeat; background-position:99% center;}
	#resp_comerciales dt > a{color: #C23E7B; font-weight:bold;}
#resp_comerciales dd{ width: 930px; margin: 0 auto; padding:15px 20px 25px; font-size:16px; line-height:20px;}


/* Tabs */
div.tabs_idiomas { width: 100%; }
div.tabs_idiomas div.content_idi_pr  {margin-top:10px;}
div.tabs_idiomas div.content_idi_pr > p {display:inline; float:left; margin-right: 10px;}

/* Datepicker */
table.ui-datepicker-calendar tr td { height: inherit;}

table#gest_contrasena { }
table#gest_contrasena tr td.titular { padding-left: 5px;}
table#gest_contrasena tr td { border-bottom: 0px; padding: 0px; height: 13px;}

#checks_permisos table { width:100%; border: 1px solid black;}
#checks_permisos table tr td { text-align:center; border-bottom: 0px;}
#checks_permisos table td.tipos { text-align:left;}
#checks_permisos table td.cabecera { width: 80px; text-decoration:underline;}
#checks_permisos table td.fin_tipo { height: 4px;border-top:3px double black;}
#checks_permisos table td.fila { border-bottom:1px dotted #aaaaaa;}
#checks_permisos table td.seltodos { text-align:right;}

.visible {display:block;}
.invisible {display:none;}

#fondo_atenuado {
	z-index:99;
	position:fixed;
	top:0px;
	left:0px;
	overflow:visible;
	height:100%;
	width:100%;
	background:#000000;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}

#cargando {
	z-index:100;
	position:fixed;
	overflow:visible;
	top:45%;
	left:50%;
	width:400px;
	height:150px;
	margin-top:-150px;
	margin-left:-200px;
	border:1px solid #C23E7B;
	background:#ffffff;
	color:#000000;
	padding:20px;
	text-align:center;
}

#barra_progreso {
	display: none;
	position: absolute;
	top: 0px;
	z-index: 200;
	left: 0px;
	width: 100%;
	height: 100%;
}

#barra_progreso .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	display:block;
	-moz-opacity:0.8 ;
	filter:alpha(opacity: 0.8);
	opacity: 0.8;
	/** IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

}

#barra_progreso .texto{
	position: absolute;
	top: 40%;
	left: 35%;
	width: 300px;
	color: white;
	font-size: 14px;
}

#barra_progreso .loading {
	position: absolute;
	top: 44%;
	left: 39%;
}


div#contenedor.preview_news {
	text-align: center;
	border: none;
	padding-bottom:0px;
}

br { }

/* CORI TEIXELL */

.bt_cabecera_cte {
	float: right;
	margin-right: 10px;
	margin-top: 59px;
	line-height: 16px;
}

.bt_cabecera_cte a {
	color: #fff;
}


/* Caja / Tickets*/
#caja {height: 100%; box-sizing: border-box; }
#caja h2 { padding: 5px 8px; font-size:16px; font-weight:bold; color: #C23E7B; box-sizing: border-box;}
#caja label { padding: 5px; font-size:14px; font-weight:bold; color: #000; }

#caja .caja_izq, #caja .caja_dcha { width:49%; box-sizing: border-box; min-width: 445px;height: 100%;min-height: 608px;}
#caja .caja_izq { float: left; }
#caja .caja_dcha { float: right; }


#caja div.container{ width:100%; border:1px dotted #ccc; position:relative; border-radius: 5px; box-sizing: border-box;}

#caja .caja_izq h2 { height: 4%;  }
#caja .caja_izq div.container{ height: 96%; }

#caja .caja_dcha #categorias {height: 39%; box-sizing: border-box; }
#caja .caja_dcha #categorias h2 { height: 10%; }
#caja .caja_dcha #categorias div.container{ height: 90%; }

#caja .caja_dcha #articulos { height: 61%; box-sizing: border-box; }
#caja .caja_dcha #articulos h2 { height: 7%; }
#caja .caja_dcha #articulos div.container{ height: 93%; }

#caja .caja_izq #cliente_container{ margin: 8px 0; }
#caja .caja_izq #cliente { display:inline; }
#caja .caja_izq #cliente input { font-size: 14px;width: 35%; padding: 3px; border-radius: 5px;}
#caja .caja_izq #cliente img { vertical-align: top; }
#caja .caja_izq #cliente span.info_consulta {margin-left: 5px;}
#caja .caja_izq #cliente_tf { float:right; text-align: right; width: 192px; display:none; }
#caja .caja_izq #cliente_tf input { font-size: 14px; width:50%; padding: 3px; text-align: right; margin-right: 10px; border-radius: 5px;}

#caja .caja_izq #empleados{ clear:both; }
#caja .caja_izq #empleados ul { height: 78px; overflow-y: auto; margin-left: 6px;}
#caja .caja_izq #empleados ul li.sel { background-color: #C23E7B; }

#caja .caja_izq ul.container {  }
#caja .caja_izq ul.container li { display: inline-block; float: left;
    width:62px; height:56px; margin: 5px; border:1px solid #eee; padding:5px 5px 5px 5px; text-align:center;
    background: no-repeat center 0px; cursor:pointer; position: relative; border-radius: 5px;}
#caja .caja_izq ul.container li.sel {border:1px solid #C23E7B; border-radius: 5px;}
#caja .caja_izq ul.container li div.wrapper { width:62px; height: 55px; overflow:hidden}
#caja .caja_izq ul.container li strong { position: absolute; bottom: 0px; left: 0px; text-align: center;}
#caja .caja_izq ul.container li strong.centrado{ width: 72px; height: 36px; overflow-wrap: break-word;
}
#caja .caja_izq ul.container li:hover {border:1px solid #C23E7B;}
#caja .caja_izq ul.container li label {font-size: 12px; font-weight: normal;}

#caja .caja_izq #head_conceptos { position:relative; margin: 5px 8px 0px 8px; border:1px solid #C23E7B; height: 30px; background-color: #C23E7B; border-radius: 5px;}
#caja .caja_izq #head_conceptos table { width: 100%; }
#caja .caja_izq #head_conceptos table th { background-color: #C23E7B; color:#fff; font-size:14px; height: 30px; vertical-align:middle; padding-left: 5px;}

#caja .caja_izq #head_conceptos table th.desc_concep {width: 35%}
#caja .caja_izq #head_conceptos table th.cantidad {width: 13%}
#caja .caja_izq #head_conceptos table th.pvp {width: 14%;}
#caja .caja_izq #head_conceptos table th.subtotal {width: 14%;}
#caja .caja_izq #head_conceptos table th.empleado {width: 14%;}
#caja .caja_izq #head_conceptos table th.accion {width: 10%;}

#caja .caja_izq #conceptos { position:relative; margin: 0px 8px 5px 8px; border:1px solid #C23E7B; height: 240px; overflow-y:auto; background-color: #eee; border-radius: 5px;}
#caja .caja_izq #conceptos table { width: 95%; }
#caja .caja_izq #conceptos table td { font-size:16px; height: 38px; vertical-align:middle; padding-left: 5px; }
#caja .caja_izq #conceptos table tr.pijama { background-color: #fff; }

#caja .caja_izq #conceptos table td.desc_concep {width: 41%}
#caja .caja_izq #conceptos table td.cantidad {width: 10%}
#caja .caja_izq #conceptos table td.pvp {width: 15%;}
#caja .caja_izq #conceptos table td.subtotal {width: 15%;}
#caja .caja_izq #conceptos table td.empleado {width: 14%;}
#caja .caja_izq #conceptos table td.accion {width: 5%;}

#caja .caja_izq #conceptos table td.pvp input {width: 50px; font-size: 16px; text-align: right; padding: 3px;border-radius: 5px;}
#caja .caja_izq #conceptos table td.accion img {width: 20px;}

#caja .caja_izq #conceptos .cargando { display:none; position:absolute; border-radius: 5px; top:0px; left:0px; width: 100%; height: 240px; background-color: #000000; z-index: 10; -moz-opacity:0.25;filter:alpha(opacity: 0.25);opacity: 0.25;}
#caja .caja_izq #conceptos .cargando img { top: 110px; position: absolute; left: 50%; margin-left: -62px;}


#caja .caja_izq #totales { padding: 7px 0px;}
#caja .caja_izq #totales span.euro { font-size:14px; font-weight:bold; padding-left: 4px; }
#caja .caja_izq #totales ul.baseiva { width: 23%; float: left; }
#caja .caja_izq #totales ul.baseiva li { padding: 5px 5px 5px 0px; }
#caja .caja_izq #totales ul.baseiva li label { width: 36px; display: inline-block; }
#caja .caja_izq #totales ul.baseiva li input { width: 55px; font-size:14px;  padding: 3px 5px 3px 3px; text-align: right;border-radius: 5px;}

#caja .caja_izq #totales .total { margin-right: 10px; float: right;}
#caja .caja_izq #totales .total label {font-size: 40px; vertical-align: sub; display: inline-block;}
#caja .caja_izq #totales .total input {font-size: 40px;  height: 55px;width: 126px; padding: 3px 5px 3px 3px; text-align: right;border-radius: 5px;}
#caja .caja_izq #totales .total span.euro {font-size: 32px;}

#caja .caja_izq #totales ul.cambio {float: right; padding-right: 15px; padding-top: 10px;padding-bottom: 16px;}
#caja .caja_izq #totales ul.cambio li { padding: 5px 5px 5px 0px; text-align: right;}
#caja .caja_izq #totales ul.cambio li label { font-size:20px; }
#caja .caja_izq #totales ul.cambio li input { font-size:20px; width: 60px; padding: 3px 5px 3px 3px; text-align: right;border-radius: 5px;}

#caja .caja_izq #botones-accion {width: 98%;clear: both;margin: 0 auto;}
#caja .caja_izq #botones-accion ul {  }
#caja .caja_izq #botones-accion ul li { display: inline-block; float: left;
		width:33.3%; box-sizing: border-box; height:74px; margin: 5px 0px; border:1px solid #fff; padding:55px 0px 0px 0px; text-align:center;
		background: no-repeat center 0px; cursor:pointer; border-radius: 5px;}
#caja .caja_izq #botones-accion ul li:hover {border:1px solid #C23E7B; border-radius: 5px;}
#caja .caja_izq #botones-accion ul li label {font-size: 12px; font-weight: normal;}
#caja .caja_izq #botones-accion ul li.eliminar { background-image:url(../../coriteixell/img/eliminar.png); }
#caja .caja_izq #botones-accion ul li.invitar { background-image:url(../../coriteixell/img/invitar.png); }
#caja .caja_izq #botones-accion ul li.efectivo { background-image:url(../../coriteixell/img/efectivo.png); }
#caja .caja_izq #botones-accion ul li.tarjeta { background-image:url(../../coriteixell/img/tarjeta.png); }

#caja .caja_dcha #articulos div.container { /*height: 342px;*/ }

#caja .caja_dcha ul.container {  }
#caja .caja_dcha ul.container li { display: inline-block; float: left;
		width:78px; height:82px; margin: 5px; border:1px solid #eee; padding:5px 10px 5px 10px; text-align:center;
		background: no-repeat center 0px; cursor:pointer; position: relative; border-radius: 5px;}
#caja .caja_dcha ul.container li.sel {border:1px solid #C23E7B; border-radius: 5px;}
#caja .caja_dcha ul.container li div.wrapper { width:82px; height: 60px; overflow:hidden}
#caja .caja_dcha ul.container li strong {
	position: absolute;
	bottom: 5px;
	width: 100px;
	left: 2px;
	text-align: center;
    font-size: 10px;
}

#caja .caja_dcha ul.container li strong.centrado{
width: 80px;
height: 58px;
padding-left: 12px;
overflow-wrap: break-word;
}
#caja .caja_dcha ul.container li:hover {border:1px solid #C23E7B;}
#caja .caja_dcha ul.container li label {font-size: 12px; font-weight: normal;}

#caja .caja_dcha #categorias ul { height: 100%; overflow-y: auto; }

#caja .caja_dcha #articulos .cargando { display:none; position:absolute; border-radius: 5px;top:0px; left:0px; width: 100%; height: 100%; background-color: #000000; z-index: 10; -moz-opacity:0.25;filter:alpha(opacity: 0.25);opacity: 0.25;}
#caja .caja_dcha #articulos .cargando img { top: 50%; position: absolute; left: 50%; margin-left: -62px;margin-top: -7px;}

#caja .caja_dcha #articulos ul { height: 100%; overflow-y: auto; }
#caja .caja_dcha #articulos h3 {font-size: 12px;padding: 5px 0px 5px 15px;}
#caja .caja_dcha #articulos ul.container li { height:92px; }

#sdkcover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color: #000000;
	z-index: 10;
	-moz-opacity:0.6 ;
	filter:alpha(opacity: 0.6);
	opacity: 0.6;
	/** IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

}

.ventana {
	display:none;
	position: fixed;
	background-color: #ffffff;
	color: #523737;
	z-index: 20;
	border: 1px solid #C23E7B;
	padding: 25px;
	left: 50%;
	top: 50%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	transform: translate(-50%, -50%);
	/** IE9 */
	-ms-transform: translate(-50%, -50%);
    max-width: 500px;
}

.ventana .cerrar {
	position: absolute;
	right:5px;
	top: 5px;
	cursor:pointer;
	font-family: arial;
	font-size:12px;
  background-image: url(../../coriteixell/img/menu-close.png);
  width:30px;
  height:30px;
  content:"";
}

.ventana .titular {
	font-weight: bold;
    color: #25356e;
	margin: 0px 0px 10px 0px;
	font-family: Helvetica, Arial, sans-serif;
    font-style: italic;
	font-weight: 900;
	line-height: 26px;
    font-size: 18px;
}

.ventana .texto {
  margin: 0px 0px 10px 0px;
  min-width: 250px;
  font-weight: bold;
}

.ventana .btn {
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	background-color: #C23E7B;
	margin: 7px 0px;
	font-family: Helvetica, Arial, sans-serif;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  border: none;
}

/* RESUMEN FACTURACION */

#resumen_facturacion strong {font-size:18px;}
#resumen_facturacion label {line-height: 16px; font-size:16px;}
#resumen_facturacion > div.ocultable { padding: 15px 15px; border: 1px solid #ee8888; border-radius: 5px; border-top-left-radius: 0;background-color: #fff9f9;}

#filtro_empleados ul { height: 78px; overflow-y: auto; margin-left: 6px;}
#filtro_empleados ul li.sel { background-color: #C23E7B; }
#filtro_empleados ul.container {  }
#filtro_empleados ul.container li { display: inline-block; float: left;
    width:62px; height:56px; margin: 5px; border:1px solid #eee; padding:5px 5px 5px 5px; text-align:center;
    background: no-repeat center 0px; cursor:pointer; position: relative; border-radius: 5px;}
#filtro_empleados ul.container li.sel {border:1px solid #C23E7B; border-radius: 5px;}
#filtro_empleados ul.container li div.wrapper { width:62px; height: 55px; overflow:hidden}
#filtro_empleados ul.container li strong { position: absolute; bottom: 0px; left: 0px; text-align: center;}
#filtro_empleadosul.container li strong.centrado{ width: 72px; height: 36px; overflow-wrap: break-word;
}
#filtro_empleados ul.container li:hover {border:1px solid #C23E7B;}
#filtro_empleados ul.container li label {font-size: 12px; font-weight: normal;}

#resumen_facturacion img.ui-datepicker-trigger {width: 22px; vertical-align: top;}
#resumen_facturacion div.boton_tipo_filtro {
	background-color: #fff9f9;
	border-radius: 5px;
	border-top: 1px solid #ee8888;
	border-right: 1px solid #ee8888;
	border-left: 1px solid #ee8888;
	padding: 10px 20px;
	margin-top: 0px;
	margin-right: -1px;
	font-size: 14px;
	cursor: pointer;
	width: 116px;
	text-align: center;
	float: left;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#resumen_facturacion div.boton_tipo_filtro.sel {
	background-color: #ffbbbb;
}

#filtro_fechas table {
	width: 455px;
	display: inline-block;
	height: 20px;
}

#importes_resumen_facturacion {
	background-color: #fff9f9;
	font-size: 16px;
	padding: 20px;
	border: 1px solid #ee8888;
	border-radius: 5px;
}

#importes_resumen_facturacion a.descarga_resumen { float: right !important; }

#importes_resumen_facturacion h3 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	text-decoration: underline;
}

#importes_resumen_facturacion > p {
	font-size: 16px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#resumen_datos {
    width: 60%;
    vertical-align: top;
}

#resumen_datos tr td {
    vertical-align: top;
}

#detalle_servicios {
	margin-left: 20px;
	font-size: 12px;
	border: 1px solid #ee8888;
	width: 90%;
}

#detalle_servicios.modelos td {
	font-size: medium;
}

#detalle_servicios th {
	background-color: #ffbbbb;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

#detalle_servicios tr {
	background-color: #eeeeee;
}

#detalle_servicios tr.align_top td {
	vertical-align: top;
}

#detalle_servicios td {
	font-size: 12px;
	padding: 10px 5px;
	height: inherit;
}

#detalle_servicios tr.pijama {
	background-color: #FFFFFF;
}

#detalle_servicios td ul {
	font-size: 10px;
	margin-top: 5px;
	margin-left: 15px;
	color: #d48d20;
	font-weight: normal;
}

#detalle_servicios td strong.mes, #detalle_servicios td strong.total {
	text-decoration: underline;
	line-height: 18px;
}

#detalle_servicios td strong.total {
	font-size:14px;
}

#detalle_servicios table.detalle_clientes {
	width: 95%;
	border: 1px solid #ffbbbb;
}

#detalle_servicios table.detalle_clientes tr {
	background-color: #fff9f9;
    border-bottom: 1px solid #ffbbbb;
}

#detalle_servicios table.detalle_clientes td {
	font-size: 10px;
	padding: 5px;
	height: inherit;
}

#detalle_servicios table.detalle_clientes td ul.detalle_empleado li {
    display:inline;
}

#detalle_servicios table.detalle_clientes td strong{
	font-size: 11px;
}

#detalle_servicios table.detalle_clientes td strong.empleado {
    color: blue;
}

@media only screen and (max-height: 770px){
    #caja .caja_izq #conceptos { height: 130px; }
}

@media only screen and (max-width: 975px){
	#caja .caja_izq, #caja .caja_dcha { height: initial; min-height: 530px;}
	#caja .caja_izq { width:100% }
  	#caja .caja_dcha { float:left; width:100% }
}