/*
Marrón: #392008
Azul: #08417B
Gris: #CCCCCC
*/

html, body, #contenedor {margin:0; padding:0; height: 100%;}
body > #contenedor {height: auto; min-height:100%; border: 1px solid #CCCCCC; padding-bottom:100px;}
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: 5px 8px; background: #6B513D;
	font-size:12px; font-weight:bold; color: #fff; }

select, textarea, input { font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif; color : #000000; font-size:11px; 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:988px; padding: 0; margin: 0 auto 10px 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:#392008; padding-bottom: 10px; 
	
	background-image: url(../img/bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	
	
	}
	.cab_logo {	float: left; margin-top: 5px; margin-left: 5px; max-height: 90px;}
	#cab_info { float: right; 
	/*padding-top: 20px;*/ 
	padding-right: 10px; 
	text-align:right;
	margin-right: 10px;	
	margin-top:68px;
	}
		#cab_info a { color: #c30; }
		#cab_info a img {vertical-align:bottom; }

#menu { width:986px; background-color:#0060b3; color:#fff; float:left; border:1px solid #0060b3;}

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





#localizador { background: #CCCCCC; padding:5px 5px 5px 15px;  }
	#localizador a, #localizador span { 
		font-weight:normal; font-size:11px; 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:0px; }
	#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: 20px; margin:0 auto; width:95%; position:relative; clear:both;}

/* Home */
#home div { margin: 5px 10px 5px 0px;float: left; border: 1px dotted #0060b3; padding: 11px; }
	#home div h1 { background: none; color:#392008; }
	#home div a { 
		display: inline-block; float: left;
		width:70px; height:45px; border:1px dotted #ccc; margin: 5px; padding:55px 10px 0 10px; text-align:center; /* float: left;  */
		background: no-repeat center 5px; background-image:url(../img/home/no_icon.png); }
	#home div a:hover { text-decoration: none; border:1px solid #fff; color: #3C78C3; }
/*
	#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:14px; }
#listado_titular h2 span { font-weight: normal; font-size:12px; }
#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; }
	#listado_acciones a.botonnuevo { background-image:url(../img/page_add.png); }
	#listado_acciones a.xls { background-image:url(../img/16xls.gif); }
	#listado_acciones a.zip { background-image:url(../img/16zip_new.gif); }
	#listado_acciones a.cron { background-image:url(../img/16sync.png); }
	#listado_acciones a.papelera { background-image:url(../img/trash.gif); }

/* Búsqueda avanzada */
.open_busquedaAvanzada { margin-left: 10px; }
#busquedaAvanzada {	text-align: left; padding: 10px; display: none; }
	#busquedaAvanzada div {margin: 0;}
		#busquedaAvanzada label { width: 100px; display: block; float: left;}
		#busquedaAvanzada input.text { width:200px; }
			#busquedaAvanzada input.text.rango { width:84px; }
		#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; }

		#busquedaAvanzada ul.opciones_busc_relacion { margin-top: 5px; }
			#busquedaAvanzada ul.opciones_busc_relacion li { padding: 3px 3px 3px 6px; border: 1px solid black; display: inline-block; vertical-align: middle; margin-right: 3px;background-color: #c3e3fe; }
				#busquedaAvanzada ul.opciones_busc_relacion li span { vertical-align: middle; }
				#busquedaAvanzada ul.opciones_busc_relacion li img { vertical-align: middle; margin-left: 6px; }
				#busquedaAvanzada table.rango_fechas td { padding: 0; }
				#busquedaAvanzada table.rango_fechas td > * { vertical-align: top; }

/* Buscador listado */
#buscador { background: #f0f0f0; margin-bottom: 10px; padding: 5px; border:1px solid #ccc;}
	.boton_buscar, #busquedaAvanzada .boton_buscar { 
		padding-right: 22px; height: 22px; 
		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:18px; margin-left:5px; vertical-align:top; }
	
/* Tablas */
tbody td {font-size:11px; padding: 5px 0px;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-weight:bold; color: #666; background-color: #CCCCCC; padding:6px; }
		table.listado thead tr td a, table.listado thead tr td a:hover { color: #666 !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:bottom; }
		table.listado tfoot td select, table.listado tfoot td input { height: 22px; 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; }


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: 7px 5px; font-weight: bold; color: #FFF; background-color: #0060b3; }

.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 #CCCCCC; 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: 5px;font-weight: bold; color: #FFF; background-color: #0060b3; 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 {
}
div.gestion_relacion table tr td {border-bottom: none;}

div.gestion_relacion div.linea_check input {vertical-align: middle;}
div.gestion_relacion div.linea_check label {vertical-align: middle;}
div.gestion_relacion table.relchecks { width: 100%; }
div.gestion_relacion table.relchecks tr td {vertical-align: top}

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: 5px 0px 5px 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: #CCCCCC;}

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: #CCCCCC; 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;
}
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: #0060b3; width: 98%;margin-bottom: 10px; }
#contenedor.popup #wrapper div#cabecera_popup p.titular { margin:0; float:left; }
#contenedor.popup #wrapper div#cabecera_popup p.creacion { margin:0; 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:0; left:0; margin:6px 0 0 6px; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; }
.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 #CCCCCC; }
.tabla_busqueda_avanzada td .rango_fechas td { border-bottom: none; }

/* Contenidos desplegables */
#resp_comerciales dt{ width: 930px; margin: 0 auto; padding:5px 5px; border:#0060b3 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: #0060b3; 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 #0060b3; 
	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;
}