/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos generales del documento                  ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

body
{
    background: url(../img/fondoGral.jpg);
    font-size: 12px;
    font-family: 'Lato' , sans-serif;
    color: #333333;
}
a
{
    outline: none;
}
em
{
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h3
{
    font-family: 'Oswald' , sans-serif;
    color: #de644d;
}
h1
{
    font-size: 36px;
    color: #343642;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
  margin-top:5px; /*UB*/
}
h1.rojo
{
    font-size: 18px;
    color: #DE644D;
    font-family: 'Oswald',sans-serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    border: none;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0;
}
h1.rojo.eBooks
{   
    text-transform: none;
}
h1.rojo.eBooks em
{
    font-family: 'Lato' , sans-serif;
    font-style: italic;
    font-size: 24px;
}
#colContenido h2
{
    font-family: 'Lato' , sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #3b96a9;
    padding: 10px;
    border-top: 1px dotted #cccdd0;
    border-bottom: 1px dotted #cccdd0;
    /*width: 395px;*/
    width: 705px;
    float: left;
    margin-bottom: 20px;
}
p
{
    color: #333;
    font-size: 14px;
    line-height: 15px;
}
ul li
{
    color: #7e7e7e;
    font-size: 14px;
    line-height: 15px;
}
a.btnVerMas
{
    width: 55px;
    height: 35px;
    text-indent: -9999px;
    display: block;
}
legend
{
    font-size: 12px;
    border: none;
}
fieldset
{
    border: none;
}
a
{
    color: #3e98ab;
    text-decoration: none;
}
br.clear
{
    clear: both;
}
p
{
    line-height: 18px;
    text-align: justify;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos generales del header                     ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

.aut{
    padding-top: 0 !important;
    /*width:100% !important;*/
  }
#headerPrincipal
{
    width: 100%;
    height: 152px;
    margin: 0 auto;
    position: relative;
    background: url(../img/fondoHeader2.jpg);
}
#headerInterior
{
    width: 1000px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    background: url(../img/fondoHeaderInterior.jpg) no-repeat 0 35px;
}
/* Estas líneas son las que le dan estilos al logo para que sea el link hacia el inicio del sitio */
/*#headerPrincipal h1*/
#headerPrincipal #logo-header
{
    display: block;
    width: 142px;
    height: 50px;
    background: url(../img/logoOceano3.png);
    text-indent: -9999px;
    position: absolute;
    top: 55px;
    left: 0px;
    margin: 0;
    padding: 0;
}
/*#headerPrincipal #logo-header h1 a*/
#headerPrincipal #logo-header a
{
    display: block;
    width: 227px;
    height: 56px;
}

/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos de navegación auxiliar                   ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

#navAuxiliar
{
    position: absolute;
    top: 10px;
    left: 10px;
}
#navAuxiliar2
{
    position: absolute;
    top: 10px;
    right: 20px;
}
#navAuxiliar ul, #navAuxiliar2 ul, #navPrincipal ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    font-family: 'Oswald' , sans-serif;
    text-transform: uppercase;
}
#navAuxiliar ul li, #navAuxiliar2 ul li, #navPrincipal ul li
{
    float: left;
}
#navAuxiliar ul li a, #navAuxiliar2 ul li a
{
    display: block;
    color: #d9ddce;
    text-decoration: none;
    font-size: 11px;
    padding: 0 9px;
    border-right: 1px solid #d9ddce;
}

#navAuxiliar ul:last-child li:last-child a, #navAuxiliar2 ul:last-child li:last-child a
{   
    border-right: none;
}

#buscador
{
    position: absolute;
    top: 65px;
    right: 0px;
    height: 40px;
    width: 380px;
}
#buscador input[type="text"]
{   
    border: 1px solid;
    width: 266px;
    height: 26px;
    padding-left: 20px;
    color: #666666;
    border: 1px solid #343642;
    float: left;
}
#buscador input[type="submit"]
{   
    background: #343642;
    border: none;
    cursor: pointer;
    background: url('../img/fondoBuscar.jpg');
    height: 30px;
    width: 85px;
    text-indent: -400px;
}
input#searchbox
{
    /*background: url(../img/fondoBuscadorInput.jpg);*/
    width: 98px;
    height: 21px;
    padding: 0 20px;
    border: none;
    position: absolute;
    right: 0;
    top: 5px;
}
input#searchbox.defaultText
{
}
input#searchbox.defaultTextActive
{
    color: #a1a1a1;
    font-style: normal;
    line-height: 12px;
    font-size: 9px;
}
input#searchsubmit
{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 120px;
    cursor: pointer;
    background: none;
    border: none;
    display: block;
    text-indent: -9999px;
}

/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos de navegación principal                  ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

#navPrincipal
{
    width: 1200px;
    padding: 0px;
    height: 43px;
    margin: -35px auto 5px;
    position: relative;
    font-size: 15px;
    text-align: center;
    font-family: 'Oswald' , sans-serif;
}
#navPrincipal ul
{
    /*margin:0 0 0 80px;*/
    margin: 0 0 0 45px;
}
#navPrincipal a.inicio
{
    background: url(../img/btnHome.png) bottom;
    width: 18px;
    height: 19px;
    display: block;
    text-indent: -99999px;
    position: absolute;
    top: 8px; /*left:75px;*/
    left: 20px;
    padding: 0;
    z-index: 99;
}
#navPrincipal a.inicio:hover
{
    background: url(../img/btnHome.png) top;
}
#navPrincipal a
{
    color: #343642;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: none;
    font-weight: lighter;
    height: 42px;
    line-height: 35px;
    padding: 0 11px;
    display: block;
    text-transform: uppercase;
}
#navPrincipal a.selected
{
    color: #343642;
    -webkit-text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: none;
    font-weight: lighter;
    height: 42px;
    line-height: 35px;
    padding: 0 8px;
    display: block;
    text-transform: uppercase;
    background: url(../img/btnMenuOver.png) bottom center no-repeat;
}
#navPrincipal a:hover
{
    color: #FFF;
    background: url(../img/btnMenuOver.png) bottom center no-repeat;
    -webkit-text-shadow: 1px 1px 1px #000;
    -moz-text-shadow: 1px 1px 1px #000;
    -o-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000;
}
#navPrincipal a.selected
{   
    color: #FFF;
    -webkit-text-shadow: 1px 1px 1px #000;
    -moz-text-shadow: 1px 1px 1px #000;
    -o-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000;
}
#navPrincipal a.primero
{
    border-left: none;
    margin-left: 5px;
    padding-left: 0px;
}
#navPrincipal a.ultimo
{
    border-right: none;
}

#navPrincipal ul.menu ul
{
    position: absolute;
    margin: 0;
    padding: 0 0 0 19px;
}
#navPrincipal ul.menu ul li
{
    float: none;
    line-height: 15px;
}
#navPrincipal ul.menu ul li a
{
    border: none;
    color: #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    text-align: left;
    width: 76px;
    padding: 4px 0;
    line-height: 15px;
    height: auto;
    font-size: 12px;
    padding-left: 24px;
}
#navPrincipal ul.menu ul li a:hover
{
    background: url(../img/btnSubmenu.png) no-repeat 0 2px;
    color: #414982;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos de contenedor principal                  ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
#contenedorPrincipal
{
    width: 1000px;
    margin: 0 auto;
    padding-top: 8px;
    position: relative;
    background: url(../img/fondoContenedorArriba.png) top center no-repeat;
}
#contenidoPrincipal
{
    width: 920px;
    margin: 0 auto;
    padding: 22px 40px;
    position: relative;
    background: url(../img/fondoContenedor.png) top center;
}

#colContenido
{
    width: 600px;
    float: left;
}

#colContenido.fullColumn
{
    width: 920px;
}

#colContenidoRelacionado
{
    width: 300px;
    min-height: 635px; /*background:url(../img/fondoCol2.png);*/ /*no existe imagen*/
    float: right;
    padding: 0;
    position: relative;
}
#colContenidoRelacionado h2
{
    font-size: 16px;
    border-bottom: 1px dotted #cbcac9;
    text-transform: uppercase;
    padding: 0 0 5px;
    margin-top: 30px;
    margin-bottom: 15px;
}
#autorrandom
{
    position: relative;
}
#autorrandom a.vermas
{
    color: #3e98ab;
    position: absolute;
    top: 6px;
    right: 0;
    font-style: italic;
}
#autorrandom em
{
    font-family: 'Oswald' , sans-serif;
    font-style: normal;
    font-size: 18px;
    color: #343642;
    text-transform: uppercase;
}
#autorrandom img
{
    /*float: left;*/
    margin-right: 10px;
}
#contenidoPrincipal a.conocemas
{
    display: block;
    width: 100px;
    height: 25px;
    /*float: right;*/
    background: #343642;
    color: #a4cacb;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    margin-top:5px
}
#obraautor
{
    clear: both;
    font-size: 13px;
    color: #de644d;
    border-bottom: 1px solid #c8c8c8;
    padding: 0 0 5px 0;
    margin: 10px 0 0 0;
    display: block;
    height: auto;
    min-height: 215px;
}
#obraautor h2
{   
    color: #de644d;
    border-bottom: 1px dotted #c8c8c8;
    font-family: 'Oswald',sans-serif;
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    width: 100%;
}
#obraautor a
{
    color: #449cae;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos de footer principal                      ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

#footerPrincipal
{
    width: 100%;
    height: 250px;
    padding: 0px;
    background: url(../img/fondoFooter.jpg);
    position: relative;
    clear: both;
}
#footer
{
    width: 1000px;
    height: 199px;
    background: url(../img/fondoFooterInterior.jpg) 0 1px no-repeat;
    padding: 1px 0 0 0;
    margin: 0 auto;
}
#footer
{
    line-height: 19px;
}
#footer a
{
    color: #c3c3c3;
    text-decoration: none;
    font-size: 10px;
}
#footer ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#footer ul li a
{
    color: #fff;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #d9ddce;
    font-size: 11px;
}
.col
{
    width: 177px;
    float: left;
    margin: 40px 0 0 150px;
}
.col.segunda
{
    float: left;
    margin-left: 25px;
}
.col.tercera
{
    float: left;
    margin-left: 25px;
}
.col.cuarta
{
    float: left;
    margin-left: 25px;
}

/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Cosos escondidos                                 ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.hidden
{
    display: none;
}

/*Lista de obras en contenido principal: Mas vendidos*/
#colContenido .obra
{
    display: block;
    float: left;
    height: 130px;
    margin-right: 14px;
    width: 136px;
    
    width: 135px;
}
#colContenido .obra a
{
    color: #343642;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    display: block;
    height: 40px;
}
#colContenido .obra a.autor
{
    color: #3b96a9;
    border-top: 1px solid #989693;
    text-transform: uppercase;
    padding-top: 5px;
    font-style: normal;
    font-size: 12px;
    height: 30px;
}
#colContenido .obra a.portada
{
    height: 145px;
    width: 135px;
    border-top: 1px solid #989693;
    border-bottom: 1px dotted #cbcac9;
}
#colContenido .obra a.portada img
{   
    padding: 5px 0px 5px 0px;
    max-height: 135px;
    max-width: 135px;
}

#colContenidoRelacionado .obra.mini
{   
    display: block;
    float: left;
    height: 130px;
    margin-right: 10px;
    margin-top: 10px;
    margin: 5px 5px 0 5px;
    width: 140px;
}
#colContenidoRelacionado .obra.mini a
{
    color: #343642;
    display: block;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    height: 40px;
    text-align: center;
    clear: both;
}
#colContenidoRelacionado .obra.mini a.portada
{   
    height: 145px;
}
#obrasautor h2
{
    padding: 0;
    margin-bottom: 15px;
    font-family: 'Oswald' , sans-serif;
    font-weight: normal;
    color: #de644d;
    width: 100%;
    border: none;
}

/*Lista de obras en contenido principal: Proximos lanzamientos*/
#lanzamientosobras
{
    display: block;
    height: 370px;
    clear: both;
    margin-bottom: 20px;
    border-bottom: 1px solid #989693;
    position: relative;
}

#lanzamientosobras h2
{
    padding: 0;
    margin-bottom: 15px;
    background: url(../img/tituloProximosLanzamientos.png);
    width: 600px;
    height: 52px;
    text-align: center;
    color: #FFF;
    display: block;
    font-size: 24px;
    padding-top: 13px;
    font-family: 'Oswald' , sans-serif;
    font-weight: normal;
    border: none;
}

#lanzamientosobras a.vermas
{
    position: absolute;
    right: 0px;
    top: 13px;
}

/*Resumen y link a blog externo home (Columna Principal)*/
#bannerligablog
{
    margin-bottom: 40px;
    border-bottom: 1px dotted #cbcac9;
    padding-bottom: 25px;
}
#contenidoPrincipal #bannerligablog a.conocemas
{
    clear: both;
}
#bannerligablog a.titulo
{
    display: block;
    clear: both;
    font-size: 28px;
    font-style: italic;
    margin-bottom: 15px;
}
#bannerligablog em
{
    color: #999;
    margin-bottom: 25px;
    display: block;
}
#bannerligablog p
{
    line-height: 24px;
    color: #333333;
}

/*Autor al azar (Columna derecha)*/
div#autorrandom
{
    width: 300px;
    display: block;
    clear: both;
}

div#autorrandom img.autor
{
    float: left;
    border: 0;
    display: block;
    width: 90px; /* height: 135px;     */
}

/*Ligas a redes sociales (Col. Derecha)*/
#redessociales
{
    width: 300px;
    display: block;
    clear: both;
    padding-bottom: 5px;
    position: relative;
}
#redessociales.alternate
{
    position: absolute;
    right: 41px;
    top: 35px;
    width: 185px;
}
#redessociales.alternate h2
{
    position: absolute;
    top: -20px;
}
ul.linksredes
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.linksredes li
{
    display: inline;
}

a.rss
{
    display: block;
    text-indent: -9999px;
    width: 22px;
    height: 23px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/socialMediaIcons.png) no-repeat top right;
}
a.facebook
{
    display: block;
    text-indent: -9999px;
    width: 22px;
    height: 23px;
    position: absolute;
    top: 0;
    right: 95px;
    background: url(../img/socialMediaIcons.png) no-repeat top left;
}
a.twitter
{
    display: block;
    text-indent: -9999px;
    width: 22px;
    height: 23px;
    position: absolute;
    top: 0;
    right: 64px;
    background: url(../img/socialMediaIcons.png) no-repeat -22px 0;
}
a.youtube
{
    display: block;
    text-indent: -9999px;
    width: 22px;
    height: 23px;
    position: absolute;
    top: 0;
    right: 32px;
    background: url(../img/socialMediaIcons.png) no-repeat -44px 0;
}

/*Ligas redes sociales 2013*/
#header-social
{
    width: 1000px;
    margin: 5px auto;
    list-style-type: none;
    padding: 0;
    height: 20px;
}
#header-social ul#breadcrumbs
{
    margin: 0;
    width: 820px;
}
#redessociales.header
{
    display: block;
    width: 190px;
    height: 23px;
    position: static;
    float: right;
    padding: 0 5px 0 0;
    margin-top: -25px;
}
#redessociales.header h2
{
    float: left;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 23px;
    margin: 0;
    padding: 0;
    position: static;
    text-transform: uppercase;
}
#redessociales.header a {
    margin-left: 10px;
}
#redessociales.header a.rss
{
    display: block;
    text-indent: -9999px;
    width: 22px;
    height: 23px;
    background: url(../img/socialMediaIcons.png) no-repeat top right;
    position: static;
    float: right;
}
#redessociales.header a.facebook
{
    display: block;
    text-indent: -9999px;
  width: 25px;
  height: 25px;
  background: url(../img/socialMediabar_v2.png) no-repeat 0 0;
    /*width: 22px;
    height: 23px;
    background: url(../img/socialMediaIcons.png) no-repeat top left;*/
    position: static;
    float: right;
}
#redessociales.header a.twitter
{
    display: block;
    text-indent: -9999px;
  width: 25px;
  height: 25px;
  background: url(../img/socialMediabar_v2.png) no-repeat -25px 0;
    /*width: 22px;
    height: 23px;
    background: url(../img/socialMediaIcons.png) no-repeat -22px 0;*/
    position: static;
    float: right;
}
#redessociales.header a.youtube
{
    display: block;
    text-indent: -9999px;
  width: 36px;
  height: 25px;
  background: url(../img/socialMediabar_v2.png) no-repeat -50px 0;
    /*height: 23px;
  width: 22px;
    background: url(../img/socialMediaIcons.png) no-repeat -44px 0;*/
    position: static;
    float: right;
}
#redessociales.header a.instagram
{
    display: block;
    text-indent: -9999px;
  width: 25px;
  height: 25px;
  background: url(../img/socialMediabar_v2.png) no-repeat -86px 0;
    position: static;
    float: right;
}
/*Form Newsletter (Col. Derecha)*/
#newsletter
{
    width: 300px;
    display: block;
    clear: both;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 5px;
}
input#email
{
    width: 175px;
    height: 30px;
    color: #666666;
    border: 1px solid #343642;
    float: left;
    margin-top: 10px;
    font-size: 12px;
    padding: 0 10px;
}
input#submitnewsletter
{
    float: right;
    height: 30px;
    width: 100px;
    text-transform: uppercase;
    background: #343642;
    font-size: 12px;
    color: #a4cacb;
    border: none;
    font-family: 'Oswald' , sans-serif;
    cursor: pointer;
    margin-top: 10px;
}
#mensajesnewsletter
{
    padding-bottom: 10px;
    padding-top: 10px;
}

/*Banner Donde Comprar (Col. Derecha)*/
#bannerdondecomprar
{
    width: 300px;
    height: 175px;
    background: url(../img/fondoDonde.png) no-repeat;
    display: block;
    clear: both;
    position: relative;
}
#colContenidoRelacionado #bannerdondecomprar h2
{
    color: #a4cacb;
    position: absolute;
    border: none;
    top: 20px;
    left: 90px;
    margin: 0;
    padding: 0;
}
#frmbannerdondecomprar
{
    position: absolute;
    width: 160px;
    height: 75px;
    top: 70px;
    left: 10px;
    color: #d9ddce;
}
#frmbannerdondecomprar legend
{
    width: 120px;
    padding-left: 40px;
    padding-bottom: 15px;
}
select#ddlEstadosBanner
{
    width: 160px;
    font-size: 12px;
}
p.mensajedondecomprar
{
    width: 105px;
    color: #d9ddce;
    position: absolute;
    font-size: 10px;
    right: 10px;
    top: 80px;
    text-align: center;
    line-height: 13px;
}

p.msgproximamente
{
    color: #A4CACB;
    font-size: 13px;
    font-weight: bold;
    left: 40px;
    line-height: 13px;
    position: absolute;
    text-align: center;
    top: 51px;
    width: 105px;
}



/*Banner Eventos (Col. Derecha)*/
#bannereventos
{
    width: 300px;
    display: block;
    clear: both;
    padding-bottom: 5px;
    position: relative;
    /*border-bottom: 1px solid #c8c8c8;*/
}
#bannereventos a.vermas
{
    color: #3e98ab;
    position: absolute;
    top: 6px;
    right: 0;
    font-style: italic;
}
.evento
{
    border-bottom: 1px dotted #CBCAC9;
    padding-bottom: 15px;
    min-height: 55px;
}
.fecha
{
    width: 75px;
    text-align: right;
    float: left;
    height: 55px;
}
.evento.primero .fecha span em
{
    font-size: 48px;
    display: block;
    line-height: 40px;
}
.evento.primero .vinculo
{
    height: 55px;
}

.evento em
{
    font-weight: bold;
    display: block;
}

.vinculo
{
    width: 200px;
    margin-left: 100px;
}
.vinculo a
{
    font-size: 13px;
}
/*Banner Temas (Col. Derecha)*/
#bannertemas
{
    width: 300px;
    display: block;
    clear: both; 
    /*margin-top:80px;*/
    /*background: url(../img/fondoTemas.png) top right no-repeat;*/
    margin-top: 20px;
    position: relative;
    height: 114px;
    
    height: 70px;
    width: 280px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px dotted #c8c8c8;
    
    padding: 10px 0 0;
    width: 300px;
}
#bannertemas h2
{
    margin: 0;
    padding: 0;
    border: none;
    /*
    color: #A4CACB;
    position: absolute;
    top: 15px;
    left: 125px;
    */
}
#bannertemas fieldset
{
    margin: 0;
    padding: 0;
    color: #D9DDCE;
    font-size: 13px;
    /*
    position: absolute;
    top: 45px;
    left: 10px;
    */
}
#bannertemas fieldset legend
{
    display: none;
}
select#ddlTemasBanner
{   
    margin-top: 10px;
    font-size: 13px;
    width: 280px;
    width: 300px;
}
/*Banner Eventos (Col. Derecha)*/
#bannertravesia
{
    width: 300px;
    display: block;
    clear: both; /*margin:40px 0 70px;*/
    margin: 20px 0 50px;
}

/*Banner Encuesta (Col. Derecha)*/
#bannerencuesta
{
    width: 300px;
    display: block;
    clear: both; /*background:url(../img/fondoEncuesta.png) no-repeat bottom center;*/
    background-color: #F3EDE1;
    margin-top: 40px;
    position: relative;
    height: 215px;
    color: #343642;
}
#bannerencuesta h2
{
    text-align: center;
    background: url(../img/tituloEncuesta.png) no-repeat center;
    border: none;
    top: -40px;
    position: absolute;
    width: 300px;
    margin: 0;
    padding: 0;
}
#bannerencuesta fieldset
{
    position: absolute;
    padding: 15px;
    margin-top: 10px;
    width: 250px;
}
/*#bannerencuesta  fieldset legend{*/
#bannerencuesta h3
{
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    border-bottom: 1px dotted #c8c8c8;
    padding-bottom: 5px;
    color: #000;
    font-family: 'Lato' , sans-serif;
}
input#submitencuesta
{
    height: 30px;
    width: 100px;
    text-transform: uppercase;
    background: #343642;
    font-size: 12px;
    color: #a4cacb;
    border: none;
    font-family: 'Oswald' , sans-serif;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 112px;
}

/*Lista de obras en contenido principal: Home Categoria*/
#colContenido .rootObras {
    display: block;
    margin: 0 0 0 -33px;
    width: 986px;
}

#colContenido .listaobras
{
    display: block;
    height: 330px;
    clear: both;
    position: relative;
}

#colContenido .listaobras.big
{
    float: left;
    clear: none;
    position: relative;
    background: url("../img/fondoSombraObrasBig.png") no-repeat scroll 0 25px transparent;
    margin: 0 0 20px 0;
    width: 600px;
    padding: 0 20px;
    /*
    height: 300px;
    */
    border-bottom: 1px dotted #c8c8c8;
    
    margin: 0 0 20px -5px;
    width: 560px;
    padding: 0 25px;
}
#colContenido .listaobras.big .obra {
    margin-right: 6px;
}
#colContenido .listaobras.big .vermas {
    right: 25px;
}

#colContenido .listaobras.small
{
    float: left;
    clear: none;
    position: relative;
    background: url("../img/fondoSombraObras.png") no-repeat scroll 0 25px transparent;
    margin: 0 0 20px 0;
    width: 453px;
    padding: 0 20px;
    
    height: 300px;
    border-bottom: 1px dotted #c8c8c8;
}
#colContenido .listaobras.small.derecha
{
    margin: 0;
    background: url("../img/fondoSombraObras.png") no-repeat scroll 10px 25px transparent;/*#f8f8f8*/
    padding: 0 0 0 30px;
    width: 463px;
}
#colContenido .listaobras h2
{
    padding: 0;
    margin-bottom: 15px;
    font-family: 'Oswald' , sans-serif;
    font-weight: normal;
    color: #de644d;
    width: 100%;
    border: none;
    text-transform: uppercase;
}
#colContenido .listaobras.small.derecha h2
{
    margin-left: 0;
}
.listaobras .contadorobras
{
    position: absolute;
    right: 0px;
    top: 0px;
}
.listaobras .vermas
{
    position: absolute;
    right: 15px;
    /*top: 10px;*/
    top: 4px;
}
.listaobras.small .vermas
{
    position: absolute;
    right: 30px;
    top: 4px;
}
.listaobras.small h2
{
    margin-left: 5px;
}

/*tag cloud (http://24ways.org/2006/marking-up-a-tag-cloud)*/
#bannertags
{
    clear: both;
    display: block;
    /*background: url('../img/fondoCaja.png') repeat-x;*/
    height: auto;
    min-height: 130px;
    margin: 0 0 -35px -34px;
    padding: 30px 30px 0;
    width: 928px;
}
#bannertags h2 {
    margin: 0;
    padding: 0 0 5px 0;
    border: none;
    color: #de644d;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Oswald',sans-serif;
    font-weight: normal;
    border-bottom: 1px dotted #c8c8c8;
}
/* display the individual items next to each other, not one-per-line */
.tag-cloud
{
    padding: 0px;
}
.tag-cloud li
{
    display: inline;
}
/* hide the extra context from CSS-enabled browsers, but not screenreaders */
.tag-cloud span
{
    position: absolute;
    left: -9999px;
    width: 990px;
}
/* size is purely presentational, based upon the class */
.tag-cloud .not-popular
{
    font-size: 12px;
}
.tag-cloud .not-very-popular
{
    font-size: 14px;
}
.tag-cloud .somewhat-popular
{
    font-size: 16px;
}
.tag-cloud .popular
{
    font-size: 18px;
}
.tag-cloud .very-popular
{
    font-size: 20px;
}
.tag-cloud .ultra-popular
{
    font-size: 22px;
}

.imagenlibro
{
    width: 185px; /*height:310px;*/
    float: left;
}
.imagenautor
{
    width: 185px;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

table.ficha
{
    clear: both;
    width: 80%;
    margin-left: 20%;
    font-size: 13px;
}
td.titulo
{
    color: #de644d;
}
table.ficha tr
{
    border-bottom: 1px dotted #CCCDD0;
}
table.ficha tbody
{
    padding-left: 55px;
}
a.verfichadewey
{
    clear: both;
    display: block;
    padding: 0 10px;
    height: 25px;
    float: right;
    background: #343642;
    color: #a4cacb;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    margin-top: -50px;
    cursor: pointer;
}
a.extracto
{
    display: block;
    width: 120px;
    height: 26px;
    font-size: 12px;
    text-align: center;
    color: #fdf6e4;
    background: url(../img/fondoExtracto2.png);
    padding: 5px 0 0 0;
    margin: -3px 0 0 7px;
}
img.portadabaja
{
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000; /*   width:135px;   height:205px;   */
    max-height: 220px;
    max-width: 135px;
}
img.autorbaja
{
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000; /*height:205px; width:90px; */
    max-height: 220px;
    max-width: 135px;
}
a.imprimir
{   
    /*
    font-style: italic;
    background: url(../img/btnImprimir.png) top left no-repeat;
    margin-top: 20px;
    padding-left: 20px;
    */
    display: block;
 
    /*Opcion 1*/
    /*
    font-style: normal;
    margin: 10px 0 10px 0;   
    background: url(../img/fondo_imprimir.png) top left no-repeat;
    height: 25px;
    padding: 0 0 0 30px;
    color: #A4CACB;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 25px;
    width: 135px;
    */
    
    /*Opcion 2*/
    font-style: normal;
    margin: 20px 0 10px 0;   
    background: url(../img/printer_red_32.png) top left no-repeat;
    height: 25px;
    padding: 0 0 0 30px;
    color: #000;
    font-size: 12px;
    line-height: 25px;
    width: 135px;
    
    /*32px icons*/
    line-height: 32px;
    height: 32px;
    padding: 0 0 0 37px;
}
a.ebook
{
    display: block;
 
    /*Opcion 1*/
    /*
    font-style: normal;
    margin: 10px 0 10px 0;   
    background: url(../img/fondo_imprimir.png) top left no-repeat;
    height: 25px;
    padding: 0 0 0 30px;
    color: #A4CACB;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 25px;
    width: 135px;
    */
    
    /*Opcion 2*/
    font-style: normal;
    margin: 20px 0 10px 0;   
    background: url(../img/ebook_red_32.png) top left no-repeat;
    padding: 0 0 0 30px;
    color: #000;
    font-size: 12px;
    line-height: 25px;
    width: 135px;
    height: 25px;
    
    /*32px icons*/
    line-height: 32px;
    height: 32px;
    padding: 0 0 0 37px;
}
body.black a.ebook {
    color: #DE634D;
}
a.book
{
    display: block;
 
    /*Opcion 1*/
    /*
    font-style: normal;
    margin: 10px 0 10px 0;   
    background: url(../img/fondo_imprimir.png) top left no-repeat;
    height: 25px;
    padding: 0 0 0 30px;
    color: #A4CACB;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 25px;
    width: 135px;
    */
    
    /*Opcion 2*/
    font-style: normal;
    margin: 20px 0 10px 0;   
    background: url(../img/book_red_32.png) top left no-repeat;
    padding: 0 0 0 30px;
    color: #000;
    font-size: 12px;
    line-height: 25px;
    width: 135px;
    height: 25px;
    
    /*32px icons*/
    line-height: 32px;
    height: 32px;
    padding: 0 0 0 37px;
}

ul#breadcrumbs
{
    width: 1000px;
    margin: 15px auto;
    list-style-type: none;
    padding: 0;
    height: 20px;
}
ul#breadcrumbs li
{
    float: left;
    font-style: italic;
  padding-top:3px;
}
ul#breadcrumbs li a
{
    background: url(../img/fondoBtn.png) no-repeat center right;
    padding: 0 10px 0 3px;
    margin-right: 3px;
}
.contenedorficha
{
    border-top: 1px solid #cbcac9;
    background: url(../img/sombraFicha.png) no-repeat center bottom;
    padding-bottom: 40px;
    padding-top: 30px;
    clear: both;
}
.clasificacionDewey
{
    width: 100px;
    float: left;
}

#fichaDewey h1
{
    font-family: 'Lato' ,sans-serif;
    font-size: 14px;
    padding-left: 100px;
}
.datosDewey
{
    width: 510px;
    float: left;
}
.fondoficha
{
    background: white;
}
.codigobarras
{
    margin-top: 30px;
}
#overlay
{
    display: none;
    background-color: #FFF;
    padding: 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    z-index: 9999;
}

/*Modal Ficha*/

.transition {
  transition: all 0.25s ease-in-out;
}


#overlayFicha {
  position: fixed;
  background-color: rgba(48, 69, 92, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 9999;
  display: none;

  iframe {
    margin-top: 5%;
  }
}

 #frameObras{
    margin-top:5%;
  }

/*
  a.view-slide {
    font-size: 0.9em;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: rgba(34, 190, 198, 1);
    background: rgba(254, 255, 250, 1);
    margin-top: 2em;
    padding: 1.2em;
    border-radius: 0.25em;
    @extend .transition;
    &:hover {
      color: rgba(48, 69, 92, 0.5);
      background-color: rgba(48, 69, 92, 0.15);
    }
  }*/

/*FIN Modal ficha*/
.fondos
{
    clear: both;
    display: block;
    position: relative;
}

.margen
{
    margin-bottom: 25px;
}

.fondos .logo
{
    display: block;
    height: 70px;
    position: absolute;
    right: 40px;
    text-align: right;
    top: 0;
    width: 200px;
}

.fondo
{
    border-bottom: 1px solid #C8C8C8;
    float: left;
    height: 25px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 179px;
}

.fondo a
{
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

#bannerfondos
{
    clear: both;
    display: block;
    width: 300px;
}

#bannerfondos a.fondo
{
    background-color: #F8F8F8;
    border: 0 none;
    clear: both;
    display: block;
    float: none;
    font-size: 14px;
    height: auto;
    margin-bottom: 2px;
    margin-right: auto;
    width: 120px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#bannerdistribucion
{
    clear: both;
    display: block;
    width: 300px;
}

#resultadosbusqueda
{
    display: block;
    clear: both;
    margin-bottom: 20px;
}

#resultadosbusqueda h2
{
    padding: 0;
    margin-bottom: 15px;
    font-family: 'Oswald' , sans-serif;
    font-weight: normal;
    color: #de644d;
    width: 100%;
    border: none;
}

#resultadosbusqueda .obra
{
    display: block;
    float: left;
    height: 280px;
    margin-right: 14px;
    width: 136px;
}

#headerResultados
{
    display: block;
    clear: both;
    position: relative;
    height: 65px;
}

#headerResultados img.logoFondo
{
    margin-bottom: 20px;
}

#headerResultados h2 em
{
    color: #3E98AB;
}

#headerResultados span.contadorobras
{
    position: absolute;
    top: 10px;
    right: 0px;
    font-weight: bold;
}

#headerResultados #orden
{
    position: absolute;
    top: 30px;
    right: 0px;
}


/*Calendario*/
#calendario
{
    width: 490px;
    display: block;
    clear: both;
    margin-bottom: 20px;
}

#encabezadomes
{
    border-bottom: 1px solid #C8C8C8;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#encabezadomes em
{
    font-size: 20px;
    font-weight: bold;
}

a.calendarionav
{
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

a.mesanterior
{
}
a.messiguiente
{
}

div.dia
{
    display: block;
    float: left;
    height: 15px;
    padding: 5px;
    width: 25px;
    border-bottom: 1px dotted #c8c8c8;
    text-align: center;
}

div.diasemana
{
    color: #c8c8c8;
}

div.hoy
{
    color: #FFF;
    background-color: #DD634C;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

#eventodestacado
{
    background-color: #343642;
    height: 300px;
    width: 600px;
    position: relative;
    margin-bottom: 30px;
}

#eventodestacado h2
{
    color: #A5CBCC;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px dotted #c8c8c8;
    border-top: 1px dotted #c8c8c8;
    width: 300px;
    position: absolute;
    top: 40px;
    left: 250px;
}

#eventodestacado span.fecha
{
    color: #D9DDCE;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: bold;
    position: absolute;
    top: 40px;
    left: 40px;
    width: auto;
}

#eventodestacado span.hora
{
    color: #D9DDCE;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 90px;
    left: 40px;
    width: auto;
}

#eventodestacado p
{
    color: #FFFFFF;
    font-size: 14px;
    width: 300px;
    height: 135px;
    position: absolute;
    top: 110px;
    left: 250px;
}

#eventodestacado a.vermas
{
    height: 25px;
    width: 100px;
    background: none repeat scroll 0 0 #DE644D;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    top: 265px;
    left: 470px;
    line-height: 25px;
    padding: 0 10px;
    text-align: center;
}

.detalleevento
{
    width: 600px;
    min-height: 330px;
    display: block;
    clear: both;
    border-bottom: 1px solid #c0c0c0;
    position: relative;
    padding-bottom: 30px;
}

.detalleevento a.imprimir
{
    position: absolute;
    top: 140px;
    left: 50px;
}

.detalleevento a.compartir
{
    position: absolute;
    top: 130px;
    left: 50px;
}

.detalleevento h2
{
    color: #A5CBCC;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px dotted #c8c8c8;
    border-top: 1px dotted #c8c8c8;
    width: 330px !important;
    position: absolute;
    top: 40px;
    left: 250px;
}

.detalleevento span.fecha
{
    color: #000;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: bold;
    position: absolute;
    top: 40px;
    left: 40px;
    width: auto;
}

.detalleevento span.hora
{
    color: #000;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 90px;
    left: 40px;
    width: auto;
}

.detalleevento p
{
    font-size: 14px;
    width: 300px;
    height: 135px;
    position: absolute;
    top: 110px;
    left: 250px;
}

.detalleevento table.ficha
{
    position: absolute;
    top: 250px;
    margin-left: 0px;
    width: 100%;
}

div.detalleevento table.ficha td.titulo
{
    color: #DE644D;
    width: 115px;
}

div#obrasautor div.obra
{
    height: auto;
    margin-bottom: 20px;
}

#olportada
{
    background-color: #FFFFFF;
    display: none;
    padding: 30px;
    z-index: 9999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

a.olmedia
{
    cursor: pointer;
}

a.eventosical
{
    background: url("../img/cal_icon.jpg") no-repeat scroll right bottom transparent;
    float: right;
    height: 25px;
    margin-top: -50px;
    padding-right: 20px;
    width: 70px;
}

#dc-encabezado
{
    background-color: #343642;
    width: 600px;
    height: 70px;
    position: relative;
    margin-bottom: 10px;
}

#dc-encabezado h1
{
    font-size: 25px;
    color: #A4CACB;
    position: absolute;
    top: 20px;
    left: 50px;
}

#dc-encabezado span
{
    color: #FFF;
    position: absolute;
    top: 15px;
    left: 390px;
}

#dc-encabezado select
{
    position: absolute;
    top: 30px;
    left: 390px;
    width: 195px;
}

#dc-clientes
{
    border-right: 1px solid #C8C8C8;
    float: left;
    height: 300px;
    min-height: 300px;
    width: 190px;
}

#dc-lista-clientes
{
    height: 268px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 20px;
    width: 160px;
}

.dc-cliente
{
    border-bottom: 1px dotted #C8C8C8;
    clear: right;
    color: #000000;
    display: block;
    padding: 5px;
    width: 150px;
}

#dc-mapa
{
    height: 300px;
    width: 400px;
    float: right;
    margin-bottom: 10px;
}

#dc-detalle
{
    width: 400px;
    height: 200px;
    display: block;
    clear: left;
    float: right;
}

#dc-loading
{
    margin-top: 20px;
    padding: 10px;
}

#dc-seleccionado
{
    font-size: 18px;
    font-family: 'Oswald' ,sans-serif;
    display: block;
    margin-bottom: 10px;
}

#dc-detalle h2
{
    border: 0 none;
    color: #000000;
    float: left;
    font-family: 'Oswald' ,sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0;
}

#bannercompras
{
    padding-bottom: 30px;
    border-bottom: 1px solid #c8c8c8;
}

.dc-tienda
{
    margin: 0px 10px 0px 10px;
    padding: 5px;
    display: block;
    border-bottom: 1px dotted #c8c8c8;
}

.dc-tienda span
{
    display: block;
    font-weight: bold;
}


/*Contacto*/
#contacto
{
    width: 590px;
}

#contacto h1
{
    border-bottom: 1px solid #C8C8C8;
    color: #DE644D;
    font-family: 'Oswald' ,sans-serif;
    font-size: 25px;
    padding-bottom: 30px;
}

#contacto em
{
    display: block;
    clear: both;
    font-size: 20px;
    font-family: 'Oswald' ,sans-serif;
    margin-bottom: 35px;
}

#contacto table
{
    width: 590px;
    border: 0px;
}

#contacto table tr td
{
    padding: 2px 2px 20px;
}

#contacto input
{
    border: 1px solid #343642;
    clear: left;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    margin-right: 35px;
    margin-top: 10px;
    padding: 0 10px;
    width: 210px;
}

#uploadcontrol input
{
    border: thin none !important;
    clear: none !important;
    color: #666666 !important;
    display: inline !important;
    float: none !important;
    font-size: 12px !important;
    height: 23px !important;
    margin-right: 0 !important;
    margin-top: 10px !important;
    padding: 0 10px !important;
    width: 215px !important;
}

#contacto #suscribir
{
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    padding: 0px;
    width: auto;
}

#contacto select
{
    display: block;
    clear: left;
    width: 232px;
    color: #666666;
    font-size: 12px;
    height: 30px;
    margin-top: 10px;
}

#contacto textarea
{
    display: block;
    clear: left;
    width: 265px;
    height: 120px;
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    border: 1px solid #000;
}

#contacto #btnSubmit
{
    background: none repeat scroll 0 0 #343642;
    color: #A4CACB;
    float: right;
    font-size: 14px;
    height: 30px;
    text-align: center;
    width: 100px;
}

span.nota
{
    position: absolute;
    top: 30px;
    left: 300px;
    display: block;
}

#cargaarchivo
{
    background-color: #F3EDE1;
    padding: 10px;
    width: 590px;
    height: 200px;
}

p.derecha
{
    float: right;
    width: 260px;
}

p.izquierda
{
    float: left;
    width: 260px;
}

#autores-letras
{
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #c8c8c8;
    width: 100%;
}

#autores-letras a
{
    color: #DE644D;
    font-family: 'Oswald' ,sans-serif;
    font-size: 20px;
    padding-right: 5px;
}

#autores-letras a.seleccionada
{
    color: #000000;
}

#autores-letras a:hover
{
    color: #A4CACB;
}

#bannernovedadobra img
{
    height: 135px;
    width: 100px;
    display: block;
    clear: both;
}

#bannernovedadobra .obra
{
    text-align: center;
}

#headerfondo
{
    position: relative;
    min-height: 120px;
    width: 885px;
}

#headerfondo img
{
    max-height: 120px;
}

#headerfondo .contadorobras
{
    /*
    position: absolute;
    top: 30px;
    right: 0px;
    */
}
.titulocarga
{
    background: url("../img/fondoBullets.png") no-repeat scroll 0 10px transparent;
    height: 20px;
    padding-left: 195px;
    margin-bottom: 10px;
    color: #DE644D;
    font-family: 'Oswald' ,sans-serif;
    font-size: 18px;
}
#uploadcontrol
{
    display: block;
    height: 100px;
    margin-bottom: 10px;
    text-align: center;
    width: 590px;
}

#recaptcha_widget_div
{
    margin-top: 7px;
}

.nodisplay
{
    display: none;
}

.close
{
    background-image: url("../img/overlay/apple-close.png");
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 27px;
}

.logoOceano
{
    /*     background: url("../img/logoOceano_azul.png") no-repeat scroll 0 0 transparent;     font-size: 0;*/
    height: 56px;
    margin-bottom: 20px;
}

#colContenido blockquote
{
    font-size: 14px;
    font-family: 'Lato' ,sans-serif;
    color: #3B96A9;
    padding: 0 1em 1em;
    margin: 0;
    text-align: justify;
}

.masobras
{
    display: block;
    clear: both;
}

#bannerobrasrelevantes .obra
{
    margin-bottom: 5px;
}

#bannerobrasrelevantes a.titulo
{
    text-decoration: underline;
}

#bannerobrasrelevantes a.autor
{
    font-weight: bold;
}

.fblikebutton
{
    width: 135px;
    text-align: center;
    padding: 15px 30px;
    display: block;
}

p.resumen
{
    padding-left: 185px;
}

.st_sharethis
{
    margin-top: 20px;
    display: block;
}

.copyright
{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 65px;
    font-size: 12px;
    color: #fff;
}
a.logoSN
{
    display: block;
    width: 60px;
    height: 29px;
    background: url(../ui/oceano/logostream.png);
    text-indent: -9999px;
    position: absolute;
    bottom: 10px;
    right: 180px;
}

.verror
{
    color: #DE644D;
}

a.botonAzul
{
    display: block;
    padding: 0 10px;
    height: 30px;
    background: #343642;
    color: #a4cacb;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    width: 120px;
}

.mensajeSimple
{
    font-size: 14px;
}

#uploadTrigger
{
    background: none repeat scroll 0 0 #DE644D;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 35px;
    margin-top: 20px;
    padding: 5px 10px;
    text-align: center;
    width: 120px;
}

span.proximamente
{
    float: right;
    color: #DE644D;
    font-family: 'Oswald' ,sans-serif;
    font-size: 15px;
    /*font-weight: bold;*/
    text-transform: uppercase;
}

span.proximamentesmall
{
    float: right;
    color: #3B96A9;
    font-family: 'Lato' ,sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.titulolibro
{
    margin: 20px 0 15px;
}

.mensajeEventos
{
    padding-top: 20px;
    display: block;
    clear: both;
}

.prox-hdr
{
    background-color: #FFFFFF;
    border: 1px solid #CCCC99;
    box-shadow: 2px 2px 11px #666666;
    color: #DE644D;
    display: none;
    font-family: 'Oswald' ,sans-serif;
    font-size: 11px;
    left: 903px;
    margin-top: 5px;
    padding: 3px;
    position: absolute;
    text-transform: uppercase;
    top: 35px;
    width: 70px;
}

#trEncuesta table
{
    font-family: 'Lato' ,sans-serif;
    color: #000;
    font-size: 12px;
}

#resultadosEncuesta
{
    margin-top: 10px;
    padding: 15px;
    position: absolute;
    width: 250px;
}

#msgsContacto
{
    display: block;
    width: 590px;
}

.clear
{
    clear: both;
    height: 0;
    overflow: hidden;
}

#colContenido div.extras
{
    padding-left: 185px;
    margin-top: 20px;
}

#colContenido div.extras h2
{
    float: none;
}

#colContenido.right
{
    float: right !important;
    width: 710px;
    padding-left: 10px;
}
#colContenidoRelacionado.left
{
    float: left !important;
    width: 200px;
}

/*Inicio Comunidad Oceano*/
#colContenido div.previewNota
{
    border-bottom: 1px solid #C8C8C8;
    display: block;
    height: auto;
    margin-bottom: 5px;
    min-height: 150px;
    position: relative;
    width: 700px;
}

#colContenido div.previewNota div.miniatura
{
    /*background: url("../ui/oceano/polaroidFrame.png") no-repeat scroll 0 0 transparent;*/
    display: block;
    float: left; /*height: 205px;*/
    margin: 0px;
    width: 170px; /*padding-top: 17px;     padding-left: 17px;*/
}

#colContenido div.previewNota div.miniatura img
{
    max-height: 135px;
    max-width: 135px;
    box-shadow: 0 0 10px #000000;
}

#colContenido div.previewNota a.titulo
{
    border: none;
    float: none;
    margin-bottom: 0px;
    display: block;
    padding: 0;
    width: auto;
    color: #3B96A9;
    font-family: 'Lato' ,sans-serif;
    font-size: 18px;
    font-weight: bold;
}

#colContenido div.previewNota p
{
    padding-bottom: 0px;
    padding-left: 170px;
    width: 530px;
}

#colContenido div.previewNota span
{
    float: right;
    position: absolute;
    top: 5px;
    right: 0px;
    color: #DE644D;
    font-size: 14px;
}

#colContenido div.previewNota em
{
    color: #DE644D;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

#colContenido div.previewNota a.conoceMasNota
{
    float: right;
    padding-bottom: 5px;
    font-size: 14px;
}

#colContenido div.previewNota.destacado
{
    display: block;
    height: auto;
    margin-bottom: 30px;
    min-height: 220px;
    position: relative;
    width: 700px;
    margin-top: 40px;
}

#colContenido div.previewNota.destacado div.miniatura
{
    height: 220px;
    margin-right: 10px;
    width: 220px; /*height: 260px;     width: 250px;     background-color: #c8c8c8;     background: url("../ui/oceano/polaroidFrameBig.png") no-repeat scroll 0 0 transparent;     margin-right: 10px;     padding-top: 25px;     padding-left: 25px;*/
}

#colContenido div.previewNota.destacado div.miniatura img
{
    max-height: 200px;
    max-width: 200px;
    box-shadow: 0 0 10px #000000;
}

#colContenido div.previewNota.destacado a.titulo
{
    padding-top: 10px;
    margin-bottom: 0px;
}

#colContenido div.previewNota.destacado em
{
    color: #DE644D;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}


/*home autores*/
#colContenido div.listalinks
{
    clear: both;
    display: block;
    margin-bottom: 20px;
}

#colContenido div.listalinks h2
{
    clear: both;
    display: block;
    width: 100%;
}

#colContenido div.listalinks ul
{
    list-style-type: none;
    padding-left: 10px;
}

#colContenido div.listalinks div
{
    float: left;
    width: 300px;
    display: block;
}

#menuComunidad
{
    margin-top: 40px;
    background-color: #FEF9F1;
    padding: 0 0 0 15px;
    width: 170px;
}

#menuComunidad h2
{
    color: #DE644D;
}

h1.comunidad
{
    color: #DE644D;
}
h1.comunidad em
{
    color: #449CAE;
}

#menuComunidad a
{
    clear: both;
    color: #449CAE;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
}

#menuComunidad a:hover
{
    text-decoration: underline;
}

/*Banner Noticias*/
#bannerNoticias
{
    width: 282px;
    font-size: 12px;
    position: relative;
    padding: 20px 20px 0 0px;
    display: block;
    margin-bottom: 20px;
}

#bannerNoticias h2 a.comunidad
{
    color: #DE644D;
}
#bannerNoticias h2 a.comunidad em
{
    color: #449CAE;
}
#bannerNoticias h2:first-child
{
    margin: 0 0 20px;
    border: none;
    font-size: 22px;
    border-bottom: 1px dotted #CBCAC9;
}
#bannerNoticias h2
{
    margin: 0;
    border: none;
    font-size: 16px;
    padding: 0 0 10px;
}
#bannerNoticias div.noticiasB div
{
    height: 210px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 275px;
    width: 265px;
}

#bannerNoticias div.noticiasB
{
    height: 280px;
    position: relative;
    margin: 0 0 0 20px;
    padding: 0;
    border-bottom: 1px dotted #C8C8C8;
}

#bannerNoticias div.videoComunidad
{
    height: 212px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #C8C8C8;
    padding-bottom: 5px;
}

#bannerNoticias div.noticiasB div p
{
    font-size: 12px;
    margin-top: 15px;
}

#bannerNoticias div.noticiasB div h3
{
    padding: 0 0 10px;
    margin: 0;
    border: none;
    font-size: 18px;
    color: #343642;
}

#bannerNoticias div.noticiasB div a.titulo
{
    font-size: 14px;
}

#bannerNoticias div.noticiasB div a.btnConoceMas
{
    /*font-size: 14px;*/
    background: none repeat scroll 0 0 #343642;
    color: #A4CACB;
    display: block;
    float: right;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 100px;
}

#bannerNoticias div.noticiasB div h3 em
{
    font-size: 14px;
    color: #343642;
}

#bannerNoticias div.noticiasB div img
{
    float: left;
    margin: 15px 15px 60px 0;
    max-height: 135px;
    max-width: 135px;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

#bannerNoticias div.noticiasB div a.btnConoceMas
{
    width: 99px;
    display: block;
    float: right;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #a4cacb;
    text-transform: uppercase;
}

#bannerNoticias div.tabsB
{
    /*
    margin-bottom: 10px;
    padding-left: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #C8C8C8;
    */
    margin: 0 5px 0 3px;
    float: right;
}

#bannerNoticias div.contNavNotas {
    display: block;
    float: right;
    margin-top: -30px;
    width: 130px;
}
#bannerNoticias div.contNavEventos {
    display: block;
    float: right;
    margin-top: -30px;
    width: 90px;
}
a.prevEventos
{
    width: 15px;
    height: 17px;
    display: block;
    background: url(../img/flechaIzq.png);
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 130px;
}
a.nextEventos
{
    width: 15px;
    height: 17px;
    display: block;
    background: url(../img/flechaDer.png);
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: 130px;
}
a.prevNotas
{   
    width: 15px;
    height: 17px;
    display: block;
    background: url(../img/flechaIzq.png);
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 630px;
}
a.nextNotas
{
    width: 15px;
    height: 17px;
    display: block;
    background: url(../img/flechaDer.png);
    cursor: pointer;
    position: absolute;
    right: 0px;
    /*top: 200px;*/
    top: 630px;
}
#bannerNoticias p
{
    text-align: left;
}

div#contenedorPrincipal section#contenidoPrincipal article#colContenido blockquote
{
    padding-left: 185px;
}

div.tabsB a.current
{
    background-position: -8px 0;
}
/*
div.tabsB a:hover
{
    background-position: -14px 0;
}
*/
div.tabsB a
{
    background: url("../img/bulletsmini.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 8px;
    width: 8px;
    /*margin: 0 0 0 3px;*/
    margin: 4px 0 0 3px;
}
.paging
{
    display: block;
    clear: both;
    margin-bottom: 25px;
    width: 600px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #989693;
    border-bottom: 1px solid #989693;
    font-family: 'Oswald' ,sans-serif;
    font-size: 12px;
}
.paging.header
{
    float: right;
    display: block;
    width: auto;
    text-align: right;
    height: 12px;
    line-height: 12px;
    border: none;
    font-family: 'Oswald' ,sans-serif;
    font-size: 12px;
    margin: -30px 35px 0 0;
}
.paging a:hover
{
    color: #343642;
}
.full
{
    width: 100% !important;
}
#recaptcha_widget_div input
{
    height: auto;
}
body.black
{
    background: url(../img/puertaNegra/fondoGral.jpg);
    color: #aeaeae;
}
body.black p
{
    color: #aeaeae;
}
.black .wrapper
{
    opacity: 0;
    background: black;
    -webkit-transition: opacity 1.5s linear;
    -moz-transition: opacity 1.5s linear;
    transition: opacity 1.5s linear;
}
.loaded .black .wrapper
{
    opacity: 1;
}

.black #headerPrincipal
{
    background: url(../img/puertaNegra/fondoHeader.jpg);
    height: 219px;
}
.black #headerInterior
{
    background: url(../img/puertaNegra/fondoHeaderInterior.jpg) no-repeat 0 50px;
}
.black #navAuxiliar ul li a, .black #navAuxiliar2 ul li a
{
    color: #fff;
}
.black #navPrincipal
{
    background: url(../img/puertaNegra/fondoNav.jpg) bottom center no-repeat;
    margin-top: -52px;
    padding-bottom: 9px;
    margin-bottom: 0;
}
.black #navPrincipal a
{
    color: #FFF;
    -webkit-text-shadow: 1px 1px 1px #000;
    -moz-text-shadow: 1px 1px 1px #000;
    -o-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000;
}
.black #buscador input[type="submit"]
{
    background: #000;
    color: #FFF;
}
.black #footerPrincipal
{
    background: url(../img/puertaNegra/fondoFooter.jpg);
}
.black #footer
{
    background: url(../img/puertaNegra/fondoFooterInterior.jpg) 0 1px no-repeat;
}
.black #contenedorPrincipal
{
    background: #000;
}
.black #contenidoPrincipal
{
    background: #000;
}
.black #colContenido h2
{
    color: #ec4541;
}
.black #colContenido .listaobras h2
{
    color: #FFF;
}
.black .listaobras
{
    height: 330px;
}

.black .titulolibro
{
    color: #EC4541;
}

.black #colContenido blockquote
{
    color: #FFF873;
}

.black #obraautor a
{
    color: #de634d;
}

.black #autorrandom em
{
    color: #FFF;
}

.black #contenidoPrincipal a.conocemas
{
    color: #FFF;
    background: #2c2a2a;
}

.black .portadaObra a.extracto
{
    margin: 0 auto;
}

.black a.extracto
{
    background: url("../img/puertaNegra/hojeaLibro.png") no-repeat;
    width: 138px;
    margin: -3px 0 0 -4px;
    height: 38px;
}

.black span.stButton span.sharethis
{
    color: #de634d;
}

.black a.imprimir
{
    color: #de634d;
}

.black #colContenido .obra a.autor
{
    color: #ec4541;
}

.black #colContenido .obra a
{
    color: #eae7e7;
}

.black ul li
{
    color: #AEAEAE;
}

.descripcionPuertaNegra
{
    display: block;
    width: 810px;
    min-height: 311px;
    background: url("../img/puertaNegra/fondoContenedorPuertaNegra.png") no-repeat top right;
    padding-right: 70px;
    border-bottom: 1px solid #FFF;
    margin-bottom: 30px;
}

.descripcionPuertaNegra h2
{
    background: url("../img/puertaNegra/logo_puerta_negra.png") no-repeat;
    text-indent: -9999px;
    display: block;
    margin: 0;
    padding: 0 0 10px;
    height: 138px;
}

.descripcionPuertaNegra #redessociales h2
{
    background: none;
    color: #EC4541;
    padding: 0;
    text-indent: 0;
}

.obraPuertaNegra
{
    display: block;
    width: 960px;
    min-height: 200px;
    padding-bottom: 70px;
}

.obraPuertaNegra .portadaObra
{
    width: 190px;
    float: left;
}

.obraPuertaNegra .contenidoObra
{
    width: 690px;
    float: left;
}

.obraPuertaNegra .contenidoObra p
{
    color: #FFF873;
}


.obraPuertaNegra .contenidoObra h2
{
    color: #EC4541;
    font-size: 32px;
    padding: 0 0 10px;
    margin: 0;
    text-transform: none;
}

.obraPuertaNegra .contenidoObra h3
{
    font-size: 16px;
    color: #EC4541;
    padding-bottom: 22px;
    font-weight: normal;
    text-transform: uppercase;
}

.obraPuertaNegra .contenidoObra a
{
    display: block;
    color: #FFF;
    background: #2c2a2a url("../img/puertaNegra/botonConoceMas.png") no-repeat 6px 4px;
    width: 81px;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 35px;
    font-size: 10px;
}

.portadaObra .extracto
{
    background: url("../img/puertaNegra/hojeaLibro.png") no-repeat;
    width: 138px;
    height: 38px;
    margin: 0 auto;
}

.portadaObra .portada img
{
    display: block;
    margin: 0 auto;
}
#bannerHeaderFondos {
    float: right;
}
#bannerHeaderFondos h2 {
    border: none;
    color: #DE644D;
    font-family: 'Oswald',sans-serif;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0;
    text-transform: uppercase;
    width: 60px;
  padding-right:10px;
}
#headerTemas
{
    display: block;
    width: 885px;
    clear: both;
    position: relative;
    height: 80px;
}
#bannerHeaderTemas {
    float: right;
    margin-top: -35px;
}
#bannerHeaderTemas #ddlTemasBanner{
    margin: 0;
}
#bannerHeaderTemas h2 {
    border: none;
    color: #DE644D;
    font-family: 'Oswald',sans-serif;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0;
    text-transform: uppercase;
    width: 60px !important;
    font-size: 16px;
}
#headerTemas h2 {
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
}
#headerTemas h2 em {
    color: #3E98AB;
}
#headerTemas .contadorobras
{   
    /*
    position: absolute;
    top: 48px;
    right: 220px;
    */
}
#headerTemas .paging.header
{
    margin: 15px 0 0 0;
}
#headerTemas .paging.header.bolsillo
{
    margin: 0;
}
.itemSocial {
    display: block;
    clear: both;
    margin: 20px 0 10px 0;
}

.st_sharethis_large {
    margin: 0;
    padding: 0;
}

/*Aceptar HTML en los resumentes cambio p.resumen por div.resumen*/
/*Autores*/
div.resumen
{
  /*padding-top: 95px;
    padding-left: 185px;
  line-height: 18px;
    text-align: justify;*/
  color: #333333;
    font-size: 14px;
  margin-right:0;
}
div.resumen li
{
  font-family: 'Lato',sans-serif;
  color: #797777;
    font-size: 14px;
}
.subTituloLibro
{
  color: #343642;
  font-size:32px;
  padding:0;
  margin: 20px 0 15px;
  font-family: 'Oswald',sans-serif;
  font-weight: normal;
  padding-left:10px;
}

.elibro{
    background-image: url(/img/varios/elibro.png);
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: right;
    background-size: 85px;
  }



























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */