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

body
{
    background: url(../ui/travesia/fondoGral.jpg) top center no-repeat #cee5ea;
    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: #330033;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}
h1 em
{
    color: #DE644D;
}

h1.destacadas {
    font-size: 30px;
}

/*#colContenido h2
{
    font-family: 'Lato' , sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #954d58;
    padding: 10px;
    border-top: 1px dotted #cccdd0;
    border-bottom: 1px dotted #cccdd0;
    width: 360px;
    float: left;
    margin-bottom: 20px;
}*/
  
#colContenido h2 {
    font-family: 'Lato' , sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #954d58;
    padding: 10px;
    border-top: 1px dotted #cccdd0;
    border-bottom: 1px dotted #cccdd0;
    width: 660px;
    float: left;
    margin-bottom: 20px;
}

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
{
    text-align: justify;
    color: #333;
    font-size: 15px;
    line-height: 18px;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos generales del header                     ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
#headerPrincipal
{
    width: 100%;
    height: 202px;
    margin: 0 auto;
    position: relative;
}
#headerInterior
{
    width: 1000px;
    height: 202px;
    margin: 0 auto;
    position: relative;
}
/* Estas líneas son las que le dan estilos al logo para que sea el link hacia el inicio del sitio */
/*
#headerPrincipal h1
{
    display: block;
    width: 227px;
    height: 32px;
    background: url(../ui/travesia/logoOceano.png);
    text-indent: -9999px;
    position: absolute;
    top: 94px;
    left: 20px;
    margin: 0;
    padding: 0;
}
#headerPrincipal h1 a
{
    display: block;
    width: 227px;
    height: 56px;
}
*/

#headerPrincipal #logo-header
{
    display: block;
    width: 227px;
    height: 32px;
    background: url(../ui/travesia/logoOceano.png);
    text-indent: -9999px;
    position: absolute;
    top: 94px;
    left: 20px;
    margin: 0;
    padding: 0;
}
#headerPrincipal #logo-header a
{
    display: block;
    width: 227px;
    height: 56px;
}

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

#navAuxiliar
{
    position: absolute;
    top: 20px;
    left: 15px;
}
#navAuxiliar2
{
    position: absolute;
    top: 20px;
    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;
}
#buscador
{
    position: absolute;
    top: 90px;
    right: 20px;
    width: 425px;
    height: 40px; /*background:url(../ui/travesia/fondoBuscador.png) 30px 3px no-repeat;*/ /*no existe imagen*/
    padding-left: 0;
    padding-top: 5px;
}
#buscador input[type="text"]
{
    background: url(../ui/travesia/fondoBuscador.png) top left no-repeat;
    width: 262px;
    height: 39px;
    padding-left: 40px;
    color: #666666;
    border: none;
    float: left;
    margin-left: 40px;
}
#buscador input[type="submit"]
{
    float: right;
    height: 39px;
    width: 72px;
    text-transform: uppercase;
    background: url(../ui/travesia/btnBuscar.png) no-repeat;
    font-size: 15px;
    color: #a4cacb;
    border: none;
    cursor: pointer;
    font-family: 'Oswald' , sans-serif;
}
input#searchbox
{
    /*background:url(../ui/travesia/fondoBuscadorInput.jpg);*/ /*No existe archivo!*/
    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: 1000px;
    padding: 0px;
    height: 43px;
    margin: -45px auto 0;
    position: relative;
    font-size: 15px;
    text-align: center;
    font-family: 'Oswald' , sans-serif;
}
#navPrincipal ul
{
    margin: 0 0 0 65px;
}
#navPrincipal a.inicio
{
    background: url(../ui/travesia/btnHome.png) bottom;
    width: 60px;
    height: 48px;
    display: block;
    text-indent: -99999px;
    position: absolute;
    top: -5px;
    left: 5px;
    padding: 0;
    z-index: 99;
    margin-top: 0;
}
#navPrincipal a.inicio:hover
{
    background: url(../ui/travesia/btnHome.png) top;
}
#navPrincipal a
{
    color: #fff;
    -webkit-text-shadow: 1px 1px 1px #467b8c;
    -moz-text-shadow: 1px 1px 1px #467b8c;
    -o-text-shadow: 1px 1px 1px #467b8c;
    text-shadow: 1px 1px 1px #467b8c;
    text-decoration: none;
    font-weight: lighter;
    height: 49px;
    padding: 0 0px; /*padding:0 11px;*/
    display: block;
    text-transform: none;
    width: 110px; /*width:128px;*/
    line-height: 18px;
    font-size: 15px;
    margin-top: -19px;
}
#navPrincipal a:hover
{
    background: url(../ui/travesia/btnMenuOver.png) bottom center no-repeat;
}
#navPrincipal a.selected
{
    background: url(../ui/travesia/btnMenuOver.png) bottom center no-repeat;
}
#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(../ui/travesia/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(../ui/travesia/fondoContenedorArriba.png) top center no-repeat;
}
#contenidoPrincipal
{
    width: 920px;
    margin: 0 auto;
    padding: 22px 40px;
    position: relative;
    background: url(../ui/travesia/fondoContenedor.png) top center;
}

#colContenido
{
    /*width: 600px;*/
    width:100% /*UB*/
    float: left;
}

#colContenido.fullColumn
{
    width: 920px;
}
.listaAutoresMundo
{
    width:720px;
    margin-left:85px;
}
#colContenidoRelacionado
{
    width: 300px;
    min-height: 635px; /*background:url(../ui/travesia/fondoCol2.png);*/ /*no existe imagen*/
    float: right;
    padding: 0;
    position: relative;
}
#colContenidoRelacionado h2
{
    font-size: 18px;
    border-bottom: 1px dotted #cbcac9;
    padding: 0 0 5px;
    margin-top: 30px;
    margin-bottom: 15px;
}
#autorrandom
{
    position: relative;
    background: url(../ui/travesia/fondoAutores2.png);
    width: 300px;
    height: 330px; /*313*/
    padding: 0 10px;
    display: block;
    clear: both;
}
#autorrandom h2
{
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
}
#autorrandom a.vermas
{
    color: #3e98ab;
    position: absolute;
    top: 15px;
    right: 10px;
    font-style: italic;
}
#autorrandom em
{
    font-style: normal;
    font-size: 18px;
    color: #343642;
    text-transform: none;
    display: block;
    margin-bottom: 5px;
}
#autorrandom img
{
    float: left;
    margin-right: 10px;
}
#autorrandom img.autor
{
    float: left;
    border: 0;
    display: block;
    width: 90px;
}
#autorrandom a.conocemas
{
    margin-top: -10px;
}
#autorrandom p
{
    font-size: 12px;
    line-height: 18px;
}
#contenidoPrincipal a.conocemas
{
    display: block;
    width: 99px;
    height: 25px;
    float: right;
    background: url(../ui/travesia/btnConoceMas.png);
    color: #a4cacb;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
}
#obraautor
{
    clear: both;
    font-size: 13px;
    color: #de644d;
    padding: 5px 0;
}
#obraautor h3
{
    border-bottom: 1px dotted #cbcac9;
    color: #de644d;
    margin-bottom: 5px;
}
#obraautor a
{
    color: #449cae;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
#masvendidas h2
{
    color: #de644d;
    font-size: 24px;
    background: url(../ui/travesia/fondoh2Recomendaciones.png);
    width: 585px;
    height: 35px;
    line-height: 55px;
    border: none;
    font-weight: normal;
}
#links
{
    margin-bottom: 40px;
}
#links a
{
    display: block;
    width: 240px;
    line-height: 47px;
    color: #000;
    height: 51px;
    background: url(../ui/travesia/fondoMenuLateral.png);
    font-size: 16px;
    padding-left: 57px;
    margin-bottom: -10px;
}
#links a.btnCatalogoGeneral
{
    height: 47px;
}
#links a.btnAutores
{
    background-position: 0 -47px;
    height: 50px;
}
#links a.btnInvitanos
{
    background-position: 0 -98px;
    height: 50px;
}
#links a.btnAutoresMundo
{
    background-position: 0 -199px;
    height: 49px;
}
#links a.btnCocina
{
    background-position: 0 -445px;
    height: 49px;
}
#links a.btnDescarga
{
    background-position: 0 -297px;
    height: 48px;
}
#links a.btn5Por
{
    background-position: 0 48px;
    height: 48px;
}

#dondeComprar
{
    background: url(../ui/travesia/fondoDondeComprar.png);
    width: 256px;
    height: 289px;
    float: left;
}
#dondeComprar h2
{
    border: none;
    text-align: center;
    width: 256px;
    display: block;
    color: #343642;
    font-size: 20px;
    padding: 40px 0 0 0;
    margin-bottom: 15px;
}
#dondeComprar p
{
    width: 155px;
    text-align: center;
    margin-left: 45px;
    color: #666666;
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 10px;
}
#dondeComprar select
{
    width: 155px;
    text-align: center;
    margin-left: 45px;
    margin-bottom: 5px;
}
#video
{
    background: url(../ui/travesia/fondoVideo.png) no-repeat;
    width: 330px;
    height: 298px;
    float: right;
    padding: 13px 0 0 10px;
    position: relative;
}
#video a.youtube
{
    position: absolute;
    bottom: 10px;
    right: 20px;
    top: auto;
}
#video a.verMas
{
    position: absolute;
    bottom: 15px;
    right: 50px;
    top: auto;
    font-size: 12px;
}

#colContenidoRelacionado #video
{
    background: url("../ui/travesia/fondoVideoCol.png") no-repeat scroll 0 0 transparent;
    height: 275px;
    padding: 13px 0 0 10px;
    position: relative;
    width: 300px;
    margin-top: 20px;
}

#colContenidoRelacionado #video a.youtube
{
    position: absolute;
    bottom: 20px;
    right: 25px;
    top: auto;
}
#colContenidoRelacionado #video a.verMas
{
    position: absolute;
    bottom: 25px;
    right: 55px;
    top: auto;
    font-size: 12px;
}

#breadcrumb
{
    color: #a8a8a8;
    font-size: 12px;
    padding: 0 0 15px;
}
#breadcrumb a
{
    color: #3b96a9;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos detalle obra                             ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.colImagen
{
    width: 206px;
    float: left;
}
/*.colDetalle
{
    width: 380px;
    float: right;
}*/
.colDetalle {
    width: 670px;
    float: right;
}
.colDetalle p
{
    line-height: 24px;
}
.imagenObra
{
    background: url(../ui/travesia/fondoImagenObra.png) no-repeat;
    width: 206px; /*height:259px;*/
    height: 269px;
    position: relative;
    padding-top: 10px;
}
/*
.imagenObra a{
  background:url(../ui/travesia/btnExtracto.png);
  width:122px;
  height:37px;
  display:block;
  line-height:37px;
  text-align:center;
  color:#e9d7a5;
  font-size:10px;
  text-transform:uppercase;
  position:absolute;
  top:225px;
  left:40px;
}*/
.imagenObra img
{
    padding: 0;
    margin: 0 auto;
    display: block;
    -moz-box-shadow: 5px 5px 10px #453c3a;
    -webkit-box-shadow: 5px 5px 10px #453c3a;
    -o-box-shadow: 5px 5px 10px #453c3a;
    box-shadow: 5px 5px 10px #453c3a;
}
.contenedorFicha
{
    background: url(../ui/travesia/fondoFicha.png);
    width: 487px;
    height: 274px;
    padding: 40px 30px;
    margin-left: 50px;
}
a.btnFichaDewey
{
    background: url(../ui/travesia/btnFichaDewey.png);
    width: 172px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: #a4cacb;
    display: block;
    float: right;
    cursor: pointer;
}
#facebook
{
    background: url(../ui/travesia/fondoFacebook.png);
    width: 512px;
    height: 410px; 
    /*padding:14px 40px 17px 61px;*/
    padding: 14px 40px 17px 35px;
    margin: 10px 0px 80px 0;
    overflow: auto;
}
#videoLateral
{
    margin-bottom: 20px;
}
#videoLateral h2
{
    border: none;
    padding: 20px 0 10px;
    margin: 0;
    font-size: 16px;
    color: #330033;
}
#videoLateral p
{
    font-size: 12px;
}
#dondeComprarLateral
{
    background: url(../ui/travesia/fondoDondeBuscarLateral.png);
    width: 255px;
    height: 452px;
    float: left;
}
#dondeComprarLateral h2
{
    border: none;
    text-align: center;
    width: 256px;
    display: block;
    color: #343642;
    font-size: 20px;
    padding: 40px 0 0 0;
    margin-bottom: 5px;
    margin-top: 0;
}
#dondeComprarLateral p
{
    width: 155px;
    text-align: center;
    margin-left: 45px;
    color: #666666;
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 10px;
}
#dondeComprarLateral select
{
    width: 155px;
    text-align: center;
    margin-left: 45px;
    margin-bottom: 5px;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos donde comprar                            ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
#dondeComprarLargo
{
    background: url(../ui/travesia/fondoDondeComprarLargo.png);
    width: 601px;
    height: 73px;
    position: relative;
}
#dondeComprarLargo h2
{
    background: none;
    border: none;
    font-size: 24px;
    color: #343642;
    position: absolute;
    left: 10px;
    top: 10px;
}
#dondeComprarLargo p
{
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 13px;
    color: #666666;
}
#dondeComprarLargo select
{
    width: 195px;
    position: absolute;
    top: 40px;
    right: 20px;
}
.menuDondeComprar
{
    width: 170px;
    float: left;
}
#colContenido .menuDondeComprar h2
{
    width: 170px;
    padding: 0 0 20px;
    margin: 0;
    font-size: 18px;
    color: #343642;
    border: none;
}
.menuDondeComprar ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
}
.menuDondeComprar a
{
    color: #333;
    font-size: 13px;
    padding: 5px 3px;
    display: block;
    border-bottom: 1px dotted #cac6bc;
}
.menuDondeComprar a:hover
{
    color: #fff;
    background: url(../ui/travesia/fondoTabs.png) center no-repeat;
}
.menuDondeComprar a.current
{
    color: #fff;
    background: url(../ui/travesia/fondoTabs.png) center no-repeat;
}
.panes
{
    width: 415px;
    float: right;
    position: relative;
}
.panes div.tab
{
    display: none;
}
#colContenido .panes div.tab h2
{
    color: #343642;
    border: none;
    margin: 0;
    padding: 30px 0 15px;
    font-size: 24px;
    clear: both;
}
#colContenido .panes div.tab p
{
    clear: both;
}
#colContenido .panes div.tab h3
{
    font-family: 'Lato' , sans-serif;
    font-size: 14px;
    padding-bottom: 5px;
}
#mapa
{
    background: url(../ui/travesia/fondoMapaGral.png) bottom center no-repeat;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.mapa
{
    background: url(../ui/travesia/fondoMapa.png) no-repeat;
    width: 410px;
    height: 315px;
    padding: 10px 0 0 8px;
}
#compraElectronica
{
    margin-bottom: 30px;
}
#colContenido #compraElectronica h2
{
    color: #de644d;
    font-size: 18px;
    border: none;
    padding: 0;
}
.colContenido
{
    width: 280px;
    float: left;
}
.colContenido.primera
{
    margin-right: 30px;
}
.liga
{
    border-bottom: 1px dotted #989693;
    padding: 5px 0;
}
.liga p
{
    padding: 0;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos escaparate                               ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.escaparate
{
    width: 602px;
    margin-left: auto; /*UB*/
    margin-right: auto; /*UB*/
}
.images
{
    width: 602px;
    height: 305px;
    position: relative;
}
.images div
{
    position: absolute;
    top: 0;
    display: none;
}
.escaparate .slidetabs
{
    background: url(../ui/travesia/fondoCarruselPrincipal.png) center no-repeat;
    height: 18px;
}
.escaparate .slidetabs a
{
    display: block;
    width: 18px;
    height: 18px;
    background: url(../ui/travesia/btnCarruselPrincipal.png);
    float: left;
    margin-left: 10px;
}
.escaparate .slidetabs a:first-child
{
    margin-left: 220px;
}
.escaparate .slidetabs a.current
{
    background-position: 0 -18px;
}
.escaparate .slidetabs a:hover
{
    background-position: 0 -18px;
}
#bannerblogs
{
    width: 780px;
    height: 180px;
    margin-left: 150px;
    position: relative;
    z-index: 9999;
}
#bannerblogs h2
{
    font-size: 24px;
    padding: 0 0 5px;
    margin: 0;
}
#bannerblogs a.prev
{
    display: block;
    background: url(../ui/travesia/btnBlogIzq.png);
    width: 21px;
    height: 89px;
    text-indent: -9999px;
    position: absolute;
    top: 38px;
    left: -30px;
    cursor: pointer;
}
#bannerblogs a.next
{
    display: block;
    background: url(../ui/travesia/btnBlogDer.png);
    width: 21px;
    height: 89px;
    text-indent: -9999px;
    position: absolute;
    top: 38px;
    right: 20px;
    cursor: pointer;
}
#bannerblogs .images
{
    width: 730px;
    height: auto;
    position: relative;
}
#bannerblogs .slidetabs
{
    display: none;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////                   Estilos de footer principal                      ////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
#footerPrincipal
{
    width: 100%;
    height: 319px;
    padding: 0px;
    background: url(../ui/travesia/fondoFooter.png) top center;
    position: relative;
    margin-top: -135px;
}
#footer
{
    width: 1000px;
    height: 199px;
    padding: 1px 0 0 0;
    margin: 0 auto 0;
    padding-top: 100px;
    line-height: 19px;
    position: relative;
}
#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: #343642;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #3b96a9;
    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 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;
}
#colContenido .obra
{
    display: block;
    float: left;
    height: 255px;
    width: 136px;
    margin-right: 14px;
}
#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;
}
#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: 340px; /*height: 370px;*/
    clear: both;
    margin-bottom: 20px;
    border-bottom: 1px solid #989693;
    position: relative;
}

#lanzamientosobras h2
{
    padding: 0;
    margin-bottom: 15px;
    background: url(../ui/travesia/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;
}

/*Ligas a redes sociales (Col. Derecha)*/
#redessociales
{
    width: 300px;
    display: block;
    clear: both;
    padding-bottom: 10px;
    position: relative;
    margin-top: 10px;
}
#redessociales h2
{
    margin-top: 0;
}
a.rss
{
    display: block;
    text-indent: -9999px;
    width: 22px;
    height: 23px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../ui/travesia/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(../ui/travesia/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(../ui/travesia/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(../ui/travesia/socialMediaIcons.png) no-repeat -44px 0;
}
ul.linksredes
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.linksredes li
{
    display: inline;
}

/*Form Newsletter (Col. Derecha)*/
#newsletter
{
    width: 300px;
    display: block;
    clear: both;
    padding-bottom: 20px;
    background: url(../ui/travesia/fondoNewsletter2.png) bottom center no-repeat;
    margin-bottom: 20px;
}
input#email
{
    width: 181px;
    height: 36px;
    color: #666666;
    border: none;
    float: left;
    margin-top: 10px;
    margin-left: -5px;
    font-size: 12px;
    padding: 0 10px;
    background: url(../ui/travesia/fondoNewsletter.png);
}
input#submitnewsletter
{
    float: right;
    height: 29px;
    width: 102px;
    text-transform: uppercase;
    background: url(../ui/travesia/btnSuscribir.png);
    font-size: 12px;
    color: #a4cacb;
    border: none;
    font-family: 'Oswald' , sans-serif;
    cursor: pointer;
    margin-top: 14px;
}
#mensajesnewsletter
{
    padding-bottom: 10px;
    padding-top: 10px;
}

/*Banner Donde Comprar (Col. Derecha)*/
#bannerdondecomprar
{
    width: 300px;
    height: 175px; /*background:url(../ui/travesia/fondoDonde.png) no-repeat;*/ /*No existe imagen!*/
    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;
}
/*Banner Eventos (Col. Derecha)*/
#bannereventos
{
    width: 300px;
    display: block;
    clear: both;
    padding-bottom: 20px;
    position: relative;
    background: url(../ui/travesia/fondoEventos.png) bottom center no-repeat;
}
#bannereventos h2
{
    background: url(../ui/travesia/tituloEvento.png);
    width: 290px;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    border: none;
}
#bannereventos a.vermas
{
    color: #3e98ab;
    position: absolute;
    top: 15px;
    right: 10px;
    font-style: italic;
}
.evento
{
    padding-top: 10px;
    border-bottom: 1px dotted #CBCAC9;
}
.evento.primero
{   
    padding-top: 0;
    /*height: 70px;*/
}
.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
{
    clear: both;
    display: block;
    padding-bottom: 10px;
    position: relative;
    width: 300px;
}
#bannertemas h2
{
    margin: 0;
    padding: 0;
    border: none;
}
select#ddlTemasBanner
{
    width: 280px;
    margin-top: 10px;
    font-size: 13px;
}
/*Banner Eventos (Col. Derecha)*/
#bannertravesia
{
    width: 300px;
    display: block;
    clear: both;
    margin: 40px 0 70px;
}

/*Banner Encuesta (Col. Derecha)*/
#bannerencuesta
{
    width: 300px;
    display: block;
    clear: both; /*background:url(../ui/travesia/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(../ui/travesia/tituloEncuesta.png) no-repeat center;*/ /*No existe imagen!*/
    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
{
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    border-bottom: 1px dotted #c8c8c8;
    padding-bottom: 5px;
}
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*/
.listaobras
{
    display: block;
    height: 340px;
    clear: both;
    position: relative;
}

.listaobras .contadorobras
{
    position: absolute;
    right: 15px;
    top: 10px;
}

.listaobras .vermas
{
    position: absolute;
    right: 15px;
    top: 30px;
}

#colContenido .listaobras h2
{
    background: url("../ui/travesia/fondoh2Recomendaciones.png") no-repeat scroll center bottom transparent;
    border: medium none;
    color: #DE644D;
    font-size: 24px;
    font-weight: normal;
    height: 35px;
    line-height: 55px;
    /*width: 585px;*/
  /*UB*/
  background-position-x:left;
  width:100%;
}

#colContenido .listaobras h2 em
{
    color: #330033;
    font-size: 20px;
    font-weight: normal;
}

#colContenido .listaobras h2.alreves
{
    color: #330033;
    padding-right: 100px;
    line-height: 25px;
    padding-right: 50px;
    height: auto;
    /*width: 535px;*/
  /*UB*/
    background-position-x:left;
  width:100%; 
}

#colContenido .listaobras h2.alreves em
{
    color: #DE644D;
}

/*tag cloud (http://24ways.org/2006/marking-up-a-tag-cloud)*/

#bannertags
{
    margin-bottom: 30px;
}

/* 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: 10px;
}
.tag-cloud .not-very-popular
{
    font-size: 12px;
}
.tag-cloud .somewhat-popular
{
    font-size: 14px;
}
.tag-cloud .popular
{
    font-size: 16px;
}
.tag-cloud .very-popular
{
    font-size: 18px;
}
.tag-cloud .ultra-popular
{
    font-size: 20px;
}

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

table.ficha
{
    clear: both;
    width: 100%;
    font-size: 13px;
}
table.ficha td.titulo
{
    color: #de644d;
    min-width: 140px;
}
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;
}

img.portadabaja
{
    box-shadow: 5px 5px 10px #453C3A;
    -moz-box-shadow: 5px 5px 10px #453C3A;
    -webkit-box-shadow: 5px 5px 10px #453C3A;
    display: block;
    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;
    max-height: 220px;
    max-width: 135px;
}
a.imprimir
{
    margin-left: 20px;
    margin-top: 10px;
    font-style: italic;
    background: url(../ui/travesia/btnImprimir.png) top left no-repeat;
    padding-left: 20px;
    display: block;
}
ul#breadcrumbs
{
    width: 1000px;
    margin: 15px auto;
    list-style-type: none;
    padding: 0;
    height: 20px;
}
ul#breadcrumbs li
{
    float: left;
    font-style: italic;
}
ul#breadcrumbs li a
{
    background: url(../ui/travesia/fondoBtn.png) no-repeat center right;
    padding: 0 10px 0 3px;
    margin-right: 3px;
}
/*.contenedorficha
{
    background: url("../ui/travesia/fondoFicha.png") no-repeat scroll 0 0 transparent; 
    height: 435px;
    margin-left: 50px;
    padding: 40px 30px 0px 30px;
    width: 487px;
    clear: both;
}*/
  
  .contenedorficha {
    /* background: url(../ui/travesia/sombraFicha.png) no-repeat center bottom; */
    background: url(../ui/travesia/fondoFicha.png) no-repeat scroll 0 0 transparent;
    /* height: 274px; */
    height: 435px;
    margin-left: auto;
    padding: 40px 30px 0px 30px;
    width: 487px;
    clear: both;
    margin-right: auto;
}
.clasificacionDewey
{
    width: 100px;
    float: left;
}

#fichaDewey h2
{
    font-family: 'Lato' ,sans-serif;
    font-size: 14px;
    padding-left: 100px;
    border: none;
    color: #000;
    float: none;
    font-weight: normal;
    margin-bottom: auto;
    width: auto;
}
.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;
}

.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;
}

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

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

#colContenido div.listalinks ul
{
    display: block;
    clear: both;
    overflow: hidden;
}

#colContenido div.listalinks li
{
    float: left;
    display: inline;
}

#colContenido div.listalinks #doble li
{
    width: 50%;
}
#colContenido div.listalinks #triple li
{
    width: 33.333%;
}


#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.buscar
{
    font-size: 25px;
}

#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*/

#contenedorcalendario
{
    background: url(../ui/travesia/fondoCalendario.png) bottom center no-repeat;
    padding-bottom: 20px;
    min-height: 195px;
    margin-top: 20px;
}

#calendario
{
    /*     width: 490px;     display: block;     clear: both;     margin-bottom: 20px;         */
    width: 575px;
    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
{
    color: #000;
    padding-right: 10px;
}

a.mesanterior:hover
{
    color: #DD634C;
}

a.messiguiente
{
    color: #000;
    padding-left: 10px;
}
a.messiguiente:hover
{
    color: #DD634C;
}

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

div.diasemana
{
    color: #c8c8c8;
}

div.hoy
{
    color: #FFF;
    background-color: #DD634C;
    display: block;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

table.ficha tr td
{
    line-height: 22px;
}

#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;
    background: none !important; /*position: absolute;     top: 10px;     left: 30px;     height: 200px;     width: 135px;*/
}

a.extracto
{
    margin-left: 41px;
    background: url(../ui/travesia/btnExtracto.png) no-repeat;
    width: 122px;
    height: 37px;
    display: block;
    line-height: 37px;
    text-align: center;
    color: #e9d7a5;
    font-size: 10px;
    text-transform: uppercase; /*     position:absolute;     top:225px;     left:40px;     */
}

a.eventosical
{
}

#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*/
#cargaarchivo
{
    background-color: #F3EDE1;
    padding: 10px;
    width: 590px;
    height: 150px;
}
#msgsContacto p
{
    font-size: 12px;
}
p.derecha
{
    float: right;
    width: 250px;
}
p.izquierda
{
    float: left;
    width: 250px;
}

span#tipoArchivo
{
    display: block;
    clear: both;
}

div#datos
{
    display: block;
    clear: both;
}

div#mensajes
{
    display: block;
    clear: both;
}

div#uploadcontrol input
{
    float: none;
    display: inline;
}

/*home autores*/
#autores-letras
{
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #c8c8c8;
    width: 480px;
}
#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;
}
#headerfondo img
{
    max-height: 120px;
}
#headerfondo .contadorobras
{
    position: absolute;
    top: 30px;
    right: 0px;
}
.paging
{
    display: block;
    clear: both; /*margin-bottom: 105px;*/
    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 a:hover
{
    color: #343642;
}
.full
{
    width: 100% !important;
}
.titulocarga
{
    background: url("../ui/travesia/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
{
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
#recaptcha_widget_div
{
    margin-top: 7px;
}
.nodisplay
{
    display: none;
}
.close
{
    background-image: url("../ui/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: 18px;
    color: #333333;
    padding: 0 25px 30px;
    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: 220px;
}

div.colImagen .st_sharethis
{
    margin-top: 20px;
    display: block;
    padding-left: 20px;
}

#colContenido .st_sharethis
{
    margin: 10px 0 15px 0;
    display: block;
    padding-left: 0px;
}

.copyright
{
    /*display: block;     clear: both;     text-align: center;     padding-top: 65px;     font-size: 12px;     color: #fff;*/
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    left: 354px;
    position: absolute;
    text-align: center;
    top: 285px;
}

/*Invitanos a tu escuela*/
#invitanos
{
    width: 600px;
}

#invitanos label
{
    font-size: 14px;
    cursor: none;
}

#invitanos table
{
    width: 590px;
    border: 0px;
    margin-top: 15px;
    margin-bottom: 75px;
}

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

#invitanos table tr td.header
{
    min-width: 170px;
}

#invitanos input
{
    display: block;
    float: left;
    font-size: 14px;
    height: 25px;
    margin-top: 5px;
    padding: 0 5px;
    width: 230px;
    color: #666666;
}

#invitanos input#suscribir
{
    width: 0px !important;
    height: 0px !important;
}

#invitanos #btnSubmit
{
    background: url("../ui/travesia/btnSuscribir.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #A4CACB;
    cursor: pointer;
    margin-left: 380px;
    font-family: 'Oswald' ,sans-serif;
    height: 29px;
    text-transform: uppercase;
    width: 102px;
}

span.mensajeSimple
{
    display: block;
    font-family: 'Oswald' ,sans-serif;
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 10px;
}

a.botonAzul
{
    background: url(../ui/travesia/btnConoceMasMaestros.png) no-repeat;
    width: 110px;
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #a4cacb;
    text-transform: uppercase;
}

#contMensaje
{
    padding: 20px 0;
}

.verror
{
    color: #DE644D;
}


/*Listado de noticias*/
div#contenedorPrincipal section#contenidoPrincipal article#colContenido div.noticia
{
    display: block;
    margin-bottom: 10px;
}

div#contenedorPrincipal section#contenidoPrincipal article#colContenido div.noticia h2
{
    color: #DE644D !important;
    width: 600px !important;
    margin-bottom: 15px !important;
    border-top: 0 !important;
}

div#contenedorPrincipal section#contenidoPrincipal article#colContenido div.noticia h2 em
{
    color: #954D58 !important;
}

div#contenedorPrincipal section#contenidoPrincipal article#colContenido div.noticia p
{
    display: block;
    clear: both;
    padding-bottom: 0px !important;
}

div#contenedorPrincipal section#contenidoPrincipal article#colContenido div.noticia a.btnConoceMas
{
    margin-top: 5px;
}


/*Banner Noticias*/
#bannerNoticias
{
    background: url(../ui/travesia/fondoParaMaestros.png);
    width: 282px;
    height: 272px;
    margin-left: -10px;
    padding: 20px 20px 40px 20px;
    font-size: 12px;
    position: relative;
}

#bannerNoticias h2
{
    padding: 0 0 15px;
    margin: 0;
    border: none;
    font-size: 18px;
}
#bannerNoticias h2 a
{
    color: #DE644D;
}
#bannerNoticias div.noticiasB div
{
    height: 220px;
    width: 275px;
    position: absolute;
    top: 50px;
    left: 20px;
}

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

#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.conocemas
{
    font-size: 14px;
}

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

#bannerNoticias div.noticiasB div img
{
    float: left;
    margin: 0 15px 15px 0;
}

#bannerNoticias div.noticiasB div a.btnConoceMas
{
    background: url(../ui/travesia/btnConoceMasMaestros.png) no-repeat;
    width: 99px;
    display: block;
    float: right;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #a4cacb;
    text-transform: uppercase;
}

#bannerNoticias div.tabsB
{
    position: absolute;
    top: 285px;
    left: 30px;
}
div.tabsB a
{
    color: #a4cacb;
    margin-right: 5px;
}
div.tabsB a:hover
{
    text-decoration: underline;
}

div.tabsB a.current
{
    color: #DE644D;
}

/*Fondos de pantalla*/
.listaWallpapers
{
    display: block;
}

.listaWallpapers div.wallpaper
{
    display: block;
    width: 250px;
    text-align: center;
    border-bottom: 1px dotted #CBCAC9;
    padding-bottom: 5px;
    float: left;
    margin: 0 25px 20px 25px;
}

.listaWallpapers div.wallpaper a.mini
{
    width: 215px;
    height: 165px;
}

.listaWallpapers div.wallpaper img
{
    max-width: 205px;
    max-height: 155px;
    padding: 5px;
}

a.btnConoceMas
{
    background: url(../ui/travesia/btnConoceMasMaestros.png) no-repeat;
    width: 99px;
    display: block;
    float: right;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #a4cacb;
    text-transform: uppercase;
}

.margenGrande
{
    margin-bottom: 85px;
}

/*Eventos*/
#colContenido #eventosTitulo
{
    background: url("../ui/travesia/fondoTituloEvento.png") repeat scroll 0 0 transparent;
    height: 46px;
    width: 603px;
}
#colContenido #eventosTitulo a
{
    float: right;
    margin-right: 35px;
    width: 75px;
}
#colContenido #eventosTitulo h2
{
    border: medium none;
    color: #CC6666;
    font-size: 24px;
    line-height: 35px;
    padding: 0 0 0 15px;
}
#colContenido .evento
{
    background: url(../ui/travesia/fondoh2.png) bottom center no-repeat;
    border: none;
    padding-bottom: 20px;
    margin: 20px 0;
}

#colContenido .evento .vinculo
{
    height: auto;
    width: 350px;
    margin-left: 0;
    height: auto;
    float: right;
}

#colContenido .evento.primero
{
    background: url(../ui/travesia/fondoEventosPrimero.png);
    width: 517px;
    height: 240px;
    border: none;
    padding: 30px 40px;
    position: relative;
    margin-top: 0;
}
#colContenido .evento.primero .fecha
{
    width: 215px;
    text-align: left;
    float: left;
    height: auto;
    margin-left: 0;
}
#colContenido .evento.primero .vinculo
{
    float: right;
    height: auto;
    margin-left: 0;
    width: 270px;
}
#colContenido .evento.primero .vinculo h2
{
    width: 270px;
    margin-bottom: 5px;
}
#colContenido .evento.primero .vinculo h2 a
{
    color: #FFF;
}
#colContenido .evento .fecha
{
    width: 215px;
    text-align: left;
    float: left;
    height: auto;
    margin-left: 0;
}
#colContenido .evento.primero .fecha span
{
    color: #fff;
}
#colContenido .evento .fecha span
{
    font-size: 38px;
}
#colContenido .evento .fecha span em
{
    font-size: 60px;
    display: block;
    line-height: 40px;
}
#colContenido .vinculo h2
{
    padding: 10px 0;
    width: 350px;
}
#colContenido .vinculo h2 a
{
    font-size: 18px;
}
#colContenido .vinculo a
{
    font-size: 13px;
}

/*#colContenido .evento.primero */
.evento.primero .verMas
{
    height: 29px;
    width: 102px;
    text-transform: uppercase;
    background: url(../ui/travesia/btnSuscribir.png);
    font-size: 12px;
    color: #a4cacb;
    border: none;
    font-family: 'Oswald' , sans-serif;
    cursor: pointer;
    position: absolute;
    bottom: 8px;
    right: 10px;
    line-height: 29px;
    text-align: center;
}

div.extras
{
    display: block;
}

div.extras h2
{
    float: none !important;
}
a.logoSN
{
    display: block;
    width: 60px;
    height: 29px;
    background: url(../ui/travesia/logostream.png);
    text-indent: -9999px;
    position: absolute;
    bottom: -10px;
    right: 20px;
}

span.proximamente
{
    float: right;
    color: #3B96A9;
    font-family: 'Lato' ,sans-serif;
    font-size: 15px;
    font-weight: bold;
}
p.letrasraras
{
    font-family: 'Great Vibes' , cursive;
    color: #3B96A9;
}

/*Autores en el mundo*/
#colContenido div.obrasAutor
{
    clear: both;
    display: block;
    height: 350px;
    width: 920px;
}

#colContenido div.obrasAutor h2
{
    font-size: 20px;
    color: #DE644D;
    font-family: 'Oswald' ,sans-serif;
    display: block;
    clear: both;
    border: 0px;
    border-bottom: 1px dotted #CCCDD0;
    width: 880px;
    font-weight: bold;
}

#colContenido div.obrasAutor div.obra
{
    display: block;
    float: left;
    height: 480px;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 290px;
    position: relative;
}

#colContenido div.obrasAutor div.obra a.portada
{
    border-bottom: 1px dotted #CBCAC9;
    height: 300px;
    margin-left: 10px;
    width: 270px;
}

#colContenido div.obrasAutor div.obra a.portada img
{
    max-height: 290px;
    max-width: 260px;
}

#colContenido div.obrasAutor div.obra a.titulo
{
    color: #343642;
    font-size: 15px;
    height: 40px;
    text-align: center;
    display: block;
}

#colContenido div.obrasAutor div.obra p
{
    text-align: justify;
    padding-bottom: 0px;
}

#colContenido div.obrasAutor div.obra a.verMas
{
    color: #3B96A9;
    float: right;
    font-size: 14px;
    height: auto;
    position: absolute;
    right: 0px;
    top: 460px;
}

/*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;*/
    width: 100%;
}

#colContenido div.previewNota div.miniatura
{
    display: block;
    float: left;
    margin: 0px;
    width: 170px;
}

#colContenido div.previewNota div.miniatura img
{
    max-height: 135px;
    max-width: 135px;
}
#colContenido .listaAutoresMundo div.previewNota div.miniatura img
{
    max-height: 235px;
    width: 135px;
    margin-bottom:15px;
    -moz-box-shadow:0 0 10px #000000;
    -webkit-box-shadow:0 0 10px #000000;
    -o-box-shadow:0 0 10px #000000;
    box-shadow:0 0 10px #000000;
}

#colContenido div.previewNota a.titulo
{
    border: none;
    float: none;
    margin-bottom: 10px;
    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;
}

#colContenido div.previewNota span
{
    float: right;
    position: absolute;
    top: 5px;
    right: 0px;
    color: #DE644D;
    font-size: 14px;
}
#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;*/
    width: 100%;
}

#colContenido div.previewNota.destacado div.miniatura
{
    height: 220px;
    margin-right: 10px;
    width: 220px;
}

#colContenido div.previewNota.destacado div.miniatura img
{
    max-height: 200px;
    max-width: 200px;
}

#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;
}

div#contenedorPrincipal section#contenidoPrincipal article#colContenido p em
{
    font-style: italic;
}

#frmnewsletter fieldset legend
{
    width: 300px;
}

#tooltip
{
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
    color: #000000;
    display: none;
    font-size: 12px;
    height: 110px;
    padding: 10px 0 0 15px;
    width: 215px;
}
a#ejemplosTel
{
    background: url("../ui/travesia/hint.png") no-repeat scroll 0 5px transparent;
    display: block;
    height: 30px;
    width: 30px;
    margin-left: 250px;
}


/*///////////// Estilos videos /////////////*/
a.btnYoutube{
  background:url(../img/btnYoutube.png);
  width:309px;
  height:64px;
  display:block;
  text-indent:-9999px;
  margin:0 -4px 0 -5px;
}
#colContenidoRelacionado.galeriaVideosAside h2{
  border-bottom:none;
  padding-left:105px;
}
.galeriaVideosAside{
  margin-top:-40px;
}
.tabsVideo ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
.tabsVideo ul li{
  width:130px;
  height:150px;
  float:left;
  margin:0 10px;
  text-align:center;
  color:#343642;
  font-style:italic;
  font-weight:bold;
  font-size:11px;
}
.galeriaVideos{
  background:url(../img/fondoGaleriaVideo.png) top no-repeat;
  width:600px;
  padding:26px 22px 0;
  margin:-26px -22px 150px;
  position:relative;
}
.galeriaVideos div.clear{
  background:url(../img/fondoGaleriaVideoContenido.png) bottom center no-repeat;
  width:616px;
  height:61px;
  margin:0 -8px;
}
.infoVideo{
  width:270px;
  float:left;
  margin-top:-67px;
}
.infoVideo h1{
  font-size:24px;
  display:none;
}
.infoVideo p{
  display:none;
}
#colContenido .infoVideo h2{
  font-size:18px;
  padding:5px 0;
  width:270px;
  border:none;
}
.share{
  height:60px;
  padding-top:5px;
}
.st_twitter_hcount{
  float:right;
}
.st_facebook_hcount{
  float:right;
}
.infoLibroRel{
}
.infoLibroRel a.masInfo{
  font-size:10px;
  display:block;
  padding-bottom:20px;
  text-transform:uppercase;
  color:#DE644D;
  padding-top:10px;
}
.infoLibroRel .colImagen{
  width:105px;
}
.infoLibroRel .imagenObra{
  width:105px;
  background:none;
  height:auto;
  padding-top:0;
}
.infoLibroRel .imagenObra img{
  max-width:90px;
  height:auto;
}
.infoLibroRel .colDetalle{
  width:470px;
}
.infoLibroRel .colDetalle h1{
  font-size:18px;
}
.tabsVideo a.previo{
  background:url(../img/btnArribaGaleriaVideos.png);
  width:301px;
  height:22px;
  display:block;
  text-indent:-9999px;
  margin-bottom:20px;
  cursor:pointer;
}

.tabsVideo a.siguiente{
  background:url(../img/btnAbajoGaleriaVideos.png) bottom center no-repeat;
  width:302px;
  height:22px;
  display:block;
  text-indent:-9999px;
  clear:both;
  padding-top:20px;
  cursor:pointer;
}

.novedades {
    margin-bottom: 60px;
}
.subTituloLibro
{
  color: #343642;
  font-size:32px;
  padding:0;
  margin: 20px 0 15px;
  font-weight: normal;
  padding-left:10px;
}

.subTituloLibroPrint
{
font-size: 13px;
margin: 20px 0 15px;
color: #343642;
padding: 0;
font-family:'Oswald',sans-serif;
padding-left:10px;
letter-spacing: -1px;
}

.avisoprivacidad {
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 285px;
}

#colContenidoRelacionado{
  display:none;
  }













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