@font-face {
    font-family: 'VW Head Office';
    src: url('../font/VWHeadOffice.eot');
    src: url('../font/VWHeadOffice.eot?#iefix') format('embedded-opentype'),
        url('../font/VWHeadOffice.woff') format('woff'),
        url('../font/VWHeadOffice.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {    
    font-family: VW-Bold;
    src: url('../font/VWTextOffice-Bold.eot');
    src: url('../font/VWTextOffice-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/VWTextOffice-Bold.woff') format('woff'),
        url('../font/VWTextOffice-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/*
loading
*/
@-moz-keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
  -moz-animation: spinner-loader 1500ms infinite linear;
  -webkit-animation: spinner-loader 1500ms infinite linear;
  animation: spinner-loader 1500ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
  margin-left:46%;
}


.V   { font-family: 'VW Head Office',Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00B050; font-weight: bold}
.N   { font-family: 'VW Head Office',Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #D7A200; font-weight: bold}
.R   { font-family: 'VW Head Office',Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; font-weight: bold}
.B   { font-family: 'VW Head Office',Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold}

body {line-height: 15.6px!important; margin:0px auto; padding:0px auto; color:#000000; font-family:'VW Head Office',Arial,Verdana; font-size:10px; background:#FFF;  }
//body {margin:0px auto; padding:0px auto; width:1000px; color:#000000; text-align:center; font-family:Arial,Verdana; font-size:10px; background:#FFF;  }
//  width:1000px; hace que los calendarios no salgan correctos
html, body {  }
hr { display: none; }


/* ESTILOS CAJAS GLOBALES. GRID GLOBAL */

#web-pre { }
#web { width:1000px; text-align:left;}
#pcab {  }
#cab { height:74px;}
#scab { clear:both; margin-bottom:1px; height:55px; background: #9AA5B0 url(../img/back_cab.jpg) top left no-repeat;}
#ctd { margin:0px; padding:0px; background: #E6E8E3; margin:0px; padding:0px; }
#ctd .padd {padding-top:15px;}
.filtro {background:#D7DFE0;}
#lat {  }
#dts {  }
#pie { height:20px; margin-top:5px; padding:10px; border:1px solid black; background: #9AA5B0; }


/* ESTILOS PARA LA CABECERA DE LA WEB */
#cab .padd {padding:50px 10px;  background-image: url(../img/fondo_cabecera.jpg)  }
#cab h1 { float:left; margin-right:48px; margin-top:-3px;}
#cab h2 {  float:left; font-size:16px; padding:13px 0px 0px 10px;*padding:19px 0px 0px 10px; }
#cab h3 { float:right; padding-top:16px;*padding-top:20px; }
#cab .aviso { font-size:10px; text-decoration:none; font-weight:bold; color:#D32D42; float:right; margin:100px 320px 0px 0px;}

/* ESTILOS PARA LA SUBCABECERA */
#scab .padd {padding-top:12px;}
#scab ul {margin:0px 0px 0px 149px; padding:0px; border-top:1px solid white; vertical-align:bottom; }
#scab ul li {list-style:none; float:left; margin-left:14px; padding: 13px 0px; font-size:11px; font-weight:bold;}
#scab ul li a {font-size:12px; text-decoration:none; font-weight:bold; }
#scab ul li a:hover {}
#scab .salir {float:right; margin:15px 10px 0px 0px;}
#scab .salir a {font-size:12px; text-decoration:none; padding-bottom:15px; font-weight:bold; color:#000;  }
#scab .salir a:hover {color:#FFF;}
#scab .logoracc {float:right; margin:4px 5px 0px 0px;}
#scab .aviso { color:#D32D42; float:right; margin:4px 300px 0px 0px;}

/* ESTILOS PARA EL PIE DE LA PAGINA */
#pie a { color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; }
#pie a:hover { color:#000; }
#pie ul {margin:0px; padding:0px; }
#pie li {list-style:none; float:left; margin-left:15px;}
#pie .list2 ul {margin:0px; padding:0px; }
#pie .list2 li {list-style:none; color:#FFF; margin-left:15px; padding-left:10px; background: transparent url(../img/bullet_pie.gif) left center no-repeat;}

/* ESTILOS PARA MENUS DE NAVEGACION */
/* ESTILOS PARA LAS PESTA�AS */

  	.listado-carpetas {margin-top:0px; padding: 3px 0px 3px 10px; margin-left: 0px; margin-bottom: 0px; border-bottom: 1px solid #000; font-size: 12px; text-align:left;}
	.listado-carpetas li {list-style: none; margin: 0px; display:inline; }
	.listado-carpetas li a { color: #FFF; padding: 6px 19px 3px 19px; margin-left: 0px;  border: 1px solid #000; border-bottom: none; background: #9AA5B0; text-decoration: none; }
	.listado-carpetas li a:hover { color: #000; background-color: #BFBAAA; }
	.listado-carpetas li.activa a {padding: 6px 19px 3px 19px;  border: 1px solid #000; border-bottom: none; background:#D7DFE0; text-decoration: none; color: #000;  border-bottom: 1px solid #D7DFE0; }
	.listado-carpetas li.activa a:hover {padding: 6px 19px 3px 19px; border: 1px solid #000; border-bottom: none; background:#D7DFE0; text-decoration: none; color: #000;  border-bottom: 1px solid #D7DFE0; }

 	.listado-carpetas2 { margin-top:0px; padding: 3px 0px 3px 10px; margin-left: 0px; margin-bottom: 0px; border-bottom: 1px solid #000; font-size: 12px; text-align:left;}
	.listado-carpetas2 li {list-style: none; margin: 0px; display:inline; margin-right: 3px; }
	.listado-carpetas2 li div { display:inline; color: #FFF; padding: 6px 19px 3px 19px; margin-left: 0px;  border: 1px solid #000; border-bottom: none; background: #9AA5B0; text-decoration: none; }
	.listado-carpetas2 li.activa div { display:inline; padding: 6px 19px 3px 19px;  border: 1px solid #000; border-bottom: none; background:#D7DFE0; text-decoration: none; color: #000;  border-bottom: 1px solid #D7DFE0; }


/* TABLA DE DATOS */
/* Tabla de datos normal */
table.tbl-dts {  width:100%; background:#fff; border:1px solid #000;  margin:0px; padding:0px;  border-collapse:collapse;}
table.tbl-dts caption {  }
table.tbl-dts a {color:#000; text-decoration:underline; }
.tbl-dts th { padding:5px;  margin:0px; border:1px solid #9AA5B0;  background:#9AA5B0; font-size:11px; color:#FFF; font-weight:bold;}						/* Estilos para cabecera de tabla */
.tbl-dts th a { text-decoration:none; color:#FFF; font-family:VW-Bold,'VW Head Office';  padding-left:10px;  background: transparent url(../img/bullet_order.gif) left center no-repeat; }					/* Estilos para enlace sin ordenar en cabeceras de tablas */
.tbl-dts th a:hover { color: #000;  }			/* Estilos para enlace sin ordenar en cabeceras de tablas */
.tbl-dts tr {  border:0px;  padding:0px; }
.tbl-dts td {  border:0px;  border-bottom:1px solid #EBEEE4;  padding:5px; font-size:11px; text-align:center; font-size:10px; }		/* Estilos para los celdas en general */
.tbl-dts td a.pen {color: #FF0000;}
.tbl-dts td a.pen:hover {  }
.tbl-dts td a.acp { }
.tbl-dts td a.acp:hover {  }
.tbl-dts td.par {  }					/* Estilo que se emplea para cambiar el color en filas alternativas */

/* Tabla de datos para basicos */
table.tbl-basic {  border:0px; width:50%; cellspacing:0; cellpadding:0;}
.tbl-basic td { vertical-align: middle; font-size:11px; padding:30px 0px 0px 15px;}						/* Estilos para los celdas en general */
.tbl-basic td a	{ text-decoration:none; color:#000; font-weight:bold;  }
.tbl-basic td a:hover {color:#FFF;}


/* ESTILOS PARA CAJA CON FORMATOS */
/* Caja de Ayuda */
.caj-tit { background:#D7DFE0; padding:20px 30px; font-size:11px; font-weight:bold; border-bottom:1px solid black;}
.caj-tit2 { background:#D7DFE0; padding:20px 30px; font-size:11px; font-weight:bold; }
.caj-tit-padd {  }


/* ESTILO PARA LA PAGINACION */

.pag { float:right; margin:0px; padding:5px; color:#CC0033; }
.pag a { color:#000; text-decoration:none;}

/* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */
.bdc { color:#FFF;  }
.bdc a { color:#000; }
.bdc a:hover { color:#FFF; }



/* Formulario general */
.form {  border:0px;  margin:0px;  font-size:11px; font-family:'VW Head Office'}
.form input { font-family: 'VW Head Office'}
.form fieldset { border:0px; }
.form fieldset legend {  }
.form fieldset .lbl {  }
.form fieldset .lbl-gr {  }
.form fieldset .lbl-md {  }
.form fieldset .lbl-pq {  }
.form fieldset .cps {width:80px;font-size:11px; }
.form fieldset .cps-gr {width: 400px; font-size:11px; }
.form fieldset .cps-md {width:150px; font-size:11px;}
.form fieldset .cps-pq {width:70px; font-size:11px;}
.form fieldset .cps-err {  }
.form fieldset .rad {  }
.form select { font-size: 11px;}
.form fieldset .tex {  }
.form fieldset .tex-gr {  }
.form fieldset .tex-md {  }
.form fieldset .tex-pq {  }
/*.form .btn { overflow: visible; font-size:9px; background:#CBC7BC; margin:0px 2px; padding:2px 1px; color:#000; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #000; border-right:1px solid #000;}*/

/* Dos estilos, porque en el listado de cesiones choca con un estilo del bootstrap */
.form .btn {font-size:12px}
.form .btn1 {font-size:12px}
/*.form .btn:disabled {  }*/
.form .btncal { margin-left:5px; vertical-align:middle; border:0xp; background: transparent url(../img/calendario_icono.gif) no-repeat; width:24px; height:16px; }
.form .obl {  }
.form .avi {  }

/* Tabla de formularios */
table.tbl-form { border:0px; width:100%; cellspacing:0; cellpadding:0;}
table.tbl-form caption {  }
table.tbl-form a {color:#000; text-decoration:underline; }
.tbl-form th { padding:5px;  margin:0px; border:0px;  background:#9AA5B0; font-size:11px; color:#000; font-weight:bold;}						/* Estilos para cabecera de tabla */
.tbl-form th a { text-decoration:none; font-size:11px; color:#000; font-weight:bold; padding-left:10px;  background: transparent url(../img/bullet_order.gif) left center no-repeat; }					/* Estilos para enlace sin ordenar en cabeceras de tablas */
.tbl-form th a:hover { color: #fff;  }			/* Estilos para enlace sin ordenar en cabeceras de tablas */
.tbl-form th a.asc {  }				/* Estilos para enlace rdenar ascendente en cabeceras de tablas */
.tbl-form th a.asc:hover {  }		/* Estilos para enlace ordenar ascendente en cabeceras de tablas */
.tbl-form th a.desc {  }				/* Estilos para enlace ordenar descendente en cabeceras de tablas */
.tbl-form th a.desc:hover {  }		/* Estilos para enlace ordenar descendente en cabeceras de tablas */
.tbl-form tr {  border:0px; padding:0px; }
.tbl-form td {  padding:1px 3px; font-size:12px; }		/* Estilos para los celdas en general */
.tbl-form td.par {  }					/* Estilo que se emplea para cambiar el color en filas alternativas */

/* ESTILOS PARA TEXTO */
.txt {  }		/* Estilo para el texto en general */
.error {color:#cc0033; padding:20px;  }
.error a {color:#cc0033; }
.error a:hover {color:#cc0033;   }			/* Estilo para el texto en general */

.tit { font-size:13px; margin-bottom:10px; font-weight:bold; display:block; height:20px;  border-bottom:1px solid black;  }		/* Estilo para el titulo */


/* ESTILOS PARA IMAGENES */
img { border:0px; }
a.img { }
a.img:hover {  }


/* ESTILOS PARA ENLACES */
a { #000; } /* Enlaces en general */
a:hover {#000; }
a.enl { font-decoration:none; }/* Estilo para enlace */
a.enl:hover {  }


/* ESTILOS PARA LA LINEAS */
.lin-f1 {  }

/* ESTILOS PARA FLOTAR Y ALINEAR */
.flo-izq { float: left; }
.flo-dch { float: right; }
.ali-izq { text-align: left; }
.ali-dch { text-align: right; }
.ali-cen { text-align: center; }
.ali-top { vertical-align: top; }
.ali-btt { vertical-align: bottom; }
.ali-med { vertical-align: middle; }

/* ESTILOS PARA ESPACIOS PADDINGS Y MARGINS */
.padd {  }
.padd-top { padding: 10px 0px 0px 0px; }
.padd-btt { padding: 0px 0px 10px 0px; }
.padd-izq { padding: 0px 10px 10px 0px; }
.padd-dch { padding: 0px 0px 10px 0px; }
.marg {  }
.marg-top { padding: 10px 0px 0px 0px; }
.marg-btt { padding: 0px 0px 10px 0px; }
.marg-izq { padding: 0px 10px 10px 0px; }
.marg-dch { padding: 0px 0px 10px 0px; }

/* ESTILOS PARA LAS ANCHURAS EMPLEADAS EN MAQUETACION */
.an1 {  }	/* Anchura 1 definida */
.an2 {  }	/* Anchura 2 definida */
.an3 {  }	/* Anchura 3 definida */

/* ESTILOS PARA LAS ALTURAS EMPLEADAS EN MAQUETACION */
.al1 {  }	/* Alturas 1 definida */
.al2 {  }	/* Alturas 2 definida */
.al3 {  }	/* Alturas 3 definida */


/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.brr { clear: both; }
.sn-bor { border: 1px solid #FFFFFF; }
.ocu { display: none; }
.con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.con {display:inline-block;}
.con {display:block;}
@media all { .con { display:block; }} /* Para Opera */
/* Hides from IE-mac \*/ * html .con { height: 1%; display:block;} /* End hide from IE-mac */