

@font-face {
    font-family: 'font1';
    font-style: normal;
    src: url('./fonts/libelsuit-webfont.eot');
    src: url('./fonts/libelsuit-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/libelsuit-webfont.woff') format('woff'),
         url('./fonts/libelsuit-webfont.ttf') format('truetype'),
         url('./fonts/libelsuit-webfont.svg#libel_suitregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 { font-weight: normal; font-family: 'font1'; }
h2 { font-weight: normal; font-family: 'font1'; }
h3 { font-weight: normal; font-family: 'font1'; }
a { font-family: 'font1'; text-decoration: none; }
p { font-family: 'font1'; color: #fff; font-size: 20px; }
span { font-weight: normal; font-family: 'font1'; }

*{line-height: 136%; } 
html{ width:100%; }
body{background: #fff; overflow-x:hidden; width: 100%; }

.general{height: auto; margin: 0 auto; width: 100%; }
.cabecera {background: #fff; height: auto; margin: 0 -15px 0 -15px }
#menu{ margin: 0 auto; height: 113px; overflow: visible; position: relative; }
.seccion { height:auto; background:#fff; width: 100%;}
.bree{font-family: 'Open Sans', sans-serif; }
.text_descripciones{font-size: 12px; color:#7b7070; }

.easing{
-webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
   -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
     -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
        transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
   -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
     -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
        transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.easingMedium{
-webkit-transition: all 700ms cubic-bezier(0.000, 0.090, 0.000, 0.995);
   -moz-transition: all 700ms cubic-bezier(0.000, 0.090, 0.000, 0.995);
     -o-transition: all 700ms cubic-bezier(0.000, 0.090, 0.000, 0.995);
        transition: all 700ms cubic-bezier(0.000, 0.090, 0.000, 0.995); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.000, 0.090, 0.000, 0.995);
   -moz-transition-timing-function: cubic-bezier(0.000, 0.090, 0.000, 0.995);
     -o-transition-timing-function: cubic-bezier(0.000, 0.090, 0.000, 0.995);
        transition-timing-function: cubic-bezier(0.000, 0.090, 0.000, 0.995); /* custom */
}
.easingMediumFast{
-webkit-transition: all 400ms cubic-bezier(0.000, 0.520, 0.000, 0.995);
   -moz-transition: all 400ms cubic-bezier(0.000, 0.520, 0.000, 0.995);
     -o-transition: all 400ms cubic-bezier(0.000, 0.520, 0.000, 0.995);
        transition: all 400ms cubic-bezier(0.000, 0.520, 0.000, 0.995); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.000, 0.520, 0.000, 0.995);
   -moz-transition-timing-function: cubic-bezier(0.000, 0.520, 0.000, 0.995);
     -o-transition-timing-function: cubic-bezier(0.000, 0.520, 0.000, 0.995);
        transition-timing-function: cubic-bezier(0.000, 0.520, 0.000, 0.995); /* custom */
}
.easingFast{
-webkit-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
   -moz-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
     -o-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
        transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
   -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
     -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
        transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

img.responsive{ width:100%; height:auto; }
img.max-responsive{ max-width:100%; height:auto; }
img.max-responsive-centered{ max-width:100%; height:auto; margin:0 auto; display: block; }

.mt50{ margin-top: 50px !important; }
.mt40{ margin-top: 40px !important; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.ml20{ margin-left: 20px !important; }
.text-center{ text-align: center; }

.manage-admin-content.cke_editable{ outline: 1px dashed white; box-shadow: 0 0 1px #000; }
.manage-admin-content.cke_focus{ outline: 2px solid white; box-shadow: 0 0 3px #000; }

.btn{ border-radius: 0; border:none;}
.btn-primary{ background-color: #62A217; }
.btn-primary:hover{ background-color: #529207; }
.btn-primary.blue{ background-color: #008cd0; }
.btn-primary.blue:hover{ background-color: #007cc0; }
.btn-primary.orange{ background-color: #E4763F; }
.btn-primary.orange:hover{ background-color: #D4662F; }
.contentSection a.btn{ color:#fff; font-size: 18px; }

.contentSection h1.green{ color:#81b219; }
.contentSection h1.blue{ color:#008cd0; }
.contentSection h1.orange{color: #F78800; }
.contentSection h1.red{color: #AE0A00; }

.contentSection h2.orange{color: #F78800; }
.contentSection h2.red{color: #AE0A00; }
.contentSection h2.green{color: #81B219; }
.contentSection h2.blue{color: #008CD0; }

.contentSection h3{ font-weight: bold; }
.contentSection h3.orange{color: #F78800; }
.contentSection h3.red{color: #AE0A00; }
.contentSection h3.green{color: #81B219; }
.contentSection h3.blue{color: #008CD0; }
.seccion p{ font-family: 'font1'; color:#777; }
.seccion h1{ color:#672565; font-family: 'font1'; font-size: 48px; margin:0;}
.seccion .btn-primary{ font-size: 24px; color:#fff; background-color: #672565; padding: 5px 15px; }
.seccion .slider{ width: 100%; margin:0; overflow: hidden; }
.row-pink-white{ background-color: #FAF3F8; }
.text-grey{ color:#777 !important; }
.text-arial{ font-family: Arial !important; }
.box-lile {background-color: #672565; color: #fff; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; font-size: 36px; height: auto; margin-right: 10px; margin-top: 17px; padding: 10px 15px; width: inherit; margin-bottom: 17px; }
.text-pink{ color: #906B94 !important;}
.text17{ font-size: 17px; }
.box-pink-white{ background-color: #F0D9E9; padding:15px; width: 100%; height: auto; }
.p0{ padding: 0; }

body{ background: url('../images/bg-body.png') repeat center top;}
.seccion-landing h2{ color:white; font-size: 45px; }
.seccion-landing .bgPerro{ background-color: #672565; padding-bottom: 50px; text-decoration: none; }
.seccion-landing .bgGato{ background-color: #A97DA1; padding-bottom: 50px; text-decoration: none;}
.seccion-landing a{ text-decoration: none; }

/*footer*/
#pie{position: relative; height:auto; padding: 10px 0 20px 0; border-top: 1px solid #EAE3E8; background: #fff; }
#pie .logo{ float:right; margin-top: 10px;}
#pie p{ font-family: Arial; font-size: 12px; color:#672565;}
#pie p.title{ font-family: 'font1'; font-size: 20px; margin-bottom: 0;}
#pie a{ color:#672565; }
#pie a:hover{ color:#000; }
#pie a.link{ color:#000; }

.container-pils{ padding: 5px 25px; border-bottom: 1px solid #F5F5F5;  }
.container-pils .nav-pills{ border-radius: 0; }
.container-pils .nav-pills > li.active > a{ background-color: #008cd0; }
.container-pils .nav-pills > li a{ border-radius: 0; }