body {
    font-family: Open Sans;
    font-size: 13px;
    line-height: 19px;
    color: #333;
    background: url(../img/club.jpg) repeat fixed 0 0 rgba(0, 0, 0, 0);
}
h1, h2, h3, h4 {font-family: 'Yanone Kaffeesatz',Arial,sans-serif; font-weight: 300;}
.clear {clear:both;}
.cab{padding: 10px;}
.content {width: 980px;}
#toTop {
    background: url("../img/ui.totop.png") no-repeat scroll left top transparent;
    border: medium none;
    bottom: 35px;
    display: none;
    height: 51px;
    opacity: 0.5;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: 100%;
    width: 51px;
    z-index: 2;
}

#toTopHover {
    background: url("../img/ui.totop.png") no-repeat scroll left -51px transparent;
    display: block;
    float: left;
    height: 51px;
    opacity: 0;
    overflow: hidden;
    width: 51px;
}
#toTop {
    text-indent: 100%;
}

.date-wrapper {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #C2C2C2;
    border-radius: 2px 2px 2px 2px;
    color: #242424;
    margin: 0 0 1em;
    padding: 2px;
    text-align: center;
}

.date-wrapper span.date-m {
    background: none repeat scroll 0 0 #1100bd;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 2px 4px;
    text-transform: uppercase;
}
.date-wrapper span {
    display: block;
    font-size: 16px;
}

.date-wrapper span.date-d {
    color: #242424;
    font-size: 20px;
    line-height: 1;
    padding: 5px 0 3px;
}


.headusercontenedor{
    /* box-shadow: 0 0 15px 0 #000000;*/
    color: #f0f0f0;
    height: 34px;
    padding-top: 5px;
    float:right;
    right:10px;
    position: absolute;
}
.headuser{
    margin: auto;
    height: 28px;
    font-size: 1em;
    text-align: right;
    padding-top: 4px;
}
.headuser a:link, .headuser a:visited{color: #f0f0f0;margin:0px 6px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:4px 2px 6px 27px;

}
.headuser a:active, .headuser a:hover{
    text-decoration: none;
    color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.headuser a.reservar{
    background: url("/images/iconos/reservar.png") no-repeat scroll left top transparent;
}

.headuser a.listado{
    background: url("/images/iconos/listado.png") no-repeat scroll left top transparent;
}

.headuser a.administracion{
    background: url("/images/iconos/admin.png") no-repeat scroll left top transparent;
}

.headuser a.user{
    background: url("/images/iconos/user.png") no-repeat scroll left top transparent;
    font-weight: bold;
}

.headuser a.logout{
    background: url("/images/logout.png") no-repeat scroll left top transparent;
}
.headuser a.carritocompra{
    background: url("/images/cart.png") no-repeat scroll left top transparent;
}

.headuser a.imprimir{
    background: url("/images/iconos/printer.png") no-repeat scroll left top transparent;
}


.categoriasproductos {
    background: url("/images/iconos/categories-products-thumbs.jpg") no-repeat scroll left top transparent;
    font-size: 1.2em;
    height: 26px;
    padding-left: 32px;
    padding-top: 4px;
}


nav.main_menu li a, .topnav li.drop .pPanel, #totop, .info_pop .buyit, .playVideo span, .theHoverBorder, .hoverBorder h6, .slidingDetails .details, .slidingDetails, .partners_carousel li a, .hoverBorder:hover img, .feature_box.style3 .box, .services_box .icon, .css3accordion > ul > li .thumb, .gobox, .hover-box, .circlehover span, .process_box, #sidebar ul.menu li a, .timeline_box, .timeline_box:hover .date, .services_box.style2 .box, .team_member, .ptcarousel .controls > a, .shop-features .shop-feature{
    backface-visibility: hidden;
    transition: all 0.2s ease-out 0s;
}
.image-boxes img {
    height: auto;
    width: 100%;
}
.slidingDetails {
    display: block;
    overflow: hidden;
    position: relative;
}
.slidingDetails img {
    position: relative;
}
.slidingDetails .details {
    background: none repeat scroll 0 0 rgba(35, 35, 35, 0.8);
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    visibility: hidden;
}
.slidingDetails:hover .details {
    top: 0;
    visibility: visible;
}
.slidingDetails:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.slidingDetails .details h4 {
    font-size: 14px;
    margin-top: 5px;
    text-transform: uppercase;
}
.slidingDetails .details h6 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}
.image-boxes.box{
    height: 160px;
    overflow: hidden;
    margin-bottom: 10px;
}
.pagination ul > li > a, .pagination ul > li > span {
    color: #425262
}

@media (max-width: 480px) {
    .navbar{
        margin: 53px 0 10px;
    }
    .navbar .btn-navbar {
        clear: none;
        margin-top: 36px;
        position: relative;
    }
}
















@media (max-width: 480px) {
}

@media (max-width: 767px) {
    header#header {
        position:relative;
    }
     .container{
        /*margin-right: 20px;
        margin-left: 20px;*/
    }
}

@media (max-width: 979px) {
}

@media (min-width: 480px) and (max-width: 767px) {
}


@media (min-width: 768px) and (max-width: 980px) {

}

@media (min-width: 980px) {
}

@media (min-width: 1200px) {
}

#logo{
    float:left;
    margin: 0px;
}
.lt-ie8 #logo a,.lt-ie9 #logo a {
    background: url(../images/backgrounds/white50.png) !important;
}
#logo a {
    padding: 5px 0px 20px;
    display: block;
    position: relative;
}

.suboption{
    display---: inline-block;
    overflow: hidden;
    padding: 10px 10px 5px;
    float---: right;
    margin-bottom: 4px;
}
header#header a:active, header#header a:hover{text-decoration: none;}
header#header .container {position:relative; }

.hgroup {
    background-color: #fff;
    position: relative;
    top: 0;
    z-index: 0;
    overflow: hidden;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 400px;
    color: #000;
}

.hgroup h1{text-shadow: -1px -1px #DDDDDD, 1px 1px #ddd, 3px 3px 3px #888888}
.opcionesicon{margin-bottom: 0px;min-height: 45px;}
@media (min-width: 981px) and (max-width: 1200px) {
    .hgroup{
        height: 400px;
    }
    .hgroup .container{padding-top:10px 0 0;}
    .hgroup h1{font-size: 30px}
    .hgroup h2{font-size: 26px}
    .hgroup h3{font-size: 20px}
    .hgroup p{font-size: 15px}
}

@media (min-width: 768px) and (max-width: 980px) {
    .hgroup{
        height: 350px;
    }
    .hgroup .container{padding-top:10px 0 0;}
    .hgroup h1{font-size: 30px}
    .hgroup h2{font-size: 26px}
    .hgroup h3{font-size: 20px}
    .hgroup p{font-size: 15px}
}

@media (min-width: 481px) and (max-width: 767px) {
    .hgroup{
        height: 240px;
    }
    .hgroup .container{padding-top:7px 0 0;}
    .hgroup h1{font-size: 26px;}
    .hgroup h2{font-size: 20px;}
    .hgroup h3{font-size: 15px;}
    .hgroup p{font-size: 12px;}
}


@media (max-width: 480px) {
    .hgroup{
        height: 150px;
    }
    .hgroup .container{padding-top:7px 0 0;}
    .hgroup h1{font-size: 19px;}
    .hgroup h2{font-size: 17px;}
    .hgroup h3{font-size: 13px;}
    .hgroup p{font-size: 11px;}
}



.hgroup .container{
    position: relative;
    z-index: 1;
    padding:10px 0 0;
}

.bgback {
    background-size: cover;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    position: absolute;
}
.header-titles{margin-top: 30%;background: rgba(0, 0, 0, 0.5);padding: 7px;}
.header-titles h2 {
    color: #FFFFFF;
    line-height: 1.3;
    margin: 10px 5px;
    padding-left: 10px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    border-left: 2px solid rgba(255, 255, 255, 0.7);
}
.header-titles h4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    display: inline-block;
    font-weight: 500;
    line-height: 1.8;
    margin: 0;
    padding: 0 10px;
}
.margin-bootom{margin-bottom: 10px;}
.height30 {height: 30px; }
.height50 {height: 50px; }
.height80 {height: 80px !important; }
.height100 {height: 100px; }
.height120 {height: 120px; }
.height150 {height: 150px; }
.height180 {height: 180px; }
.height200 {height: 200px; }
.height250 {height: 250px; }

.imgbox {overflow: hidden; display: block; position: relative;margin-bottom: 8px;/*box-shadow: 0 0 6px #666666; */}
.imgbox img{
    width: 100%;
    transform: scale(1) rotate(0deg);
    -moz-transform:scale(1) rotate(0deg);
    -webkit-transform:scale(1) rotate(0deg);
    -o-transform:scale(1) rotate(0deg);
    transition: all 1.5s ease 0s;}
.imgbox:hover img {
    opacity: 0.8;
    transform: scale(1.3) rotate(0deg);
    -moz-transform:scale(1.3) rotate(0deg);
    -webkit-transform:scale(1.3) rotate(0deg);
    -o-transform:scale(1.3) rotate(0deg);
}
.imgbox:hover .borderHover {
    border-radius: 2px;
    bottom: 0;
    top:0;
    left: 0;
    right: 0;
    position: absolute;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}
.iconLink {
    border: 2px solid #EEEEEE;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.divIconWrapper{
    height: 100%;
    width: 100%;
    position: absolute;
    text-align: center;
    top: -100%;
    background: none repeat scroll 0 0 rgba(10, 50, 255, 0.6);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.iconWrapper, .bigIconLink a {
    background-color: transparent;
    color: white;
    opacity: 0.95;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    margin: 0 auto 0.4em;
    position: relative;
    text-align: center;
    width: 40px;
    margin-top: 70px;
}
.iconWrapper i {
    left: 9px;
    line-height: 40px;
    position: absolute;
    top: -2px;
}
.imgbox:hover .divIconWrapper{
    top:0px;
}
.imgbox h6{background: #1100bd; border-radius: 2px;color: #ffffff;bottom: 11px;left:-8px; position: absolute;margin:0; padding: 6px 10px;transition: all 0.2s ease-out 0s;}
.imgbox:hover h6{ left: 16px;}

h3.m_title{text-transform: uppercase;font-size: 18px;line-height:20px;background: #028593; }
.scrollbanner {color: #ffffff;font-weight: 200; font-size: 15px;}
.scrollbanner a .m_title{color: #ffffff;}


.text-shadow {text-shadow: 1px 1px 1px rgba(11, 11, 11, 0.5)}
.box-shadow-top {box-shadow: 0 8px 8px rgba(11, 11, 11, 0.5) inset;}
.main{}

.fixclear:before, .fixclear:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.fixclear:after {
    clear: both;
}
.fixclear:before, .fixclear:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.partners_carousel ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.partners_carousel li {
    float: left;
    margin: 0;
    padding: 0 0 0 0px;
    text-align: center;
  
}
.partners_carousel li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    display: block;
    line-height: 46px;
    margin: 0;
    min-height: 46px;
    padding: 10px 0;
}
.partners_carousel li a:hover {border-color: #eeeeee;}
.partners_carousel li a img {opacity: 0.8;}
.partners_carousel li a:hover img {opacity: 1;}
.partners_carousel h5.title {font-weight: normal;}


h1, .page-title {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 36px;
    line-height: 40px;
}
.page-title {
    color: #111111;
    font-size: 27px;
    margin-top: 0;
}
.page-title, .subtitle {
    border-bottom: 1px solid #CBCBCB;
    line-height: 1.4;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.title{color: #1100bd;}

.main_menu ul{margin: 4px 0 0 0;padding: 0px;}
.main_menu ul li ul {margin-left: 10px;}
.main_menu li{list-style: none;margin-bottom: 3px;}
.main_menu a{color:#222222; border-left:4px solid #CCCCCC; padding-left: 6px;margin: 1px;}
.main_menu a.active{color:#000000; border-left:4px solid #1100bd;}
.main_menu a:hover, .main_menu a:active {color: #000000; text-decoration: none;border-left:4px solid #1100bd;}

.gallery {clear: both;margin-top: 20px;}
.gallery img{height: 140px;margin-left: 5px;}
.gallery img.height80 {height: 80px !important; margin: 0px 2px 7px 0px; }

.blog-resumen {height: 260px;overflow: hidden; margin-bottom: 10px;}
.blog-resumen .blog-content{padding: 0px;height: 260px;overflow: hidden;}
.blog-resumen h4{color: #1100bd;text-transform: uppercase;}
.blog-resumen h5{color: #1100bd;text-transform: uppercase;}
.blog-resumen img{position:absolute;top:0;bottom:0;margin:auto;}

.ultimas_noticias {width: 100%;overflow: hidden; background: #F5F5F5; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px; padding: 4px;}
.ultimas_noticias .blog-content{border-left: 4px solid #1100bd;padding: 0 5px;height: 260px;overflow: hidden;}
.ultimas_noticias h6{color: #1100bd; margin: 0; padding: 0;}
.ultimas_noticias p{color: #535353}

.post {margin-bottom: 25px;}
.post .post_title{margin-top:0;padding-top:0px;line-height: inherit;}


.post .post_content figure {
    max-height: 400px;
    overflow: hidden;
}
figure {
    margin: 14px 0 28px;
}

.background {}
.background img{width: auto; height: 100%;}
.background .span6{height: 250px;}
.background h3{font-weight: normal;}
.background-orange{background: url(../media/bg-texture-orange.png);color: #ffffff;}
.background-orange a,.background-orange a:active,.background-orange a:hover {color: #fff; text-decoration: none;}
.paddingHeight{padding-top: 10px;padding-bottom: 10px;}
.wide-background {
    margin-left: -100px;
    padding: 30px 100px;
}

.center {text-align: center;}
.align-right{ text-align: right;}

.arrowSlide {position: relative;}
.previousSlide, .nextSlide {position: absolute; z-index: 1000;margin-top: 120px; background: url(../images/arrows.png); width: 32px;height: 67px; content: "";}
.nextSlide{right: -17px;}
.previousSlide{left: -7px;background-position: bottom left;}
#slideshow:hover .previousSlide{background-position:bottom right }
#slideshow:hover .nextSlide {background-position: top right}



.title .title-sep-container {
    display: table-cell;
    height: 6px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.title-sep, .product .product-border {
    border-color: #E0DEDE !important;
}
.title-sep {
    border-bottom: 1px solid #E7E6E6;
    border-top: 1px solid #E7E6E6;
    display: block;
    height: 6px;
    position: relative;
    width: 100%;
}


.title {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
    color: #1100bd;
}
.post-content h2, .title h2, .main .post-content .title h2, .page-title h1, .main .post h2 a {
    line-height: 27px !important;
    white-space: pre;
    color: #444444;
}
.post-content h2, .title h2, .main .post-content .title h2, .page-title h1, .main .post h2 a {
    font-size: 18px !important;
    line-height: 27px !important;
    white-space: pre;
}
.title h2, .main .post-content .title h2 {
    float: left;
    font-size: 18px !important;
    margin: 0 !important;
    padding: 0 8px 0 0 !important;
}

.bgdegraazul {
    margin-top: 5px;
    padding: 8px 30px 8px 8px;
    color: #ffffff;
    display: inline-block;
    background: #128023;
    /* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, #128023 0%, #00A3EF 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #128023 0%, #00A3EF 100%);

/* Opera */
background-image: -o-linear-gradient(left, #128023 0%, #00A3EF 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #128023), color-stop(1, #00A3EF));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #128023 0%, #00A3EF 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, #128023 0%, #00A3EF 100%);
}

.bgdegraazul-right {
    margin-top: 5px;
    padding: 8px 8px 8px 30px;
    color: #ffffff;
    display: inline-block;
    background: #128023;
    text-align: right;
    float: right;
    /* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #128023 0%, #00A3EF 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #128023 0%, #00A3EF 100%);

/* Opera */
background-image: -o-linear-gradient(right, #128023 0%, #00A3EF 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right url top, left top, color-stop(0, #128023), color-stop(1, #00A3EF));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #128023 0%, #00A3EF 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #128023 0%, #00A3EF 100%);
}

.post-thumbnail {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D0D0D3;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
}

.bg-black {
    background-color: #000000 !important;
}
.bg-white {
    background-color: #FFFFFF !important;
}
.bg-lime {
    background-color: #A4C400 !important;
}
.bg-green {
    background-color: #60A917 !important;
}
.bg-emerald {
    background-color: #008A00 !important;
}
.bg-teal {
    background-color: #00ABA9 !important;
}
.bg-cyan {
    background-color: #1BA1E2 !important;
}
.bg-cobalt {
    background-color: #0050EF !important;
}
.bg-indigo {
    background-color: #6A00FF !important;
}
.bg-violet {
    background-color: #AA00FF !important;
}
.bg-pink {
    background-color: #DC4FAD !important;
}
.bg-magenta {
    background-color: #D80073 !important;
}
.bg-crimson {
    background-color: #A20025 !important;
}
.bg-red {
    background-color: #E51400 !important;
}
.bg-orange {
    background-color: #FA6800 !important;
}
.bg-amber {
    background-color: #F0A30A !important;
}
.bg-yellow {
    background-color: #E3C800 !important;
}
.bg-brown {
    background-color: #825A2C !important;
}
.bg-olive {
    background-color: #6D8764 !important;
}
.bg-steel {
    background-color: #647687 !important;
}
.bg-mauve {
    background-color: #76608A !important;
}
.bg-taupe {
    background-color: #87794E !important;
}
.bg-gray {
    background-color: #555555 !important;
}
.bg-dark {
    background-color: #333333 !important;
}
.bg-darker {
    background-color: #222222 !important;
}
.bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
}
.bg-darkBrown {
    background-color: #63362F !important;
}
.bg-darkCrimson {
    background-color: #640024 !important;
}
.bg-darkMagenta {
    background-color: #81003C !important;
}
.bg-darkIndigo {
    background-color: #4B0096 !important;
}
.bg-darkCyan {
    background-color: #1B6EAE !important;
}
.bg-darkCobalt {
    background-color: #00356A !important;
}
.bg-darkTeal {
    background-color: #004050 !important;
}
.bg-darkEmerald {
    background-color: #003E00 !important;
}
.bg-darkGreen {
    background-color: #128023 !important;
}
.bg-darkOrange {
    background-color: #BF5A15 !important;
}
.bg-darkRed {
    background-color: #9A1616 !important;
}
.bg-darkPink {
    background-color: #9A165A !important;
}
.bg-darkViolet {
    background-color: #57169A !important;
}
.bg-darkBlue {
    background-color: #16499A !important;
}
.bg-lightBlue {
    background-color: #4390DF !important;
}
.bg-lightRed {
    background-color: #FF2D19 !important;
}
.bg-lightGreen {
    background-color: #7AD61D !important;
}
.bg-lighterBlue {
    background-color: #00CCFF !important;
}
.bg-lightTeal {
    background-color: #45FFFD !important;
}
.bg-lightOlive {
    background-color: #78AA1C !important;
}
.bg-lightOrange {
    background-color: #C29008 !important;
}
.bg-lightPink {
    background-color: #F472D0 !important;
}
.bg-grayDark {
    background-color: #333333 !important;
}
.bg-grayDarker {
    background-color: #222222 !important;
}
.bg-grayLight {
    background-color: #999999 !important;
}
.bg-grayLighter {
    background-color: #EEEEEE !important;
}
.bg-blue {
    background-color: #00AFF0 !important;
}

.fg-white {
    color: #FFFFFF !important;
}
.fg-lime {
    color: #A4C400 !important;
}
.fg-green {
    color: #60A917 !important;
}
.fg-emerald {
    color: #008A00 !important;
}
.fg-teal {
    color: #00ABA9 !important;
}
.fg-cyan {
    color: #1BA1E2 !important;
}
.fg-cobalt {
    color: #0050EF !important;
}
.fg-indigo {
    color: #6A00FF !important;
}
.fg-violet {
    color: #AA00FF !important;
}
.fg-pink {
    color: #DC4FAD !important;
}
.fg-magenta {
    color: #D80073 !important;
}
.fg-crimson {
    color: #A20025 !important;
}
.fg-red {
    color: #E51400 !important;
}
.fg-orange {
    color: #FA6800 !important;
}
.fg-amber {
    color: #F0A30A !important;
}
.fg-yellow {
    color: #E3C800 !important;
}
.fg-brown {
    color: #825A2C !important;
}
.fg-olive {
    color: #6D8764 !important;
}
.fg-steel {
    color: #647687 !important;
}
.fg-mauve {
    color: #76608A !important;
}
.fg-taupe {
    color: #87794E !important;
}
.fg-gray {
    color: #555555 !important;
}
.fg-dark {
    color: #333333 !important;
}
.fg-darker {
    color: #222222 !important;
}
.fg-transparent {
    color: rgba(0, 0, 0, 0) !important;
}
.fg-darkBrown {
    color: #63362F !important;
}
.fg-darkCrimson {
    color: #640024 !important;
}
.fg-darkMagenta {
    color: #81003C !important;
}
.fg-darkIndigo {
    color: #4B0096 !important;
}
.fg-darkCyan {
    color: #1B6EAE !important;
}
.fg-darkCobalt {
    color: #00356A !important;
}
.fg-darkTeal {
    color: #004050 !important;
}
.fg-darkEmerald {
    color: #003E00 !important;
}
.fg-darkGreen {
    color: #128023 !important;
}
.fg-darkOrange {
    color: #BF5A15 !important;
}
.fg-darkRed {
    color: #9A1616 !important;
}
.fg-darkPink {
    color: #9A165A !important;
}
.fg-darkViolet {
    color: #57169A !important;
}
.fg-darkBlue {
    color: #16499A !important;
}
.fg-lightBlue {
    color: #4390DF !important;
}
.fg-lighterBlue {
    color: #00CCFF !important;
}
.fg-lightTeal {
    color: #45FFFD !important;
}
.fg-lightOlive {
    color: #78AA1C !important;
}
.fg-lightOrange {
    color: #C29008 !important;
}
.fg-lightPink {
    color: #F472D0 !important;
}
.fg-lightRed {
    color: #FF2D19 !important;
}
.fg-lightGreen {
    color: #7AD61D !important;
}
.fg-grayDark {
    color: #333333 !important;
}
.fg-grayDarker {
    color: #222222 !important;
}
.fg-grayLight {
    color: #999999 !important;
}
.fg-grayLighter {
    color: #EEEEEE !important;
}
.fg-blue {
    color: #00AFF0 !important;
}

.blog-bg {
    background: none repeat scroll 0 0 #2B2B2B;
    padding-left: 0;
    padding-right: 0;
}

ul.opcionesicon {margin-top:5px;padding-left:0px;}
ul.opcionesicon > li{float: right;list-style: none;text-align: center; padding: 5px;}
ul.opcionesicon i{}
ul.opcionesicon > li > a, ul.opcionesicon > li > a:hover {color: #000000;}


.feature:after {
    background-color: #C2C2C2;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}


.feature {
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    height: 100%
}

.img-overlay {width: 100%; height: 100%; position: relative; background-size: 100%; background-repeat: no-repeat; background-position: 0 150px; }
.img-overlay { border: 1px solid #DFDFDF;
    border-radius: 5px;
    box-shadow: 0 0 8px #666666;}
.img-overlay img { width: 100%; }
.item-img-overlay { width: 100%; height: 100%; position: absolute; left: 0%; top: 0; opacity: 0; filter: alpha(opacity=0); text-align: center; background-color: black; background-color: rgba(39, 159, 187, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; overflow: hidden; }
.item-img-overlay * { filter: alpha(opacity=0); }
.item-img-overlay:hover * { filter: alpha(opacity=100); }
.item-img-overlay:hover { filter: alpha(opacity=80); opacity: 0.8; }
.item-img-overlay .item_img_overlay_content { position: absolute; left: 0%; top: 50%; margin-top: -20px; width: 100%; text-align: center; }
.item-img-overlay a:hover { text-decoration: none; }
.img-overlay:hover .item-img-overlay { opacity: 1; }
.item-img-overlay .item_img_overlay_content i { margin-right: 10px; }
.item-img-overlay { color: #fff; }
.item-img-overlay a { color: #fff; }
.item-img-overlay a:hover { color: #fff !important; }
a.portfolio-zoom icon-resize-full:hover { color: #279fbb !important; }
.item-img-overlay i { background-color: white; background-color: rgba(255, 255, 255, 0.95); color: #279fbb; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; cursor: pointer; display: inline-block; position: relative; -webkit-transition: background-color, color 0.4s; -moz-transition: background-color, color 0.4s; -ms-transition: background-color, color 0.4s; -o-transition: background-color, color 0.4s; transition: background-color, color 0.4s; }
.item-img-overlay i:hover { color: #279fbb; }
.item-img-overlay i:hover { background-color: #279fbb; color: white; color: rgba(255, 255, 255, 0.95); }
.item-img-overlay .portfolio-zoom { position: absolute; top: 10px; right: 10px; background-color: white; background-color: rgba(255, 255, 255, 0.95); color: #279fbb; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); cursor: pointer; }
.item-img-overlay .portfolio-zoom:hover { color: #279fbb !important; }
.item-img-overlay:hover .portfolio-zoom, .item-img-overlay:hover i { opacity: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-name: overlay-animation; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-fill-mode: forwards; -moz-animation-name: overlay-animation; -moz-animation-duration: 0.5s; -moz-animation-timing-function: linear; -moz-animation-delay: 0s; -o-animation-fill-mode: forwards; -o-animation-name: overlay-animation; -o-animation-duration: 0.5s; -o-animation-timing-function: linear; -o-animation-delay: 0s; animation-fill-mode: forwards; animation-name: overlay-animation; animation-duration: 0.5s; animation-timing-function: linear; animation-delay: 0s; transform: scale(1) \9; }
@-webkit-keyframes overlay-animation { 0% { -webkit-transform: scale(1.5); opacity: 0; } 50% { -webkit-transform: scale(0.5); } 100% { -webkit-transform: scale(1); opacity: 1; } }
@-moz-keyframes overlay-animation { 0% { -moz-transform: scale(1.5); opacity: 0; } 50% { -moz-transform: scale(0.5); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes overlay-animation { 0% { -o-transform: scale(1.5); opacity: 0; } 50% { -o-transform: scale(0.5); } 100% { -o-transform: scale(1); opacity: 1; } }
@keyframes overlay-animation { 0% { transform: scale(1.5); opacity: 0; } 50% { transform: scale(0.5); } 100% { transform: scale(1); opacity: 1; } }
.img-overlay { height: 240px; overflow: hidden; }
.img-overlay img { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.img-overlay:hover img { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.feature .feature-content, .team-member .team-member-content {
    border-top-color: #3498DB;
}
.feature .feature-content {
    padding: 15px;
}
.h3-blog-title {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 5px;
}
.feature .feature-details {
    border-top: 1px solid #E8E8E8;
    line-height: 40px;
    padding: 0 10px 0 15px;
}
.feature .feature-content {height: 190px;overflow: hidden;}
.feature .feature-content-contact {height: 380px;overflow: hidden;padding: 10px; }
.feature .feature-content-contact img {position: absolute;}
.feature .feature-content-contact .controls {margin-bottom: 10px;}
.feature .feature-content-contact textarea.form-control {height: 150px;}
.feature .feature-details {
    border-top: 1px solid #E8E8E8;
    line-height: 40px;
    padding: 0 10px 0 15px;
    background: #028593;
}
.feature .feature-details a{color: #ffffff;display: block;}

.blog-nosotros{font-size: 14px;line-height: 23px;}

h2.m_title{font-size: 1.7em;}
.fecha {font-size: 0.9em; font-style: italic; color: #777;}
.post {border-bottom: 1px solid #ddd;padding-top: 20px; padding-bottom: 15px; }
.post h3{margin-top:0px;}

.scrollnoticias .feature-image{margin: 7px;width: auto; background: #ffffff;}
.scrollnoticias li{height: 390px}
.sombra {box-shadow: 0 0 8px #666666;}

.imgcab{
    background-image: url(../img/cabecera.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 170px; }

.noticias_resposive h2{font-size: 25px;font-family: 'Yanone Kaffeesatz',Arial,sans-serif;border-bottom: 1px solid #dddddd;}
.noticias_resposive h2 a{color: #333;}
.media {border-bottom: 1px solid #ddd;padding-bottom: 10px;}

.background-opacity{background-color:rgba(255, 255, 255, 0.4);}

input.campo, select.campo, select.form {
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.428571429;
      color: #555555;
      vertical-align: middle;
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #cccccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
              transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
              margin-bottom: 5px;
}

.boton {
      display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;

    color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #128023;
  *background-color: #128023;
  background-image: -moz-linear-gradient(top, #128023, #128023);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#128023), to(#128023));
  background-image: -webkit-linear-gradient(top, #128023, #128023);
  background-image: -o-linear-gradient(top, #128023, #128023);
  background-image: linear-gradient(to bottom, #128023, #128023);
  background-repeat: repeat-x;
  border-color: #128023 #128023 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE27200', endColorstr='#ffE27200', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


table.resumen {
    width: 70%;
    text-align: center;
}

table.resumen caption {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

table.resumen th {
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #29166E;
}

table.resumen td {
    padding: 0.7em;
    text-align: center;
    margin-right: 1em;
}

table.resumen td.mes{
    font-style: italic;
    font-weight: bold;
}