*{
    margin:0;
    padding:0;
}
body{
    font-family:verdana,sans,sans-serif;
    font-size:0.7em;
    color:#666;
}

/*
 * Estructura ---------------------------------------------
 */

.contenedor{
    width:858px; /* izquierda 301 + derecha 857 + blanco central 98 = 857 */
    text-align:left;
    margin:auto;
    background-color:#fff;
}

.cabecera{
    height:107px;
    margin-top:15px;
}

.cabecera2{
    height:107px;
    margin-top:15px;
}

.primera-columna{
    float:left;
    width:302px;
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    /*margin-left:100px;*/
}

.segunda-columna{
    float:left;
    width:458px; /* en teoría son 458 */
    margin-left:98px; /* se supone que son 98 */
    background: url(../img/SEPARADOR-LLARG.jpg) no-repeat top;
}

.clear{
    clear:both;
}


/*
 * Estilos Generales -------------------------------------
 */
strong,
h4,
h3.titular-noticia{
    color:#808080;
}
a{
    color:#767cb0;
    text-decoration:none;
}
a:hover{
    color:#333399;
    background-color:#ccccff;
}
ul{
    list-style:none;
}
ul.lineal li{
    display:inline;
}
address{
    font-style:normal;
    color:#aaa;
}
img{
    border:0;
}
h3,
h4{
    font-size:1em;
}
p{
    line-height:21px;
    margin-bottom:8px;
}
.imagen-pequenya,
.contenido-fino{
    width:327px; /* 317 de la foto + 10 por los 5 de cada margen = 327  */
}
.contenido-fino{
    float:left;
}
.imagen-pequenya p{
    text-align:right;
    margin-right:2px;
    color:#aaa;
}
span.separa{
    margin:0 3px 0 7px;
}
/*
 * Cabecera  -------------------------------------
 */
h1{
    margin-top:55px;
    float:left;
}
ul.idiomas{
    text-align:right;
    color:#ccc;
}
ul.idiomas li.primera{
    /* border-right:1px solid #000; si es borde sobresale */
}
.cabecera p{
    text-align:right;
    margin-top:57px;
}
.cabecera a:hover{
    background-color:#fff;
    color:#767cb0;
}
a.gris{
    color:#aaa;
}
a.gris:hover{
    color:#aaa;
    background-color:#fff;
}

/*
 * Menu  -------------------------------------
 */
.menu-principal{
    float:left;
    background: url(../img/SEPARADOR-LLARG.jpg) no-repeat bottom;
    padding-bottom:20px;
    width:458px;
}
ul.opciones-principales{
    float:left;
    margin:10px 0 0 0; /* 20 inferior */
}
ul.opcion-contacto{
    float:right;
    margin-top:10px;
}
ul.columna1{
    float:left;
    margin:10px 60px 0 0; /* 20 inferior */
}
ul.columna2{
    float:left;
    margin:10px 0 0 0; /* 20 inferior */
}
.menu-secundario{
    float:left;
    clear:both;
    background: url(../img/SEPARADOR-LLARG.jpg) no-repeat bottom;
    width:100%;
    padding-bottom:20px;
}
a.opcion-menu{
    margin:9px 0 9px 1px;
    display:block;
    overflow:hidden;
    text-indent: -10000px;
    height:18px;
}
a.opcion-menu:hover{
    background-color:#fff;
}
a.biografia{
    background: url('../img/menus/es/m-biografia.jpg') no-repeat 0 -18px;
    width:66px;
}
a.biografia:hover,
a.enlaces:hover,
a.novedades:hover,
a.contacto:hover,
a.disenyo-editorial:hover,
a.disenyo-grafico:hover,
a.clases-y-talleres:hover,
a.disenyo-de-tipos:hover,
a.tipos-a-medida:hover,
a.asesoria-tipografica:hover{
    background-position: 0 0;
}
a.biografia-seleccionada{
    background: url('../img/menus/es/m-biografia.jpg') no-repeat 0 0;
    width:66px;
}
a.novedades{
    background: url('../img/menus/es/m-novedades.jpg') no-repeat 0 -18px;
    width:80px;
}
a.novedades-seleccionada{
    background: url('../img/menus/es/m-novedades.jpg') no-repeat 0 0;
    width:80px;
}
a.enlaces{
    background: url('../img/menus/es/m-enlaces.jpg') no-repeat 0 -18px;
    width:55px;
}
a.enlaces-seleccionada{
    background: url('../img/menus/es/m-enlaces.jpg') no-repeat 0 0;
    width:55px;
}
a.contacto{
    background: url('../img/menus/es/m-contacto.jpg') no-repeat 0 -18px;
    width:65px;
}
a.contacto-seleccionada{
    background: url('../img/menus/es/m-contacto.jpg') no-repeat 0 0;
    width:65px;
}
a.disenyo-editorial{
    background: url('../img/menus/es/m-editorial.jpg') no-repeat 0 -18px;
    width:115px;
}
a.disenyo-editorial-seleccionada{
    background: url('../img/menus/es/m-editorial.jpg') no-repeat 0 0;
    width:115px;
}
a.disenyo-de-tipos{
    background: url('../img/menus/es/m-diseno-tipos.jpg') no-repeat 0 -18px;
    width:110px;
}
a.disenyo-de-tipos-seleccionada{
    background: url('../img/menus/es/m-diseno-tipos.jpg') no-repeat 0 0;
    width:110px;
}
a.tipos-a-medida{
    background: url('../img/menus/es/m-lettering.jpg') no-repeat 0 -18px;
    width:68px;
}
a.tipos-a-medida-seleccionada{
    background: url('../img/menus/es/m-lettering.jpg') no-repeat 0 0;
    width:68px;
}
a.asesoria-tipografica{
    background: url('../img/menus/es/m-asesoria.jpg') no-repeat 0 -18px;
    width:144px;
}
a.asesoria-tipografica-seleccionada{
    background: url('../img/menus/es/m-asesoria.jpg') no-repeat 0 0;
    width:144px;
}
a.clases-y-talleres{
    background: url('../img/menus/es/m-clases.jpg') no-repeat 0 -18px;
    width:114px;
}
a.clases-y-talleres-seleccionada{
    background: url('../img/menus/es/m-clases.jpg') no-repeat 0 0;
    width:114px;
}
a.disenyo-grafico{
    background: url('../img/menus/es/m-grafico.jpg') no-repeat 0 -18px;
    width:104px;
}
a.disenyo-grafico-seleccionada{
    background: url('../img/menus/es/m-grafico.jpg') no-repeat 0 0;
    width:104px;
}

/*
 * Pie  -------------------------------------
 */
.pie{
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    margin-top:17px;
    margin-bottom:520px;
    padding-top:17px;
}
.pie p{
    line-height:22px;
    margin-bottom:2px;
}
.pie p.iridia-estudio{
 margin-top:35px;
}
.pie p.iridia-estudio a{
    color:#aaa;
}
.pie p.iridia-estudio a:hover{
    color:#aaa;
    background-color:#fff;
}
a.sociales:hover{
    background: none !important;
}

/*
 * Home  -------------------------------------
 */
strong.tipografia-y-disenyo-junto-a-logo{
    display:block;
    width:137px;
    padding:0;
    overflow:hidden;
    text-indent: -10000px;
    background: url('../img/titulares/es/t-home.jpg') no-repeat 0 0;
    height:18px;
    float:right;
    margin-top:17px;
}
h2.novedades{
    width:80px;
    overflow:hidden;
    text-indent: -10000px;
    background: url('../img/subtitulares/es/st-novedades2.jpg') no-repeat 0 0;
    height:18px;
    margin-bottom:9px;
}
h2.tipografia-y-disenyo{
    width:137px;
    overflow:hidden;
    text-indent: -10000px;
    background: url('../img/subtitulares/es/st-home.jpg') no-repeat 0 0;
    height:18px;
    margin:50px 0 9px 0;
}
h2.h2-biografia{
    width:66px;
    overflow:hidden;
    text-indent: -10000px;
    background: url('../img/titulares/es/t-biografia.jpg') no-repeat 0 0;
    height:18px;
    margin:50px 0 9px 0;
}
.ultima-novedad{
    clear:right;
    margin-top:90px;
    padding-bottom:10px;
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat bottom;
}
.ultima-novedad h3{
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    line-height:16px;
}
img.home{
    padding:3px;
    border:1px solid #dcdCe0;
    margin:30px 0 14px 0;
}
p.primer-parrafo-td{
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    padding-top:20px;
}
span.fecha-noticia{
    font-weight:normal;
}
h3.titular-noticia{
    margin:0 0 5px 0;
    padding-top:25px;
}

/*
 * Intermedio + Novedades -------------------------------------
 * Diseño editorial, Diseño de tipos, tipos a medida, Diseño gráfico. Novedades.
 */
h2.titulo-izquierda{
    padding:0;
    overflow:hidden;
    text-indent: -10000px;
    float:right;
    margin-top:17px;
    height:18px;
}
h2.h2-disenyo-editorial{
    width:115px;
    background: url('../img/titulares/es/t-editorial.jpg') no-repeat 0 0;
}
h2.h2-disenyo-tipos{
    width:110px;
    background: url('../img/titulares/es/t-diseno-tipos.jpg') no-repeat 0 0;
}
h2.h2-tipos-a-medida{
    width:68px;
    background: url('../img/titulares/es/t-lettering.jpg') no-repeat 0 0;
}
h2.h2-disenyo-grafico{
    width:104px;
    background: url('../img/titulares/es/t-grafico.jpg') no-repeat 0 0;
}
h2.h2-novedades{
    width:80px;
    background: url('../img/titulares/es/t-novedades.jpg') no-repeat 0 0;
}
h2.h2-enlaces{
    width:55px;
    background: url('../img/titulares/es/t-enlaces.jpg') no-repeat 0 0;
}
h2.h2-asesoria{
    width:144px;
    background: url('../img/titulares/es/t-asesoria.jpg') no-repeat 0 0;
}
h2.h2-contacto{
    width:65px;
    background: url('../img/titulares/es/t-contacto.jpg') no-repeat 0 0;
}
h2.h2-clases{
    width:114px;
    background: url('../img/titulares/es/t-clases.jpg') no-repeat 0 0;
}
h3.titulo-izquierda{
    overflow:hidden;
    text-indent: -10000px;
    margin:91px 0 9px 0;
    height:18px;
}
h2.h2-titulo-izquierda{
    overflow:hidden;
    text-indent: -10000px;
    margin:64px 0 9px 0;
    height:18px;
}
h2.proyectos-disenyo-editorial{
    width:200px;
    background: url('../img/subtitulares/es/st-editorial.jpg') no-repeat 0 0;
}
h3.proyectos-disenyo-editorial{
    width:200px;
    background: url('../img/subtitulares/es/st-editorial.jpg') no-repeat 0 0;
}
h2.proyectos-disenyo-tipos{
    width:200px;
    background: url('../img/subtitulares/es/st-diseno-tipos.jpg') no-repeat 0 0;
}
h3.proyectos-disenyo-tipos{
    width:200px;
    background: url('../img/subtitulares/es/st-diseno-tipos.jpg') no-repeat 0 0;
}
h2.proyectos-tipos-a-medida{
    width:200px;
    background: url('../img/subtitulares/es/st-lettering.jpg') no-repeat 0 0;
}
h3.proyectos-tipos-a-medida{
    width:200px;
    background: url('../img/subtitulares/es/st-lettering.jpg') no-repeat 0 0;
}
h3.proyectos-disenyo-grafico,
h2.proyectos-disenyo-grafico{
    width:195px;
    background: url('../img/subtitulares/es/st-grafico.jpg') no-repeat 0 0;
}
h3.proyectos-asesoria,
h2.proyectos-asesoria{
    width:259px;
    background: url('../img/subtitulares/es/st-asesoria-tipografica.jpg') no-repeat 0 0;
}
h3.listado-novedades{
    width:134px;
    background: url('../img/subtitulares/es/st-novedades.jpg') no-repeat 0 0;
}
h3.h3-perfil-profesional{
    width:125px;
    background: url('../img/subtitulares/es/st-perfil.jpg') no-repeat 0 0;
}
h3.h3-enlaces{
    width:180px;
    background: url('../img/subtitulares/es/st-enlaces.jpg') no-repeat 0 0;
}
h3.h3-contacto{
    width:180px;
    background: url('../img/subtitulares/es/st-contacto.jpg') no-repeat 0 0;
}
h3.h3-clases{
    width:180px;
    background: url('../img/subtitulares/es/st-clases.jpg') no-repeat 0 0;
}
h3.h3-asesoria{
    width:180px;
    background: url('../img/subtitulares/es/st-asesoria.jpg') no-repeat 0 0;
}


p.parrafo-proyectos{
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    margin:0 0 20px 0;
    padding-top:17px;
    color:#767cb0;
}
p.parrafo-proyectos a,
p.parrafo-proyectos strong{
    margin-right:6px;
}
p.parrafo-proyectos strong{
    color:#444;
    font-weight:normal;
}
p.parrafo-proyectos img{
    margin:11px 7px 0 0;
}
p.descripcion-grupo{
    clear:both;
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    padding-top:17px;
}
p.direccion-calle{
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    padding-top:10px;
    margin-bottom:-10px;
    color:#aaa;
}
p.fecha-titulo{
    margin:25px 0 1px 0;
}
h4{
    margin:0 0 10px 0;
    line-height:15px;
}
.perfil-profesional,
.contenido-contacto{
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    padding:20px 0;
}
.novedad img{
    margin-top:10px;
    padding:3px;
    border:1px solid #dcdCe0;
}
p.titulo-trabajo{
    margin-top:12px;
}
p.gracias{
    color:#6BAA71;
    margin:0 0 20px 0;
}
.contenido-enlaces{
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    padding-top:1px;
    padding-bottom:1px;
}
.contenido-enlaces ul li{
    margin-bottom:5px;
}
.contenido-enlaces p{
    margin-top:17px;
    margin-bottom:3px;
}
/*novedades y su paginacion*/
.contenedor-noticias{
    background: url(../img/SEPARADOR-CURT.jpg) no-repeat top;
    float:left;
    width:100%;
}

ul.listado-noticias{
    margin:25px 0 0 0;
    float:left;
    width:100%;
}
ul.listado-noticias li{
    line-height:15px;
    float:left;
    width:100%;
    clear:both;
    padding-bottom:12px;
}
span.fecha-listado{
    float:left;
    width:56px;
}
div.titular-noticia-listado{
    width:240px;
    float:right;
}
div.titular-noticia-listado a,
div.titular-noticia-listado strong{
    float:left;
}
div.titular-noticia-listado strong{
    color:#444;
    font-weight:normal;
}
.disabled{
    display:inline;
    display:none;
}
ul.paginacion{
    float:right;
    margin-top:12px;
}
ul.paginacion li{
    float:left;
    margin-left:5px;
}
.listado-noticias li.ultima-new{
    margin-bottom:0;
}
ul li.primera a{
    padding:0 5px 0 0;
}
ul li.segunda a{
    padding:0 0 0 5px;
}

/*
 * Proyecto -------------------------------------------
 */
 a.volver{
    display:block;
    text-align:right;
    margin-top:14px;
 }
.cabecera-info-proyecto{
    margin:11px 0 45px 0;
    float:left;
    width:100%;
}
.cabecera-info-proyecto span.titulo-proyecto{
    display:block;
    overflow:hidden;
    text-indent: -10000px;
    float:left;
    width:450px;
    height:18px;
    position:absolute;
    top:-30px;
    left:0;
}
.cabecera-info-proyecto p.descripcion{
    float:right;
}
.cabecera-info-proyecto p.imagenes{
    float:left;
}
.cabecera-info-proyecto p.imagenes a.flecha-imagen:hover{
    background-color:#fff;
    color:#767cb0;
}
p.texto-descripcion{
    clear:both;
}
span.texto-imagenes{
    margin-left:10px;
}
.segunda-columna{
    position:relative;
}
    .texto ul li{
        list-style: circle;
        margin: 0 0 8px 16px;
    }
img.img-proyecto{
    position:absolute;
    top:95px;
    left:0;
}

/*
 * Formulario -------------------------------------------
 */
input,textarea{
 border:1px solid #d1d5e1;
 background:#fff url('../img/degradado-form2.gif') top repeat-x;
}
input{
 width:299px;
}
input.enviar-contacto{
 width:70px;
 color:#666;
}
textarea{
 height:123px;
 width:299px;
}
p.etiqueta{
    line-height:10px;
}
p.campo{
    margin-bottom:20px;
}
p.enviar{
    text-align:right;
}