body { margin: 0; font-size: 0.75em; font-family: Verdana,Arial,sans-serif; background: #FFF; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; }
h2 { color: #FFF; font-size: 0.9em; margin: 0; }
h2 span { padding: 5px 25px; text-transform: uppercase; background-color: #565656; display: inline-block; min-width: 100px; }
h3 { color: #000; font-size: 0.9em; }
ul,ol { padding:0; margin:0; list-style:none; }
a { text-decoration: none; color: #000; font-weight: bolder; }
a:hover { text-decoration: underline;  }
a.selected { color: #8d2213; font-weight: bolder; }
a img { border-width: 0px; }
p { margin: 10px 0; font-size: 0.9em; }
form { margin: 0; }
input { font-size: 0.9em; padding-left: 3px; }
/* CSS Hack para el maldito IE  y sus margenes en inputs */
input { margin:-1px 0px 0px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px 0px 0px 0px; }      /* targets IE7 */
.rojo { color: #f91e14; font-weight: bolder; }
.mas { height: 13px; width: 25px; padding: 2px 5px 0 15px; color: #565656; font-size: 0.85em; float: right; display: block; border: 1px solid #000; background: url('../img/boton.gif') no-repeat 0 -15px; }
.mas:hover { text-decoration: none; background-position: 0 0; }

#pag { width: 909px; height: auto; margin: 0 auto; padding: 20px 0 0 0; background: #FFF url(../img/adorno-arriba.gif) no-repeat right -10px; }
#pag #cab { height: 135px; overflow: hidden; /*background: transparent url(../img/rotador1.jpg) no-repeat 0 0; */position: relative; border: 1px solid #000; }
#pag #cab #logo { margin: 0; }
#pag #cab #logo a { width: 172px; height: 118px; display: block; margin: 7px auto 0 auto; text-indent: -3000px; background: transparent url(../img/logo.gif) no-repeat 0 0; position: relative; z-index: 1; outline: none; }
#pag #cab #logo-swf { z-index: 1; position: absolute; top: 0; left: 343px; }
#pag #cab #buscador { position: absolute; top: 111px; /*bottom: 0; */ right: 0; z-index: 1; border: solid #000; border-width: 1px 0 0 1px; }
#pag #cab #buscador #busca-form { background-color: #565656; padding: 2px 5px 2px 3px; float: left; position: relative; }
#pag #cab #buscador #busca-form  input { margin-right: 55px; }
#pag #cab #buscador .buscar { text-transform: uppercase; font-size: 0.85em; color: #FFF; padding: 2px 4px; position: absolute; top: 4px; right: 2px; } /*Colocado con position absolute por que IE and company no son capaces de centralo verticalmente  */
#pag #cab #buscador #contacto { float: left;  height: 23px; width: 80px; overflow: hidden; background-color: #f91e14; border-left: 1px solid #000; }
#pag #cab #buscador .contacto { padding: 6px 0 5px 0; text-align: center; display: block; font-size: 0.85em; color: #FFF; }
#pag #cab #animacion { position: absolute; top: 0; left: 0; width: 907px; height: 135px; overflow: hidden; }

#pag #cuerpo { width: 907px; height: 100%; float: left; border: solid #000; border-width: 0 1px 1px 1px; }
#pag #izq { width: 171px; float: left; }

#pag #izq #menu { width: 171px; height: 395px; overflow: hidden; }
#pag #izq #menu #acordeon { text-indent:0px; width: 171px; }
#pag #izq #menu #acordeon a.flecha, a.fija { cursor: pointer; width: 151px; height: auto; padding: 5px 0 5px 20px; background:#c7c7c7 url(../img/flecha.gif) no-repeat 0 4px; display: block; text-decoration: none; color:#000; font-weight: bolder; font-size: 0.85em; border-bottom: 1px solid #000; }
#pag #izq #menu #acordeon a.flecha:hover { color: #f91e14; background-position: 0 -54px; }
#pag #izq #menu #acordeon a.fija { background: #c7c7c7 0 0; }
#pag #izq #menu #acordeon a.fija:hover { color: #f91e14; text-decoration: none; }
#pag #izq #menu #acordeon a.selected { background-position: 0 -54px; }
#pag #izq #menu #acordeon a.current { background-color: #f91e14; color: #fff !important; }
#pag #izq #menu #acordeon ul { border-width:0px; text-indent:0px; display: none; }
#pag #izq #menu #acordeon .mostrar { display: block; }
#pag #izq #menu #acordeon li { list-style:none outside none; display:inline; }
#pag #izq #menu #acordeon li li a { color: #000; display: block; font-weight: normal; font-size: 0.85em; padding: 4px 0 4px 20px; text-decoration: none; background-color: #FFF; }
#pag #izq #menu #acordeon li li a:hover { background-color: #f91e14; color: #fff; }

#pag #izq #ultimo { width: 171px; height: 120px; background: no-repeat left top; position: relative; }
#pag #izq #ultimo span { font-size: 0.85em; padding: 5px 0; width: 171px; height: 14px; background-color: #c7c7c7; text-align: center; position: absolute; z-index: 1; top: 95px; left: 0; filter: alpha(opacity=80); opacity: 0.8; }
#pag #izq #ultimo a { font-weight: normal; }

#pag #index { width: 735px; min-height: 454px; height:auto !important; height: 454px; float: left; border-left: 1px solid #000; }
#pag #index #intro { padding: 0 25px 15px 25px; float: left; border-bottom: 1px solid #000; text-align: justify; }
#pag #index #boletin { padding: 10px; }
#pag #index #boletin span input { width: 200px; margin-top: 10px; }
#pag #index #boletin .boton { border: 1px solid #000; background-color: #f91e14; color: #fff; }
#pag #index #boletin .load { margin: 2px 0; } /* imagen de carga login */
#pag #index #boletin #msg2box { color: #f91e14; font-size: 0.80em; padding: 2px 0; } /* textos de error de login */

#pag #index #txt { padding: 15px 25px; text-align: justify; }
#pag #index #txt .img { float: right; margin: 0 0 0 50px; text-align: center; }
#pag #index #txt .img li { margin-bottom: 10px; }

#index h2 .cat { padding-right: 10px; }
#index h2 .subcat { padding: 5px 10px; background-color: #f91e14; min-width: 0; }

.fondo-novedades { background: url(../img/casa-esquina.jpg) no-repeat bottom right; }
.fondo-proyectos { background: url(../img/casa-esquina2.jpg) no-repeat bottom right; }
.fondo-productos { background: url(../img/casa-esquina3.jpg) no-repeat bottom right; }

#txt #paginador { text-align: right; padding: 5px 0; font-size: 0.9em; }
#txt #paginador a { background-color: #c7c7c7; border: 1px solid #000; color: #000; padding:1px 5px; }
#txt #paginador a:hover { color: #f91e14; text-decoration: none; }
#txt #paginador .pselected { color: #fff; background-color: #f91e14; padding:1px 5px; border:1px solid #000; font-weight: bolder; }
#txt #paginador .pag_registros { padding: 1px 5px; border: 1px solid #000; color: #000; }

#txt .noticias { margin: 10px 0 0 0; color: #000; padding: 0 0 15px 0; }
#txt .noticias .titulo { color: #f91e14; padding: 5px 20px; background: url(../img/calendario.gif) no-repeat left 8px; }
#txt .noticias .titulo h4 { margin: 0; font-size: 1.2em; }
#txt .noticias .titulo h4 a { color: #f91e14; }
#txt .noticias .fecha { font-size: .8em; color: #656565; padding-left: 20px; }
#txt .noticias .th-img-right { float: right; margin: 0 0 5px 15px; display: inline; padding: 5px 0 0 0; }
#txt .noticias .th-img-left { float: left; margin: 0 15px 5px 20px; display: inline; padding: 5px 0 0 0; }
#txt .noticias .num-img { font-size: .8em; color: #000; font-weight: bolder; }
#txt .noticias .descripcion { padding: 10px 0 10px 20px; font-size: 0.9em; }
#txt .noticias .noticia-link { text-align: right; margin: 0 10px 10px 0; }
#txt .noticias .noticia-link a { color: #fff; }

#txt #noticia { }
#txt #noticia h4, #txt #caja-producto h4 { color: #f91e14; font-size: 1.3em; padding: 5px 20px; margin:0; background: url(../img/calendario.gif) no-repeat left 8px; }
#txt #noticia .fecha {  color: #656565; padding-left: 20px; margin: 0; font-size: .9em;}
#txt #noticia #descripcion { padding-left: 20px; margin-bottom: 15px; }
#txt #noticia #img {padding-left: 20px; }
#txt #noticia #img p { font-size: .8em; color: #656565; margin: 5px 0; }
#txt #noticia #img img { border: 1px solid #000; }
#txt #noticia #adjunto { padding-left: 20px; margin: 20px 0 10px 0;}

#txt #productos-lista li a { color: #f91e14; font-size: 1.1em; padding: 5px 20px; margin:0; background: url(../img/calendario.gif) no-repeat left 8px; }

#txt #caja-producto .productos-img img { margin: 10px 5px;  padding-left: 20px;}
#txt #caja-producto #descripcion { padding-left: 20px; margin-bottom: 15px; }

#txt fieldset { border: 1px solid #DE1A00 ; padding: 15px; margin-bottom: 10px; }
#txt legend { font-weight: normal; padding: 5px 15px; background-color: #DE1A00; color: #FFF; }
#txt label { color: #3F3F3F; float: left; width: 300px; padding-left: 10px; }
#txt #error { background-image: url(../img/iconos/ico-denegado.gif); background-repeat: no-repeat; background-position: 600px 35px; }
#txt .volver { display: block;height: 13px; margin: 30px 0 0 20px; color: #565656;padding: 2px 5px 0 15px; width: 180px; font-size: 0.8em; text-align: center; border: 1px solid #000; background: url(../img/atras.gif) no-repeat 0 -15px; }
#txt .volver:hover { text-decoration: none; background-position: 0 0; }
#txt #consultas { background: #FFF url(../img/adorno-debajo.gif) no-repeat left bottom;  } 
#txt #colabora { background: #FFF url(../img/adorno-arriba.gif) no-repeat center 135px;  } 
#txt #consultas .input, #colabora .input { background-color:#EEEEEE; border:1px solid #AAAAAA; }

#txt #mapa { font-size: 0.9em; line-height: 1.6; padding: 0 0 0 20px; margin: 10px 0; }
#txt #mapa ul { padding: 0 0 0 20px; margin: 5px 0; line-height: 1.6; }
#txt #mapa a { font-weight: normal; }

#pag #pie-contacto { width: 735px; height: 60px; overflow: hidden; color: #fff; background-color: #DE1A00; float: right; border: solid #000; border-width: 1px 0 0 1px; }
#pag #pie-contacto ul { padding: 0 0 0 20px; height: 30px; }
#pag #pie-contacto ul li { float: left; font-size: 0.85em; padding: 5px 0; }
#pag #pie-contacto ul li a { color: #FFF; font-weight: normal; }
#pag #pie-contacto .dir { width: 380px; }
#pag #pie-contacto .tlf { padding-left: 35px; background: url(../img/tfno-icon.gif) no-repeat left center; width: 130px; }
#pag #pie-contacto .email { padding-left: 35px; background: url(../img/sobre-icon.gif) no-repeat left center; width: 130px; }

#pag #pie-menu { height: 120px; clear: both; background: #FFF url(../img/adorno-debajo.gif) no-repeat left -149px; }
#pag #pie-menu ul { text-align: center; padding: 15px 0 0 0; }
#pag #pie-menu ul li { display: inline; font-size: 0.85em; }
#pag #pie-menu ul li a { margin: 0 15px; }