@charset "UTF-8";
@import url(../css/reset.css);
/* - - - - - - - - - - - - - - - - - - - - -

Título          : MUSEO BARBERO
URL             : www.museobarbero.com.py

Descripción :   : Museo Etnográfico

Autor           : Puntopy
Site            : www.grupopuntopy.com

- - - - - - - - - - - - - - - - - - - - - */
/*****************************************************
                 RESET Y GLOBALES                                         
***************************************************/
/*

MOOD Framework :: 2.0 - Made by @lickybuay

Collaboration of: @cafedesigners / @paoluque / @diegoplus / @cbenitez10

m = Margin / p = Padding / s = Size
ml = Margin Left   /   mr = Margin Right
mt = Margin Top   /    mb = Margin Bottom
pl = Padding Left   /   pr = Padding Right
pt = Padding Top   /    pb = Padding Bottom

Updated: 2012-09-25
	- Added Font-face and render in Chrome / Windows.
	- Changed body { overflow-y: scroll; } to html  { overflow-y: scroll; }  (Fixed IE7 Bug).
	
*/
html {
  overflow-y: scroll; }

.left {
  float: left; }

.right {
  float: right; }

.positionrelative {
  position: relative; }

a:hover, input[type="button"]:hover, input[type="submit"]:hover {
  cursor: pointer; }

.displaynone {
  display: none; }

.alignleft {
  text-align: left; }

.alignright {
  text-align: right; }

.alignjustify {
  text-align: justify; }

.aligncenter {
  text-align: center; }

a {
  text-decoration: none; }

.divcentrado {
  margin-left: auto;
  margin-right: auto; }

.clear {
  zoom: 1; }
  .clear:before, .clear:after {
    display: table;
    content: ""; }
  .clear:after {
    clear: both; }

.displayblock {
  display: block; }

/*MARGIN / PADDING 0*/
.m0 {
  margin: 0; }

.p0 {
  padding: 0; }

/*TAMAÐOS - S960*/
.s20 {
  width: 20px; }

.s40 {
  width: 40px; }

.s60 {
  width: 60px; }

.s80 {
  width: 80px; }

.s100 {
  width: 100px; }

.s120 {
  width: 120px; }

.s140 {
  width: 140px; }

.s160 {
  width: 160px; }

.s180 {
  width: 180px; }

.s200 {
  width: 200px; }

.s220 {
  width: 220px; }

.s240 {
  width: 240px; }

.s260 {
  width: 260px; }

.s280 {
  width: 280px; }

.s300 {
  width: 300px; }

.s320 {
  width: 320px; }

.s340 {
  width: 340px; }

.s360 {
  width: 360px; }

.s380 {
  width: 380px; }

.s400 {
  width: 400px; }

.s420 {
  width: 420px; }

.s440 {
  width: 440px; }

.s460 {
  width: 460px; }

.s480 {
  width: 480px; }

.s500 {
  width: 500px; }

.s520 {
  width: 520px; }

.s540 {
  width: 540px; }

.s560 {
  width: 560px; }

.s580 {
  width: 580px; }

.s600 {
  width: 600px; }

.s620 {
  width: 620px; }

.s640 {
  width: 640px; }

.s660 {
  width: 660px; }

.s680 {
  width: 680px; }

.s700 {
  width: 700px; }

.s720 {
  width: 720px; }

.s740 {
  width: 740px; }

.s760 {
  width: 760px; }

.s780 {
  width: 780px; }

.s800 {
  width: 800px; }

.s820 {
  width: 820px; }

.s840 {
  width: 840px; }

.s860 {
  width: 860px; }

.s880 {
  width: 880px; }

.s900 {
  width: 900px; }

.s920 {
  width: 920px; }

.s940 {
  width: 940px; }

.s960 {
  width: 960px; }

/*LINE HEIGHT*/
.lh18 {
  line-height: 18px; }

.lh24 {
  line-height: 24px; }

.lh36 {
  line-height: 36px; }

/*MARGIN*/
.margin5 {
  margin: 5px; }

.margin10 {
  margin: 10px; }

.margin15 {
  margin: 15px; }

.margin20 {
  margin: 20px; }

/*MARGINS*/
.mt10 {
  margin-top: 10px; }

.mr10 {
  margin-right: 10px; }

.mb10 {
  margin-bottom: 10px; }

.ml10 {
  margin-left: 10px; }

.mt20 {
  margin-top: 20px; }

.mr20 {
  margin-right: 20px; }

.mb20 {
  margin-bottom: 20px; }

.ml20 {
  margin-left: 20px; }

.mt30 {
  margin-top: 30px; }

.mr30 {
  margin-right: 30px; }

.mb30 {
  margin-bottom: 30px; }

.ml30 {
  margin-left: 30px; }

.mt40 {
  margin-top: 40px; }

.mr40 {
  margin-right: 40px; }

.mb40 {
  margin-bottom: 40px; }

.ml40 {
  margin-left: 40px; }

.mt50 {
  margin-top: 50px; }

.mr50 {
  margin-right: 50px; }

.mb50 {
  margin-bottom: 50px; }

.ml50 {
  margin-left: 50px; }

.mt60 {
  margin-top: 60px; }

.mr60 {
  margin-right: 60px; }

.mb60 {
  margin-bottom: 60px; }

.ml60 {
  margin-left: 60px; }

.mt70 {
  margin-top: 70px; }

.mr70 {
  margin-right: 70px; }

.mb70 {
  margin-bottom: 70px; }

.ml70 {
  margin-left: 70px; }

.mt80 {
  margin-top: 80px; }

.mr80 {
  margin-right: 80px; }

.mb80 {
  margin-bottom: 80px; }

.ml80 {
  margin-left: 80px; }

.mt90 {
  margin-top: 90px; }

.mr90 {
  margin-right: 90px; }

.mb90 {
  margin-bottom: 90px; }

.ml90 {
  margin-left: 90px; }

.mt100 {
  margin-top: 100px; }

.mr100 {
  margin-right: 100px; }

.mb100 {
  margin-bottom: 100px; }

.ml100 {
  margin-left: 100px; }

.mt110 {
  margin-top: 110px; }

.mr110 {
  margin-right: 110px; }

.mb110 {
  margin-bottom: 110px; }

.ml110 {
  margin-left: 110px; }

.mt120 {
  margin-top: 120px; }

.mr120 {
  margin-right: 120px; }

.mb120 {
  margin-bottom: 120px; }

.ml120 {
  margin-left: 120px; }

.mt130 {
  margin-top: 130px; }

.mr130 {
  margin-right: 130px; }

.mb130 {
  margin-bottom: 130px; }

.ml130 {
  margin-left: 130px; }

.mt140 {
  margin-top: 140px; }

.mr140 {
  margin-right: 140px; }

.mb140 {
  margin-bottom: 140px; }

.ml140 {
  margin-left: 140px; }

.mt150 {
  margin-top: 150px; }

.mr150 {
  margin-right: 150px; }

.mb150 {
  margin-bottom: 150px; }

.ml150 {
  margin-left: 150px; }

.mt160 {
  margin-top: 160px; }

.mr160 {
  margin-right: 160px; }

.mb160 {
  margin-bottom: 160px; }

.ml160 {
  margin-left: 160px; }

.mt170 {
  margin-top: 170px; }

.mr170 {
  margin-right: 170px; }

.mb170 {
  margin-bottom: 170px; }

.ml170 {
  margin-left: 170px; }

.mt180 {
  margin-top: 180px; }

.mr180 {
  margin-right: 180px; }

.mb180 {
  margin-bottom: 180px; }

.ml180 {
  margin-left: 180px; }

.mt190 {
  margin-top: 190px; }

.mr190 {
  margin-right: 190px; }

.mb190 {
  margin-bottom: 190px; }

.ml190 {
  margin-left: 190px; }

.mt200 {
  margin-top: 200px; }

.mr200 {
  margin-right: 200px; }

.mb200 {
  margin-bottom: 200px; }

.ml200 {
  margin-left: 200px; }

/*PADDING*/
.padding5 {
  padding: 5px; }

.padding10 {
  padding: 10px; }

.padding15 {
  padding: 15px; }

.padding20 {
  padding: 20px; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

/*****************************************************
                    LAYOUT                                           
***************************************************/
@font-face {
  font-family: "garamond";
  src: url("../fonts/garamond_italic-webfont.eot");
  src: url("../fonts/garamond_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/garamond_italic-webfont.woff") format("woff"), url("../fonts/garamond_italic-webfont.ttf") format("truetype"), url("../fonts/garamond_italic-webfont.svg#garamond") format("svg");
  font-weight: normal;
  font-style: normal;
  /*
  Font-face y renderizado de texto en Chrome Windows
  // Url:  http://www.csslab.cl/2012/09/21/font-face-y-renderizado-de-texto-en-chrome-windows/
  */
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  -webkit-text-stroke-width: 0.6px;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "helvetica";
  src: url("../fonts/helvetica-regular-webfont.eot");
  src: url("../fonts/helvetica-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica-regular-webfont.woff") format("woff"), url("../fonts/helvetica-regular-webfont.ttf") format("truetype"), url("../fonts/helvetica-regular-webfont.svg#helvetica") format("svg");
  font-weight: normal;
  font-style: normal;
  /*
  Font-face y renderizado de texto en Chrome Windows
  // Url:  http://www.csslab.cl/2012/09/21/font-face-y-renderizado-de-texto-en-chrome-windows/
  */
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  -webkit-text-stroke-width: 0.6px;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "open";
  src: url("../fonts/opensans-light-webfont.eot");
  src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#open") format("svg");
  font-weight: normal;
  font-style: normal;
  /*
  Font-face y renderizado de texto en Chrome Windows
  // Url:  http://www.csslab.cl/2012/09/21/font-face-y-renderizado-de-texto-en-chrome-windows/
  */
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  -webkit-text-stroke-width: 0.6px;
  -webkit-font-smoothing: antialiased; }

body {
  background: #fff;
  font-family: 'helvetica';
  font-size: 14px; }

.wraper {
  width: 100%;
  position: relative; }

.wrap {
  width: 960px;
  height: auto;
  position: relative;
  margin: 0 auto; }

figure {
  margin: 0;
  padding: 0; }

p {
  line-height: 26px; }

a, input, a img, textarea, select, figure {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease; }

a {
  color: #ba5a30;
  text-decoration: none; }

.recuadro {
  border: 6px solid #69583A; }

header a[rel="logo"] {
  float: left;
  width: 189px;
  height: 264px;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0; }
header #seguinos {
  width: 130px !important;
  float: right;
  width: auto;
  margin: 43px 13px 21px 0; }
  header #seguinos .seguinos {
    float: left;
    font-family: 'garamond';
    font-size: 18px;
    color: #E0BBA9;
    margin: -4px 5px 0 0; }
  header #seguinos #redes-sociales {
    float: right; }
    header #seguinos #redes-sociales a[rel="facebook"] {
      float: right; }
      header #seguinos #redes-sociales a[rel="facebook"]:hover {
        transform: translate(0px, -7px);
        -webkit-transform: translate(0px, -7px);
        -moz-transform: translate(0px, -7px);
        -o-transform: translate(0px, -7px);
        -ms-transform: translate(0px, -7px); }
    header #seguinos #redes-sociales a[rel="twitter"] {
      float: left;
      margin: 0 5px; }
      header #seguinos #redes-sociales a[rel="twitter"]:hover {
        transform: translate(0px, -7px);
        -webkit-transform: translate(0px, -7px);
        -moz-transform: translate(0px, -7px);
        -o-transform: translate(0px, -7px);
        -ms-transform: translate(0px, -7px); }
header nav {
  /*width: 701px;*/
  width: 74%;
  height: 45px;
  float: right;
  margin: 0 0 60px 64px;
  clear: both; }
  header nav ul {
    width: 100%;
    float: left; }
    header nav ul li {
      list-style: none;
      float: left;
      height: 45px;
      border-top: 1px solid #BB582E;
      border-bottom: 1px solid #BB582E; }
      header nav ul li a {
        font-size: 11px;
        padding: 17px 20px;
        border-right: 1px solid #BB582E;
        display: block; }
        header nav ul li a:hover {
          background: #BB582E;
          color: #fff; }
        header nav ul li a[rel="home"] {
          background: url(../images/home3.jpg) no-repeat;
          width: 56px;
          height: 45px;
          border-left: 1px solid #BB582E;
          border-right: 1px solid #BB582E;
          padding: 0; }
          header nav ul li a[rel="home"]:hover {
            background: url(../images/home.jpg) no-repeat; }

#inicio a[rel="home"] {
  background: url(../images/home.jpg) no-repeat !important; }

#historia a[rel="historia"] {
  background: #BB582E;
  color: #fff; }

#biografia a[rel="biografia"] {
  background: #BB582E;
  color: #fff; }

#novedades a[rel="novedades"] {
  background: #BB582E;
  color: #fff; }

#visita-virtual a[rel="visita-virtual"] {
  background: #BB582E;
  color: #fff; }

#biblioteca a[rel="biblioteca"] {
  background: #BB582E;
  color: #fff; }

#contactos a[rel="contactos"] {
  background: #BB582E;
  color: #fff; }

#slider {
  width: 100%;
  height: 539px;
  position: relative;
  z-index: 0;
  overflow: hidden; }
  #slider ul li a img {
    width: 100%;
    height: 539px; }
  #slider ul li .texto-slider {
    width: 431px;
    height: 217px;
    background: url(../images/bg-lila.png) repeat;
    position: absolute;
    bottom: 143px;
    right: 0; }
    #slider ul li .texto-slider h2 {
      color: #fff;
      font-size: 48px;
      font-family: 'garamond';
      margin: 32px 0 0 38px;
      letter-spacing: 5px; }
    #slider ul li .texto-slider p {
      color: #fff;
      font-size: 15px;
      word-break: break-all;
      margin: 10px 0 20px 38px;
      font-family: 'open';
      height: 55px;
      overflow: hidden;
      width: 85%; }
    #slider ul li .texto-slider a[rel="leermas"] {
      color: #fff;
      text-transform: uppercase;
      font-size: 13px;
      margin: 0 0 0 38px;
      float: left;
      height: 20px;
      line-height: 20px;
      padding: 10px 45px 10px 20px;
      background: url(../images/flechita-lila.jpg) no-repeat right #4b1a38;
      letter-spacing: 2px; }
      #slider ul li .texto-slider a[rel="leermas"]:hover {
        background: url(../images/flechita-lila.jpg) no-repeat right #2e0203; }

#slider .flexslider {
  height: 539px; }

#slider .flex-viewport {
  height: 539px; }

#slider .flex-control-nav {
  bottom: 40px;
  right: 0;
  width: 70%; }

#slider .flex-control-paging li a {
  width: 22px;
  height: 22px;
  background: #BA5A30; }

#slider .flex-control-paging li a.flex-active {
  background: #000; }

#contenedor, #contenedor-visita {
  width: 100%;
  height: auto;
  background: url(../images/bg-contenedor.jpg) repeat-y;
  overflow: hidden;
  padding-bottom: 30px; }
  #contenedor #ultimas-nov, #contenedor-visita #ultimas-nov {
    width: 960px;
    height: auto;
    float: left;
    margin: 75px 0 0 0; }
    #contenedor #ultimas-nov h2, #contenedor-visita #ultimas-nov h2 {
      font-size: 30px;
      font-family: 'garamond';
      float: left;
      color: #585647;
      letter-spacing: 10px; }
    #contenedor #ultimas-nov a[rel="vertodos"], #contenedor-visita #ultimas-nov a[rel="vertodos"] {
      float: right;
      color: #fff;
      font-size: 13px;
      text-transform: uppercase;
      background: #A2C4B3;
      padding: 10px 45px 10px 20px;
      background: url(../images/flechita-verde.jpg) no-repeat right #a2c4b3; }
      #contenedor #ultimas-nov a[rel="vertodos"]:hover, #contenedor-visita #ultimas-nov a[rel="vertodos"]:hover {
        background: url(../images/flechita-verde.jpg) no-repeat right #90b1a0; }
  #contenedor #contenedor-ultimasnov, #contenedor-visita #contenedor-ultimasnov {
    background: #F1E3BE;
    width: 100%;
    height: auto;
    float: left;
    min-height: 521px;
    margin: 18px 0 0 0; }
    #contenedor #contenedor-ultimasnov .presentacion-libro, #contenedor-visita #contenedor-ultimasnov .presentacion-libro {
      width: 100%;
      height: 250px;
      float: left;
      border-bottom: 1px solid #ded2ad; }
      #contenedor #contenedor-ultimasnov .presentacion-libro:last-child, #contenedor-visita #contenedor-ultimasnov .presentacion-libro:last-child {
        border-bottom: none; }
      #contenedor #contenedor-ultimasnov .presentacion-libro figure, #contenedor-visita #contenedor-ultimasnov .presentacion-libro figure {
        margin: 27px 27px;
        border: 10px solid #6C583D;
        width: 250px;
        height: 173px;
        float: left; }
      #contenedor #contenedor-ultimasnov .presentacion-libro .texto-presentacion, #contenedor-visita #contenedor-ultimasnov .presentacion-libro .texto-presentacion {
        width: 633px;
        height: auto;
        float: left; }
        #contenedor #contenedor-ultimasnov .presentacion-libro .texto-presentacion h2, #contenedor-visita #contenedor-ultimasnov .presentacion-libro .texto-presentacion h2 {
          margin: 27px 0 15px 0;
          font-size: 12px;
          color: #572539;
          border: 1px solid #a3847a;
          float: left;
          padding: 5px; }
        #contenedor #contenedor-ultimasnov .presentacion-libro .texto-presentacion h3, #contenedor-visita #contenedor-ultimasnov .presentacion-libro .texto-presentacion h3 {
          clear: both;
          display: block;
          font-size: 30px;
          font-family: 'garamond';
          letter-spacing: 5px;
          color: #3e3d32; }
        #contenedor #contenedor-ultimasnov .presentacion-libro .texto-presentacion p, #contenedor-visita #contenedor-ultimasnov .presentacion-libro .texto-presentacion p {
          display: block;
          font-size: 14px;
          font-family: 'open';
          color: #3e3d32;
          line-height: 19px;
          margin: 5px 0 0 0;
          height: 70px;
          overflow: hidden; }
        #contenedor #contenedor-ultimasnov .presentacion-libro .texto-presentacion a[rel="leermas"], #contenedor-visita #contenedor-ultimasnov .presentacion-libro .texto-presentacion a[rel="leermas"] {
          float: left;
          color: #fff;
          font-size: 13px;
          text-transform: uppercase;
          margin: 15px 0 0 0;
          background: #A2C4B3;
          padding: 10px 45px 10px 20px;
          background: url(../images/flechita-verde.jpg) no-repeat right #a2c4b3; }
          #contenedor #contenedor-ultimasnov .presentacion-libro .texto-presentacion a[rel="leermas"]:hover, #contenedor-visita #contenedor-ultimasnov .presentacion-libro .texto-presentacion a[rel="leermas"]:hover {
            background: url(../images/flechita-verde.jpg) no-repeat right #90b1a0; }
  #contenedor .contenedor-child, #contenedor .contenedor-child2, #contenedor-visita .contenedor-child, #contenedor-visita .contenedor-child2 {
    background: #F1E3BE;
    width: 45%;
    height: auto;
    float: left;
    min-height: 255px;
    margin: 40px 96px 10px 0; }
    #contenedor .contenedor-child figure, #contenedor .contenedor-child2 figure, #contenedor-visita .contenedor-child figure, #contenedor-visita .contenedor-child2 figure {
      float: left; }
      #contenedor .contenedor-child figure img, #contenedor .contenedor-child2 figure img, #contenedor-visita .contenedor-child figure img, #contenedor-visita .contenedor-child2 figure img {
        width: 231px;
        height: 255px; }
    #contenedor .contenedor-child .texto-child, #contenedor .contenedor-child2 .texto-child, #contenedor-visita .contenedor-child .texto-child, #contenedor-visita .contenedor-child2 .texto-child {
      margin: 15px 0 0 20px;
      width: 170px; }
      #contenedor .contenedor-child .texto-child h2, #contenedor .contenedor-child2 .texto-child h2, #contenedor-visita .contenedor-child .texto-child h2, #contenedor-visita .contenedor-child2 .texto-child h2 {
        font-size: 12px;
        color: #572539;
        border: 1px solid #a3847a;
        float: left;
        padding: 5px; }
      #contenedor .contenedor-child .texto-child h3, #contenedor .contenedor-child2 .texto-child h3, #contenedor-visita .contenedor-child .texto-child h3, #contenedor-visita .contenedor-child2 .texto-child h3 {
        clear: both;
        display: block;
        font-size: 30px;
        font-family: 'garamond';
        margin: 35px 0 0 0; }
      #contenedor .contenedor-child .texto-child p, #contenedor .contenedor-child2 .texto-child p, #contenedor-visita .contenedor-child .texto-child p, #contenedor-visita .contenedor-child2 .texto-child p {
        display: block;
        font-size: 14px;
        font-family: 'open';
        color: #3e3d32;
        line-height: 19px;
        height: 60px;
        overflow: hidden;
        margin: 10px 0 0 0; }
      #contenedor .contenedor-child .texto-child a[rel="leermas"], #contenedor .contenedor-child2 .texto-child a[rel="leermas"], #contenedor-visita .contenedor-child .texto-child a[rel="leermas"], #contenedor-visita .contenedor-child2 .texto-child a[rel="leermas"] {
        float: left;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        margin: 40px 0 0 0;
        background: #A2C4B3;
        padding: 10px 45px 10px 20px;
        background: url(../images/flechita-verde.jpg) no-repeat right #a2c4b3; }
        #contenedor .contenedor-child .texto-child a[rel="leermas"]:hover, #contenedor .contenedor-child2 .texto-child a[rel="leermas"]:hover, #contenedor-visita .contenedor-child .texto-child a[rel="leermas"]:hover, #contenedor-visita .contenedor-child2 .texto-child a[rel="leermas"]:hover {
          background: url(../images/flechita-verde.jpg) no-repeat right #90b1a0; }
  #contenedor .contenedor-child2, #contenedor-visita .contenedor-child2 {
    margin-right: 0;
    margin-bottom: 30px; }

footer {
  width: 100%;
  height: 299px;
  background: url(../images/bg-footer.jpg) no-repeat;
  position: relative;
  margin: -5px 0 0 0; }
  footer #logo-footer {
    width: 290px;
    height: 190px;
    float: left;
    margin: 35px 0 0 0;
    border-bottom: 1px solid #999182; }
  footer #enlaces-footer {
    width: 635px;
    height: 190px;
    float: left;
    margin: 35px 0 0 35px;
    border-bottom: 1px solid #999182; }
    footer #enlaces-footer h2 {
      font-size: 30px;
      font-family: 'garamond';
      color: #fff;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      letter-spacing: 5px;
      padding: 5px 0; }
    footer #enlaces-footer ul {
      margin: 20px 0 0 0; }
      footer #enlaces-footer ul li {
        margin: 10px 0; }
        footer #enlaces-footer ul li a {
          color: #fff;
          padding-left: 20px;
          background: url(../images/flechita-ul.png) no-repeat left center;
          font-size: 14px;
          font-family: 'open'; }
          footer #enlaces-footer ul li a:hover {
            color: #A1C59A; }
    footer #enlaces-footer figure {
      width: 230px;
      height: 91px;
      border: 4px solid #cfc39d;
      margin: 20px 0 0 0; }
  footer #info-footer {
    width: 100%;
    margin: 5px 0 0 0; }
    footer #info-footer p {
      font-size: 14px;
      font-family: 'open';
      color: #fff;
      line-height: 20px;
      margin: 10px 0 0 0; }
    footer #info-footer .right a img {
      margin: 20px 0 0 0; }

/**********************  INTERNA  *************************/
#bg-biblioteca, #bg-historia, #bg-biografia, #bg-contactos, #bg-visita-virtual, #bg-novedades {
  width: 100%;
  height: 314px;
  background: url(../images/bg-biblioteca.jpg) no-repeat;
  position: relative;
  z-index: 0;
  clear: both; }
  #bg-biblioteca #bg-titulo, #bg-historia #bg-titulo, #bg-biografia #bg-titulo, #bg-contactos #bg-titulo, #bg-visita-virtual #bg-titulo, #bg-novedades #bg-titulo {
    width: 430px;
    height: 94px;
    background: url(../images/bg-lila.png) repeat;
    position: absolute;
    right: 0;
    top: 94px; }
    #bg-biblioteca #bg-titulo h2, #bg-historia #bg-titulo h2, #bg-biografia #bg-titulo h2, #bg-contactos #bg-titulo h2, #bg-visita-virtual #bg-titulo h2, #bg-novedades #bg-titulo h2 {
      font-size: 48px;
      font-family: 'garamond';
      color: #fff;
      margin: 23px 0 0 30px;
      letter-spacing: 7px; }

#bg-historia {
  background: url(../images/bg-historia.jpg) no-repeat; }

#bg-biografia {
  background: url(../images/bg-biografia.jpg) no-repeat; }

#bg-contactos {
  background: url(../images/bg-contactos.jpg) no-repeat; }

#bg-novedades {
  background: url(../images/bg-novedades.jpg) no-repeat; }

#bg-visita-virtual {
  background: url(../images/bg-visita-virtual.jpg) no-repeat; }

#content {
  width: 100%;
  height: auto;
  background: url(../images/bg-contenedor2.jpg) repeat;
  position: relative;
  /*padding-bottom: 20px;*/ }
  #content #contenedor, #content #contenedor-historia, #content #contenedor-contacto {
    background: url(../images/bg-contenedor.jpg) no-repeat;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    background-position-y: 284px; }
    #content #contenedor #content-interna, #content #contenedor-historia #content-interna, #content #contenedor-contacto #content-interna {
      width: 100%;
      height: auto;
      float: left;
      margin: 50px 0 40px 0; }
      #content #contenedor #content-interna h2, #content #contenedor-historia #content-interna h2, #content #contenedor-contacto #content-interna h2 {
        font-size: 36px;
        font-family: 'garamond';
        letter-spacing: 7px;
        color: #3e3d32;
        margin: 0 0 30px 0; }
      #content #contenedor #content-interna a[rel="leermas"], #content #contenedor-historia #content-interna a[rel="leermas"], #content #contenedor-contacto #content-interna a[rel="leermas"] {
        float: left;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        margin: 25px 0 0 0;
        background: #A2C4B3;
        padding: 10px 45px 10px 20px;
        background: url(../images/flechita-verde.jpg) no-repeat right #a2c4b3; }
        #content #contenedor #content-interna a[rel="leermas"]:hover, #content #contenedor-historia #content-interna a[rel="leermas"]:hover, #content #contenedor-contacto #content-interna a[rel="leermas"]:hover {
          background: url(../images/flechita-verde.jpg) no-repeat right #90b1a0; }
      #content #contenedor #content-interna a[rel="volver"], #content #contenedor-historia #content-interna a[rel="volver"], #content #contenedor-contacto #content-interna a[rel="volver"] {
        float: left;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        margin: 45px 0 0 0;
        background: #A2C4B3;
        padding: 10px 20px 10px 55px;
        background: url(../images/flechita-verde02.jpg) no-repeat left #a2c4b3; }
        #content #contenedor #content-interna a[rel="volver"]:hover, #content #contenedor-historia #content-interna a[rel="volver"]:hover, #content #contenedor-contacto #content-interna a[rel="volver"]:hover {
          background: url(../images/flechita-verde02.jpg) no-repeat left #90b1a0; }
      #content #contenedor #content-interna .content-oscuro, #content #contenedor #content-interna .content-claro, #content #contenedor-historia #content-interna .content-oscuro, #content #contenedor-historia #content-interna .content-claro, #content #contenedor-contacto #content-interna .content-oscuro, #content #contenedor-contacto #content-interna .content-claro {
        width: 100%;
        height: 175px;
        background: #DFD2AF; }
        #content #contenedor #content-interna .content-oscuro figure, #content #contenedor #content-interna .content-claro figure, #content #contenedor-historia #content-interna .content-oscuro figure, #content #contenedor-historia #content-interna .content-claro figure, #content #contenedor-contacto #content-interna .content-oscuro figure, #content #contenedor-contacto #content-interna .content-claro figure {
          float: left;
          margin: 25px 30px 0;
          border: 6px solid #69583A;
          width: 99px;
          height: 110px; }
        #content #contenedor #content-interna .content-oscuro .left, #content #contenedor #content-interna .content-claro .left, #content #contenedor-historia #content-interna .content-oscuro .left, #content #contenedor-historia #content-interna .content-claro .left, #content #contenedor-contacto #content-interna .content-oscuro .left, #content #contenedor-contacto #content-interna .content-claro .left {
          width: 760px;
          margin: 25px 0 0 5px; }
          #content #contenedor #content-interna .content-oscuro .left h2, #content #contenedor #content-interna .content-claro .left h2, #content #contenedor-historia #content-interna .content-oscuro .left h2, #content #contenedor-historia #content-interna .content-claro .left h2, #content #contenedor-contacto #content-interna .content-oscuro .left h2, #content #contenedor-contacto #content-interna .content-claro .left h2 {
            font-size: 30px;
            font-family: 'garamond';
            letter-spacing: 7px;
            color: #3e3d32;
            margin: 0 0 10px 0; }
          #content #contenedor #content-interna .content-oscuro .left p, #content #contenedor #content-interna .content-claro .left p, #content #contenedor-historia #content-interna .content-oscuro .left p, #content #contenedor-historia #content-interna .content-claro .left p, #content #contenedor-contacto #content-interna .content-oscuro .left p, #content #contenedor-contacto #content-interna .content-claro .left p {
            font-size: 14px;
            font-family: 'open';
            color: #3e3d32;
            line-height: 20px;
            width: 100%;
            height: 40px;
            overflow: hidden; }
          #content #contenedor #content-interna .content-oscuro .left a[rel="volver"], #content #contenedor #content-interna .content-claro .left a[rel="volver"], #content #contenedor-historia #content-interna .content-oscuro .left a[rel="volver"], #content #contenedor-historia #content-interna .content-claro .left a[rel="volver"], #content #contenedor-contacto #content-interna .content-oscuro .left a[rel="volver"], #content #contenedor-contacto #content-interna .content-claro .left a[rel="volver"] {
            float: left;
            color: #fff;
            font-size: 13px;
            text-transform: uppercase;
            margin: 0 0 40px 50px;
            background: #A2C4B3;
            padding: 10px 20px 10px 55px;
            background: url(../images/flechita-verde02.jpg) no-repeat left #a2c4b3; }
            #content #contenedor #content-interna .content-oscuro .left a[rel="volver"]:hover, #content #contenedor #content-interna .content-claro .left a[rel="volver"]:hover, #content #contenedor-historia #content-interna .content-oscuro .left a[rel="volver"]:hover, #content #contenedor-historia #content-interna .content-claro .left a[rel="volver"]:hover, #content #contenedor-contacto #content-interna .content-oscuro .left a[rel="volver"]:hover, #content #contenedor-contacto #content-interna .content-claro .left a[rel="volver"]:hover {
              background: url(../images/flechita-verde02.jpg) no-repeat left #90b1a0; }
        #content #contenedor #content-interna .content-oscuro .texto-invertido, #content #contenedor #content-interna .content-claro .texto-invertido, #content #contenedor-historia #content-interna .content-oscuro .texto-invertido, #content #contenedor-historia #content-interna .content-claro .texto-invertido, #content #contenedor-contacto #content-interna .content-oscuro .texto-invertido, #content #contenedor-contacto #content-interna .content-claro .texto-invertido {
          margin: 0 0 10px 20px !important; }
        #content #contenedor #content-interna .content-oscuro .img-invertida, #content #contenedor #content-interna .content-claro .img-invertida, #content #contenedor-historia #content-interna .content-oscuro .img-invertida, #content #contenedor-historia #content-interna .content-claro .img-invertida, #content #contenedor-contacto #content-interna .content-oscuro .img-invertida, #content #contenedor-contacto #content-interna .content-claro .img-invertida {
          margin-right: 30px !important;
          float: right; }
      #content #contenedor #content-interna .content-claro, #content #contenedor-historia #content-interna .content-claro, #content #contenedor-contacto #content-interna .content-claro {
        background: #F1E3BE; }
      #content #contenedor #content-interna #titulo-volver, #content #contenedor-historia #content-interna #titulo-volver, #content #contenedor-contacto #content-interna #titulo-volver {
        width: 100%;
        float: left;
        height: 60px; }
        #content #contenedor #content-interna #titulo-volver h2, #content #contenedor-historia #content-interna #titulo-volver h2, #content #contenedor-contacto #content-interna #titulo-volver h2 {
          float: left !important; }
        #content #contenedor #content-interna #titulo-volver a[rel="volver"], #content #contenedor-historia #content-interna #titulo-volver a[rel="volver"], #content #contenedor-contacto #content-interna #titulo-volver a[rel="volver"] {
          margin: 0 !important;
          float: right; }
    #content #contenedor #paginacion, #content #contenedor #paginacion-centrada, #content #contenedor-historia #paginacion, #content #contenedor-historia #paginacion-centrada, #content #contenedor-contacto #paginacion, #content #contenedor-contacto #paginacion-centrada {
      width: 20%;
      margin: 30px 0 0 0;
      height: auto;
      float: right; }
      #content #contenedor #paginacion ul li, #content #contenedor #paginacion-centrada ul li, #content #contenedor-historia #paginacion ul li, #content #contenedor-historia #paginacion-centrada ul li, #content #contenedor-contacto #paginacion ul li, #content #contenedor-contacto #paginacion-centrada ul li {
        float: left; }
        #content #contenedor #paginacion ul li a, #content #contenedor #paginacion-centrada ul li a, #content #contenedor-historia #paginacion ul li a, #content #contenedor-historia #paginacion-centrada ul li a, #content #contenedor-contacto #paginacion ul li a, #content #contenedor-contacto #paginacion-centrada ul li a {
          float: left;
          color: #fff;
          padding: 20px;
          background: #A2C4B3;
          margin: 0 10px 0 0; }
          #content #contenedor #paginacion ul li a.activo, #content #contenedor #paginacion-centrada ul li a.activo, #content #contenedor-historia #paginacion ul li a.activo, #content #contenedor-historia #paginacion-centrada ul li a.activo, #content #contenedor-contacto #paginacion ul li a.activo, #content #contenedor-contacto #paginacion-centrada ul li a.activo {
            background: #8FB1A0; }
          #content #contenedor #paginacion ul li a:hover, #content #contenedor #paginacion-centrada ul li a:hover, #content #contenedor-historia #paginacion ul li a:hover, #content #contenedor-historia #paginacion-centrada ul li a:hover, #content #contenedor-contacto #paginacion ul li a:hover, #content #contenedor-contacto #paginacion-centrada ul li a:hover {
            background: #8FB1A0; }
    #content #contenedor #paginacion-centrada, #content #contenedor-historia #paginacion-centrada, #content #contenedor-contacto #paginacion-centrada {
      margin: 0 auto !important;
      float: none !important;
      overflow: hidden;
      padding-bottom: 20px; }

#content-novedades {
  width: 100%;
  height: auto;
  float: left;
  margin: 50px 0 0 0; }
  #content-novedades h2 {
    font-size: 36px;
    font-family: 'garamond';
    letter-spacing: 7px;
    color: #3e3d32;
    margin: 0 0 30px 0; }
  #content-novedades .content-oscuro, #content-novedades .content-claro {
    width: 48%;
    height: 330px;
    background: #DFD2AF;
    float: left;
    margin-bottom: 50px;
    margin-right: 18px; }
    #content-novedades .content-oscuro figure, #content-novedades .content-claro figure {
      float: left;
      margin: 25px 37px 0;
      border: 6px solid #69583A;
      width: 371px;
      height: 129px; }
    #content-novedades .content-oscuro .left, #content-novedades .content-claro .left {
      width: 89%;
      margin: 15px 0 0 35px; }
      #content-novedades .content-oscuro .left h2, #content-novedades .content-claro .left h2 {
        font-size: 30px;
        font-family: 'garamond';
        letter-spacing: 7px;
        color: #3e3d32;
        margin: 0 0 15px 0; }
      #content-novedades .content-oscuro .left p, #content-novedades .content-claro .left p {
        font-size: 14px;
        font-family: 'open';
        color: #3e3d32;
        line-height: 20px;
        width: 100%;
        height: 40px;
        overflow: hidden; }
      #content-novedades .content-oscuro .left a[rel="leermas"], #content-novedades .content-claro .left a[rel="leermas"] {
        float: left;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        margin: 15px 0 0 0;
        background: #A2C4B3;
        padding: 10px 45px 10px 20px;
        background: url(../images/flechita-verde.jpg) no-repeat right #a2c4b3; }
        #content-novedades .content-oscuro .left a[rel="leermas"]:hover, #content-novedades .content-claro .left a[rel="leermas"]:hover {
          background: url(../images/flechita-verde.jpg) no-repeat right #90b1a0; }
  #content-novedades .content-claro {
    background: #F1E3BE;
    float: left; }

#content-novedades-interna {
  width: 100%;
  height: auto;
  float: left;
  margin: 50px 0 40px 0; }
  #content-novedades-interna h2 {
    font-size: 36px;
    font-family: 'garamond';
    letter-spacing: 7px;
    color: #3e3d32;
    margin: 0 0 30px 0; }
  #content-novedades-interna article {
    background: #F1E3BE;
    float: left; }
    #content-novedades-interna article #img-nov-interna {
      width: 864px;
      height: 396px;
      margin: 20px auto;
      border: 7px solid #300306; }
    #content-novedades-interna article h2 {
      margin: 20px 0 20px 50px; }
    #content-novedades-interna article p {
      margin: 0 0 20px 50px;
      font-size: 14px;
      font-family: 'open';
      color: #3e3d32;
      line-height: 20px;
      width: 92%; }
    #content-novedades-interna article a[rel="volver"] {
      float: left;
      color: #fff;
      font-size: 13px;
      text-transform: uppercase;
      margin: 0 0 40px 50px;
      background: #A2C4B3;
      padding: 10px 20px 10px 55px;
      background: url(../images/flechita-verde02.jpg) no-repeat left #a2c4b3; }
      #content-novedades-interna article a[rel="volver"]:hover {
        background: url(../images/flechita-verde02.jpg) no-repeat left #90b1a0; }

#content #contenedor-historia {
  /*background-position-y: 20px!important; */ }
  #content #contenedor-historia #historia, #content #contenedor-historia #biografia {
    width: 100%;
    height: auto;
    background: #F1E3BE;
    float: left; }
    #content #contenedor-historia #historia p, #content #contenedor-historia #biografia p {
      font-size: 16px;
      font-family: 'open';
      margin: 20px 0 0 20px;
      float: left;
      width: 96%;
      padding: 20px;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
    #content #contenedor-historia #historia .bg-color1, #content #contenedor-historia #biografia .bg-color1 {
      background: #D5A493;
      color: #fff;
      width: 94%;
      padding: 10px !important;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box; }
    #content #contenedor-historia #historia .bg-color2, #content #contenedor-historia #biografia .bg-color2 {
      background: #BE845C;
      color: #fff;
      width: 94%;
      padding: 10px !important;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box; }
    #content #contenedor-historia #historia .bg-color3, #content #contenedor-historia #biografia .bg-color3 {
      background: #4F2B05;
      color: #fff;
      width: 94%;
      padding: 10px !important;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box; }
    #content #contenedor-historia #historia figure, #content #contenedor-historia #biografia figure {
      width: 100%;
      height: 484px;
      float: left;
      margin: 20px 0 0 20px; }

#historia {
  /*padding-bottom: 30px; margin-bottom: 20px;*/ }
  #historia p {
    padding: 0 !important; }
  #historia #collage-historia {
    width: 100%;
    float: left; }
    #historia #collage-historia figure {
      width: 441px !important;
      height: 464px !important;
      margin: 20px 0 0 15px !important; }
    #historia #collage-historia #img-historia {
      width: 459px;
      height: 216px;
      margin: 20px 15px 0 0; }
      #historia #collage-historia #img-historia #img01 {
        margin: 0 0 30px 0; }

#biografia {
                                    /* p { 
padding: 10px!important; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /*padding: 0!important; 
  margin: 30px 0 0 30px!important; } */
  /*padding-bottom: 20px;*/ }
  #biografia .img-biografia {
    width: 95%;
    height: auto;
    margin: 30px; }
    #biografia .img-biografia img {
      border: 6px solid #493013;
      display: block;
      margin: auto; }

#slider-virtual {
  width: 100%;
  height: 539px;
  margin: -20px 0 0 0;
  z-index: 0; }
  #slider-virtual ul li a img {
    width: 100%;
    height: 539px; }

#slider-virtual .flex-control-nav {
  bottom: 40px; }

#slider-virtual .flex-control-paging li a {
  width: 22px;
  height: 22px;
  background: #BA5A30; }

#slider-virtual .flex-control-paging li a.flex-active {
  background: #fff; }

#contenedor-visita {
  padding-bottom: 0;
  background: url(../images/bg-contenedor.jpg) no-repeat !important;
  background-position-y: 404px !important; }

#contenedor-virtual {
  width: 100%;
  z-index: 1;
  position: relative; }
  #contenedor-virtual h2 {
    font-size: 36px;
    font-family: 'garamond';
    letter-spacing: 7px;
    color: #3e3d32;
    margin: 30px 0 30px 0; }
  #contenedor-virtual #texto-virtual, #contenedor-virtual #content-virtual {
    background: #F1E3BE;
    padding: 20px 0 40px 20px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
    #contenedor-virtual #texto-virtual p, #contenedor-virtual #content-virtual p {
      margin: 0;
      font-size: 16px;
      font-family: 'open'; }

#content-virtual {
  padding: 20px 0 20px 20px !important;
  margin-bottom: 30px;
  height: auto;
  float: left; }

#contenedor-contacto h3 {
  font-size: 24px;
  font-family: 'garamond';
  margin: 0 0 20px 0;
  color: #3e3d32; }
#contenedor-contacto h2 {
  margin-bottom: 5px !important; }
#contenedor-contacto #content-contactos {
  width: 100%;
  height: auto;
  background: #F1E3BE;
  float: left;
  padding-bottom: 15px; }
  #contenedor-contacto #content-contactos #formulario {
    padding: 20px;
    float: left;
    width: 100%; }
    #contenedor-contacto #content-contactos #formulario fieldset {
      /*.left { border: 2px solid #A6A6A6; }*/ }
      #contenedor-contacto #content-contactos #formulario fieldset label {
        display: block;
        font-size: 14px;
        font-family: 'open';
        margin: 10px 0;
        color: #65391B; }
      #contenedor-contacto #content-contactos #formulario fieldset input[type="text"] {
        display: block;
        margin: 20px 0 30px 0;
        padding: 10px 0;
        width: 100%; }
      #contenedor-contacto #content-contactos #formulario fieldset input[type="submit"] {
        border: none;
        background: #65391B;
        color: #fff;
        height: 65px;
        padding: 25px 40px;
        margin: 20px 0 0 36%;
        font-size: 14px;
        line-height: 0; }
        #contenedor-contacto #content-contactos #formulario fieldset input[type="submit"]:hover {
          background: #E0BBA9;
          color: #000; }
      #contenedor-contacto #content-contactos #formulario fieldset textarea {
        width: 100%;
        border: 1px solid #c5c5c5 !important; }
      #contenedor-contacto #content-contactos #formulario fieldset .inp-captcha {
        width: 55% !important;
        float: left;
        margin: 0 0 0 10px !important;
        height: 28px; }
      #contenedor-contacto #content-contactos #formulario fieldset .reload {
        margin: 10px 0 0 5px;
        /*border: 3px solid #BBB8AF!important;*/ }
  #contenedor-contacto #content-contactos #mapa {
    width: 94%;
    height: 225px !important;
    border: 5px solid #65391B;
    float: left;
    margin: 25px; }
  #contenedor-contacto #content-contactos #content-formulario {
    float: left;
    width: 45%; }
#contenedor-contacto #info-contacto {
  float: right;
  width: 46%;
  height: auto;
  margin: 35px 20px 0 0; }
  #contenedor-contacto #info-contacto .left {
    background: #65391B;
    width: 100%; }
    #contenedor-contacto #info-contacto .left h2 {
      font-size: 16px !important;
      font-family: "open" !important;
      margin: 30px 0 15px 0 !important;
      float: left;
      width: 100%;
      line-height: 23px;
      font-weight: bold;
      color: white !important;
      text-align: center; }
    #contenedor-contacto #info-contacto .left h3 {
      font-size: 17px;
      color: #fff;
      text-align: center;
      font-family: 'open';
      margin: 20px 0 0;
      text-transform: uppercase; }
    #contenedor-contacto #info-contacto .left span {
      width: 90%;
      height: 2px;
      background: #fff;
      float: left;
      margin: 10px 0 0 23px; }
    #contenedor-contacto #info-contacto .left .linea-corta {
      width: 60%;
      height: 1px;
      background: #fff;
      float: left;
      margin: 5px 0 5px 85px; }
    #contenedor-contacto #info-contacto .left p {
      font-size: 13px;
      font-family: 'open';
      width: 100%;
      font-weight: bold;
      padding: 20px 0 10px;
      color: #fff;
      text-align: center;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      #contenedor-contacto #info-contacto .left p strong {
        font-weight: bold;
        font-size: 16px;
        font-family: 'open';
        color: #fff; }
      #contenedor-contacto #info-contacto .left p b {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px; }
    #contenedor-contacto #info-contacto .left #omnibus {
      width: 100%;
      float: left;
      margin: 10px 0 0 0; }
      #contenedor-contacto #info-contacto .left #omnibus h3 {
        font-size: 15px;
        color: #fff;
        text-align: center;
        font-family: 'open';
        margin: 15px 0 20px; }
      #contenedor-contacto #info-contacto .left #omnibus .divcentrado {
        width: 85%;
        overflow: hidden;
        height: 50px; }
        #contenedor-contacto #info-contacto .left #omnibus .divcentrado .circulo {
          width: 50px;
          height: 50px;
          float: left;
          margin: 0 2% 25px 1%;
          background: #2F5C95;
          -webkit-border-radius: 30px 30px 30px 30px;
          -moz-border-radius: 30px 30px 30px 30px;
          border-radius: 30px 30px 30px 30px;
          behavior: url(PIE.php);
          position: relative; }
          #contenedor-contacto #info-contacto .left #omnibus .divcentrado .circulo p {
            text-align: center;
            color: #fff;
            line-height: 10px;
            width: 100%; }

.bg-child {
  width: 100%;
  height: auto;
  float: left;
  background: #F1E3BE;
  padding: 20px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  .bg-child p {
    font-size: 16px;
    font-family: 'open';
    margin: 10px 0; }

.titulo-h2 {
  margin-top: 20px !important;
  float: left; }

.content-bloques {
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0 10px 0; }
  .content-bloques .content-oscuro, .content-bloques .content-claro {
    background: #DFD2AF;
    width: 48%;
    float: left;
    margin: 20px 18px 0 0;
    min-height: 300px; }
    .content-bloques .content-oscuro h2, .content-bloques .content-claro h2 {
      font-size: 20px !important;
      text-align: center;
      line-height: 26px;
      margin-bottom: 10px !important;
      background: #CB9768;
      color: white !important;
      padding: 10px;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
    .content-bloques .content-oscuro p, .content-bloques .content-claro p {
      margin: 0 !important;
      padding: 20px;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
    .content-bloques .content-oscuro a[rel="leermas"], .content-bloques .content-claro a[rel="leermas"] {
      float: left;
      color: #fff;
      font-size: 13px;
      text-transform: uppercase;
      margin: 0 0 20px 20px;
      background: #A2C4B3;
      padding: 10px 45px 10px 20px;
      background: url(../images/flechita-verde.jpg) no-repeat right #a2c4b3; }
      .content-bloques .content-oscuro a[rel="leermas"]:hover, .content-bloques .content-claro a[rel="leermas"]:hover {
        background: url(../images/flechita-verde.jpg) no-repeat right #90b1a0; }
  .content-bloques .content-claro {
    background: #D9CEBB; }

.bloqueleft {
  float: left !important; }

.bloqueright {
  float: right !important; }

.content-bg {
  background: #F1E3BE;
  margin-bottom: 30px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  .content-bg p {
    margin: 0 0 20px;
    font-size: 16px;
    font-family: 'open'; }

.no-marginr {
  margin-right: 0 !important; }

.fright {
  float: right !important; }

.no-paddingb {
  padding-bottom: 0 !important; }

.no-margint {
  margin-top: 0 !important; }

.bg-biblioteca {
  background-position-y: 434px !important; }

.no-overflowh {
  overflow: visible !important;
  height: auto !important;
  font-size: 16px !important; }

.height-auto {
  height: auto !important;
  float: left !important;
  padding-bottom: 20px; }

/* NAVEGADOR VIEJO */
.navold {
  margin: 0;
  background: #666;
  color: #fff;
  font-size: 11px;
  padding: 20px 0;
  text-align: center;
  border-bottom: 1px dashed white;
  font-size: 12px;
  position: relative;
  z-index: 10; }

.navold span, .navold a {
  color: #eba325;
  font-size: 16px;
  text-decoration: none; }

.navold a:hover {
  color: #fff; }

/* NAVEGADOR VIEJO */