/**
 * CSS Web publica de SPIRAL
 * @version 10/05/2005
 * Se usan tecnicas de CSS-HACKING, para solucionar los problemas de IE.
 *
 * tabla de colores:
 * verde oscuro fondo de la cabecera: #096772
 */

/**
* ESTILOS GENERALES
*/

*     { margin : 0;   padding: 0;}
p     { margin-top: 1.5em}
a img { border: 0px none }
a     { text-decoration: none }
div   { position: relative;   }
input.botones { cursor: pointer }

div.contenedor {
   position: relative;
   overflow: auto;}

div.rompedor {
   clear:both;    }

/**
 * LAYOUT PRINCIPAL
 */

body, textarea, input, select, p {
   font-family: Verdana,sans-serif;
   font-size  : 10px;}

body {
   color: #666;
   background-color: #e4e0df}

#pagina { /*contenedor principal */
   margin: 0 auto;
   width    : 730px;
   height   : auto;
   border-left : 2px solid #999;
   border-right: 2px solid #999;
   border-bottom: 2px solid #999;
   background  : #fff url(images/fondo_pagina.jpg) top left no-repeat;
   }

#cabecera { /* cabecera que incluye barra de opciones, fecha y buscador */
   height  : 170px;
   }

#contenido {
   border-top: 1px #fff solid; /* firefox bug. */
   padding   : 0 0 0 172px;
   height    : auto;   }

#home #contenidoTextoHome {
   border-top: 1px #fff solid ;/* firefox bug. */}

#contenidoTexto{
   margin-right: 11px;
}

#contenidoTextoCabecera{
   margin-bottom   : 5px;
   background-color: #fff; }

#contenidoTextoCentro{
   border-left  : 1px solid #066;
   border-bottom: 1px solid #066;
   background   : url(images/marco2.gif) top right no-repeat;
   }

#contenidoTextoPie{
   clear     : both;
   margin-top: 35px;
   width     : 540px;
   border-top: 2px solid #99cc33;
   color     : #8e8e8e;
   text-align: center;}

#home  #contenidoTextoPie {
   margin-right:10px}

#pie {
   left    : 170px;
   width   : 540px;
   padding : 18px 0 9px 0; /*5px 0 20px 0*/
   color   : #000;
   font-weight : bolder;
   font-size: 9px ;
   text-align:center;}

/**
* CABECERA
**/

#logoSpiral {
   position:absolute;
   z-index:5;
   width :108px;
   height: 54px;
   top:25px;
   left:18px}

/* LAYOUT DE CABECERA: buscador, fecha */
#cabeceraBuscar {
   z-index: 2;
   position: absolute;
   right:10px;
   top : 112px;
   text-align:right;
   width : 300px;
   }

#cabeceraFecha {
   position  : absolute;
   font-size : 0.9em !important;
   left  : 15px;
   width : 250px;
   top   : 108px;
   color : #999;   }


#cabeceraFecha span.titulo {display:none }

form.buscar input.botones  {
   border       : 0 none ;
   padding-left : 6px ;
   font-size    : 10px ;
   font-family  : verdana,sans-serif;
   margin-left  : 3px;
   background   : url(images/item_boton_enviar.gif) 0 0 no-repeat; }

form.buscar > input.botones  {
   padding-left : 10px ;
   background   : url(images/item_boton_enviar.gif) 0 3px no-repeat; }

form.buscar input.botones:hover {
   background-image: url(images/item_boton_enviarx.gif);
   color: #fff;}

form.buscar input.texto {
   border      : 1px solid #666;
   padding     : 1px;
   width       : 90px;}


/**
* PIE
*/

ul.pie,
#pie ul {
   display: inline;
   list-style: none; /* IE BUG */   }

ul.pie li,
#pie ul li {
   font-size: 0.95em;
   display: inline;
   padding: 0 .5em;
   color  : #666;}

ul.pie li.primero,
#pie ul li.primero { /* ie no admite first-child */
   font-weight: bold;
   color : #000; }


/**
* PAGINA DE PORTADA
* -----------------------------------------------------
*/

#zonapromocion {
   float        : left;
   width        : 148px; }

div.planes {
   width        : 136px;
   padding      : 8px 6px 2px 6px;
   background   : url(images/marco3.gif) top right no-repeat;
   border-left  : 1px solid #9C3;
   border-bottom: 1px solid #9C3;
   margin-bottom: 10px;
 }

div.planes h2 {
   font-size  : 1.3em;
   font-weight: bold;
   color      : #000;}

div.planes h2 em {
   font-weight: normal;
   color: #066;
   font-style: normal;  }

div.planes ul {
   padding: 16px 4px 4px 4px;
   list-style: none outside;}

div.planes li {
   padding-bottom: 14px; }

a.webpyme,
div.planes li a {
   display     : block;
   width       : 120px;
   padding-top : 65px;
   padding-left: 10px;
   color       : #000;
   font-weight : bold;
   line-height : 1.15em;
    }

div.planes li a.renove       { background: #fff url(images/plan01.gif) 25px 0 no-repeat;}
div.planes li a.webaccesible { background: #fff url(images/plan02.gif) 25px 0 no-repeat;}
div.planes li a.webpyme      { background: #fff url(images/plan03.gif) 25px 0 no-repeat;}
div.planes li a.webpresencial      { background: #fff url(images/plan04.jpg) 25px 0 no-repeat;}

div.planes li a.renove:hover, div.planes li a.webaccesible:hover, div.planes li a.webpyme, div.planes li a.webpresencial:hover{ color: #999;}
div.planes li a.renove:hover strong , div.planes li a.webaccesible:hover strong, div.planes li a.webpyme:hover strong, div.planes li a.webpresencial:hover strong{ color: #999;}

#webpymeDemo {
  position: absolute;
  z-index: 2;
  top : 22px;
  left: 10px;
  width: 90px;
  padding: 60px 0px 5px 0px;
  background: url(images/plan03.gif) 0 0 no-repeat;
  }


a.webpymeDemo {
   font-weight: bold;
   display: block;
   width: 73px;
   margin-top:10px;
   padding: 0 4px 0 2px;
   background: url(images/opcion_demo.gif) 0 0 no-repeat;
   color: #9C3;
   text-align:center;
   }

a.webpymeDemo:hover{
   background-image: url(images/opcion_demox.gif);
   color: #989898;}
   
#webpresencialDemo {
  position: absolute;
  z-index: 2;
  top : 22px;
  left: 10px;
  width: 90px;
  padding: 60px 0px 5px 0px;
  background: url(images/plan04.jpg) 0 0 no-repeat;
  }


a.webpresencialDemo {
   font-weight: bold;
   display: block;
   width: 73px;
   margin-top:10px;
   padding: 0 4px 0 2px;
   background: url(images/opcion_demo.gif) 0 0 no-repeat;
   color: #9C3;
   text-align:center;
   }

a.webpresencialDemo:hover{
   background-image: url(images/opcion_demox.gif);
   color: #989898;}   

a.eboletinDemo{
   position: absolute;
   z-index: 2;
   top     : 20px;
   left    : 0;
   width   : 100px;
   padding-top : 65px;
   background: #fff url(images/plan03.gif) 10px 0 no-repeat;
   text-align: center;
   font-weight: normal;
   color: #666;}

a.eboletinDemo {
  background-image: url(images/e_boletin.gif) ;}

a.eboletinDemo:hover{
   color: #089;}


div.planes li strong{
   font-weight: bold;
   font-size: 1.1em;
   display: block;
   text-transform: uppercase;}

div.planes li em {
   font-weight: normal ;
   font-style: normal;
   text-transform: none; }
div.planes li strong em {
  font-weight: bold ;}

div.planes li a.renove       strong {  color: #99CC33;}
div.planes li a.webaccesible strong {  color: #005CAE;}
div.planes li a.webpyme      strong {  color: #008898;}
div.planes li a.webpresencial strong {  color: #E06901;}

div.planes div.eboletines {
   text-align: center;
   margin-top: 6px;
   margin-bottom: 6px}

div.planes p {
 line-height: 1.2em;
 margin-top:0.2em;
 margin-bottom:0.4em;}

/* Logo 3D. Acceso apartado infografía */
div.linkInfografia{
	margin-top:10px;
}

/* formulario de login */

div.zonaprivadasalir a {
   display: block;
   margin-top: 2px;
   padding   :4px;
   color: #000;
   background: #E4E0DF url(images/marco.gif) top right no-repeat;
   text-transform: uppercase;

   }

div.zonaprivadasalir a:hover {
   color: #fff;
   background-color: #889}

form.zonaprivada {
 position  :relative;
 margin-top: 10px;
 padding   :0px 7px 10px 7px;
 background: #E4E0DF url(images/marco.gif) top right no-repeat}

form.zonaprivada h2 {
 padding: 8px 0 6px 0;
 color: #089;
 font-size: 1.1em}

form.zonaprivada input.texto {
 border: 1px solid #666;
 width: 127px;
 }

form.zonaprivada label {
 display: block;
 }

form.zonaprivada  div.enviar {
 margin-top: 4px;
 text-align:right;
 width: 127px;
}

#cerrarZonaPrivada {
  position: absolute;
  top    :  8px;
  right  :  2px;
  padding-right: 8px}

div.zonas > #cerrarZonaPrivada { padding-right:0}

#cerrarZonaPrivada a {
  color: #666 !important;
  padding-right: 16px;
  font-weight: bold;
  background: url(images/zonaprivada_b_cerrar.gif) center right no-repeat;}

#cerrarZonaPrivada a:hover {
  color: #999 !important;
  background-image: url(images/zonaprivada_b_cerrarx.gif)}


form.zonaprivada div.enviar  input.enviar {
  font-size    : 10px ;
  text-align: right;
  padding-left: 4px;
  background: transparent url(images/item_boton_enviar.gif) 0 2px no-repeat;
  border : 0px none;
  margin-top: 4px;
}

form.zonaprivada div.enviar > input.enviar {
  padding-left: 10px }

form.zonaprivada  div.enviar input.enviar:hover {
 background-image: url(images/item_boton_089.gif) ;
 color: #089;}

/*------------ contenido Home -------------*/
#contenidoHome{
   float:left;
   width:387px;
   margin-left:10px;
   }
#contenidoHome div.tresd {
   float: left;
   margin-bottom: 12px;
   background   : #FFFFFF url(images/marco3.gif) top right no-repeat;
   border-left  : 1px solid #9C3;
   border-bottom: 1px solid #9C3;
   padding      : 6px 10px 12px 10px;
   
}
#contenidoHome div.tresd h2 {
   font-size  : 1.3em;
   font-weight: bold;
   color      : #000;}

#contenidoHome div.tresd h2 em {
   font-weight: normal;
   color: #066;
   font-style: normal;  }

#contenidoHome div.resumen {
   float: left;
   width:240px;
   margin-left: 10px;
   margin-bottom: 12px;
   background   : #ccc url(images/marco3.gif) top right no-repeat;
   border-left  : 1px solid #9C3;
   border-bottom: 1px solid #9C3;
   padding      : 6px 10px 12px 10px;
}

#contenidoHome div.resumen a {
   padding-right:20px;
   padding-bottom:10px;
   padding-left:25px;
   padding-top:10px;
   vertical-align:middle;
   background:url(images/b_present.gif) no-repeat left center;
   color: #089;
    }
	
#contenidoHome div.resumen a:hover{
   text-decoration: underline
    }


#contenidoHome div.resumen strong.destacado {
   font-size: 1.2em;}

/* zona de noticias de la home */
#contenidoHome div.noticias {
   float: left;
   width: 367px;
   padding: 20px 10px;
   margin-bottom: 12px;
   background   : #fff url(images/marco3.gif) 3px 2px no-repeat;
   border-left:1px solid #9C3;
   border-bottom :1px solid #9C3;
  }

#contenidoHome div.noticias h2 {
   font-weight   : bold;
   font-size:    1.4em;
   text-transform: uppercase;
   margin: 5px 0;   }


#contenidoHome div.noticiaPrimera {
   clear: both;
   margin-right: 14px;
   border: none;
  }

#contenidoHome div.noticia {
   float: left;
   width: 176px;
   margin-top   : 15px ;
   margin-bottom: 5px;
   padding-top : 80px;
   background-position: 0 0;
   background-repeat:no-repeat;  }

#contenidoHome div.noticia p {
 text-align:left;}

#contenidoHome div.noticias span.fecha{
   color: #666;
   font-weight: bold;   }

#contenidoHome div.noticia h3 {
   font-size: 1.1em;
   font-weight: bold;   }

#contenidoHome div.noticia h3 a {
   color: #066;   }

#contenidoHome div.noticia h3 a:hover {
   color: #999;
   text-decoration: underline}

div.otrasnoticias {
   clear     : both;
   padding-top: 15px ;  }

div.otrasnoticias ul li{
   list-style: none outside;
   margin    : 2px 0 ;   }

div.otrasnoticias ul li a{
   background     : url(images/item_plus.gif) 3px 2px  no-repeat;
   display        : block;
   text-indent    : 0;
   padding-left   : 25px;
   color          : #000;   }

div.otrasnoticias ul li a:hover,
div.otrasnoticias a.ampliar:hover {
   color          : #089;   }

p.ampliar {
   margin: 2px 0;
   text-align: right}


div.suscripcion {
 float: left;
 padding: 0 0 40px 10px;
 }

div.suscripcion a {
  padding: 4px 0 12px 20px;
  background: url(images/item_suscripcionX.gif) no-repeat;
  color: #8E8E8E; }

div.suscripcion a:hover {
  background: url(images/item_suscripcion.gif) no-repeat;
  color: #089; }


/**
* PAGINAS DE SOLUCIONES
*/

div.soluciones_infografia p,
div.soluciones_multimedia p,
div.soluciones_internet p,
div.soluciones_comgrafica p
div.soluciones_programacion p{
   text-align:justify}
   
div.soluciones_infografia {
   background  : transparent url(images/ani_infografia.gif) 0 1px no-repeat;
   padding: 0 35px 25px 152px ;
   min-height  : 324px; }

div.soluciones_multimedia {
   background  : transparent url(images/soluciones_multimedia.jpg) 0 1px no-repeat;
   padding: 0 35px 25px 152px ;
   min-height  : 324px; }

div.soluciones_internet {
   background  : transparent url(images/soluciones_internet.jpg) 0 1px no-repeat;
   padding: 0 35px 25px 125px;
   min-height  : 324px; }

div.soluciones_comgrafica {
   background  : transparent url(images/soluciones_comgrafica.jpg) 0 1px no-repeat;
   padding     : 0 35px 25px 170px ;
   min-height  : 324px; }

div.soluciones_programacion {
   background  : transparent url(images/soluciones_programacion.jpg) 0 1px no-repeat;
   padding     : 0 35px 25px 132px;
   height      : 324px; }


div.soluciones_multimedia h2,
div.soluciones_internet h2,
div.soluciones_comgrafica h2,
div.soluciones_programacion h2 {
   font-size   : 1.8em !important;
   font-weight : bold;
   color       : #096771;
   }
div.soluciones_infografia h2{
   font-size   : 2.5em !important;
   font-weight : bold;
   color       : #096771;
   }

/**********************************************
* contextoTextoCabecera contextuales
*/

#contenidoTextoCabecera h1 {
   font-size   : 1.2em;
   font-weight : normal;
   text-align  : left;
   line-height : 1.4em;
   color       : #999;
   }

#contenidoTextoCabecera h1 strong {
   font-size   : 1.5em;
   font-weight : bold;
   color       : #096771;
   }

#contenidoTextoCabecera h1, #contenidoTextoCabecera h2 {
   padding: 1px 20px 1px 0;}

#contenidoTextoCentro h2 {
   padding     : 16px 0 2px 0;
   font-size: 14px;
   font-weight: bold;
   }

#contenidoTextoCentro h3{
   font-size: 13px;
   font-weight: bold;
   }
#contenidoTextoCentro  strong.destacado {
   font-size: 1.2em;}

#contenidoTextoCentro div.infografia{
	 float: left;
	 width:180px;
	 font-size: 1.2em;
	 padding-right: 6px;
	 text-align:right;
	 
}
#contenidoTextoCentro div.animacion{
	 float: left;
	 width:166px;
	 font-size: 1.2em;
	 padding-left: 6px;
}
#contenidoTextoCentro div.consultenos{
	float: left;
	width:366px;
}

#contenidoTextoCentro div.consultenos p{
	text-align: center;
	font-size   : 1em !important;
   	   
}

#contenidoTextoCentro div.consultenos a{
	text-decoration: none;
	font-weight : bold;
   	/*color       : #096771;*/
   
}


#contenidoTextoCentro div.avisoPlugin{
	float: left;
	text-align:left;
	width:366px;
}
#contenidoTextoCentro div.avisoPlugin a{
	color:#666666;
}
#contenidoTextoCentro div.avisoPlugin a:hover{
	text-decoration:underline;
}
#contenidoTextoCentro div.avisoPlugin p{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

/**********************************
* contenidoTexto Contextuales
*/


#contenidoTextoPie a {
   color: #8e8e8e;
   }

#contenidoTextoPie a:hover {
   color: #089;
    }

#contenidoTextoPie ul {
   margin: 5px 0;
   padding: 0 20px;
   }

#contenidoTextoPie ul li{
   display: inline;
   margin : 2px 0;
   padding: 1px }

#contenidoTextoPie ul li a {
  white-space: nowrap; }

#contenidoTextoPie h4 {
   display: none }


/**
* BARRA DEL MENU SUPERIOR
**/

#menuSuperior {
   position:absolute;
   top  :0;
   left :0;
   width:100%;
   height:100px; /* valor para IE */
}

#pagina > #menuSuperior {
height:98px; /* valor para IE */}

#barraMenu {
   font    : normal normal 10px Verdana,sans-serif;
   position: absolute;
   bottom  : 0;
   left    : 0;
   width   : 100%;
   height  : 28px;
   background: url(images/fondo_barra_menu.gif) repeat-x;
   z-index : 4 ;}

#barraMenu span.numeroOpcion {
   display  : block;
   position : absolute;
   right    : 5px;
   top      : 2px;
   color    : black;
   font-size: 8px ;
   }


#barraMenu ul { /* esta es la barra de opciones */
   list-style: none; /* IE BUG: no es necesario según w3c */
   border : 0px none;
   margin-top:1px;
   padding-left: 161px;}

#barraMenu > ul {
   padding-left:165px;}

#barraMenu li {
   position: relative;
   float: left;
   margin : 0 4px;
   width  : 104px ;
   border : none;
   height : 28px ;
   display: block;
   text-align: center;}

#barraMenu li a {
   padding: 13px 10px 1px 10px;
   display:block;
   text-transform: uppercase;
   background: url(images/opcion1.gif) no-repeat;
   color: #000;
}

#barraMenu li a:hover {
   background-image: url(images/opcion1x.gif);
   color           : #fff;
}

/* submenu de arriba */

#opcion1, #opcion2, #opcion3, #opcion4, #opcion5 {
   position: absolute;
   display : block;
   width   : 104px;
   background: transparent url(images/fondo_opcion_extendida.gif) no-repeat;
   border-bottom: 1px solid #fff;
   font  : normal normal 8px verdana,sans-serif;
   padding-top: 12px ;
   bottom  : 14px;
   z-index : 5;}

#opcion1 ul, #opcion2 ul, #opcion3 ul, #opcion4 ul, #opcion5 ul {
   list-style: none; /* IE BUG */
   }

#opcion1 {  left:  169px;}
#opcion2 {  left : 281px;}
#opcion3 {  left : 393px;}
#opcion4 {  left : 505px;}
#opcion5 {  left : 617px;}



#opcion1 ul li, #opcion2 ul li, #opcion3 ul li, #opcion4 ul li, #opcion5 ul li {
   display      : block;
   /*background-color: #8EC63F;*/
   background-color: #ccc;
   color        : #000;
   text-transform: none;
   text-align   : center;
   margin       : 0 1px;
   font         : normal normal 9px verdana, sans-serif;
   border-bottom: 1px solid #f2f2f2;
   }


#opcion1 a, #opcion2 a, #opcion3 a, #opcion4 a, #opcion5 a {
   display: block;
   color: #000;
}

#opcion1 a:hover, #opcion2 a:hover, #opcion3 a:hover, #opcion4 a:hover, #opcion5 a:hover {
   color: #089;
}


/**
 * Menu Principal de datos
 */

#contenidoMenu ul li {
   display: block;
   height : 30px;    }

#contenidoMenu ul li a {
   padding-left: 25px;
   width       : 150px;
   background  : url(images/fondo_contenido_menu_a.gif) no-repeat;   }

#contenidoMenu ul li a:hover {
   background-position: -165px 0;   }


/**
 * Clases
 */

span.error {
  color: #900;}

*.adicional {
   display: none;
   }

div.soloimpresora {
  display:none;}

div.texto {
   text-align: justify;
   padding: 18px 30px;}


span.spiral {
   text-transform: uppercase;
   color: #099;
   font-weight: bold;}


ul.lista_1, ul.lista_3, ul.lista_4 {
   position: relative;
   list-style: none ;
   margin-top : 1em;
   }

ul.lista_3 li {
   background: url(images/item_lista_01.gif) 0 2px no-repeat ;
   padding: 1px 0 1px 14px;
   }

ul.lista_1 li {
   background: url(images/item_circulo.gif) 0 5px no-repeat ;
   padding  : 1px 0 1px 10px;
   color: #666;
   font-weight: bold;
   }

ul.lista_3 li {
   font-weight: bold;}

ul.lista_4 {
   margin-left: 15px;
   list-style: none inside;
   text-transform: uppercase;
   color: #097673;
   }
ul.lista_1 a {
   color: black;
   font-weight: bold;
   }

ul.lista_4  li.primero { /* IE: EN W3C basta con first-child */
   font-weight: bold;
   }


ul.lista_estructura {
   list-style: none outside ;
   margin    : 2px 0 8px 0;
   padding   : 4px 0;
   }

ul.lista_estructura li a  {
   text-transform : uppercase;
   display: block;
   margin : 7px 0;
   height : 14px;
   color  : #089;
   padding-left: 20px;
   background  : #fff url(images/item_aflecha.gif) no-repeat;
   font-weight : bold;  }

ul.lista_estructura li a:hover {
   background  : #fff url(images/item_aflechaX.gif) no-repeat;
   color: #666;}



div.lista_estructura {
   background    : url(images/item_lista_02_fondo.gif) bottom left no-repeat;
   margin : 4px 0;
   padding : 0 0 13px 15px ;
   }




/*
*
*  Formularios
*
*/



div.politicaprivacidad {
   margin: 15px 25px;}

div.politicaprivacidad a {
   font-size: 1.1em;
   color: #066;
   padding-right:20px;
   height: 18px;
   background: url(images/item_aflecha.gif) top right no-repeat;
   }

form div.politicaprivacidad  {
   margin-left: 14px;
   border-top: 1px dotted #fff;
   margin-top: 27px;
   padding-top:7px;}

form.suscripcion_boletines  div.politicaprivacidad { margin-left:14px; width: 210px;}
div.contactocomercial       div.politicaprivacidad { margin-left:25px; width: 345px;}
form div.politicaprivacidad a       { color: #fff;}
form div.politicaprivacidad a:hover { color: #666;}

div.politicaprivacidad a:hover {
   background-image: url(images/item_aflechaX.gif);
   color: #000;}

/**
* contacto comercial.
*/


div.enviado {
  
  height: 240px;
  padding: 10px 20px 10px 120px;}

div.contactocomercial {
   border-top: 1px solid #089;
   background  : url(images/contactocomercial_fondo.jpg) left bottom no-repeat;
   width: 525px !important;
   color: #000; }

div.contactocomercial form {
  width: 430px;
  padding-bottom: 8px;}

div.contactocomercial fieldset{
  padding-left : 20px;
  border       : 0 none;
}

div.contactocomercial fieldset legend {
  position: relative;
  margin-left: -27px;
  margin-bottom: 2px;
  margin-top   : 12px;
  padding: 2px 17px 2px 15px;
  background-color: #096771;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;}

div.contactocomercial fieldset > legend  {
   margin-left: -20px;}

div.contactocomercial label {
   display: block;
   position: relative;
   color: #000;
   background: url(images/item_label.gif) 1px 3px no-repeat;
   padding-left: 10px;
   margin-top: 10px;
   margin-bottom: 2px; }

div.contactocomercial input,
div.contactocomercial select
 { padding: 1px;
   border :0 none;
   margin-left: 10px;
   position: relative; }

div.contactocomercial div.col1  {
   width : 200px;
   float :  left;}

div.contactocomercial div.col2 {
  float :  left;
  width : 200px; }

div.col12 select { width: 350px; }
div.col1  input  { width: 150px; }
div.col2  input  { width: 150px; }
div.col12 input  { width: 350px; }

div.contactocomercial p.avisobligatorio {
   margin-left: 20px !important;}

/**
* Zona de contacto (pagina de opine sobre la web y bolsa de trabajo )
*/
div.contacto {
   border-top   : 1px solid #089;
   margin       : 2px 0 0 0;
   width        : 520px;
   color: #fff;
   }

div.contacto p.introduccion {
 padding-top:0px;
 margin-top: 0.5em;
 text-align:justify;
 padding-left : 10px;
 padding-right: 24px;
 margin-bottom: 20px;}

div.contacto form {
   background   : url(images/contacto.jpg) left bottom no-repeat;
   padding: 4px 220px 4px 10px}


form.suscripcion_boletines label,
div.contacto label {
   color: #000;
   display: block;
   position: relative;
   margin-bottom: 2px;
   padding-left:10px;}


p.avisobligatorio,
form.suscripcion_boletines label.obligatorio,
div.contactocomercial label.obligatorio,
div.contacto label.obligatorio {
  background: url(images/item_labelobligatorio.gif) 1px 4px no-repeat;  }


p.avisobligatorio{
  color: #000 !important;
  font-weight: bold;
  margin: 0.5em 0 1em 0;
  padding-left: 11px; }

label.error { color: red !important;}


div.ErrorFormulario {
  color:#fff;
  margin:15px;
  width:336px;
  border:1px solid #fff;
  padding: 0 8px 8px 8px;
  }

div.contacto div.ErrorFormulario {
  margin-left: 12px;
  width: 230px;}

div.ErrorFormulario h2 {
  color: #fff !important;
  margin: 0}

div.ErrorFormulario p {
  margin-top: 4px}

div.contacto h2 {
   color: #fff;
   padding   : 18px 0 0 10px !important;
   font-size: 1.2em;}



div.contacto input.fichero,
div.contacto input.texto,
div.contacto textarea {
   display: block;
   font-size: 10px;
   margin: 3px 0 0 10px;}

div.contacto input.texto  { width : 255px;}
div.contacto textarea     { width : 255px;height: 90px; }

div.contactocomercial p.botones,
div.contacto p.botones {
   text-align: center;
   margin: 13px 0 6px 0;
   }

form.enviarNoticia input.botones,
form.suscripcion_boletines input.botones,
div.contactocomercial input.botones,
div.contacto input.botones  {
   border      : 0px none ;
   padding-left: 8px ;
   margin      : 0 8px;
   font        : normal normal 9px Verdana,sans-serif;
   background-color  : #8DC63F ;
   background-image  :url(images/spiral_contacto_boton.gif);
   background-position: 0px 2px ;
   background-repeat  : no-repeat; }

form.enviarNoticia input.botones,
form.suscripcion_boletines input.botones:hover,
div.contactocomercial input.botones:hover,
div.contacto input.botones:hover{
   background-image: url(images/spiral_contacto_botonx.gif);
   color: #fff;}


/**
* PAGINA DE SPIRAL: QUIENES SOMOS, MISION Y ESTRUCTURA
*
* */

#quienesSomos {
   position  : absolute;
   top       : 1px;
   height    : 348px;
   overflow  : auto;
   z-index   : 2;
   background: url(images/spiral_quienes_somos_fondo.gif) no-repeat; }

#quienesSomosTexto {
   top         : 0;
   padding     : 18px 30px 28px 250px;
   text-align  : justify;
   min-height  : 290px;  }


ul.quien {
   margin: 4px 10px 20px 20px;
   padding: 2px 7px;}
ul.quien li {
   list-style: square url(images/item_lista_quien.gif) outside;
   color: #087363;}
ul.quien em {
   color: black;  }

div.EstructuraTexto{
   background : url(images/spiral_estructura_01.jpg) 20px 1px no-repeat;
   padding    : 18px 30px 18px 250px;
   text-align : justify ;
   height     : 310px;  }

div.misiontexto{
   background : url(images/spiral_mision_01.jpg) 0 1px no-repeat;
   padding    : 18px 30px 18px 175px;
   text-align : justify ;
   height     : 310px;
   min-height : 310px   ;}

div.misiontexto ul  {
  position  : relative;
   list-style: none ;
   margin-top: 1em;
   margin-left: 20px;
   }

div.misiontexto ul li {
   list-style: url(images/item_circulo.gif) outside;
   padding   : 1px 0;
   font-weight: normal;
   }
   
div.misiontexto a {
   padding-right:20px;
   padding-bottom:10px;
   padding-left:25px;
   padding-top:10px;
   vertical-align:middle;
   background:url(images/b_present.gif) no-repeat left center;
   color: #089;
    }
	
div.misiontexto a:hover{
   text-decoration: underline
    }


/**
* PAGINA DE LOCALIZACION
*
*/

.indicacionesMapa{
	padding-left:10px;
	padding-top:10px;
}
.tipoLetraVerde{
	font-size:14px;
	color:#089;	
}
.formularioMapa{
	padding-left:10px;
}
.googleBocadillo{
	padding-right:10px;
}
#map1{
	width:545px;
	height:425px;
	border-top:1px solid #006666;
	border-bottom:1px solid #006666;	
}
#direccionesRuta{
	/* Medidas */
	width:525px;

	padding:10px;
	/* Resto */
	color:#666666;
}

.oculto{
	display:none;
}

.fieldsetFormularios{
	border:0px;
	margin:0px;
	padding:0px;
}

.labelFormulariosLargo{
	display:block;
	/* Medidas */
	width:90%;
	margin-top:2px;
	/* Resto */
	font-weight:bold;
	color:#089;	
	background:#ffffff;
}
.inputFormularios{
	/* Medidas */
	width:360px;
	border:1px solid #666666;
	margin-bottom:12px;
	margin-top:2px;
	/* Resto */
	color:#666666;	
	background:#ffffff;
	border-color:#089;
}
.submitEnviarFormulariosSeguido{
	/* Medidas */
	border:0px;
	margin:0px;
	padding:0px;
	/* Resto */
	color:#089;
	text-align:left;
	vertical-align:middle;	
	font-weight:bold;
	background:#ffffff;
}

/**
*
*  PAGINAS DE PROYECTOS
*
*/


#pagina_proyectos #contenidoTextoCentro {
background : url(images/marco3.gif) top right no-repeat;
padding-right      : 25px;
border-left-color  : #9C3;
border-bottom-color: #9C3;
height: 465px;
}


#proyectos_destacado {
   float: left;
   width : 156px;
   height: 500px;
   padding: 15px 22px 0 18px;
   background-color: #089;
   color: #9C3;
   }

#contenidoTextoCentro > #proyectos_destacado {
   height: auto;
   min-height: 450px;}

div.proyectoImagen { margin-bottom: 4px }

#proyectos_lista {
   float     : left;
   width     : 190px;
   padding   : 15px 0 0 38px }

#proyectos_destacado h2,
#proyectos_lista h2 {
  font-size: 1.1em;
  padding: 0;}

#proyectos_destacado h2 strong {
   color: white ;}

#proyectos_lista h2 {
   color: #089;}

#proyectos_destacado dl{
  padding: 40px 0 0 0;
  }

#proyectos_destacado dt{
  padding: 2px 0;
  border-bottom: 1px solid #9C3;
  }


#proyectos_destacado dd, #proyectos_destacado dd a{
  padding: 2px 0;
  color: #fff;
  font-weight:bold;
  padding-bottom: 10px;
  }

#proyectoListaDeImagenes {
   display: none }

#proyectos_destacado dd a:hover{
  color: #fff;
  font-weight:bold;
  }



ul.listaproyectos {
   list-style: none outside;
   margin: 25px 0 15px 0;
   height: 350px;
}

ul.listaproyectos li a {
   display: block ;
   padding: 3px 65px 3px 42px;
   width  : 170px;
   height : 29px;
   background: url(images/proyecto_impar.gif) top right no-repeat;
   color : #089;}


ul.listaproyectos li a span {
   vertical-align: bottom }

ul.listaproyectos li a:hover     { background-image: url(images/proyecto_imparx.gif); color: #666;}
ul.listaproyectos li.par a       { background: #D9EAC0 url(images/proyecto_par.gif) top right no-repeat;}
ul.listaproyectos li.par a:hover { background-image: url(images/proyecto_parx.gif) ;}


/**
*
* PAGINA DE CLIENTES
*
**/


#clienteContenedor {
   position: relative;
   overflow: auto;
   padding-top:1px;
   padding-bottom:1px; /* IE BUG, para que dibuje el fondo */
   background: url(images/clientes_proyectos_fondoIE.gif) 0px 0px repeat-y;   }

#clientes_proyecto {
   float: left;
   width: 235px;
   background-color: #DC9964 ;
   }


/* correciones por IE */
#contenidoTextoCentro > #clienteContenedor {
   background: url(images/clientes_proyectos_fondo.gif) 0px 0px repeat-y;}

#clientes_inicial {
   float: left;
   width: 235px;
   height: 250px;
   background: #DC9964 url("images/clientes_fondo.jpg") no-repeat;
   padding-bottom: 100px;
   }

#clientes_lista {
   padding: 0 0 0 18px;
   float: left;
   width: 280px;
   }

#clientes_lema {
  margin-top: 10px;
  padding: 15px 0 0 0;
  height: 127px}

#clientes_lista strong {
   color: #089;}


#clientes_letrasArriba {
   padding: 0 18px;
   text-align: center;
   height: 20px;
   border-bottom: 1px solid #089;}

#clientes_letrasAbajo {
   height : 20px;
   text-align: center;
   padding: 0 44px;}

div.letra,
#clientes_letrasAbajo a,
#clientes_letrasArriba a {
   display: block;
   float: left;
   width : 14px;
   height: 20px;
   margin: 0 1px;
   line-height: 20px;
   text-transform: uppercase;
   color : #6C3;
   text-align: center}

div.letra { color: #777; }

#clientes_letrasArriba a:hover, #clientes_letrasArriba a.activa {
    background: url(images/item_letra.gif) center bottom no-repeat;}

#clientes_letrasAbajo a:hover, #clientes_letrasAbajo a.activa {
    background: url(images/item_letra1.gif) center top no-repeat;}

#clientes_letrasArriba a:hover,
#clientes_letrasArriba a.activa,
#clientes_letrasAbajo a:hover,
#clientes_letrasAbajo a.activa {
   font-size: 1.3em;
   color: #089;
   font-weight: bold;}

ul.listaClientes {
   list-style: none outside;
   margin: 45px 0 35px 0;
}

ul.listaClientes li a {
   display: block ;
   padding: 3px 65px 3px 42px;
   width  : 170px;
   height : 29px;
   background: url(images/clientes_impar.gif) top right no-repeat;
   color : #089;}

ul.listaClientes li a span {
   vertical-align: bottom }

ul.listaClientes li a:hover     { background-image: url(images/clientes_imparx.gif); color: #666; }
ul.listaClientes li.par a       { background: #F1D1BA url(images/clientes_par.gif) top right no-repeat;}
ul.listaClientes li.par a:hover { background-image: url(images/clientes_parx.gif) ; color: #666;}

div.navegacionNoticias {
  text-align:right;
  padding-right: 13px;
  }

#clientes_masproyectos,
div.navegacionBuscador,
div.navegacionNoticias,
div.navegacionProyectos,
div.navegacionClientes {
 font-size: 1.2em;
 font-weight: bold;
 color: #089 }


#clientes_masproyectos a,
div.navegacionBuscador a,
div.navegacionNoticias a,
div.navegacionProyectos a,
div.navegacionClientes a {
 font-size: 0.9em;
 font-weight: normal;
 color: #9C3 }

#clientes_masproyectos a:hover,
div.navegacionBuscador a:hover,
div.navegacionNoticias a:hover,
div.navegacionProyectos a:hover,
div.navegacionClientes a:hover {
 color: #666 }


#pagina_clientes #contenidoTextoCentro h2 {
  color: #ffcca5;
  padding: 10px 39px;
  font-size: 1.2em}

#pagina_clientes #contenidoTextoCentro h2 strong{
  color: #fff;
  font-size: 1.4em}

#clientes_proyecto img { border: 1px solid #089; }

#clientes_proyecto dl{
  width: 157px;
  padding: 20px 39px ;
  }


#clientes_proyecto dt{
  padding: 2px 0;
  border-bottom: 1px solid #089;
  }

#clientes_proyecto dd {
  padding: 2px 0;
  color: #fff;
  font-weight:bold;
  padding-bottom: 10px;
  }

#clientes_proyecto dd img { border:1px solid #fff }
#clientes_proyecto dd a{
  display: block;
  padding-left: 10px;
  background: url(images/item_flecha_fff.gif) 0px 4px no-repeat;
  color: #fff;
  font-weight:bold;
  }

#clientes_proyecto dd ul li {
   list-style: none outside;}

#clientes_proyecto dd a:hover{
  background-image: url(images/item_flecha_089.gif);
  color: #089;  }
#clientes_proyecto dd a:visited {
  background-image: url(images/item_flecha_ccc.gif);
  color: #CCC; }

#clientes_proyecto dd a.imagen {
 display: inline;
 color: #fff;
 background-image:none;
 padding-left: 0;}


/**
*
*  PAGINAS DE SERVICIOS
*
*/
div.servicios_asesoria {
   height: 260px;
   padding:55px 315px 20px 20px;
   background: url(images/servicios_asesoria.jpg) 270px 45px no-repeat;}

div.servicios_formacion  p,
div.servicios_asesoria  p{
   text-align:justify }

div.servicios_formacion {
   height:319px;
   padding: 20px 290px 20px 18px;
   background: url(images/servicios_formacion.jpg) 99% 100% no-repeat;}

div.servicios_mantenimiento {
   height   : 345px;
   padding  : 14px 294px 0 20px;
   margin-right: 1px;
   background: url(images/servicios_mantenimiento.jpg) right bottom no-repeat;}

div.servicios_mantenimiento ul {
   padding: 4px 4px 4px 4px;}

div.servicios_mantenimiento ul li  {
   font-weight: bold;
   padding-top: 8px;
   margin-left: 8px;
   list-style: circle url(images/item_circulo.gif) outside;
   }

/* este el enlace destacado de consultenos */
a.consultenos {
   display: block;
   width  : auto;
   padding : 20px 0 4px 0;
   background-image: url(images/item_aflecha.gif);
   background-position: 100% 1.6em ;
   background-repeat: no-repeat;
   font-size: 1.4em;
   font-weight: bold;
   color: #089;
   }

div.servicios_asesoria a.consultenos {
   padding-right:25px;
   text-align:right}

#plan_eboletin a.consultenos,
#plan_pyme a.consultenos,
#plan_accesible a.consultenos,
#plan_presencial a.consultenos,
#plan_renove a.consultenos {
   width: 160px;
   text-transform:uppercase;
   margin: 18px 0;   }


a.consultenos:hover {
   background-image: url(images/item_aflechaX.gif) ;
   color: #999;
   }

p.destacado strong{
   font-size: 15px;}

/**
*
* PAGINA DE SERVICISO
*
*/


div.servicios_respuestas {
   overflow    : auto;
   height      : 377px; /* IE BUG */
   margin-right: 1px;
   background  : url(images/servicios_respuestas.jpg) 0 1px no-repeat;}

div.servicios_respuestas  div.menu {
   position: absolute;
   width : 210px;
   left  : 65px;
   top   : 92px;
   z-index : 3
   }

div.servicios_respuestas div.menu ul{
   margin : 0;
   padding: 0; }

div.servicios_respuestas div.menu ul li {
   list-style: none;
   padding: 8px 0; }

div.servicios_respuestas div.menu a{
   color       : #066;
   padding-right  : 10px;
   font-weight    : bold;
   display        : block;
   }

div.servicios_respuestas div.contenido {
   position : absolute;
   width    : 365px;
   padding-left: 0;
   top         : 84px;
   left     : 50px;
   background  : transparent;
   z-index  : 1 }

div.servicios_respuestas div.contenido div{
   padding-left:130px;
   background-repeat:no-repeat;
   height: 260px; /* IE BUG */
   min-height: 200px;
   }

div.servicios_respuestas div.contenido h2{
   font-size   : 11px !important;
   margin : 0 !important;
   padding: 0 !important;
   font-weight : bold; }

/**
*
*  PAGINAS DE PLANES
*
*/


#plan_eboletin,
#plan_renove,
#plan_accesible,
#plan_presencial,
#plan_pyme {   padding   : 10px 10px 10px 110px;}

#plan_presencial_ejemplo  {  
	
	 padding-top:10px;
	 padding-right:10px;
	 padding-bottom:10px;
	 padding-left:45px;
	 
 }

p.solucion {
   color: #000;}
p.solucion strong{
   font-size:1.2em;
   color: #089;
}
p.solucion em{
   font-style: normal;
   text-transform: uppercase;}


#plan_renove p.pregunta,
#plan_accesible p.pregunta,
#plan_pyme p.pregunta {
   font-size: 1.1em;
   font-weight: bold;
   color: #000;
}

#plan_eboletin  { background: url(images/e_boletin.gif) 20px 30px no-repeat}
#plan_renove    { background: url(images/plan01.gif) 20px 30px no-repeat}
#plan_presencial    { background: url(images/plan03.jpg) 20px 30px no-repeat}
#plan_accesible { background: url(images/plan02.gif) 20px 30px no-repeat}
/*#plan_pyme      { background: url(images/plan03.gif) 20px 30px no-repeat}*/

#plan_eboletin h2,
#plan_renove h2,
#plan_accesible h2,
#plan_presencial h2,
#plan_pyme h2 {
   font-size: 1.4em;
   color: #000;
   font-weight:bold;}

#plan_eboletin h2 em,
#plan_renove h2 em,
#plan_accesible h2 em,
#plan_presencial h2 em,
#plan_pyme h2 em{
   font-style: normal;
   font-weight:normal}

#plan_eboletin h2 em { color: #000}
#plan_eboletin h2 { color:  #629646 }

#plan_renove    strong.plan_renove    { color: #99cc33 }
#plan_accesible strong.plan_accesible { color: #005CAE }
#plan_pyme      strong.plan_pyme      { color: #008898 }
#plan_presencial strong.plan_presencial      { color: #E06901 }

div.notaAlMargen {
   position: absolute;
   left  : -26px;
   height: 20px;
   width : 20px;
   background: url(images/fondo_notas.gif) 0 4px no-repeat; }

/* correccion IE */
#plan_renove    >  div.notaAlMargen,
#plan_pyme      >  div.notaAlMargen { left  : 86px; bottom: 43px;}
#plan_presencial      >  div.notaAlMargen { left  : 86px; bottom: 64px;}

#plan_eboletin  >  div.notaAlMargen { left  : 86px; bottom: 60px;}

#plan_accesible >  div.notaAlMargen { left  : 86px; bottom: 80px;}

div.notaAlMargen span {display: none}

div.notas2 {
  left: -20px;
  background-color: #eee;}

#plan_eboletin p.texto { text-align:justify}

#plan_eboletin p.notas,
#plan_accesible p.notas,
#plan_pyme p.notas,
#plan_presencial p.notas,
#plan_renove p.notas {
   padding: 12px 6px 12px 6px;
   font-weight: bold;}

#plan_eboletin p.notas {
   background-color: #629646;
   color: #fff;}

#plan_renove p.notas {
   background-color: #99CC33;
   color: #000;}
#plan_pyme p.notas {
   background-color: #089;
   color: #fff;}
#plan_presencial p.notas {
   background-color: #E06901;
   color: #fff;}
#plan_accesible p.notas {
   background-color: #005CAE;
   color: #fff;}

#plan_eboletin ul.listaArea {
  list-style: none outside;
  margin: 18px 0px;  }

#plan_eboletin ul.listaArea strong {
  background: url(images/item_mapaweb.gif) 0px 2px no-repeat;
  padding-left:10px;
  color: #089;
  font-weight: bold}

#plan_eboletin ul.listaVentajas {
 margin: 10px 15px;
 }

#plan_eboletin ul.listaVentajas li{
  background: url(images/item_gt.gif) 0px 2px no-repeat;
  padding-left: 10px;
  list-style: none outside;    }

#plan_accesible ul {
  list-style: none outside;
  margin     :12px 10px 30px 10px;}

#plan_accesible ul li a {
  font-weight: bold;
  color : #4186e1 ;
  margin-top:6px;}

#plan_accesible a.punto, .consultenos a.punto{
  padding  : 2px 0 2px 20px;
  background     : url(images/item_aflecha.gif) no-repeat;
  color          : #666;
  font-weight    : bold;}

#plan_accesible a.punto:hover, .consultenos a.punto:hover{
   color: #089;
   background: url(images/item_aflechaX.gif) no-repeat;}
   

#plan_accesible div.punto  {
   margin: 2px 25px 10px 25px;
   text-align: justify;
   }
   
 #plan_presencial ul {
  list-style: none outside;
  margin     :12px 10px 30px 10px;}

#plan_presencial ul li a {
  font-weight: bold;
  color : #E06901 ;
  margin-top:6px;}

#plan_presencial a.punto, .consultenos a.punto{
  padding  : 2px 0 2px 20px;
  background     : url(images/item_aflecha.gif) no-repeat;
  color          : #666;
  font-weight    : bold;}

#plan_presencial a.punto:hover, .consultenos a.punto:hover{
   color: #089;
   background: url(images/item_aflechaX.gif) no-repeat;}
   

#plan_presencial div.punto  {
   margin: 2px 25px 10px 25px;
   text-align: justify;
   }
   

   
 
   





/**
*
*  PAGINAS DE AYUDA
*
*/
#pagina_ayudas h1 {   padding-top: 1em;}

#ayudaPresentacion {
   position: absolute;
   top:  90px;
   left: 10px;
   width: 120px;
}

#ayudaPresentacion h2 {
 text-transform: uppercase;
 font-size: 1.4em;
 font-weight: bold;
 color: #000;
 margin: 0;
 }


#ayudaPresentacion p {
   margin-top: 0.3em}

#ayudas {
   margin: 17px 1px 17px 150px;
   width : 371px;
   border-left: 1px solid #c9c9c9;
   }

div.ayuda {
   background-repeat: no-repeat;
   background-position: 17px 15px;
   padding-left:145px;
   margin-bottom: 20px;
   }

div.ayuda h2 {
   padding: 0;
   margin: 0;
   color: #089; }
div.ayuda h2 a {
   color: #089;}
div.ayuda h2 a:hover {
    text-decoration: underline;
   }

div.ayudaDesarollada  {
   padding-top:10px;
   background-repeat: no-repeat;
   background-position: 15px 20px;
   padding-left: 145px;
   width: 342px;
   }

div.ayudaDesarollada h2 {
   color : #089;
   font-weight: bolder;
   font-size: 1.4em;
   }

table.ayudas {
   margin: 10px 0 30px 0;}

table.ayudas th {
  color : #fff;
  width : 100px;
  background-color: #979596;
  text-align : left;
  font-weight: normal;
  font-size  : 10px;
  padding    : 2px 6px;}

table.ayudas td {
  color: #000;
  width: 200px;
  background-color: #ccc;
  font-size: 10px;
  padding: 2px 6px;}

table.ayudas td a {
  color: #089;
}

table.ayudas td a:hover {
  color: #000;  }


/*
*
* PAGINA DE BOLETINES
*
*/

#pagina_boletines h1 {   padding-top: 1em;}

#pagina_boletines #contenidoTextoCentro {
  padding: 15px 15px 0 15px;
  color: #000;
  }

#pagina_boletines #contenidoTextoCentro p {
 font-weight: bold;}

#pagina_boletines  #contenidoTextoCentro p.rellene {
  font-size : 1.3em;
  color     : #089;
  margin-top: 0.5em;
  }

#pagina_boletines #contenidoTextoCentro h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding-top: 10px;
  color: #9C3;}

#pagina_boletines #contenidoTextoCentro h2 em{
  font-style: normal;
  color: #089;}

#pagina_boletines div.error {
  width: 259px;
  padding: 3px 10px 10px 10px;
  background-color: #f0f0f0;
  margin: 5px 0;}

#pagina_boletines div.error h2 {
   font-size: 1em;
   color: #900 !important;}

div.lista_boletines{
  border-bottom: 1px solid #9C3;
  margin-right:10px;
  background: url(images/boletin_fondo_lista.jpg) right bottom no-repeat;
  }

ul.lista_boletines{
  padding: 10px 0 20px 0;
  margin-bottom: 5px;
  }

ul.lista_boletines li {
 list-style: none outside;
 padding: 2px 0; }

ul.lista_boletines li a {
 background: url(images/item_boletin.gif) no-repeat;
 color: #666;
 font-weight: bold;
 padding-left: 15px; }

ul.lista_boletines li a:hover {
background: url(images/item_boletinx.gif) no-repeat;
color: #089;}


form.suscripcion_boletines {
  padding: 10px 15px ;
  margin-top: 10px;
  font-size: 0.9em;
  background: url(images/boletin_fondo_form.jpg) left bottom no-repeat;
  }

form.suscripcion_boletines input.largo {
 margin-left  : 10px!important;
 margin-bottom: 2px;
 margin-bottom: 8px;
 width: 220px;}

form.suscripcion_boletines input.corto {
 margin-left: 10px !important;
 width      : 98px;}

form.suscripcion_boletines div.corto {
 float: left;
 margin-right: 20px;
 width: 100px;}

form.suscripcion_boletines label {
 margin-top: 3px;
 margin-bottom: 2px;}


form.suscripcion_boletines div.botones {
   clear: both;
   width: 220px;
   text-align: center;
   padding: 1em 0;
   }


/**
*
* PAGINA DE NOTICIAS
*
*/

#pagina_noticias h1 {   padding-top: 1em;}

#pagina_noticias div.imagen
  { float:left;
    width: 115px;}

#pagina_noticias div.resto
  { float:left;
    width: 370px;}

#pagina_noticias div.noticias {
   padding:25px 0;}

#pagina_noticias div.noticia {
   margin: 5px 20px 20px 15px;
   background-repeat:no-repeat;
   padding-bottom: 10px;
   border-bottom: 1px dotted #9C3;
  }

#pagina_noticias div.noticia h2 {
   margin : 0;
   padding: 0;
   font-weight   : bold;
   font-size     : 1.1em;
   margin-bottom : 5px;}

#pagina_noticias div.noticia h2 a {
   color: #089;   }

#pagina_noticias div.noticia h2 a:hover {
   color: #666;
   text-decoration: underline;}

#pagina_noticias div.noticia p {
   margin-top: 0.3em;
   margin-bottom: 0.3em;
   }


/*--- noticia desarollada ---*/

#pagina_noticias div.noticia_desarollada {
  padding: 20px 12px;
  overflow: auto;
  }

#pagina_noticias div.noticia_desarollada h2 {
   color: #089;
   font-size: 1.2em;}

#pagina_noticias div.noticia_desarollada  div.informacion_textual {
   float: left;
   width: 280px;   }

#pagina_noticias div.noticia_desarollada div.entradilla {
   margin: 1em 0;
   text-align: justify;
   color: #089;}

#pagina_noticias div.noticia_desarollada div.texto_principal {
   text-align: justify;}

#pagina_noticias div.noticia_desarollada  div.informacion_adicional {
   float: left;
   margin: 0 13px 10px 13px;
   width: 186px;}

#pagina_noticias div.noticia_desarollada div.informacion_adicional ul{
  width: 186px;
  margin-top: 20px;
  list-style: none outside;
  }

#pagina_noticias #contenidoTextoCentro {
   overflow: auto;}

 /* por acortar */
#pagina_noticias div.informacion_adicional a {
 /*  padding-left: 26px;*/
   display: block;
 /*  height: 26px;*/
   background-repeat: no-repeat;
   color: #666;
   }

#pagina_noticias div.informacion_adicional a:hover            { color: #089;  }

#pagina_noticias div.informacion_adicional a.noticia_imprimir { background-image: url(images/noticia_imprimir.gif); padding-left: 26px;  height: 26px;}
#pagina_noticias div.informacion_adicional a.noticia_enviar   { background-image: url(images/noticia_enviar.gif); padding-left: 26px; height: 26px; }
#pagina_noticias div.informacion_adicional a.noticia_opinar   { background-image: url(images/noticia_opinar.gif) }
#pagina_noticias div.informacion_adicional a.noticia_pdf      { background-image: url(images/noticia_pdf.gif) }
a.noticia_volver   { background-image: url(images/noticia_volver.gif) }

#pagina_noticias div.informacion_adicional a.noticia_imprimir:hover { background-image: url(images/noticia_imprimirx.gif); padding-left: 26px; }
#pagina_noticias div.informacion_adicional a.noticia_enviar:hover   { background-image: url(images/noticia_enviarx.gif); padding-left: 26px; }
#pagina_noticias div.informacion_adicional a.noticia_opinar:hover   { background-image: url(images/noticia_opinarx.gif) }
#pagina_noticias div.informacion_adicional a.noticia_pdf:hover      { background-image: url(images/noticia_pdfx.gif) }
a.noticia_volver:hover   { background-image: url(images/noticia_volverx.gif) }

#pagina_noticias a.noticia_descargar {
 display: block;
 margin: 25px 0 15px 0;
 padding-left: 30px;
 height: 20px;
 background: url(images/noticia_descargar.gif)  no-repeat;
 color: #666;
 }

#pagina_noticias a.noticia_descargar:hover {
 background-image: url(images/noticia_descargarx.gif) ;
 color: #089;
}


a.volver   {
background: url(images/noticia_volver.gif) 0 3px  no-repeat;
padding: 5px 0px 15px 25px;
color: #089; }

a.volver:hover   {
background-image: url(images/noticia_volverx.gif);
color: #666; }

a.noticia_volver   {
background-position: 3px 14px;
background-repeat  : no-repeat;
border-top         : 1px solid #666;
height             : 27px;
margin-top         :5px;
padding-top        :15px;
padding-left: 26px; }


#pagina_noticias div.informacion_adicional div.piedefoto {
 font-size: 0.9em;
 background-color: #e1e0df;
 margin-top:2px;
 padding: 4px 8px;}
 
form.enviarNoticia {
   background-color:#f2f2f2;
   border-top:1px dotted #999;
   padding:6px;}

form.enviarNoticia input.botones {
   background-color:#f2f2f2;
   background   : url(images/item_boton_enviar.gif) 0 2px no-repeat;
   color: #222;}

form.enviarNoticia input.botones:hover {
   background-image   : url(images/item_boton_enviar999.gif);
   color: #999;}

/*
*
* MENU LATERAL
*
*/

#menulateral{
   position   : absolute;
   left       : -165px;
   top        : 0;
   width      : 155px;
   z-index    : 1;
   }
#imagenlateral{
   width      : 155px;
   left       : -165px;
}

#contenido > #menulateral {
   left       : 5px;}


#menulateral ul {
   list-style: none;
   }

#menulateral a.nivel1 {
   display: block;
   padding: 3px;
   background: #9C3 url(images/marco.gif) top right no-repeat;
   color: #000;
   text-transform: uppercase;
   margin-top: 1px;
}

#menulateral a.nivel1:hover {
   color: #fff;
   background-color: #693;
}


#sub1, #sub2  {
   border-bottom:1px solid #ccc; /* bug IE para cerrar la caja */
   background-color: #ccc;}

#menulateral ul.nivel2 {
   padding: 4px 4px 4px 12px;}

#menulateral ul.nivel2 li  {
   margin-left: 8px;
   list-style: circle url(images/item_circulo.gif) outside;
   }

#sub1  a, #sub2 a {
   background: #ccc;
   text-transform: none ;
   color       : #000 }

#sub1 a:hover, #sub2 a:hover  {
   color: #089;
   }


/**
* pagina de aviso legal
*
**/
#avisolegal {
   padding: 10px 30px 25px 30px}
#avisolegal h2 {
   color: #089;
   font-size: 13px;
   font-weight: bold; }
#avisolegal p {
   text-align:justify;
   margin-left: 20px;}

#avisolegal dt {
   font-weight: bold;
   text-transform: uppercase;
   }

#avisolegal dd {
   margin-bottom: 6px;}

#avisolegal dl {
   background-color: #EAEAEA;
   margin: 8px 20px;
   padding: 4px 30px;}

#avisolegal a.amailto{
   background: url(images/item_lista_01.gif) 22px 2px no-repeat;
   padding-left: 35px;
   font-weight: bold;
   color: #089;}

#avisolegal a.amailto:hover {
   color: #666;}


/**
* PAGINA MAPA DEL WEBSITE
*/


#mapaweb {
   padding: 40px 25px;
   margin : 1px;
   background: url(images/mapaweb_fondo2.jpg) bottom right no-repeat}

#mapaweb ul ul {
   margin : 2px 0 16px 0;
   }

#mapaweb li span{
   background: url(images/item_mapaweb.gif) 0 2px no-repeat;
   padding-left: 10px;}

#mapaweb li {
   list-style  : none;
   text-transform: uppercase;
   color: #089;
   font-weight: bold;  }
#mapaweb li li {
   padding-left: 10px}

#mapaweb span.porletra,
#mapaweb a {
   text-transform: none;
   padding-left: 8px;
   background: url(images/item_gt.gif) 0 2px no-repeat;
   color: #666;
 }
#mapaweb a:hover {
   background-image: url(images/item_gt_089.gif);
   color: #089;}

#mapaweb a.letra{
   text-transform: none;
   padding:0 1px;
   background-image: none;
   color: #666; }

#mapaweb a.letra:hover {
   background-image: none;
   color: #089; }

#pagina_mapaweb #contenidoTextoCentro {
   background-image: url(images/marco_mapaweb.gif);}

/**
*
* ACTUALIZACIONES
*
*/

#pagina_actualizaciones #contenidoTextoCentro {
   background-image: url(images/actualiza_fondo.gif);
   height: 305px;
   overflow: auto }

#actualizaciones_lista,
#actualizaciones_categoria,
#actualizaciones_programa {
   z-index: 2;
   float  :left;
   width  :145px;
   padding-left : 8px;
   padding-right: 15px;}

#actualizaciones_lista {
   text-align:right;
   padding-bottom: 60px;}

#actualizaciones_lista a {
   padding-left: 8px;
   color: #fff;}

#actualizaciones_programa dd a       { color: #089;}
#actualizaciones_programa dd a:hover { color: #666;}

#actualizaciones_lista a:hover,
#actualizaciones_categoria li a:hover {
   background: url(images/item_gt_089.gif) 0 3px no-repeat;
   color: #089;
}

#actualizaciones_lista h2,
#actualizaciones_categoria h2 {
   color: #089;
   text-transform: uppercase;
   font-size: 1.1em;
   padding-bottom: 1em;   }

#actualizaciones_programa div {
   height: 260px;}

#actualizaciones_programa dl {
   margin-top: 12px;
   padding: 4px 2px;
   color: #333;
   background: #f0f0f0;
   border-top: 1px dotted #666;
   border-bottom: 1px dotted #666;}

#actualizaciones_programa dt {
   font-weight:bold;  }

#actualizaciones_programa dd {
  padding-left: 1em;  }

#actualizaciones_programa h2 em {
  font-size: 0.65em;
  font-style: normal;
  color: #089;
  display: block}

#actualizaciones_programa p.licencia {
   text-align:right;
   color: #333;
   font-weight: bold;
   margin: 0.5em 0;
   padding: 0; }

#actualizaciones_lista ul,
#actualizaciones_categoria ul {
   list-style: none }

#actualizaciones_categoria li a {
   padding-left: 8px;
   color: #000;}

#actualizaciones_programa {
   padding-left: 15px;
   width  :155px;}

#actualizaciones_programa a.externo {
  display:block;
  background-image: url(images/item_enlaceexterno.gif) ;
  background-position: 100% 14px ;
  background-repeat:no-repeat;
  padding: 15px 26px 15px 0;
  text-align:right;
  color: #089;}

#actualizaciones_programa a.externo:hover {
  background-image: url(images/item_enlaceexternox.gif);
  color :#666; }


/**
*
* PAGINA del BUSCADOR
*/

div.navegacionBuscador {
   margin: 10px 20px;}

#resultados_busquedas div.nohaypaginas {
   top: -14px;
   margin: 0 21px;
   padding: 10px;
   border: 1px solid #9c3;
   }

#resultados_busquedas {
   font-weight: bold }

#resultados_busquedas div.cabeceraresultados {
   background: url(images/buscar_fondo_resultados.gif) no-repeat;
   position: relative;
   width: 400px;
   top: 8px;
   margin-bottom: 20px;
   padding-left: 30px;
   left: 1px;
   color: #fff;
   }

#resultados_busquedas div.cabeceraresultados div  {
   top:2px;
   margin-bottom:2px;
   padding: 2px 0;
   width: 150px;
   height: 18px;
   }

#resultados_busquedas div.cabeceraresultados  strong {
  color: #089;
  text-transform: uppercase;
  font-size: 1em;
  }

#resultados_busquedas ul.resultados {
   width  : 99.9%;
   margin : 10px 0;
   list-style:none outside;  }

#resultados_busquedas ul.resultados li {
   padding: 0.8em 0 1em 25px;
   height: 1em;}

#resultados_busquedas ul.resultados li.impar {
   background: url(images/buscar_fondo_lista.gif) repeat-y;}

#resultados_busquedas ul.resultados a {
   color: #089;
   padding-left: 16px;
   background: url(images/item_buscar.gif) 0 1px no-repeat;   }

#resultados_busquedas ul.resultados a:hover {
   color: #666;
   background-image: url(images/item_buscarx.gif);   }

#resultados_busquedas ul.trucosBusqueda {
  margin: 4px 0 20px 15px;
  list-style: square url(images/item_gt.gif) outside;
  font-weight: normal;}


/**
* ZONAPRIVADA
*/

div.zonaprivada_bienvenida {
  float: left;
  width: 380px;
  padding: 5px 20px 10px 10px;}

#zonaprivada {  padding: 10px 20px 10px 20px;}



#zonaprivada div.zonas         {  padding: 6px 6px; text-align:left; position:relative;}
#zonaprivada.enviado div.zonas {  padding: 6px 6px 6px 12px; text-align:left; }

#zonaprivada div.zonas a  { color: #089; font-weight: bold }

a.lanzarDemo {
 display:block;
 width: 240px;
 height:15px;
 padding-top:6px;
 color: #089;
 font-weight: bold;
 margin: 4px 0 12px 0;
 background: url(images/zonaprivada_lanzardemo.gif) 0 0 no-repeat;
 padding-left: 30px}

a.lanzarDemo:hover{ color: #999;}


#zonaprivada div.zonas a:hover { color: #666; }

#zonaprivada h3 {
   color: #089;
   padding: 0 0 0 14px;
   background: url(images/zonaprivada_fondotitulo.gif) 0 2px no-repeat;
   margin: 22px 0 6px 0;}

#zonaprivada p.texto { margin: 0 0 0 15px}

#zonaprivada table.ficheros {
   width : 100%;
   margin-top: 6px;
   margin-bottom: 15px;
   font-size: 1em; }


#zonaprivada table.ficheros td a { color: #089; font-weight:bold}
#zonaprivada table.ficheros td a:hover { color: #666;}

#zonaprivada table.ficheros td ,
#zonaprivada table.ficheros th { padding: 2px 5px 2px 15px; margin: 1px; }

#zonaprivada table.ficheros th.ultimo {
 background: #e1e1e1 url(images/marco.gif) top right no-repeat; }

#zonaprivada table.ficheros td { background-color: #e2efd1;}
#zonaprivada table.ficheros th { color: #000; text-align:left; background-color: #e1e1e1; }


/**
* VALIDACIONES
*/

#validaciones  {
  text-align:right;
  color: #666;
  width: 730px;
  margin: 10px auto 20px auto;}

#validaciones a { color: #089;}
#validaciones a:hover { color: #666;}


ul.validaciones {
  width: 600px;
  margin: 10px auto 20px auto;}

ul.validaciones li {
   display: block;
   width: 150px;
   float: left;}

#validacionWAI {
  color: #666;
  font-size:0.9em;
  position:absolute;
  bottom  : 25%;
  left:-160px;
  width:114px }

#contenido > #validacionWAI {
  left:10px;
  bottom  : 0px ;
 }


#NotaMac {display:none}


#pagina_zona #pagina {
  /*background: url(images/zonaprivada_cabecera.gif) 0 0 no-repeat;*/
  color: #fff;
  margin:0;
  padding:0;
  width:100%;
  border: 0px none;
  height:100%;
  position: absolute;
  }

#pagina_zona p               { margin : 0;}
#pagina_zona div.cabecera    { padding: 36px 20px 12px 50px;
                               height:64px;}
#pagina_zona div.titulo      { height:36px;}
#pagina_zona div.descripcion { color: #000; clear: both;}
#pagina_zona a.activo { background: url(images/zonaprivada_flecha.gif) center bottom no-repeat;}
#pagina_zona a.saltar { display: block; float: left; width: 2em; height:26px; text-align:center}


/*VOLVER EJEMPLO*/

.volver{
	color:#E06901;
	font-size:12px;
	font-weight:bold;

}

.volver a{
	text-decoration:none;
	color:#E06901;
}

.volver a:hover{
	text-decoration:underline;
}