@charset "utf-8";
/* CSS Document */

<!-- CSS - Listado Articulo -->
	
		div.listado ul, li, p { list-style:none; padding:0px; margin:0px; }
		
		div.listado .fila a,
		div.listado .fila a:hover,
		div.listado .fila_imagen a,
		div.listado .fila_imagen a:hover {list-style:none; text-decoration: none; }
		
		div.listado .filaSel, 
		div.listado .filaSel a, 
		div.listado .filaSel a:hover{ 
				cursor:default;
		}
		div.listado ul { margin:0px; padding:0px; }
		div.listado ul li { 
				cursor: pointer;
				list-style:none; 
				position:relative; float:left; text-align:center; 
				margin:0px; padding:0px;
		}
		
		/* COLORES */
		
		div.listado{ background-color:#FFF; }
		
		div.listado #titulos{ 
				color: #FFF; background-color:#CCC; 
				border-bottom:1px solid #666; border-top:1px solid #666;
				-moz-text-shadow:0px 1px 1px #000; -webkit-text-shadow: 0px 1px 1px #000; text-shadow:0px 1px 1px #000;
		}
		
		div.listado ul li:hover,
		div.listado .fila a:hover,
		div.listado .filaSel, 
		div.listado .filaSel a, 
		div.listado .filaSel a:hover,
		div.listado .fila_imagen a:hover,
		div.listado .filaSel_imagen, 
		div.listado .filaSel_imagen a, 
		div.listado .filaSel_imagen a:hover{ 
				background-image:url(../../image/editor-select-list.png); background-repeat: repeat-x; background-position:top; 
				
				color:#680e02; 
				-moz-text-shadow:0px 1px 1px #FFF; -webkit-text-shadow: 0px 1px 1px #FFF; text-shadow:0px 1px 1px #FFF;
		}
		
		div.listado fila,
		div.listado fila_imagen { color:#333; }
		
		div.listado ul li,
		div.listado .fila a,
		div.listado .fila_imagen a { 
				background-color:#FFF; color:#666; 
				border-bottom:1px solid #666;
				-moz-text-shadow:0px 1px 1px #CCC; -webkit-text-shadow: 0px 1px 1px #CCC;text-shadow:0px 1px 1px #CCC;
		}
		
		
		div.listado,
		div.listado .fila,
		div.listado .fila_imagen, 
		div.listado ul, 
		div.listado ul li, 
		div.listado #titulos{ width:950px; }
		
		div.listado div{  font-size:14px; }
		
		div.listado .fila,
		div.listado .filaSel,		
		div.listado .fila_imagen,
		div.listado .filaSel_imagen{ height:auto; }
		
		div.listado #titulos{ height:20px; }
		div.listado .titulo{ font-weight: bold; font-size:11px; }
		
		div.listado #contenido{width:970px; height:100%; overflow-x: auto;}
		
		div.listado .id, div.listado .text, div.listado .numerico, div.listado .fecha, div.listado .imagen{
			float:left; padding: 2px 4px 2px 4px; height:auto; margin:auto; text-align: center; font-size:15px;
		}
		div.listado .id{ width:50px; }
		div.listado .text{ width:100px; text-align:left;}
		div.listado .numerico{ width:80px; text-align:right; }
		div.listado .fecha{ width:70px; }
		div.listado .imagen{ width:120px; }
		
		
/*======================================================================================================================*/		
/*======  LISTADO PAGINADOR  ===========================================================================================*/			
/*======================================================================================================================*/			
		
		.paginador { width:950px; position:relative; float:left; text-align:center;  margin:30px 0px 10px 0px;  
		/*border-top: 1px solid #ced1d0; border-bottom: 1px solid #ced1d0;*/
		}
		.paginador a{ color:#fff; /* background:#999; */ 
			background-image:url(../../image/section-button_bg_off.png); background-position: center; background-repeat: repeat-x;
			font-size:11px; font-weight:bold; padding:5px 10px 5px 10px; text-decoration:none;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		}
		.paginador a:hover{ /*background:#737373;*/ 
			background-image:url(../../image/section-button_bg_on.png);  background-position: center; background-repeat: repeat-x;
		}
		.paginador a.old { /*background:#cbcbcb; */
			background:#feb9b9;
		}
		
/*======================================================================================================================*/		
/*====== LISTADO DE ACCIONES ===========================================================================================*/			
/*======================================================================================================================*/			

		div#listado_acciones{ 
			position: fixed; z-index:1; right: 0px; top:150px; 
			margin:0px; padding:0px; text-align:right; 
		}
		div#listado_acciones ul, li {list-style:none; padding:0px; margin:0px; text-align:left; }
		div#listado_acciones li{ 
			cursor: pointer; font-size:14px; font-weight:normal;
			margin:4px 0px 4px 0px; padding:4px 40px 4px 10px; 
			background-image:url(../../image/section-button_bg_off.png); background-position: center; background-repeat: repeat-x;
			color:#FFF; /* background-color:#333; */ text-decoration: none; 
			-moz-text-shadow:0px 1px 1px #f8ad1d; -webkit-text-shadow: 0px 1px 1px #f8ad1d; text-shadow:0px 1px 1px #f8ad1d;
			-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px; border-bottom-left-radius: 5px;
		}
		div#listado_acciones li:hover{ 
			background-image:urlurl(../../image/section-button_bg_on.png);  background-position: center; background-repeat: repeat-x;
			-moz-text-shadow:0px 1px 1px #f8ad1d; -webkit-text-shadow: 0px 1px 1px #f8ad1d; text-shadow:0px 1px 1px #f8ad1d;
		}
		#filtro_estado{width:930px; height:25px; text-align:right; padding:0px 0px 10px 0px; border-bottom:1px solid #000000; margin:0px 10px 10px 10px;}
		div#filtro_estado select{ border:1px solid #999; float:none;}
		.tip{
			padding: 10px;
			display: none;
			position: absolute;
			min-width: 200px;
			
			color: #666666;
			background-color: #EFEFEF;
			border:1px solid #CCC; 
			-moz-box-shadow: 1px 1px 2px 2px #D3D3D3; 
			-webkit-box-shadow: 3px 3px 4px #D3D3D3; 
			box-shadow: 3px 3px 4px #D3D3D3; 
		}
		
/*======================================================================================================================*/		
/*======== VENTANA MODAL ===============================================================================================*/			
/*======================================================================================================================*/			
	/* Ventana Modal - Style*/  /* Overlays */
	.ui-widget-overlay { 
		background: #FFDFBF /*{bgColorOverlay}*/; 
		opacity: .7;
		filter:Alpha(Opacity=70)/*{opacityOverlay}*/; 
	}
	#dialog{	
		background-color:#efefef;		

		-moz-box-shadow: 1px 1px 2px 2px #D3D3D3; 
		-webkit-box-shadow: 3px 3px 4px #D3D3D3; 
		box-shadow: 3px 3px 4px #D3D3D3; 
		-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#D3D3D3)'; 
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D3D3D3');

		/*border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-o-border-radius: 15px;
		-ms-border-radius: 15px; */
	}
	.ui-widget-shadow { 
		margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; 
		padding: 8px/*{thicknessShadow}*/; 
		background: #aaaaaa/*{bgColorShadow}*/ url(../image/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; 
		opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; 
		-moz-border-radius: 0px; /*8px;/*{cornerRadiusShadow}*/ 
		-khtml-border-radius: 0px; /*8px;/*{cornerRadiusShadow}*/ 
		-webkit-border-radius: 0px; /*8px;/*{cornerRadiusShadow}*/ 
		border-radius: 0px; /*8px;/*{cornerRadiusShadow}*/ 
	}
	/* Corner radius */
	.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { 
		-moz-border-radius-topleft: 0px; /*4px;/*{cornerRadius}*/ 
		-webkit-border-top-left-radius: 0px; /*4px;/*{cornerRadius}*/ 
		-khtml-border-top-left-radius: 0px; /*4px;/*{cornerRadius}*/ 
		border-top-left-radius: 0px; /*4px;/*{cornerRadius}*/ 
	}
	.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { 
		-moz-border-radius-topright: 0px; /*4px;/*{cornerRadius}*/ 
		-webkit-border-top-right-radius: 0px; /*4px;/*{cornerRadius}*/ 
		-khtml-border-top-right-radius: 0px; /*4px;/*{cornerRadius}*/ 
		border-top-right-radius: 0px; /*4px;/*{cornerRadius}*/ 
	}
	.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { 
		-moz-border-radius-bottomleft: 0px; /*4px;/*{cornerRadius}*/ 
		-webkit-border-bottom-left-radius: 0px; /*4px;/*{cornerRadius}*/ 
		-khtml-border-bottom-left-radius: 0px; /*4px;/*{cornerRadius}*/ 
		border-bottom-left-radius: 0px; /*4px;/*{cornerRadius}*/ 
	}
	.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { 
		-moz-border-radius-bottomright: 0px; /*4px;/*{cornerRadius}*/ 
		-webkit-border-bottom-right-radius: 0px; /*4px;/*{cornerRadius}*/ 
		-khtml-border-bottom-right-radius: 0px; /*4px;/*{cornerRadius}*/ 
		border-bottom-right-radius: 0px; /*4px;/*{cornerRadius}*/ 
	}
	#ui-datepicker-div{
		font-size:14px;
		color:#333;
	}
	.ui-state-highlight, 
	.ui-widget-content 
	.ui-state-highlight, 
	.ui-widget-header 
	.ui-state-highlight {
		border: 1px solid #C60000/*#fcefa1/*{borderColorHighlight}*/; 
		background: #FFCECE/*#fbf9ee/*{bgColorHighlight}*/ url(../image/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; 
		color: #363636/*{fcHighlight}*/; 
	}
	.ui-datepicker-year,
	.ui-datepicker-month{  
		font-size:14px; 
		color:#333; 
	}
	.ui-dialog-titlebar{ background-image:none; }
	.ui-widget-header { 
		border: 0px; 
		background: none; /*-- #FFF; */
		font-weight: normal;/*bold;*/
		font-size: 13px;
		color: #8B8B8B; 
	}
	.ui-widget-header a { color: #8B8B8B;  }
	
	.ui-dialog-title{ 
		font-size: 16px;
		font-weight: normal;
		color: #8B8B8B; 
		padding:5px 0 0px 10px;
		-moz-text-shadow:0px 1px 1px #C8C8C8; -webkit-text-shadow: 0px 1px 1px #C8C8C8; text-shadow:0px 1px 1px #C8C8C8;
	}
	#ventana_modal{
		background:none;
		overflow:hidden;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.ui-widget-overlay {
	   position: fixed; /* <---------- */
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
	}
	.ui-widget-content{ background:none; }	
	.ui-dialog-buttonpane{ background-color:#FFF;}
	#ui-datepicker-div{background-color:#FFF;}
	
	.ui-progressbar .ui-progressbar-value { background-image: url(../image/pbar-ani.gif); }
	.ui-menu-item {background-color:#FFF;}
  
/*======================================================================================================================*/		
/*======== "FORMS" - INPUTS ============================================================================================*/			
/*======================================================================================================================*/			
center{ width:98%;}
form{ position:relative; height:auto; width:98%;  }

ul.form { position:relative; float:left; padding:0 2%; width:96%; height:auto; font-size:16px; }
ul.form li.campo { position:relative; float:left; width:100%; height:auto; padding:5px 0px 5px 0px; text-align:left; }
ul.form li.campo_medio { position:relative; float:left; width:47%; padding:5px 10px 5px 0px; text-align:left;}
ul.form li.formImagen{ 
	position:relative; float:left; width:99%; margin:auto; height:auto; border:1px solid #CCC; overflow:auto;
	/*-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;  */
	-moz-box-shadow: 1px 1px 2px 2px #D3D3D3; -webkit-box-shadow: 3px 3px 4px #D3D3D3; box-shadow: 3px 3px 4px #D3D3D3; 
}
ul.form li span{ position:relative; float:right; }

select { height:25px; vertical-align:middle; }
input { height:25px; }
select,
textarea, 
input[type=text], 
input[type=file],
input[type=submit], 
input[type=button]{
	position:relative;
	width:99%;
	padding:3px 5px 3px 5px;
	font-size:14px;
	color: #666;
	border:none;
	box-shadow:inset 0px 2px 2px #c9c9c9;
	border-color:#e9e9e9; 
	font-family:GillSansMTProBook,'Roboto Condensed', "Trebuchet MS";
}
textarea{ 
	width:99%; 
	min-width:99%; 
	max-width:99%;
	height:auto;
	padding:2px 0px 2px 1px;
	overflow:inherit;
}

input[type=submit], input[type=button]{ padding:4px 5px; }
.ui-dialog .ui-dialog-buttonpane button,  
input[type=submit], input[type=button]{ float:none;box-shadow:none; margin: 10px; cursor: pointer; background: url(../../image/section-button_bg_off.png) repeat-x center; color: #FFF;  border:0px;  
	font-family:GillSansMTProBook,'Roboto Condensed', "Trebuchet MS"; font-size:16px; }
.ui-dialog .ui-dialog-buttonpane button:hover, 
 input[type=submit]:hover, input[type=button]:hover{ background:url(../../image/section-button_bg_on.png) repeat-x center;}

.redactor_box{ 
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; 
}

.datos_archivos{ width:auto; padding:10px 0px 0px 25px; height:auto; } 
.msj_carga{ 
	width:auto; padding: 20px 85px; 
	margin:0;
	background-color: #FFF;
	position: absolute; z-index:10; 
	top: 20px; left:160px; 
	font-weight:bold;
	font-size:12px;
	color:#CCC;
	border: 1px solid #CCC;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px; 
}
#form_upload_process{
   z-index:90;
   position:absolute;
   visibility:hidden;
   text-align:center;
   width:400px;
   margin:auto;
   background-color:#fff;
   border:1px solid #ccc;
}

/*======================================================================================================================*/		
/*======== "FORMS" - ERRORES  ===============================================================================================*/			
/*======================================================================================================================*/			

.error{
    background-color: #b92020;
    border-radius: 4px 4px 4px 4px;
    color: white !important;
    font-weight: bold;
	text-shadow:none;
    padding: 4px 0 4px 12px;
    position: absolute;
	right:0px;
	top:0px;
	text-align:left;
	width:180px;
	z-index:9999
}
.error:before{
    border-color: transparent #b92020 transparent transparent;
    border-style: solid;
    border-width: 6px 8px;
    content: "";
    display: block;
    height: 0;
    left: -16px;
    position: absolute;
    top: 6px;
    width: 0;
	z-index:9999
}

/*======================================================================================================================*/	
/*=================== FORMIMAGEN.PHP ==========================================*/
/*======================================================================================================================*/

/*li#datos_imagenes, li#datos_archivos { width:570px; } */
li#datos_imagenes div{ color:#333; }

li#datos_imagenes .titulo_descripc, 
li#datos_imagenes .titulo_visiblex,
li#datos_imagenes .titulo_portadax,
li#datos_imagenes .titulo_imagenxx, 
li#datos_imagenes .titulo_acciones{
	float:left; height:20px;font-size:11px;text-align:center;border-bottom:1px solid #000000;font-weight:bold; margin-bottom:2px; margin-top:3px;}

li#datos_imagenes .dato_imagenxx, 
li#datos_imagenes .dato_descripc, 
li#datos_imagenes .dato_visiblex,
li#datos_imagenes .dato_portadax,
li#datos_imagenes .dato_acciones{ height:50px; float:left; font-size:9px; }

li#datos_imagenes .titulo_imagenxx, 
li#datos_imagenes .dato_imagenxx { width:15%; }
li#datos_imagenes .descripc,
li#datos_imagenes .titulo_descripc, 
li#datos_imagenes .dato_descripc { width:55%; text-align:left; font-size:11px; }
li#datos_imagenes .titulo_visiblex, 
li#datos_imagenes .dato_visiblex,
li#datos_imagenes .titulo_portadax,
li#datos_imagenes .dato_portadax,
li#datos_imagenes .titulo_acciones,
li#datos_imagenes .dato_acciones { width:10%; text-align:center; }
	
li#datos_imagenes .carga,
li#datos_imagenes .listado{
	margin:0px; 
	background-color:#FFF; width:100%; padding:0px; 
	height:auto;
	text-align:center;
	font-size:12px;
	color: #333;
	overflow:auto;
}
li#datos_imagenes .listado{ padding-top:0px; padding-bottom:0px; }
li#datos_imagenes .carga{
	border:1px solid #CCC; 
	-moz-box-shadow: 1px 1px 2px 2px #D3D3D3; 
	-webkit-box-shadow: 3px 3px 4px #D3D3D3; 
	box-shadow: 3px 3px 4px #D3D3D3; 
}
li#datos_imagenes input[type=text]{
	border-top:0px;
	padding:0 4px 0 4px;
}