/* LAYOUT */
body        { background-color: #9d9ea0; }
#contenedor { width: 860px; margin: 0 auto; background-color: #FFF; padding-bottom: 50px; }


/* CABECERA NAVEGACIÓN */
#header-nav         { width: 860px; margin: 30px auto 10px auto; text-align: right; font-family: "Georgia", serif; font-size: 11px; font-weight: bolder; color: #000; }
#header-nav a       { font-family: "Georgia", serif; font-size: 11px; font-weight: bolder; color: #000; text-decoration: none; }
#header-nav a:hover { text-decoration: underline; }

#footer-nav         { width: 860px; margin: 10px auto; text-align: left; font-family: "Georgia", serif; font-size: 11px; font-weight: bolder; color: #000; }
#footer-nav a       { font-family: "Georgia", serif; font-size: 11px; font-weight: bolder; color: #000; text-decoration: none; }
#footer-nav a:hover { text-decoration: underline; }

#footer-nav a.rsc           { display: block; width: 60px; height: 13px; background: url(../img/rsc.gif) 0 0 no-repeat; float: right; }
#footer-nav a:hover.rsc     { background-position: 0 -13px; }
#footer-nav a.rsc span      { display: none; }


/* CABECERA */
#header             { height: 112px; width: 100%; background: url(../img/bg-header.jpg) top right no-repeat #D9CCC3; }
#header h1          { display: block; width: 242px; height: 69px; background: url(../img/logo.gif) top left no-repeat transparent; cursor: pointer; }
#header span        { display: none; }


/* PIE */
#footer             { height: 30px; background-color: #FFF; text-align: left; font-family: "Georgia", serif; font-size: 11px; font-weight: normal; line-height: 30px; padding-left: 30px; }
#footer a           { color: #000; text-decoration: none; }
#footer a:hover     { text-decoration: underline; }


/* MENU */
#menu               { margin: 20px 0 50px 0; }
#menu li            { float: left; margin-right: 3px; display: block; width: 133px; height: 39px; background: url(../img/bg-enlace.jpg) top left no-repeat; text-align: center; }
#menu a             { display: block; width: 100%; height: 23px; font-family: "georgia", sans-serif; color: #FFF; font-size: 13px; font-weight: bolder; text-decoration: none; padding-top: 15px; letter-spacing: -0.3px; }
#menu a:hover       { text-decoration: underline; }


/* CONTENIDO */
#contenido p            { font-family: "georgia", sans-serif; font-size: 13px; color: #636363; line-height: 20px; margin-bottom: 20px;  }
#contenido strong       { color: #000; }
#contenido a            { color: #636363; }
#contenido a:hover      { color: #000; }
#contenido div.texto    { width: 540px; margin-right: 20px; border-right: 1px solid #ABABAB; }


/* SECCION */
#seccion            { width: 541px; margin: -40px 0 30px 0; }
#seccion h2         { padding: 0; }


/* MOSAICOS */
div.fila                { padding: 20px 0; width: 100%; background: url(../img/bg-dots-hor.gif) bottom left repeat-x; }
div.last                { background-image: none; }
div.mosaico             { float: left; margin-right: 97px; }
div.cenefa              { float: left; }
div.ult                 { float: right; margin-right: 0; }
#contenido div.fila p.nombre     { font-family: "georgia", sans-serif; color: #000; font-size: 16px; font-weight: bolder; margin-bottom: 5px; }
#contenido div.fila p.ref        { font-family: "georgia", sans-serif; color: #636363; font-size: 12px; font-weight: normal; margin-top: 5px; }


/* COLORES */
div.fila_colores                { padding: 50px 0; width: 100%; }
div.color                       { width: 150px; float: left; margin-right: 30px; }
#contenido div.color p.nombre   { font-family: "georgia", sans-serif; color: #000; font-size: 16px; font-weight: bolder; margin-bottom: 5px; }

/* PLACAS Y NUMEROS */
div.numeros             { width: 49%; padding: 50px 0; }
div.numeros a.numero    { display: block; height: 108px; width: 108px; float: left; margin: 0 20px 20px 0; }
div.placas              { width: 50%; float: right; padding: 50px 0; }
div.placas a.placa      { display: block; height: 67px; width: 175px; float: left; margin: 0 0 20px 20px; }


/* OTROS PRODUCTOS */
div.otros           { width: 100%; text-align: center; padding: 50px 0; }


/* SUBMENU */
#submenu            { width: 541px; height: 33px; background: url(../img/bg-submenu.jpg) top left no-repeat transparent; margin-bottom: 35px; text-align: center; }
#submenu a          { line-height: 30px; font-family: "georgia", sans-serif; color: #000; font-size: 14px; font-weight: normal; text-decoration: none; letter-spacing: -0.3px; padding: 0 15px; }
#submenu a.act      { font-weight: bolder; }
#submenu a:hover    { color: #636363; }


/* COLORES */
div.colores                     { width: 197px; float: right; }
div.colores a                   { display: block; width: 197px; height: 30px; font-family: "Georgia", serif; font-size: 14px; text-align: center; margin-bottom: 35px; text-decoration: none; background-image: url(../img/bg-pastilla.jpg); line-height: 30px; }
#contenido div.colores a.act    { font-weight: bolder; color: #000; }


/* NOTICIAS */
div.noticia                     { padding: 20px 0; background: url(../img/bg-dots-hor.gif) bottom left repeat-x; }
div.noticia div.img             { width: 225px; float: right; margin: 0 0 30px 30px; }
div.noticia h4                  { margin: 20px 0; }
div.noticia img                 { border: 1px solid #c4c4c4; }


/* NOTICIAS PORTADA */
#noticias-portada           { width: 230px; float: right; }
#noticias-portada h3        { font-family: "georgia", serif; font-size: 22px; font-weight: bolder; color: #000; line-height: 45px; background: url(../img/bg-dots-hor.gif) bottom left repeat-x; }
#noticias-portada div.not   { padding: 20px 10px; background: url(../img/bg-dots-hor.gif) bottom left repeat-x; }
#noticias-portada a         { font-family: "georgia", serif; font-size: 13px; font-weight: bolder; color: #30b5eb; text-decoration: none; text-align: right; width: 100%; display: block; }
#noticias-portada a:hover   { text-decoration: underline; color: #30b5eb; }
#noticias-portada p.tit     { font-size: 18px; font-weight: bolder; margin-bottom: 5px; color: #000; }
#noticias-portada p         { font-size: 14px; margin-bottom: 0; color: #000; font-weight: normal; line-height: 18px; }


/* FORMULARIO CONTACTO */
#form-contacto              { width: 450px; margin: 40px 0; }
#form-contacto li           { margin-bottom: 20px; height: 23px; }
#form-contacto label        { font-family: "georgia", serif; font-size: 15px; display: block; width: 115px; margin-right: 5px; float: left; line-height: 23px; }
#form-contacto input        { font-family: "georgia", serif; font-size: 14px; border: 1px solid #C4C4C4; padding: 2px; width: 275px; float: left; color: #666; }
#form-contacto input.boton  { margin: 40px 10px 0 0; width: 75px; border-width: 2px; }
#form-contacto textarea     { font-family: "georgia", serif; font-size: 14px; border: 1px solid #C4C4C4; padding: 2px; width: 395px; float: left; color: #666; height: 100px; margin-top: -10px; }
div.mensaje                 { width: 380px; padding: 10px; background-color: #d9ccc3; margin: 20px 0; }
#contenido div.mensaje p    { margin-bottom: 0; }


/* MAPA LOCALIZACIÓN */
#mapa                       { width: 250px; height: 350px; border: 1px solid #d9ccc3; float: right; }


/* MAPA WEB */
a.mapa                      { display: block; width: 175px; height: 30px; font-family: "Georgia", serif; font-size: 15px; font-weight: bolder; text-align: center; line-height: 30px; background-color: #d9ccc3; text-decoration: none; float: left; margin: 0 30px 30px 0; }
a.sub                       { margin: 0; width: 153px; height: 20px; line-height: 20px; }
div.a-mapa                  { border: 1px solid #d9ccc3; padding: 0; width: 173px; float: left; margin: 0 30px 30px 0; }
div.a-mapa a                { padding: 5px 10px; font-family: "Georgia", serif; font-size: 15px; font-weight: bolder; display: block; width: 153px; text-decoration: none; float: none; }


/* ESTILOS GENERALES */
div.padd-20         { padding: 20px; }
div.padd-30         { padding: 30px 30px 0 30px; }
div.padd-20-30      { padding: 20px 30px; }
div.cont-img        { width: 100%; text-align: center; padding-top: 20px; }
h2                  { font-family: "georgia", serif; font-size: 27px; font-weight: bolder; color: #000; padding-left: 20px; margin-bottom: 10px; }
h4                  { font-family: "georgia", serif; font-size: 20px; font-weight: bolder; color: #000; margin-bottom: 10px; }


/* CLEARFIX */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close commented backslash hack */