/*****************************************************************************************************************
*	LAYOUT
*****************************************************************************************************************/
body {  font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;  background-color: #D1D1D1; margin: 0px; padding: 0px; color: black; }

a.link  { text-decoration: none; }
a.link:hover { text-decoration: underline; }
#fondo-negro                { top: 0px; left: 0px; position: absolute; background-color: black; height: 430px; width: 100%; z-index: -1; margin: 0px; }

div.contenedor-menus            { width: 960px; margin: 0px auto 5px auto; overflow: hidden; padding-top: 8px;}

#menu-top-izquierda             { float: left; font-size: 11px; }
#menu-top-izquierda li          { display: inline; }
#menu-top-izquierda a           { padding: 0px 8px 0px 8px; border-left: 1px solid #999; color: #999; text-decoration: none; }
#menu-top-izquierda li a.first	{ border: 0px; }
#menu-top-izquierda li a:hover  { text-decoration: underline; }

#menu-top-derecha               { float: right; font-size: 11px; }
#menu-top-derecha li            { display: inline; }
#menu-top-derecha li a          { border-left: 1px solid #999; color: #999; text-decoration: none;  padding: 0px 8px 0px 8px; }
#menu-top-derecha li a.first	{ border: 0px; }
#menu-top-derecha li a.suscribirse { background: url("/images/iconos/rss.gif") no-repeat; padding-left: 20px; height: 15px; display: block; float: left;}
#menu-top-derecha li a:hover    { text-decoration: underline; }

div.contenedor-logo-menu { height: 90px; width: 100%; border-bottom: 7px solid white;  background: url("/images/ui/bg_cabecera.jpg");  background-color: #FF6E01;}
div.contenedor-logo-menu  div { width: 960px; overflow: hidden; margin: auto;}
div.contenedor-logo-menu a.logo { margin: 25px 10px 10px 10px; display: block; float: left;}

#menu-principal {  float: right; margin-top: 35px; background: url("/images/ui/separador_cabecera.jpg") no-repeat;  padding-left: 1px;}

#menu-principal li { display: block; float: left; overflow: hidden;  height: 55px; }
#menu-principal li a { display: block; font-size: 13px; font-weight: bold; color: white; text-decoration: none; float: left;  text-transform: uppercase; margin-bottom: 5px; background: url("/images/ui/separador_cabecera.jpg") 100% 0px no-repeat; height: 35px; padding: 20px 25px 5px 25px;}
#menu-principal li.selected {  background: url("/images/ui/bg_cabecera_on.jpg");  margin-bottom: 5px; overflow: hidden; }

div.contenido	{ width: 947px; background-color: white;  margin: auto;  margin-top: 45px; padding: 13px; overflow: hidden; }
div.contenido   div.columna-izquierda { float: left; width: 670px;  overflow: hidden; }
div.contenido   div.columna-derecha { float: right;  width: 264px; overflow: hidden; }
div.contenido   div.promocion { width: 670px; height: 290px; margin-top: 13px;}

.titulo-naranja { clear: both; font-size: 11px; font-weight: bold; color: white; background-color: #F86B03; text-transform: uppercase; padding: 4px 8px; }
.titulo-gris    { clear: both; font-size: 11px; font-weight: bold; color: white; background-color: #999; text-transform: uppercase; padding: 4px 8px; }
.titulo-negro   { clear: both; font-size: 11px; font-weight: bold; color: white; background-color: black; text-transform: uppercase; padding: 4px 8px; }
.no-visible { display: none; }

ul.css { width: 900px; margin: auto; text-align: right; padding: 1em;}
    ul.css li { display: inline; margin: 0; padding: 0px;}

ul.pie { text-align: center; margin-top: 1em; color: #666;}
ul.pie a { color: #666; font-size: 0.8em;}
.margin-top-1em { margin-top: 1em; }
.height-20 { padding-top: 6px; padding-bottom: 6px;}
/*****************************************************************************************************************
*	CONTENT/INDEX
*****************************************************************************************************************/

div.destacado { width: 437px; float: left; margin-top: 12px; overflow: hidden; margin-bottom: 15px;}
div.publicidad { width: 220px; float: right; margin-top: 12px; overflow: hidden; margin-bottom: 15px;}

ul.categorias { clear: both; padding-top: 15px; display: block; border-top: 1px solid #E4E4E4; margin-top: 15px; margin-bottom: 15px;}

    ul.categorias li { width: 220px; color: #4B4B4B; text-align: justify; float: left; margin-left: 15px; }
    ul.categorias li.promo_1 { margin-left: 0px; }
    ul.categorias li.promo_2 { width: 200px; margin-left: 15px;}
    ul.categorias li h4 { font-size: 11px; font-weight: bold; border-bottom: 3px solid  #EA5700; padding-bottom: 2px; margin-bottom: 5px;color: black; }
    ul.categorias li a { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #EA5700; font-weight: bold; text-decoration: none; }
    ul.categorias li img { padding: 5px; border: 1px solid #ccc; margin-top: 8px; display: block; margin-bottom: 8px;  }

div.promocion { background-color: #999; height: 290px; width: 670px;}
#imagen { position: absolute; z-index: 0;}
#overlay { background-color: black; height: 0px; margin-top: 290px; position: absolute; width: 670px; display: none;}
#overlay-texto { position: absolute; margin-top: 240px; margin-left: 15px; width: 650px; display: none;}
#overlay-texto h3 a { color: white; font-size: 14px; }
#overlay-texto #promocion-titulo { text-transform: uppercase; }
#overlay-texto #promocion-texto { margin-top: 3px;font-weight: normal; color: #F86B03; width: 400px; font-size: 11px;  font-family: arial; line-height: 13px; display: block; float: left;}
#overlay-texto ul { float: right;}
#overlay-texto li { float: left; margin-right: 5px;}
#overlay-texto  a { text-decoration: none; }
#overlay-texto  a.overlay-link { border: 1px solid #F86B03; padding: 5px; float: left;}
#overlay-texto  a.selected { background-color: #F86B03;}

div.destacado a { text-decoration: none; }
div.destacado .titulo  { font-family: Arial, Helvetica, sans-serif;	font-size: 16px; color: black; font-weight: bold; display: block; padding: 1em 0 1em 0;}
div.destacado img { float: left; margin-right:  1em; }
div.destacado span.texto { text-align: justify; color: #4B4B4B; display: block;}
div.destacado span.link {  padding: 4px; background-color: #F86B03; color: white; font-size: 11px; display: block; width: 5em; float: left; margin-top: 1em; cursor: pointer;}
div.destacado span.link:hover { text-decoration: underline; }
a.publicidad { margin-top: 1em; display: block;}

img.cabecera-seccion { margin-top: 1em; }
img.foto-articulo {  float: right; margin-left: 1em; margin-bottom: 1em; margin-top: 2em;}
div.subseccion h3 { font-family: Arial, Helvetica, sans-serif; font-size: 36px; margin-top: 12px; margin-bottom: 12px;}
div.subseccion h4 {     color: #EA5700; margin-top: 1em; margin-bottom: 2em;}
div.subseccion div.texto { font-size: 12px; line-height: 18px; }
div.subseccion div.texto p { padding-bottom: 1em;}
div.subseccion div.texto .fecha { color: #EA5700; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

ul.resaltados.borde { margin-bottom: 2em; border: 1px solid #E4E4E4; overflow: hidden; padding: 1em 0 1em 1em; }
ul.resaltados.borde li { width: 215px; }
ul.resaltados { margin-top: 2em; color: #4B4B4B;}
    ul.resaltados li { width: 220px;  display: block; float: left; font-size: 11px;	line-height: 17px;}
    ul.resaltados li h5 { color: #EA5700; }
    ul.resaltados img { float: left;  margin-right: 1em; }

ul.menu-lateral { margin-top: 1em; margin-bottom: 2em; }
    ul.menu-lateral a {  display: block; color: #4B4B4B;  text-transform: uppercase; padding: 5px; text-decoration: none; float: left;}
    ul.menu-lateral li { border-top: 1px solid #E4E4E4; overflow: hidden; padding-top: 2px; display: block; }
    ul.menu-lateral li.first { border-top: 1px solid white; }
    ul.menu-lateral li.selected img { float: left; padding-top: 4px; padding-left: 5px;}
    ul.menu-lateral li.selected a { font-weight: bold;  color: black; }


/*****************************************************************************************************************
*	NOTICIAS/HOME
*****************************************************************************************************************/
#noticias-home  { height: 180px; overflow: hidden;  padding: 1em 0.5em 1em 0.5em; margin-top: 1em; border: 1px solid #E4E4E4; }
ul.noticias-home {  font-size: 11px; }
    ul.noticias-home li {  display: block; overflow: hidden; border-bottom: 1px solid #e4e4e4; padding: 1em 0 1em 0; font-weight: normal; color: black;}
    ul.noticias-home li a { text-decoration: none;  color: #4B4B4B; font-size: 11px; cursor: pointer;}
    ul.noticias-home li a:hover { text-decoration: underline; }
    ul.noticias-home li a span.fecha { color: #EA5700; font-size: 0.8em;  display: block; float: left; width: 40px;}
    ul.noticias-home li a span.texto { display: block; float: left; width: 200px; }
    ul.noticias-home li a span.titulo {display: block;  }

#noticias-seccion {height: 75px; overflow: hidden;  padding: 1em 0.5em 1em 0.5em; margin-top: 1em; border: 1px solid #E4E4E4; margin-bottom: 1em; }

a.ver-todas-las-noticias { border: 1px solid #E4E4E4; background-color: #E4E4E4; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 0.4em 1em; text-align: right; text-decoration: none; color: black; margin-bottom: 1em; }
a.ver-todas-las-noticias:hover { text-decoration: underline;}

.paginas { float: right; }
.paginas a { color: #e4e4e4; font-weight: normal;}
ul.noticias-anteriores { margin-bottom: 2em;}
ul.noticias-anteriores li { border-bottom: 1px solid #E4E4E4; padding: 1em 0 1em 0; }
ul.noticias-anteriores a { color: #4B4B4B; text-decoration: none;   line-height: 17px;}
ul.noticias-anteriores a:hover { text-decoration: underline; }
ul.noticias-anteriores .titulo { font-weight: bold; color: #EA5700; display: block; padding-bottom: 0.3em;}
ul.noticias-anteriores .texto {  border-left: 4px solid  #E4E4E4;  display: block; padding-left: 10px;}
ul.noticias-anteriores .fecha { font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: black; }


/*****************************************************************************************************************
*	NOTICIAS/VIEW
*****************************************************************************************************************/
a.adjunto { display: block; border-top: 1px solid #E4E4E4; padding: 1em; margin-top: 1em; font-size: 0.9em; color: #666; text-decoration: none; margin-bottom: 1em; }
a.adjunto img { border: 1px solid #E4e4e4; border-right: 2px solid #E4e4e4; border-bottom: 2px solid #E4e4e4; margin-bottom: 1em; margin-right: 1em; }
a.adjunto span.texto { display: block;}
a.adjunto span.size {  font-size: 0.9em; color: #999; }
a.adjunto:hover { text-decoration: underline; }


/*****************************************************************************************************************
*	CUPON/WF-FORMULARIO
*****************************************************************************************************************/

#wf-formulario {  width: 90%; margin: auto; margin-top: 3em; }
#wf-formulario label { display: block; margin-bottom: 1em; clear: both; }
#wf-formulario label.left { float: left; margin-right: 1em; clear: none; }
#wf-formulario label.nl { clear: both; }
#wf-formulario input, select, textarea { display: block; margin-top: 0.5em;  }
#wf-formulario input.submit { display: block; margin: auto; margin-top: 1em; }


/*****************************************************************************************************************
*	UI/TELEFONO
*****************************************************************************************************************/
p.ui-telefono { background: url("/images/telefono.jpg") 100% 100% no-repeat; background-color: #FE8100; width: 160px; padding: 12px 96px 2em 8px;  margin-top: 1em;  margin-bottom: 1em; font-size: 11px; line-height: 1.1em;}
p.ui-telefono .telefono { display: block;   font-size: 18px; font-weight: bold; color: white; margin: 0.5em auto 12px 1.6em;}
p.ui-telefono .fax { display: block; font-family: Arial, Helvetica, sans-serif;	font-size: 10px; text-align: center; color: white; }

/*****************************************************************************************************************
*	UI/DONDE-ESTAMOS
*****************************************************************************************************************/
p.ui-donde-estamos { background: url("/images/donde.jpg") 100% 0px no-repeat; background-color: #E9E9E9; width: 160px; padding: 3em 96px 2em 8px;   margin-top: 1em;  margin-bottom: 1em; font-size: 11px; line-height: 1.1em; }
p.ui-donde-estamos .direccion { display: block; color: white; margin-top: 1em;  color: #EA5700; line-height: 1.1em;}

/*****************************************************************************************************************
*	UI/BUSCADOR
*****************************************************************************************************************/
form.buscador { padding: 1em; background-color: #E4E4E4;  margin-bottom: 1em;  overflow: hidden; height: 2em;  }
form.buscador input.buscar { margin-right: 14px; width: 140px; }
form.buscador label.buscador  { float: left; overflow: hidden; }
form.buscador span { display: none; }
form.buscador div.boton {float: right; }
div.boton { background: url("/images/flecha_derch.gif") 100% 50% no-repeat; display: block;  overflow: hidden; float: left; }

div.boton input { border: 0px; color: white; text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 0.4em 0.2em; background-color: black; margin-right: 5px; }


div.boton input.mini { font-size: 0.9em; text-transform: none; padding-top: 0.4em;  padding-bottom: 0.4em;  margin-right: 5px;}


/*****************************************************************************************************************
*	UI/ZONA-CLIENTES
*****************************************************************************************************************/
div.ui-zona-clientes { background-color: #E4E4E4; padding: 2em 1em 2em 1em; font-size: 0.9em; overflow: hidden; margin-top: 1em;}
div.ui-zona-clientes label  { display: block; margin-bottom: 1em; font-weight: bold; }
div.ui-zona-clientes .campos { float: left; }
div.ui-zona-clientes .campos input { font-size: 0.9em; margin-left: 1em;  }
div.ui-zona-clientes .boton { float: right; margin-top: 3em; }
div.ui-zona-clientes a { color: #EA5700;  display: block; clear: both; text-align: center; padding-top: 0.5em;}

/*****************************************************************************************************************
*	UI/ATENCION-CLIENTES
*****************************************************************************************************************/
ul.ui-atencion-clientes { margin-top: 1em; margin-bottom: 1em; background: url("/images/atencion.jpg") 100% 50% no-repeat; padding: 0.6em 1em 0.6em 1em; background-color: #EEEEEE; overflow: hidden; }

ul.ui-atencion-clientes a { display: block; color: black; text-decoration: none; font-size: 0.9em;  padding: 0px; }
ul.ui-atencion-clientes a:hover { text-decoration: underline; }
ul.ui-atencion-clientes .soporte { padding-left: 25px; background: url("/images/soporte.png") 0px 50% no-repeat; padding-top: 0.6em; padding-bottom: 0.6em; text-transform: uppercase; font-weight: bold; }
ul.ui-atencion-clientes .consultas { padding-left: 25px; background: url("/images/consultas.png") 0px 50% no-repeat; padding-top: 0.6em; padding-bottom: 0.6em;; clear: both; }


/*****************************************************************************************************************
*	SEARCH/VIEW
*****************************************************************************************************************/

ul.busqueda-resultado li { border-bottom: 1px solid #E4E4E4; padding: 1em 0 1em 0; }
ul.busqueda-resultado a { color: #4B4B4B; text-decoration: none;    line-height: 17px;}
ul.busqueda-resultado a:hover { text-decoration: underline; }
ul.busqueda-resultado .titulo { font-weight: bold; color: #EA5700; display: block; padding-bottom: 0.3em;}
ul.busqueda-resultado .texto {  border-left: 4px solid  #E4E4E4;  display: block; padding-left: 10px;}
ul.busqueda-resultado .fecha { font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: black; margin-right: 1em; text-transform: capitalize;}


/*****************************************************************************************************************
*	CONTACTAR/INDEX
*****************************************************************************************************************/
div.formulario-contactar { background-color: #E9E9E9; padding: 1em; margin-top: 1em; margin-bottom: 1em; }

div.formulario-contactar .grupo  {padding: 1em 1em 0px 1em; background-color: white; overflow: hidden; margin-top: 1em; }
div.formulario-contactar .grupo label { width: 290px; float: left; color: #EA5700; padding-bottom: 1em;  overflow: hidden; }
div.formulario-contactar .grupo label.der { margin-left: 3em; }

div.formulario-contactar .grupo label span { display: block; float: left;  padding-top: 0.3em;}
div.formulario-contactar .grupo label input { margin-left: 1em;  float: right; }
div.formulario-contactar .grupo textarea { font-size: 12px; margin-bottom: 1em;  }
div.botones {  width: 15em; margin: auto;   font-size: 13px; margin-top: 1.2em; margin-bottom: 1.2em; }
div.botones input { float: left; margin-right: 1em;  }
div.formulario-contactar .enviar { font-weight: bold; margin-left: 1em; }

div.formulario-contactar .grupo label.error { color: red; }
div.formulario-contactar .grupo label span.required { font-weight:bold; }


#slider-home {
    width: 670px;
    height: 290px;
    overflow: hidden;
    float: left;
    margin-top: 1em;
}

#slider {
    width: 620px;
    height: 135px;
    overflow: hidden;
    float: left;
    margin: 1em;
}

#noticias-cabecera {
    margin: 1em 0;
    width: 315px;
    overflow: hidden;
    float: right;
}

div.nivo-caption {
    padding: 0.5em;
    font-size: 2em;
    line-height: 0.96em;

}

.nivo-caption h2 {
    color: #F86B03;
    margin-right: 1em;
    font-size: 0.7em;

}
.nivo-caption h1 a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    display: block;
    font-size: 0.7em;
}