/* Globales */

body
{
	background: #333 url("/admin/img/bg.gif") repeat-x;
	color: #333;
	margin: 0;
	padding: 34px 0 0 0;
	font-family: Verdana, serif;
	font-size: 13px;
	text-align: center;
}

#body
{
	float: left;
	background: #fff url("/admin/img/body.gif") repeat-y;
	width: 960px;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	color: #042D57;
	font-family: Verdana, serif;
	font-size: 13px;
}


a.especial{
	color: #042D57;
	font-family: Verdana, serif;
	font-size: 13px;
	text-decoration:none;
	-moz-border-radius: 4px; /* Firefox*/  
	-ms-border-radius: 4px; /* IE 8.*/  
	-webkit-border-radius: 4px; /* Safari,Chrome.*/  
	border-radius: 4px; /* El estándar.*/  
	background-color:#dce3e6;
	padding:4px 10px 4px 8px;
	margin-top:6px;

}

a.especial:hover{
	color:#f1f5f8;
	font-family: Verdana, serif;
	font-size: 13px;
	background-color:#61ABF8;
	padding:4px 10px 4px 8px;
	
}

a.borrar{
	color: #042D57;
	font-family: Verdana, serif;
	font-size: 11px;
	text-decoration:none;
}

a.borrar:hover{
	color:#000000;
	font-family: Verdana, serif;
	font-size: 11px;
	background-color:#FFCFCF;
	padding-bottom:2px;
	border-bottom:2px solid red;
	
}

#olvidar {
	background-color:#E4DCD4;
	color:#333333;
	padding:8px;
	border:2px solid #ce9760;
	-moz-border-radius: 10px; /* Firefox*/  
   	-ms-border-radius: 10px; /* IE 8.*/  
   	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
   	border-radius: 10px; /* El estándar.*/  
	margin-top: 6px;	
	
}
a.olvidar{
	color:#CCCCCC;
}

a.olvidar:hover{
	color:#FFFF66;
	cursor:pointer;
}

.mano {
	cursor:pointer;
    cursor:hand;

}


.botonesHome {
	padding-top:12px;
	padding-bottom:12px;
	padding-left:4px;
	margin-bottom:16px;
	background: #ececec; /* Old browsers */
	background: -moz-linear-gradient(top,  #ececec 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ececec 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ececec 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ececec 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ececec 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}

.botHome {
    background: #ababab; /* Old browsers */
	background: -moz-linear-gradient(top,  #ababab 0%, #dadada 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababab), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ababab 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ababab 0%,#dadada 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ababab 0%,#dadada 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ababab 0%,#dadada 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
	display: inline;
    float:left; 
    cursor: pointer;
    padding: 6px 10px 6px 10px;
    width:116px;
    height:66px;
    text-align: center;
    border:0px;
    font-size:15px;
    line-height: 16px;
    -moz-border-radius: 6px; /* Firefox*/  
	-ms-border-radius: 6px; /* IE 8.*/  
	-webkit-border-radius: 6px; /* Safari,Chrome.*/  
	border-radius: 6px; /* El estándar.*/  
	margin-right:8px;
	margin-left:8px;
	margin-bottom:12px;	
}		

.botHome:hover {
	background: #084e96; /* Old browsers */
	background: -moz-linear-gradient(top,  #084e96 0%, #084079 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084e96), color-stop(100%,#084079)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #084e96 0%,#084079 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #084e96 0%,#084079 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #084e96 0%,#084079 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #084e96 0%,#084079 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084e96', endColorstr='#084079',GradientType=0 ); /* IE6-9 */
}	

.botHome .icoHome {text-align:center; padding-top:3px; padding-bottom:3px; background-color:#a5a5a5;}
.botHome:hover .icoHome { background-color:#084079;}

.botHome span {
  display: table-cell;
  vertical-align: middle;
}

.botHome a { display:block; font-size:14px; color:#565656; text-decoration: none; }
.botHome:hover a { color:#f3f3f3; }


.zonaPlegableTitulo { background-color:#F1F1F1; padding:6px; font-size:15px; font-family: Georgia, Verdana; font-weight: bold; cursor:pointer; }
.zonaPlegable { padding:10px; margin-bottom:10px;  }



#boton_olvidar {
	
		background-color:#FFF;
		padding: 6px 10px 6px 10px;
		-moz-border-radius: 10px; /* Firefox*/  
   		-ms-border-radius: 10px; /* IE 8.*/  
   		-webkit-border-radius: 10px; /* Safari,Chrome.*/  
   		border-radius: 10px; /* El estándar.*/  
		margin-bottom:10px;
}

h1 {
	margin: 0px;
	padding: 0px;
	font: Bold 24px Helvetica;
	color: #3d6eaf;
	margin-bottom: 20px;
}

h1 span {
	color: #d82f4d;
}

h2 {
	font: Normal 16px Georgia;
	color:#333399;
	margin: 0px;
	padding-bottom:5px;
	font-weight:bold;
}

h2 a {
	color: #777;
	text-decoration: none;
	border-bottom: solid 1px #e4e4e4;
}
	
h2 .dark {
	color: #777;
}

h2 small {
	margin-left: 5px;
	font: normal 11px 'Lucida Grande', helvetica;
}

h2 small a {
	border: none;
	color: #999;
	text-decoration: underline;
}

h3 {
	color:#999999;
	margin: -3px 0px 6px 0px;
	font: 12px Helvetica, sans-serif;
}

#separador {
	width:100%;
	font: Normal 16px Georgia;
	color:#060;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}	

fieldset {
	background: url('/admin/img/fieldset_bg.gif') top repeat-x;
	border: solid 1px #bdd8e9;
	margin-bottom: 30px;
	margin-top: 15px;
	padding: 10px;
}

 fieldset legend {
		color: #497ac6;
		font: Normal 13px 'Lucida Grande', Verdana, sans-serif;
 }
	
*:focus {
	outline: none;
	outline-width: 0px;
	-moz-outline-width: 0px;
}


   
.text_input {
	border: solid 1px #ccc;
	padding: 5px;
	font: Normal 12px Verdana, sans-serif;
	background: #fff url('/admin/img/input_bg.gif') repeat-x top;
*height:14px; /* Hack para IE7 */
}

select {
	font-family: Verdana, serif;
	font-size: 13px;
	padding: 3px;
}
		
.error {
	font-weight: bold;
	color: #c00;
	font-size: 110%;
}


#formulario_centrado {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 290px;
	height:140px;
	margin-top: -106px; /* Alto /2 + 26 pixeles de la barra inferior */
	margin-left: -140px;
}

#formulario_centrado .titular {
	border: 2px solid #458fd9;
	background-color:#DEEBF5;
	padding:6px;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estándar.*/  
	margin-bottom:6px;
 }

#formulario_centrado .titular_version {
	background-color:#B6D3E9;
}

#formulario_centrado .aviso_error {
	background-color:#C2C2C2;
	border: 2px solid #600;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estándar.*/  
	padding:6px;
	color:#600;
	margin:6px auto 6px auto;
	font-weight:bold;
}

#formulario_night {
	margin: 0 auto 0 auto;
	border: 2px solid #458fd9;
	background-color:#DEEBF5;
	padding:15px;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estándar.*/  
}

.cssRounded {
	-moz-border-radius: 6px; /* Firefox*/  
	-ms-border-radius: 6px; /* IE 8.*/  
	-webkit-border-radius: 6px; /* Safari,Chrome.*/  
	border-radius: 6px; /* El estándar.*/  	
}


.botList_gris {

	background-color:#48484b;
	font-size:10px;
	padding:3px 6px 3px 6px;
	color:#FFF;
	text-decoration:none;
	-moz-border-radius: 6px; /* Firefox*/  
	-ms-border-radius: 6px; /* IE 8.*/  
	-webkit-border-radius: 6px; /* Safari,Chrome.*/  
	border-radius: 6px; /* El estándar.*/  
}


.botList_verde {

	background-color:#4e7c52;
	font-size:10px;
	padding:3px 6px 3px 6px;
	color:#FFF;
	text-decoration:none;
	-moz-border-radius: 6px; /* Firefox*/  
	-ms-border-radius: 6px; /* IE 8.*/  
	-webkit-border-radius: 6px; /* Safari,Chrome.*/  
	border-radius: 6px; /* El estándar.*/  
}



#formulario_night label{
	display:inline;
	width:100px;
	float:left;
	vertical-align:middle;
	line-height:28px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:right;
}

#formulario_night input{
	display:inline;
	float:left;
	margin-bottom:5px;
}

#formulario_night .enviar{
	background-color:#D2E8F2;
	border: 1px solid #333333;
	display:block;
	float:none;
	position:relative;
	top:4px;
	margin:0 auto; /*Centramos el botón*/
	
}

#formulario_night .color{
	width:100%;
	background-color:#CCCCCC;
	height:36px;
	vertical-align:middle;
	text-align:center;
	margin-top:10px;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estándar.*/  
}

/* Round Corners */
        
img.top_left_corner,
img.top_right_corner,
img.bottom_left_corner,
img.bottom_right_corner {
	width: 4px;
	height: 4px;
	position: absolute;
}

img.top_left_corner {
	left: 0px;
	top: 0px;
}

img.top_right_corner {
	right: 0px;
	top: 0px;
}

img.bottom_left_corner {
	left: 0px;
	bottom: 0px;
}

img.bottom_right_corner {
	right: 0px;
	bottom: 0px;
}
	
/* ESTILO DE PAGINACIÓN */	
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	font-family:Tahoma,Helvetica,sans-serif;
	font-size:.85em;
}

div.pagination a {
	border: 1px solid #ccdbe4;
	margin-right:3px;
	padding:2px 8px;

	background-position:bottom;
	text-decoration: none;

	color: #0061de;		
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b55af;
	background-image:none;
	background-color:#3666d4;
	color: #fff;
}
div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	
	font-weight: bold;
	color: #000;
}
div.pagination span.disabled {
	display:none;
}
div.pagination a.next{
	border:2px solid #ccdbe4;
	margin:0 0 0 10px;
}
div.pagination a.next:hover{
	border:2px solid #2b55af;
}
div.pagination a.prev{
	border:2px solid #ccdbe4;
	margin:0 10px 0 0;
}
div.pagination a.prev:hover{
	border:2px solid #2b55af;
}
	
/* FIN PAGINACIÓN */

#container
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#header
{
	height: 110px;
	font-family: Verdana, sans-serif;
	padding: 0 0 0 0;
}

#top
{
	background: url("/admin/img/top.png") no-repeat;
	height: 162px;
}



p
{
	margin: 0;
	padding: 0;
}

.contenido
{
	padding: 16px 20px 20px 20px;
}

.red
{
	font-size: 42px;
	color: #d82f4d;
	font-weight: bold;
}

.blue
{
	font-size: 42px;
	color: #3d6eaf;
}

.subHeader
{
	font-size: 14px;
	padding-left:3px;
	font-family: "Tahoma", "Verdana", sans-serif;
}


li
{
	
}

ul
{

}


#footer
{
	clear: both;
	height: 42px;
	color: #3d6eaf;
	background: url("/admin/img/footer.png") no-repeat;
	font-weight: bold;
	font-size:10px;
	padding-top:23px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 54px;
}

#footer a
{
	color: #3d6eaf;
	font-size:10px;
}

.right
{
	float: right;
}




.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #d3d3d3;
	background: #f5f5f5; /* Mostramos un color sólido para los navegadores antiguos */
	background: -moz-linear-gradient(#fcfcfc, #e7e7e7);
	background: -o-linear-gradient(#fcfcfc, #e7e7e7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#e7e7e7)); /* older webkit syntax */
	background: -webkit-linear-gradient(#fcfcfc, #e7e7e7);
	/* Para IE 8. Añadir FF delante del color */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFfcfcfc, endColorstr=#FFe7e7e7)";
	/* Para IE 5.5 - 7. Añadir FF delante del color */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFfcfcfc, endColorstr=#FFe7e7e7);
}


a.ovalbutton{
	display: block;
	float: left;
	font-family: Helvetica, Verdana, Arial;
	font-size: 13px;
	font-weight:bold;
	line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 10px; /* Width of left menu image */
	padding-right: 10px; /* Width of left menu image */
	text-decoration: none;
	background-color:#ccc;
	border-bottom:4px solid #b2b2b2;
}

a.ovalbutton img{
 position:relative; 
 top:3px;
 padding-right:6px;
}


a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #494949; /*button text color*/
}

a.ovalbutton:hover{ /* Hover state CSS */
	background-color:#b2b2b2;
	border-bottom:4px solid #ccc;		
}

a.ovalbutton:hover span{ /* Hover state CSS */
	color: black;
}

a.ovalbutton.verde {
	background-color: #c6e8af;
	border-bottom:4px solid #aadd87;	
}

a.ovalbutton.verde:hover{
	background-color: #aadd87;
	border-bottom:4px solid #c6e8af;
}

a.ovalbutton.naranja {
	background-color: #f6d8a0;
	border-bottom:4px solid #f2c571;
}

a.ovalbutton.naranja:hover{
	background-color: #f2c571;
	border-bottom:4px solid #f6d8a0;
}

a.ovalbutton.azul {
	background-color: #dbe5fb;
	border-bottom:4px solid #adc4f6;
}

a.ovalbutton.azul:hover{
	background-color: #adc4f6;
	border-bottom:4px solid #dbe5fb;
}

a.ovalbutton.rojo {
	background-color: #f5d2cb;
	border-bottom:4px solid #edada0;
}

a.ovalbutton.rojo:hover{
	background-color: #edada0;
	border-bottom:4px solid #f5d2cb;
}

.linkwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #d3d3d3;
	background: #f5f5f5; /* Mostramos un color sólido para los navegadores antiguos */
	background: -moz-linear-gradient(#fcfcfc, #e7e7e7);
	background: -o-linear-gradient(#fcfcfc, #e7e7e7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#e7e7e7)); /* older webkit syntax */
	background: -webkit-linear-gradient(#fcfcfc, #e7e7e7);
	/* Para IE 8. Añadir FF delante del color */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFfcfcfc, endColorstr=#FFe7e7e7)";
	/* Para IE 5.5 - 7. Añadir FF delante del color */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFfcfcfc, endColorstr=#FFe7e7e7);
}

a.linkbutton {
	display: block;
	float: left;
	font-family: Helvetica, Verdana, Arial;
	font-size: 12px;
	font-weight:bold;
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 20px; /* Height of button background height */
	padding-left: 10px; /* Width of left menu image */
	padding-right: 10px; /* Width of left menu image */
	text-decoration: none;
	color:#606060;
	border-bottom:4px solid #b2b2b2;
}

a.linkbutton:hover {
	color:#000;
	border-bottom:4px solid #b2b2b2;
	background-color: #b2b2b2;
}
a.linkbutton.verde {
	border-bottom:4px solid #aadd87;	
}

a.linkbutton.verde:hover{
	border-bottom:4px solid #c6e8af;
	background-color: #c6e8af;
}

a.linkbutton.naranja {
	border-bottom:4px solid #f2c571;
}

a.linkbutton.naranja:hover{
	border-bottom:4px solid #f6d8a0;
	background-color: #f6d8a0;
}

a.linkbutton.azul {
	border-bottom:4px solid #adc4f6;
}

a.linkbutton.azul:hover{
	border-bottom:4px solid #dbe5fb;
	background-color: #dbe5fb;
}

a.linkbutton.rojo {
	border-bottom:4px solid #edada0;
}

a.linkbutton.rojo:hover{
	border-bottom:4px solid #f5d2cb;
	background-color: #f5d2cb;
}

#boton_salir {
	display:inline;
	float:left;
	background-image:url(/admin/img/btSalirOn.jpg); /* Precargamos la imagen del :hover */
}

#boton_salir a {
	display:block;
	background-image:url(/admin/img/btSalirOff.jpg);
	width:91px;
	height:38px;
}

#boton_salir a:hover {
	display:block;
	background-image:url(/admin/img/btSalirOn.jpg);
}


#boton_configuracion {
	display:inline;
	float:left;
	background-image:url(/admin/img/btConfiguracionOn.jpg); /* Precargamos la imagen del :hover */
}

#boton_configuracion a {
	display:block;
	background-image:url(/admin/img/btConfiguracionOff.jpg);
	width:142px;
	height:38px;
}

#boton_configuracion a:hover {
	display:block;
	background-image:url(/admin/img/btConfiguracionOn.jpg);
}

#boton_inicio {
	display:inline;
	float:left;
	background-image:url(/admin/img/btInicioOn.jpg); /* Precargamos la imagen del :hover */
}

#boton_inicio a {
	display:block;
	background-image:url(/admin/img/btInicioOff.jpg);
	width:100px;
	height:38px;
}

#boton_inicio a:hover {
	display:block;
	background-image:url(/admin/img/btInicioOn.jpg);
}

/*  Campo que edición en línea usado en el orden de la galería    */

.edit {
	height:18px;
	width:20px;
}

.edit input{
	font-size:10px;
	padding:1px;
	border:0px;
	width:20px;
	height:18px;
	background-color:#FFC;
	border:1px solid #FC0;
}


/* menu styles */
#jsddm
{	
	margin: 0;
	padding: 0;
	margin-top:1px;
	}

#jsddm li
{	float: left;
	list-style: none;
	font: 14px Tahoma, Arial;
	position: relative;}
	


#jsddm li a
{	display: block;
	/* background: #5ea7f2; */
	padding: 12px 10px;
	text-decoration: none;
	border-right: 1px solid #bcdbfa;
	color: #EAFFED;
	height:16px;
	white-space: nowrap}
	
#jsddm li a.iconoMenu /* Dispone de icono de 16x16 - Separamos el texto del botón a la derecha para que entre el icono */
{	
	padding-left:28px; 
}	

	
#jsddm li a.iconoMenu img /* Icono de 24x24 */
{	
	position: absolute; top:14px; left: 6px;
	
}
	
#jsddm li a.seleccionado {
	background: #0b67c6;
}

#jsddm li a:hover
{	
	background: #084e96;
}
	
#jsddm li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid #2d83da;
	z-index:3000;
}

#jsddm li ul li
{	
	float: none;
	display: inline;
}
	
#jsddm li ul li a
{	
	width: auto;
	background: #3180d2;
	height:12px;
	padding-top:4px;
	padding-left:22px;
	color: #dae5f0;
	text-align:left;
}
		
#jsddm li ul li a.iconoSubmenu
{	
	padding-left:8px;
}
	
#jsddm li ul li a.iconoSubmenu img
{	
	position:relative;
	top:2px;
	left:-3px;
}
	
#jsddm li ul li a:hover
{
		background: #084e96;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
    width: 960px; 
    height:45px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
	width:960px;
	height:42px;
	text-align:center;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* right */
a.prevPanel 	{
	width:28px; 
    height:17px; 
    float:right; 
    background:url(/admin/img/left_dark.png) 0 0 no-repeat; 
    display:block; 
}
a.prevPanel:hover 	{ background-position:0 -17px; }
a.prevPanel:active 	{ background-position:0 -17px; } 


/* left */
a.nextPanel	{
	width:28px; 
    height:17px; 
    float:right; 
    background:url(/admin/img/right_dark.png) 0 0 no-repeat; 
    display:block; 
}
a.nextPanel:hover  	{ background-position: 0 -17px; }
a.nextPanel:active  	{ background-position:0 -17px; }
a.disabled { background-position:0 -34px; }
a.disabled:hover { background-position:0 -34px; }


/* position and dimensions of the navigator */ 
.navi { 
    width:220px; 
    height:20px; 
	display:inline;
	float:left;
	padding-top:1px;
	padding-left:3px;
} 
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url(/admin/img/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}

/* CALENDARIO (datepicker.js) */ 

div.datepicker {
	position: relative;
	font-family: Verdana, serif;
	font-size: 12px;
	width: 218px;
	height: 167px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: #FFFFFF;
	position: absolute;
	border:1px solid #999;
	padding:4px;
}

.datepickerWeek a span {
	color:#0261c2;
	font-size:10px;
	line-height:18px;
}

.datepickerDoW th {
	background-color:#edf5ff;
}


.datepickerBorderT {
	position: absolute;
	left: 0px;
	top: 0;
	right: 0px;
	height: 0px;
}
.datepickerBorderB {
	position: absolute;
	left: 0px;
	bottom: 0;
	right: 0px;
	height: 0px;
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 0px;
	top: 0px;
	width: 0px;
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 0px;
	top: 0px;
	width: 0px;
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	height: 0px;
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
}

.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #666666;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 24px;
	line-height: 16px;
	height: 20px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #abd4fe;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #000;
}
td.datepickerSpecial.datepickerSelected a {
	background: #666666;
}


/* BARRA DE SCROLL */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: white;
}

.vscrollerbar {
	width: 10px;
	background-color: black;
}

.hscrollerbase {
	height: 10px;
	background-color: white;
}

.hscrollerbar {
	height: 10px;
	background-color: black;
}


.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}


.flechaMover {
	width:18px;
	display:inline; 
	float:left;
	color:#CCC;
}

.flechaMover a {
	font-weight:bold;
	text-decoration:none;
	width:12px;
	display:inline;
	color:#600;
}

.flechaMover a:hover {
	color:#FF6;
}

.campoMover {
	display:inline;
	float:left;
	color:#600;
}

.temaNormal img {
	border:2px solid #999;	
	
}

#aviso_grabar {
	background-color:#eef2e5;
	border: 2px solid #c0cfa2;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estándar.*/  
	padding:6px;
	color:#536135;
	margin:26px auto 36px auto;
}

/* Tags  */
.ui-ptags {
	display: block;
}
.ui-ptags-tag-box-container, .ui-ptags-tag-container {
	padding-top:8px;
}
.ui-ptags-tag-box-container {
	margin-bottom: .2em;
}
.ui-ptags-tag {
	float: left;
	margin: 0 .2em .2em;
	padding: .2em .3em;
	font-size:11px;
}
.ui-ptags-tag-text {
	float: left;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.ui-ptags-tag .ui-ptags-tag-remover {
	float: left;
	margin-left: .1em;
}
.ui-ptags-clear {
	height: 0px;
}

/* COLORES GENÉRICOS - LUEGO SE PERSONALIZAN EN LOS TEMAS */

.color_tabla_listado { background-color:#E6E6E6; /* Color de fondo de la tabla ... que será el borde al final */}
.tabla_reborde_listado { border: 1px solid #CCCCCC; /* Reborde de la tabla de los listados */}

.color_cabecera_listado { background-color:#CBE4FD; /*  Color fondo cabecera normal (no marcada) */ }
.color_cabecera_marcada_listado { background-color:#B2D7FC; /* Color fondo cabecera marcada para ordenar */ }
.color_fuente_cabecera_listado, .color_fuente_cabecera_listado a { color:#01305f; /* Color letras cabecera */ }
.color_cebra1_listado { background-color:#E6E6E6; /* Color de las filas impares */ }
.color_cebra2_listado { background-color:#F3F3F3; /* Color de las filas pares */ }
.color_marcado_listado { background-color:#94D3FF; /* Color del elemento seleccionado con el ratón */ }
.color_resaltado_listado { background-color:#FFEB66; /* Elemento resaltado en un listado */ }


.codeBoton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.codeBoton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.codeBoton:active {
	position:relative;
	top:1px;
}


.codeBoton_azul {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.codeBoton_azul:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.codeBoton_azul:active {
	position:relative;
	top:1px;
}


.codeBoton_naranja {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.codeBoton_naranja:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.codeBoton_naranja:active {
	position:relative;
	top:1px;
}

.codeBoton_rojo {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.codeBoton_rojo:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.codeBoton_rojo:active {
	position:relative;
	top:1px;
}


.placeholder {
			border: 1px dashed #4183C4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

		.mjs-nestedSortable-error {
			background: #fbe3e4;
			border-color: transparent;
		}

		ol {
			margin: 0;
			padding: 0;
			padding-left: 30px;
		}

		ol.sortable, ol.sortable ol {
			margin: 0 0 0 25px;
			padding: 0;
			list-style-type: none;
		}

		ol.sortable {
			margin: 4em 0;
		}

		.sortable li {
			margin: 5px 0 0 0;
			padding: 0;
		}

		.sortable li div  {
			border: 1px solid #d4d4d4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border-color: #D4D4D4 #D4D4D4 #BCBCBC;
			padding: 6px;
			margin: 0;
			cursor: move;
			background: #f6f6f6;
			background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );

		}