@charset "utf-8";
/* CSS Document */

/* ==========================================================================
  Generales
========================================================================== */

body {font-size: 14px; text-shadow:1px 1px 1px rgba(0,0,0,0.004) !important; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; 
font-family: 'Century Gothic'; color:#313131;} 
.wow { visibility:hidden;}/*hack por problemas en firefox con wow animation*/

/* ==========================================================================
  Herramientas
========================================================================== */

.boxshadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.zoom {display: block; overflow: hidden;}
.zoom img { transform: scale(1); -webkit-transform: scale(1); 
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
-webkit-transition: all 2s; /* Safari */
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition-delay: 0s;}
.zoom:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity:0.9;}
.overflow { overflow: hidden; }
.no-padding { padding: 0; }
.blancoynegro img {/*Se ven en Blanco y Negro*/
	filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);}
.blancoynegro img:hover {/*Se ven en Color*/
	filter: grayscale(0%); 	-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%);}
.text-shadow {text-shadow: 2px 2px 2px #000000;}  

/* ==========================================================================
  Animate Delay 
========================================================================== */

.animate-delay-1 {animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s;}
.animate-delay-2 {animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s;}

/* ==========================================================================
  Languages
========================================================================== */

.icon-small{  height:auto;  margin:0;  padding:0;}
.icon-medium{  height:auto;  margin:0;  padding:0;}
.img-thumbnail {border:0; border-radius: 0;}

/* ------------------------------------------------------------------------------
   Preloader styles
-------------------------------------------------------------------------------*/

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 9999; height: 100%; height: 100%;}
#status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background: url(ajax-loader.gif) no-repeat center center; margin: -170px 0 0 -100px;}


/* ==========================================================================
  Scroll to Top
========================================================================== */

.scroll-to-top{
  -webkit-transition:all .3s; 
  -moz-transition:all .3s; 
  -o-transition:all .3s; transition:all .3s; 
  background:#0065ae; 
  border-radius: 150px 150px 0px 0px;
 bottom: 0; 
 color: #fff; 
 display: block; 
 height: 9px; 
 opacity: 1; 
 padding: 11px 0 35px; 
 position: absolute; 
 right: auto; 
 text-align: center; 
 text-decoration: none; 
 width: 80px;
 z-index: 999; 
 border: 0; 
 margin: 0 auto; 
 left: calc(50% - 40px);
}
.scroll-to-top:hover{filter: alpha(opacity=60);opacity:0.6;}
a:hover#scrollToTop, a:focus#scrollToTop{color:#fff!important; text-decoration: none!important;}
.scroll-to-top.visible {filter: alpha(opacity=75);opacity:.75}
.bottom {position: relative; width: 100%; right: auto; text-align: center; margin: 0 auto;}

/* ==========================================================================
  Mapa 
========================================================================== */

.map-container {width: 100%;}
.map-container iframe{display: block; width: 100%; position: relative; 
/* IE needs a position other than static */ 
pointer-events: none;}
.map-container iframe.clicked{pointer-events: auto;}

/* ==========================================================================
  Placeholder
========================================================================== */

.buscador ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.buscador ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     color: #fff;
     opacity: 1;
}
.buscador :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff;
     opacity: 1;
}
.buscador ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
     opacity: 1;
}
.buscador :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
     opacity: 1;
}
.buscador ::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
     opacity: 1;
}

/* ==========================================================================
  Text Selection
========================================================================== */

::selection {
  background: #0065ae; color: #fff; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #0065ae;  color: #fff;/* Gecko Browsers */
}
:-ms-selection {
  background: #0065ae;  color: #fff;/* Internet Explorer 10-11 */
}
:-webkit-selection {
  background: #0065ae;  color: #fff;/*  WebKit, Blink, Edge */
}

/* ==========================================================================
  $Html Lightbox Galery
========================================================================== */

#html5-watermark {display: none!important;}
.lightboxcontainer {width:100%; text-align:left;}
.lightboxleft {width: 40%;float:left;}
.lightboxright {width: 60%; float:left;}
.lightboxright iframe {min-height: 390px;}
.divtext {margin: 36px;}

@media (max-width: 800px) {

  .lightboxleft {width: 100%;}
  .lightboxright {width: 100%;}
  .divtext { margin: 12px; }

}

/* ==========================================================================
  Parallax
========================================================================== */

.parallax { height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.parallax-text {margin: 6% auto; width: 35%;}
#parallax-uno {background-image: url("../imagenes/parallax-uno.jpg");}
#parallax-dos {background-image: url("../imagenes/parallax-dos.jpg");}

/* ==========================================================================
  Menu Responsive
========================================================================== */

.navbar-toggle { margin-top: 25px; margin-right: 15px; margin-bottom: 8px; background-color: #0065ae; background-image: none; border: 0px solid transparent; border-radius: 0px;
 position:relative; float:right; padding:9px 10px;}
.navbar-toggle:focus { outline:0 }
.navbar-toggle .icon-bar { display:block; width:22px; height:2px; border-radius:1px }
.navbar-toggle .icon-bar+.icon-bar { margin-top:4px }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #0065ae;}
.navbar-inverse .navbar-toggle { border-color: #0065ae;}

/* ==========================================================================
  Supertop
========================================================================== */

.supertop {background:black; border:1px solid #2d2d2d;}
.supertop .datos {padding:22px 0;}
.supertop .datos .tel, .supertop .datos .mail {display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.supertop .datos .tel a span, .supertop .datos .mail a span {color:#0065ae;}
.supertop .datos .tel a:hover span, .supertop .datos .tel a:active span, .supertop .datos .tel a:focus span, .supertop .datos .mail a:hover span, .supertop .datos .mail a:active span, 
.supertop .datos .mail a:focus span  {color:#0065ae;}
.supertop .datos .tel a, .supertop .datos .mail a {color:#fff;}
.supertop .datos .tel a:active, .supertop .datos .tel a:focus, .supertop .datos .tel a:hover, .supertop .datos .mail a:active, .supertop .datos .mail a:hover, .supertop .datos .mail a:focus
 {color:#0065ae;}

#search {float: right; position: relative; padding:10px; display: none!important;}
#search .btn {  -moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none;  background-color: transparent;
 border-color: #ececec #ececec #ececec currentcolor;  border-image: none;  border-radius: 0 20px 20px 0;  border-style: solid solid solid none;  border-width: 1px 1px 1px 0;  font-size: 14px;}

#search .form-control {-moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none;  background-color: transparent;
 border-color: #ececec currentcolor #ececec #ececec;  border-image: none;  border-radius: 20px 0 0 20px;  border-style: solid none solid solid;  border-width: 1px 0 1px 1px;}
#search .icon-search13 {color:#0065ae;}

.supertop .redestop {padding:22px 0; float: right;}
.supertop .redestop p, .supertop .redestop .face, .supertop .redestop .instagram {display: inline-block; margin-right: 10px; font-size: 14px; color:#fff;}
.supertop .redestop .face a, .supertop .redestop .instagram a {color:#fff; font-size: 16px;}
.supertop .redestop .face a:hover, .supertop .redestop .face a:active, .supertop .redestop .face a:focus, .supertop .redestop .instagram a:hover, .supertop .redestop .instagram a:active, 
.supertop .redestop .instagram a:focus {color:#0065ae; font-size: 16px;}
.supertop .redestop .ml {display: inline-block; margin-right: 10px; font-size: 14px;}

.supertop .login {    padding: 22px 0;    float: right; }
.supertop .login .log { display: inline-block;    margin-right: 10px;    font-size: 14px; margin-top: 3px;     border-right: 2px solid #fff;
    padding-right: 10px; width: 75%;}
.supertop .login .log a, .supertop .login .log a:hover, .supertop .login .log a:active, .supertop .login .log a:focus  {color:#fff; font-size: 14px;}
.supertop .login .log a span {color: #0065ae;}

/* ==========================================================================
  Menu
========================================================================== */

.navbar-brand {height: auto;}
.navbar { border-radius: 0px; margin-bottom: 0;}
.navbar-inverse { background-color: #000; border-color: #000;}
.navbar-inverse .navbar-nav>li>a { color: #fff; font-size: 17px; font-weight: 400; line-height: 88px;}
.navbar-inverse .navbar-nav>li.current>a { color: #0065ae;}
.navbar-inverse .navbar-nav>li.current>a:hover, .navbar-inverse .navbar-nav>li.current>a:focus, .navbar-inverse .navbar-nav>li.current>a:active {color: #0065ae;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:active, .navbar-inverse .navbar-nav>li>a:focus {color: #0065ae;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
 color: #0065ae; background-color: #fff;}
.navbar.navbar-inverse.affix {z-index: 9; width: 100%; top: 0;}

/* ==========================================================================
  Slider Index
========================================================================== */

#myCarousel .carousel-control.left {
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
 background-image: -o-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0)), to(rgba(0,0,0,.0000)));
 background-image: linear-gradient(to right, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 background-repeat: repeat-x;
}
#myCarousel .carousel-control.right {
 right: 0;
 left: auto; 
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 background-image: -o-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0000)), to(rgba(0,0,0,.0)));
 background-image: linear-gradient(to right, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 background-repeat: repeat-x;
}
#myCarousel .carousel-control {font-size:60px;}
#myCarousel .carousel-control .icon-prev, .carousel-control .icon-navigate_before2, .carousel-control .icon-next, .carousel-control .icon-navigate_next2 {background-color:#000; border-radius:50px;
border:2px solid #fff;}
#myCarousel .carousel-caption { text-align: right; width: 40%; left: auto; text-shadow: 0 1px 2px rgba(0,0,0,.0); bottom: 20%;}
#myCarousel .carousel-caption h3 {color:#000; font-size: 64px; font-weight: 400;}
#myCarousel .carousel-caption h1 {color:#000; font-size: 64px; font-weight: 400;}
#myCarousel .carousel-caption p {text-transform: uppercase; color:#000; font-size: 24px; font-weight: 600;}
#myCarousel .carousel-caption a {text-transform: uppercase; color:#fff; font-size: 20px; font-weight: 600; padding: 5px 15px; border-radius: 50px; float: right; margin:10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+0,00286b+100 */
background: #0065ae; /* Old browsers */
background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 ); /* IE6-9 */
}
#myCarousel .carousel-caption a:hover, #myCarousel .carousel-caption a:focus, #myCarousel .carousel-caption a:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00286b+0,0065ae+100 */
background: #00286b; /* Old browsers */
background: -moz-linear-gradient(top, #00286b 0%, #0065ae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00286b 0%,#0065ae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00286b 0%,#0065ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00286b', endColorstr='#0065ae',GradientType=0 ); /* IE6-9 */
}

/* ==========================================================================
  Novedades
========================================================================== */

.novedades {background-color: #f6f6f6; position: relative; width: 100%; overflow: hidden; padding:40px 0;}
.novedades .title {margin-bottom: 40px;}
.novedades .title h2 {color:#000; font-size: 32px; text-align: center; font-weight: 600; display: table; position: relative; margin:0 auto;}
.novedades .title span { height: 3px; width: 30px; background-color: #000; position: absolute; left: 0; top:-8px;}
.novedades .img .nuevo {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
}
.novedades .img {float: left; width: 100%;}
.novedades .textos {float: left; margin-top: 20px; width: 100%; margin-bottom: 40px;}
.novedades .textos .titulo {color:#000; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center;}
.novedades .textos .subtitulo {color:#000; font-size: 16px; font-weight: 600;  text-align: center;}
.novedades .textos .vermas {width: 100%; margin:20px 0;}
.novedades .textos .vermas a {width: 92px; padding:10px 15px; color:#fff; background: #000; font-weight: 600; text-transform: uppercase; font-size: 12px; 
  display:block;   border-radius: 50px; margin:0 auto; text-align: center;}
.novedades .textos .vermas a:hover, .novedades .textos .vermas a:focus, .novedades .textos .vermas a:active {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+0,00286b+100 */
background: #0065ae; /* Old browsers */
background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 ); /* IE6-9 */
}

/* ==========================================================================
  Empresa
========================================================================== */

.empresa {background-color: #fff; position: relative; width: 100%; overflow: hidden; padding:40px 0;}
.empresa .title {margin-bottom: 40px;}
.empresa .title h2 {color:#000; font-size: 32px; text-align: center; font-weight: 600; display: table; position: relative; margin:0 auto;}
.empresa .title span { height: 3px; width: 30px; background-color: #000; position: absolute; left: 0; top:-8px;}
.empresa p {font-size: 20px; font-weight: 300; text-align: justify;}
.empresa p a, .empresa p a:active, .empresa p a:hover, .empresa p a:focus {color: #313131;}
.video {margin-bottom: 40px;}

/* ==========================================================================
  Parallax Uno
========================================================================== */

#parallax-uno .title {margin-bottom: 40px;}
#parallax-uno .title h2 {color:#000; font-size: 32px; text-align: left; font-weight: 600; display: table; position: relative; margin:0;}
#parallax-uno .title span { height: 3px; width: 30px; background-color: #000; position: absolute; left: 0; top:-8px;}
#parallax-uno .parallax-text {margin: 10% 0% 0% 0%; width: 60%; background-color: rgba(255,255,255,.85); padding:20px; overflow: hidden;}
#parallax-uno .parallax-text p {font-size: 18px; font-weight: 300;}

#parallax-uno .parallax-text a {text-transform: uppercase; color:#fff; font-size: 14px; font-weight: 600; padding: 5px 15px; border-radius: 50px; float: left; margin:10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+0,00286b+100 */
background: #0065ae; /* Old browsers */
background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 ); /* IE6-9 */
}
#parallax-uno .parallax-text a:hover, #parallax-uno .parallax-text a:focus, #parallax-uno .parallax-text a:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00286b+0,0065ae+100 */
background: #00286b; /* Old browsers */
background: -moz-linear-gradient(top, #00286b 0%, #0065ae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00286b 0%,#0065ae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00286b 0%,#0065ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00286b', endColorstr='#0065ae',GradientType=0 ); /* IE6-9 */
}

/* ==========================================================================
  Destacados
========================================================================== */

.destacados {background-color: #f6f6f6; position: relative; width: 100%; overflow: hidden; padding:40px 0;}
.destacados .title {margin-bottom: 40px;}
.destacados .title h2 {color:#000; font-size: 32px; text-align: center; font-weight: 600; display: table; position: relative; margin:0 auto;}
.destacados .title span { height: 3px; width: 30px; background-color: #000; position: absolute; left: 0; top:-8px;}


/* ==========================================================================
  Pasador Siete
========================================================================== */

.slick-slide { margin: 0px 20px;}
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
 user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; float: left; width: 100%; height: 550px;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-slide img { display: block; width: 100%; outline: 0!important; border:#fff!important;}
.slick-slide img:focus, .slick-slide img:active, .slick-slide img:hover {border:#fff!important; outline: 0!important;}

.slick-prev.slick-arrow { position: absolute; left: -1%; margin-top: 10%; z-index: 1; background-image: url(../imagenes/arrow-left3.svg); background-repeat: no-repeat;
 font-size: 0; background-size: 30%; width: 52px; border-radius: 50px; height: 52px; text-align: center; background-position: center; border: solid 2px #fff; background-color:#000;}
.slick-next.slick-arrow { position: absolute; right: -1%; margin-top: 10%; width: auto; z-index: 1; background-image: url(../imagenes/arrow-right3.svg); background-repeat: no-repeat;
 font-size: 0; background-size: 30%; width: 52px; border-radius: 50px; height: 52px; text-align: center; background-position: center; border: solid 2px #fff; background-color:#000;}

button:focus { outline:0 }
img:focus { outline:0}

.slick-slide .img {float: left; display: block; border-bottom: 2px solid #103774;}
.slick-slide .slide-text {float: left; display: block; padding:15px; background-color: #fff; width:100%;
    margin-bottom: 40px;}
.slick-slide .slide-text h2 {text-align: left; text-transform: uppercase; color:#000; font-weight: 600; font-size: 24px;}
.slick-slide .slide-text p {text-align: justify; color:#000; font-weight: 400; font-size: 16px;}
.slick-slide .slide-text a {text-transform: uppercase; color:#fff; font-size: 14px; font-weight: 600; padding: 5px 15px; border-radius: 50px; float: left; margin:10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+0,00286b+100 */
background: #0065ae; /* Old browsers */
background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 ); /* IE6-9 */
}
.slick-slide .slide-text a:hover, .slick-slide .slide-text a:focus, .slick-slide .slide-text a:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00286b+0,0065ae+100 */
background: #00286b; /* Old browsers */
background: -moz-linear-gradient(top, #00286b 0%, #0065ae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00286b 0%,#0065ae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00286b 0%,#0065ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00286b', endColorstr='#0065ae',GradientType=0 ); /* IE6-9 */
}
.slide.slick-slide.slick-active {border: solid 1px #fff; outline: 0}
.slide.slick-slide.slick-active:focus, .slide.slick-slide.slick-active:active, .slide.slick-slide.slick-active:hover {border: solid 1px #fff;  outline: 0}
.slide.slick-slide.slick-current.slick-active {border: solid 1px #fff;  outline: 0}
.slide.slick-slide.slick-current.slick-active:focus, .slide.slick-slide.slick-current.slick-active:active, .slide.slick-slide.slick-current.slick-active:hover {border: solid 1px #fff;  outline: 0}
.slide.slick-slide .img a {outline: 0}
.slide.slick-slide.slick-cloned .img a {outline: 0}


/* ==========================================================================
  Parallax Dos
========================================================================== */

#parallax-dos .title {margin-bottom: 40px;}
#parallax-dos .title h2 {color:#fff; font-size: 32px; text-align: left; font-weight: 600; display: table; position: relative; margin:0;}
#parallax-dos .title span { height: 3px; width: 30px; background-color: #fff; position: absolute; left: 0; top:-8px;}
#parallax-dos .parallax-text {margin: 10% 0% 0% 0%; width: 50%; background-color: rgba(0,43,111,.85); padding:20px; overflow: hidden;}
#parallax-dos .parallax-text p {font-size: 20px; font-weight: 300; color:#fff;}

#parallax-dos .parallax-text a {text-transform: uppercase; color:#fff; font-size: 14px; font-weight: 600; padding: 5px 15px; border-radius: 50px; float: left; margin:10px 0;
background: #077cd2; }
#parallax-dos .parallax-text a:hover, #parallax-uno .parallax-text a:focus, #parallax-uno .parallax-text a:active {
background: #fff;  color:#077cd2;
}
#parallax-dos img {display: none;}

/* ==========================================================================
  Ubicacion
========================================================================== */

.ubicacion {background-color: #fff; position: relative; width: 100%; overflow: hidden; padding:40px 0;}
.ubicacion .title {margin-bottom: 40px;}
.ubicacion .title h2 {color:#000; font-size: 32px; text-align: center; font-weight: 600; display: table; position: relative; margin:0 auto;}
.ubicacion .title span { height: 3px; width: 30px; background-color: #000; position: absolute; left: 0; top:-8px;}
.ubicacion p {font-size: 18px; font-weight: 300; margin-bottom: 20px; text-align: justify;}
.ubicacion .ubinfo {padding-top: 40px;}
.ubinfo p a, .ubinfo p a:active, .ubinfo p a:hover, .ubinfo p a:focus {color: #313131;}

/* ==========================================================================
  Footer
========================================================================== */

footer {position: relative; width: 100%; overflow: hidden; background-color: #00000a; padding: 40px 0px;}
footer .texto-pie {color:#fff; text-align: right; padding:22px 0;}
footer .texto-pie a {color:#fff;}
footer .texto-pie a:hover, footer .texto-pie a:active, footer .texto-pie a:focus {color:#0065ae;}
footer .texto-pie .tel, footer .texto-pie .mail, footer .texto-pie .adress {display: inline-block; margin-right: 10px;}
footer .texto-pie .tel a span, footer .texto-pie .mail a span {color:#0065ae;}
footer .texto-pie .tel a span, footer .texto-pie .adress a span {color:#0065ae;}
footer .texto-pie .tel a:hover span, footer .texto-pie .tel a:active span, footer .texto-pie .tel a:focus span, footer .texto-pie .mail a:hover span, footer .texto-pie .mail a:active span, 
footer .texto-pie .mail a:focus span  {color:#fff;}
footer .texto-pie .tel a, footer .texto-pie .mail a {color:#fff;}
footer .texto-pie .tel a:active, footer .texto-pie .tel a:focus, footer .texto-pies .tel a:hover, footer .texto-pie .mail a:active, footer .texto-pie .mail a:hover, footer .texto-pie .mail a:focus
 {color:#0065ae;}
footer .texto-pie .adress a {color:#fff;}
footer .texto-pie .adress a:active, footer .texto-pie .adress a:focus, footer .texto-pie .adress a:hover {color:#0065ae;}
footer .texto-pie .adress a:active span, footer .texto-pie .adress a:focus span, footer .texto-pie .adress a:hover  span{color:#fff;}
footer .redespie {padding:22px 0; float: right;}
footer .redespie p, footer .redespie .face, footer .redespie .instagram {display: inline-block; margin-right: 10px; font-size: 14px; color:#fff;}
footer .redespie .face a, footer .redespie .instagram a {color:#fff; font-size: 16px;}
footer .redespie .face a:hover, footer .redespie .face a:active, footer .redespie .face a:focus, footer .redespie .instagram a:hover, 
footer .redespie .instagram a:active, footer .redespie .instagram a:focus {color:#0065ae; font-size: 16px;}
footer .redespie .ml {display: inline-block; margin-right: 10px; font-size: 14px;}

#copyright {position: relative; width: 100%; overflow: hidden; padding: 40px 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+0,00286b+100 */
background: #0065ae; /* Old browsers */
background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 ); /* IE6-9 */}
#copyright, #copyright a {color:#fff; text-align: center; padding:22px 0; font-size: 14px; font-weight: 400;}
#copyright p {margin-bottom: 0;}
#copyright a:active, #copyright a:hover, #copyright a:focus {color:#fff;}

/* ==========================================================================
  Internas
========================================================================== */

#internas .carousel-control.left {
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
 background-image: -o-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0)), to(rgba(0,0,0,.0000)));
 background-image: linear-gradient(to right, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 background-repeat: repeat-x;
}
#internas .carousel-control.right {
 right: 0;
 left: auto; 
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 background-image: -o-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0000)), to(rgba(0,0,0,.0)));
 background-image: linear-gradient(to right, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 background-repeat: repeat-x;
}
#internas .carousel-control {font-size:60px;}
#internas .carousel-control .icon-prev, #internas .carousel-control .icon-navigate_before2, #internas .carousel-control .icon-next, #internas .carousel-control .icon-navigate_next2 
{background-color:#000; border-radius:50px;border:2px solid #fff;}
#internas .carousel-caption { text-align: right; width: 40%; left: auto; text-shadow: 0 1px 2px rgba(0,0,0,.0); bottom: 10%;}
#internas .carousel-caption h3 {color:#000; font-size: 34px; font-weight: 400;}
#internas .carousel-caption h1 {color:#000; font-size: 34px; font-weight: 400;}
#internas .carousel-caption p {text-transform: uppercase; color:#000; font-size: 18px; font-weight: 600;}

/* ==========================================================================
  Contacto
========================================================================== */

.contact-form { margin-bottom: 20px; overflow: hidden; margin-top: 20px; background: #f6f6f6; padding: 40px;}
.contact-form #contact-message {min-height: 150px;}


.btn.green {text-transform: uppercase; color:#fff; font-size: 14px; font-weight: 600; padding: 5px 15px; border-radius: 50px; float: left; margin:10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+0,00286b+100 */
background: #0065ae; /* Old browsers */
background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 ); /* IE6-9 */
}
.btn.green:hover, .btn.green:focus, .btn.green:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00286b+0,0065ae+100 */
background: #00286b; /* Old browsers */
background: -moz-linear-gradient(top, #00286b 0%, #0065ae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00286b 0%,#0065ae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00286b 0%,#0065ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00286b', endColorstr='#0065ae',GradientType=0 ); /* IE6-9 */
}

/* ==========================================================================
  Listado
========================================================================== */

.internas {background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 220px; position: relative;}
#blistado {background-image: url("../imagenes/listado.jpg");}
.internas h3 { color: #000; font-size: 34px; font-weight: 400;}
.internas h1 { color: #000; font-size: 34px; font-weight: 400;}
.internas p { text-transform: uppercase; color: #000; font-size: 18px; font-weight: 600;}
.internas .tex {position: absolute; width: 85%; text-align: right; padding-top: 40px; left: 0; top:0;}

/* ==========================================================================
  Menú izq
========================================================================== */

.menu-title {background-color: #0065ae; font-weight: 600; font-size: 31px; color:#fff; padding: 30px;}
.sidenav { height: 100%; width: 100%; position: relative; z-index: 1; background-color: #fff; overflow-x: hidden; padding-top: 20px; 
  border-bottom:4px solid #0065ae; padding-bottom: 20px; min-height: 440px;}
.sidenav li {list-style: none; margin:0; padding:0; width: 100%; line-height: 2}
.sidenav ul {margin:0; padding: 0; width: 100%;}

.dropdown-btn {width: 100%; padding: 6px 8px 6px 8px; text-decoration: none; font-size: 14px; color: #313131; display: block; 
  border: none; background: none; width: 100%; text-align: left; letter-spacing: -0.5px;
 cursor: pointer; outline: none; font-weight: 600;}

.sidenav a:hover, .dropdown-btn:hover {color: #0065ae;}

.dropdown-container a {color: #313131; font-size: 14px; font-weight: 600;}
.dropdown-container a:active, .dropdown-container a:focus, .dropdown-container a:hover {color: #0065ae; font-size: 14px; font-weight: 600;}


.dropdown-btn.active { color: #fff; background-color: #0065ae;}
.dropdown-btn.active, .dropdown-btn.active:hover, .dropdown-btn.active:focus, .dropdown-btn.active:active { color: #fff; background-color: #0065ae;}

.dropdown-container { display: none; background-color: #fff; border-top:solid 10px #f6f6f6; border-bottom: solid 10px #f6f6f6; padding:20px!important;}



.fa-chevron-down { float: right; padding-right: 8px; color:#333; font-size: 12px!important; padding-top: 5px;}

.active .fa-chevron-down {color:#fff;}

/* ==========================================================================
  Ficha
========================================================================== */

#headficha { background-color: #f3f3f3; padding: 0px; width: 100%; overflow: hidden; margin-bottom: 20px;}
#headficha .grupo-izq {width: 70%; float: left; margin:10px 20px;}
#headficha .grupo-izq p {font-size:16px; font-weight: 400; color:#373737; margin:0px 15px 0px 0px; }
#headficha .grupo-der {float:right; margin-bottom: 0;}
#headficha .grupo-der p {font-size:16px; font-weight: 400; color:#373737; margin:0px 15px 0px 0px; display: inline-block;}
#headficha .grupo-der a.btn {font-size: 18px; color:#373737;}
#headficha .grupo-der a.btn.active {color:#fff;}
#galeria img {width: auto; max-height: 645px; margin:0 auto;}

#migaleria {margin-bottom: 40px;}
#migaleria .carousel-control { font-size: 0; text-shadow: 0 0px 0px rgba(0,0,0,.0); opacity: 9;}
#migaleria .carousel-control .icon-prev, #migaleria .carousel-control .icon-chevron-left2, #migaleria .carousel-control .icon-next, #migaleria .carousel-control .icon-chevron-right2
 {background-color: rgba(0,0,0,.6); padding:15px 20px; border-radius: 50px;}
#migaleria .carousel-control .icon-prev:hover, #migaleria .carousel-control .icon-chevron-left2:hover, #migaleria .carousel-control .icon-next:hover, 
#migaleria .carousel-control .icon-chevron-right2:hover {background-color: rgba(0,0,0,.9)}
#migaleria .carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0000)), to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
#migaleria .carousel-control {top: 45%; width: 50px;}
#migaleria .carousel-control img {width: 10px;}
#migaleria .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0)), to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
#migaleria .carousel-control .icon-prev, #migaleria .carousel-control .icon-chevron-left2 {
    left: 10px;
    margin-left: 0;
    display: block;
    width: 50px;
}
#migaleria .carousel-control .icon-next, .carousel-control .icon-chevron-right2 {
    right: 10px;
    margin-right: 0;
    display: block;
    width: 50px;
}
#migaleria .modulo-over {border:solid 1px #f3f3f3;}
#migaleria .carousel-indicators {bottom: 40px;}
#migaleria .carousel-caption {top:40%; bottom: auto;}
#migaleria .carousel-caption h3 {font-size: 48px; font-weight: 900;}
#migaleria .carousel-caption h1 {font-size: 48px; font-weight: 900;}
#migaleria .carousel-caption p {font-size: 28px; font-weight: 400;}
.descripcion {overflow: hidden;}
.descripcion h2 {font-size: 18px; color:#313131; font-weight: 600; margin-bottom: 10px; text-transform: uppercase;}
.descripcion h3 {font-size: 16px; color:#313131; font-weight: 400; margin-bottom: 0px; text-transform: uppercase; margin-top: 0px;}
.descripcion h1 {font-size: 16px; color:#313131; font-weight: 400; margin-bottom: 0px; text-transform: uppercase; margin-top: 0px;}
.descripcion h4 {font-size: 16px; color:#313131; font-weight: 600; margin-bottom: 0px; text-transform: uppercase; margin-top: 40px;}
.descripcion p {font-size: 14px; color:#313131; font-weight: 400; text-align: justify; margin-bottom: 20px;}
.recurso {background: #313131; height: 60px; width: 2px; position: absolute; margin-top: 5px;}
.descripcion .zocalo {float: left; width: 100%; padding: 10px; background-color: #f3f3f3;}
.descripcion .zocalo ul {list-style: none; margin-left:0; padding-left: 0;}
.descripcion .zocalo ul li { display: inline-block; color:#777; font-size: 12px;}
.descripcion .zocalo ul li span {display: inline-block;}
.descripcion a.verbarrio {font-weight: 500; font-size: 14px; color:#fff; background: #373737; padding:10px 20px; position: relative; float: right; margin:10px 0;}
.descripcion a.verbarrio:hover, .descripcion a.verbarrio:active, .descripcion a.verbarrio:focus {color:#fff; background: #932005;}

 /* ==========================================================================
  Ficha Formulario
========================================================================== */

#consultaficha .form-bottom.contact-form .title {font-size: 18px; font-weight: 600; color: #373737; background: #f3f3f3; padding: 10px; text-align:center; margin: 40px 0;}
#consultaficha .form-control { border: 1px solid #dedede; border-radius: 0px;
 -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#consultaficha textarea{min-height: 150px}
.section.listado #consultaficha .btn { background-color: #373737; color:#fff; width: 100%; text-transform: uppercase; font-size: 18px; font-weight: 600;}
.section.listado #consultaficha .btn:hover, .section.listado #consultaficha .btn:focus, .section.listado #consultaficha .btn:active {color:#fff; background: #932005;}

/* ==========================================================================
  Galeria 2 Ficha 2
========================================================================== */

#migaleria { margin: 20px auto; width: 100%;}
#migaleria .carousel-indicators { margin: 10px 0 0; overflow: auto; position: static; text-align: center; white-space: nowrap; width: 100%;}
#migaleria .carousel-indicators li { background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; margin: 0 !important; width: auto;}
#migaleria .carousel-indicators li img { display: block; opacity: 0.5;}
#migaleria .carousel-indicators li.active img { opacity: 1;}
#migaleria .carousel-indicators li:hover img { opacity: 0.75;}
#migaleria .carousel-outer { position: relative; width: 100%;}
#migaleria .carousel-indicators li img {height: 90px;}

/* ==========================================================================
  Ficha descripcion
========================================================================== */

#desc-ficha .title h2 { text-align: left; margin:25px 0;}
#tabs {margin-top: 40px; overflow: hidden; background-color: #fff; width: 100%; padding:15px;}
.nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; font-size: 18px; font-weight: 600; color:#313131;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #0065ae; cursor: default; background-color: #fff; border: 1px solid #ddd;
 border-bottom-color: #ddd; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;}
.tab-content > div {padding: 20px;}
.tab-content > div a, .tab-content > div a:active, .tab-content > div a:focus, .tab-content > div a:hover {color:#313131; font-weight: 600;}
.tab-content > div h3 {margin-bottom: 40px;}
.tab-content > div h1 {margin-bottom: 40px;}


.links{margin: 10px 0;padding: 0;list-style: none;display: block;text-align: center;}
.links li{display: inline-block;margin: 0 5px;font-size: 18px;}
.links li a{color: #004A9D;}
.links li a:hover{color: #4682C6;}
.links li.active a{font-weight: bold;}


.empresa a.vermas {text-transform: uppercase; color:#fff; font-size: 14px; font-weight: 600; padding: 5px 15px; border-radius: 50px; float: left; margin:10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065ae+0,00286b+100 */
background: #0065ae; /* Old browsers */
background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 ); /* IE6-9 */
}
.empresa a.vermas:hover, .empresa a.vermas:focus, .empresa a.vermas:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00286b+0,0065ae+100 */
background: #00286b; /* Old browsers */
background: -moz-linear-gradient(top, #00286b 0%, #0065ae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00286b 0%,#0065ae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00286b 0%,#0065ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00286b', endColorstr='#0065ae',GradientType=0 ); /* IE6-9 */
}

/* ==========================================================================
  Agregados
========================================================================== */

header .solicita {line-height: 84px;}
header .solicita a {
  font-size: 14px;
    line-height: 55px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 50px;
    margin: 10px 0;
    background: #0065ae;
    background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%);
    background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%);
    background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 );
}

.solicita {
    position: fixed;
    z-index: 99;
    right: 15px;
    bottom: 0;
}
.solicita a {
  font-size: 14px;
    line-height: 55px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 50px;
    margin: 10px 0;
    background: #0065ae;
    background: -moz-linear-gradient(top, #0065ae 0%, #00286b 100%);
    background: -webkit-linear-gradient(top, #0065ae 0%,#00286b 100%);
    background: linear-gradient(to bottom, #0065ae 0%,#00286b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065ae', endColorstr='#00286b',GradientType=0 );
    padding: 10px 20px;
}

.logo img {max-width: 256px;}


#chat-ws {display:none!important; position: fixed;bottom: 10px;left: 10px;width: 60px;height: 60px;border-radius: 50%;cursor: pointer;display: block;box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);z-index: 999;}
#chat-ws img {padding-left: 0px;padding-top: 0px;width: 100%;}
#ayuda {display:none!important; position: fixed; color: white;padding: 15px 0px 15px 20px;bottom: 10px;left: 73px;width: 236px;height: auto;background-color: #1bd741;
border-radius: 40px;cursor: pointer;display: block;-webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);z-index: 999;}
#ayuda a {color:#fff; text-decoration: none;}