/************** CSS FILE********************************/
/* CSS V2.0                                             */
/* Developed by Juan Ortega Ulloa (YUO)                */
/* Ministerio de Fomento, Industria y Comercio (MIFIC) */
/* Todos los derechos reservados                       */
/******************************************************/

/*******************************PLANTILLA BASE*************************************************************/
 
 /* Estructuración Principal:
                                             
  HEADER/ENCABEZADO**:     CONTENIDO:                                    FOOTER**:
  * Header                 * Columna LeftOptions**                       * Info. de Actualización
  * BannerRotativo         	 * Miniopciones                
                             * Menu de Navegación                             
                             * Buscador
                           	 * Boletín
                           * Columna Informacion
                           * Columna RightOptions**                
                             
** En el caso del Encabezado, Footer, Columna LeftOptions y Columna RightOptions son parte de la plantilla base, para la implementación de
los sitios desarrollado por terceros, dentro del portal, de esta forma, el único elemento que sufre
modificación es la "Columna Información" donde se alojará los sitios en cuestion, utilizando un arreglo de columnas
de su prefencia.

** Por ningún motivo, salvo a petición de la unidad de informática, se modificará la plantilla base
** Resolución Minima 1204 x 768
** Ancho total del sitio 1001px
 
/*******************************************************************************************************/

/****************************Aspectos Generales*********************************************************/

body {background-image: url(../../imagenes/template/bg.jpg); background-repeat:repeat-y; background-color:#66CCFF; height:100%;font-family:"Lucida Grande",Arial,sans-serif; font-size:74.5%; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; background-color: #66CCFF;}
html{height:100%}

*{ margin:0; padding:0}

div#contenedor {min-height:100%;height:auto;width:1000px;  }
div.espacio{clear:both}
p{ font-size:.9em}
a{font-size:.9em}
div#urhere{ width:570px; margin:25px 0 20px 10px; background-color:#DFFFBF; border:dotted 1px #CCCCCC; padding:5px}
h1{ padding:0 ; color: #003366; font-size:1.2em;}

/****************************************HEADER******************************************************/

div#header { height:130px; width:960px; background-image:url(../../imagenes/template/banner.jpg); background-repeat:no-repeat; text-align:right; }
* html div#header { height:130px;}


/***************************************************CONTENIDO******************************************/

div#contenido {width: inherit;min-height:66%; }

/*columna izq*/
   div#leftoptions{width:150px; float:left; padding-top:15px}
   div#leftoptions p{ color:#FFFFFF}
   div#miniopciones{ padding: 0px  2px 10px 5px}
   
   div#buscar { margin-left:9px; padding: 15px 2px 10 px 0px; width:130px; height:78px; background-image:url(../../imagenes/template/buscar.jpg); background-repeat:no-repeat}
   
   
   
   /*******columna informacion*********/
   div#informacion{width:606px; height:auto; float:left; padding:5px 3px 3px 0}
   
      
   /******************columna der************************************************/
   div#rightoptions{width:195px; float:left; padding:0 0 20px 8px; text-align:left}
   
	
/**********************************************FOTTER***********************************************************/	
div#footer {min-height:6%; width:610px; background-color:#686024; margin-left:150px; padding-bottom:2px; float:left }
* html div#footer {float:none}
.flecha {width:600px; background:url(../../images/template/flechafotter.gif) #FFFFCC  bottom no-repeat; height:13px}


div#footer p { margin:15px 165px 5px 5px;padding:5px; background-color:#423D17; border: 1px  dotted #FFFFCC; width:300px; float:left; color:#FFFFFF }
* html div#footer p { margin:15px 160px 5px 5px;padding:5px; background-color:#423D17; border: 1px  dotted #FFFFCC; width:300px; float:left}
div#footer span { color:#B1BD62}

/*Validadores*/
div#footer p.validadores {background-color:#686024; border:none; padding:30px 0px  0 0px; margin:0; float:left; width:65px}
* html div#footer p.validadores {background-color:#686024; border:none; padding:30px 0px  0 0px; margin:0; float:left; width:65px}
a.xhtmlV{ width:62px; height:16px; display:block; background: url(../../images/template/xhvalidator.gif); }
a.xhtmlV:hover{background:url(../../images/template/xhvalidatorhover.gif)}
a.cssV{ width:39px; height:16px; display:block; background: url(../../images/template/cssvalidator.gif); }
a.cssV:hover{background:url(../../images/template/cssvalidatorhover.gif)}


/*IE Hacks*/
* html div#footer {height:6%;}


/****************************************************************************/

                              /* TABBER CCS */

/****************************************************************************/


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide  {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:2px; /*margen del tabber-outside*/
 width:550px;
 }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav /* Pestañas del tabber*/
{
 margin:0;
 
 padding: 5px 0 3px 0;
 border-bottom: 1px solid #C0B147;
 font: bold .8em Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 
}


ul.tabbernav li a /* Pestañas de cada tab*/
{
 padding: 2px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background:#F3F0B6;
 text-decoration: none;
}

ul.tabbernav li a:link { color:#686024}
ul.tabbernav li a:visited { color: #496E92; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #D3ECFF;
 border-color: #227;
}

ul.tabbernav li.tabberactive a{  background-color:#DFD8A4; border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white;}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:6px 2px 2px 2px;
 	
 border-top:0;
 
 }

.tabberlive .tabbertab li{padding:5px 0; border-bottom:  dotted #C0B147 1px; list-style:none}
.tabberlive .tabbertab a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#CC6600; display:block; font-weight:bold }/*Enlaces */
.tabberlive .tabbertab a:hover{background-color:#F3F0B6}
/*.tabberlive .tabbertab ul li a{ font:Arial, Helvetica, sans-serif 10px}*/
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



/****************************************************************************/

                              /* JVALLE */

/****************************************************************************/

div#opcionesMific ul { margin:10px; padding:0; list-style:none; float:left;}
div#opcionesMific li { background: url(../../images/template/vinetadocu.gif) no-repeat left; padding-left:8px}
img.fotomific {float:left; margin-left:200px; border:dotted 1px; padding:2px; }





div#opciones { padding:5px}
div#opciones li a { font-size:1.0em; }
div#opciones li a:hover{ text-decoration:none}


div#prueba dl { margin:10px; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; text-align:justify}
div#prueba dt, #opciones li { background: url(../../images/vinetapunto.gif) no-repeat left; padding-left:8px; text-align:justify}

div#prueba td  { font-family:Arial, Helvetica, sans-serif; color:#7B722B; text-align:justify; font-size:11px}

div#prueba td  li { font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:0.9em}
div#prueba tr { font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:0.9em}
div#prueba th { font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:0.9em}
div#prueba a {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:10px; text-decoration:none}
div#prueba a:hover {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:10px; text-decoration:underline}
/*div#fomento ul { margin:5px; padding:0; list-style:none; float:left }
div#fomento li { background: url(../../images/template/vinetadocu.gif) no-repeat left; padding-left:8px}*/

div#Cuadro{text-align:justify;}
div#Cuadro p.importante {border:dotted 1px #999999; padding:10px; margin-bottom:5px float:left; padding:100px 5px 5px 15px; margin-top:19px; width:300px; background-position:top; background-repeat:no-repeat}



/* iFRAME propio */
iframe.marco  { width:600px; height:200px; padding:2px; overflow:auto; color:#FFFFCB}

p.textop {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#003399; font-weight:bold}

#Notas{ padding:0 3px 20px 5px}
#Notas p { padding:10px; color:#7B722B; width:520px; text-align:justify}
#Notas img {margin:10px 0 3px 5px}
#Notas li{ padding-bottom:3px}
#Notas  li a { color:#CC6600; text-decoration:none; font-size:1.0em; font-weight:bold}
#Notas  li a:hover{ text-decoration:underline}
#Notas li p { color:#000000; font-size:.9em} 

/************************************************************************BUSCADOR*************************************************************************************/	
#resultados{padding:10px; height:100%; width:500px }
* html #resultados{padding:2px; height:100%; ; }

#resultados h1.buscador {color:#000000;padding:10px; font-size:1.9em;  width:400px}

/* iFRAME propio */
iframe.marco  { width:500px; height:200px; padding:2px; overflow:auto; color:#FFFFCB}