@import url(http://fonts.googleapis.com/css?family=Ubuntu|Marck+Script);
body { background-color: #500143; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #500143; }
p { font-size: 1.1em }
.bg-blanco { background-color: #fff; }
.round-border-sup { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.round-border-inf { -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
/* CUSTOMIZE MARKETING*/
.fondo-marketing { background-color: #FFF5FF; margin: 0 20px; padding: 30px 0 20px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /*-moz-box-shadow: 0px 0px 12px 5px rgba(153,153,153,0.5); -webkit-box-shadow: 0px 0px 12px 5px rgba(153,153,153,0.5); box-shadow: 0px 0px 12px 5px rgba(153,153,153,0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#ff999999,Strength=17)"; filter:progid:DXImageTransform.Microsoft.Glow(Color=#ff999999, Strength=17)*/;
}
.marketing img { width: 240px; height: 180px; }
.img-thumbnail { border-color: #500143; }
.marketing h2 { font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #500143; font-size: 1.75em }
.btn-custom { background-color: #500143; border-color: #500143; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #3c0132; background-image: -moz-linear-gradient(top, #500143, #1e0019); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#500143), to(#1e0019)); background-image: -webkit-linear-gradient(top, #500143, #1e0019); background-image: -o-linear-gradient(top, #500143, #1e0019); background-image: linear-gradient(to bottom, #500143, #1e0019); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff500143', endColorstr='#ff1d0018', GradientType=0);
border-color: #1e0019 #1e0019 #000000; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); }
.btn-custom:hover, .btn-custom:focus { text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; color: #fff; }
.btn-custom:hover, .btn-custom:focus { background-color: #1e0019; color: #ccc; }
.btn-custom:active, .btn-custom.active, .btn-custom.active:hover { background-color: #37012e; border-color: #1e0019; color: #ccc; }
.btn-custom.disabled:hover, .btn-custom.disabled:focus, .btn-custom.disabled:active, .btn-custom.disabled.active, .btn-custom[disabled] .btn-custom:hover, .btn-custom[disabled] .btn-custom:focus, .btn-custom[disabled] .btn-custom:active, .btn-custom[disabled] .btn-custom.active { background-color: #500143; border-color: #500143; color: #fff; }
/* CUSTOMIZE NAVBAR*/
.navbar h1 span { left: -999em; position: absolute; }
.navbar .brand { margin: 10px 0; display: inline-block; padding: 0; float: left; width: 300px; height: 145px; background-repeat: no-repeat; background-image: url(../img/logo.png); }
.navbar { border: none; background-color: transparent; margin: 10px 0 0 0 }
.navbar-default { background-color: transparent !important; }
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: #500143; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #390049 }
.dropdown-menu { background-color: #FFFFFF }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #500143; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.navbar-default { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-default { border-color: transparent !important; }
.navbar-default .navbar-brand { color: #500143 }
.navbar-default .navbar-brand:hover { color: #390049 }
.navbar-default .navbar-nav>li>a { color: #500143 }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #FFFFFF }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #FFFFFF }
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #FFFFFF }
.dropdown-menu>li>a { color: #500143; margin: 0 3px; padding-top: 8px; padding-bottom: 8px; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF; }
/*flecha submenu*/
.navbar-default .navbar-nav>.dropdown>a .caret { border-top-color: #390049 }
.navbar-default .navbar-nav>.dropdown>a:focus .caret, .navbar-default .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ffffff }
.navbar-default .navbar-nav>.dropdown>a .caret { border-bottom-color: #390049 }
.navbar-default .navbar-nav>.dropdown>a:focus .caret, .navbar-default .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #ffffff }
/*sacar scroll submenu*/
.navbar-collapse.collapse { overflow: hidden; height: auto; margin-right: 20px }
/* CUSTOMIZE THE CAROUSEL*/
/* Carousel base class */
.carousel { height: 500px; margin-bottom: 60px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.carousel-inner img { overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10; }
/* Declare heights because of positioning of img element */
.carousel .item { height: 500px; background-color: #777; }
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-chevron-circle-left, .carousel-control .fa-chevron-circle-right { position: absolute; top: 50%; z-index: 5; display: inline-block; color: #500143; font-size: 2em; }
.carousel-control .icon-prev, .carousel-control .fa-chevron-circle-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next, .carousel-control .fa-chevron-circle-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.carousel-caption .btn { text-shadow: none; }
/*SOCIAL ICONS*/
/* Create square icons, white logo on colored background */
#social-bar .icon { margin-top: 10px; }
#social-bar .icon { color: white; border-radius: 4px; border: 1px outset rgba(128, 128, 128, 0.5); min-width: 27px; line-height: 27px; text-align: center; text-shadow: 1px 1px 1px rgba(128, 128, 128, 0.5); }
#social-bar a { padding: 6px;  /*Increase hit rectangle for touch devices */ }
#social-bar a:first-child { padding-left: 0; }
/* Set icon color related to the service */

#social-bar .fa-envelope-o { background: #e5842f; }
#social-bar .fa-facebook { background: #3B5998; }
#social-bar .fa-twitter { background: #00ACED; }
#social-bar .fa-google-plus { background: #E14107; }
/* Don't underline icon etc. */
#social-bar a:hover { text-decoration: none; }
/* Animate mouse hover */
#social-bar a .icon { transition: background 0.5s; }
#social-bar a:hover .icon { background: #8000A3; transition: background 0.5s; }
/*GOOGLE MAPS*/
.google-maps { width: 100%; height: 550px; border: 0; margin: 0; overflow: hidden }
.datos-contacto h2, .datos-contacto strong { font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #500143; }
/*CHROMEFRAME*/
.chromeframe { text-align: center; width: 98%; padding: 15px; margin: 10px auto; border: 1px solid #C74524; background: #EEE; /* Old browsers */ background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(224,224,224,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0', GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%); /* W3C */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
/*FEATURETTE*/
.featurette h2 { font-family: 'Marck Script', cursive; font-weight: 700; color: #500143; font-size: 2em }
.featurette h3 { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #500143; }
.featurette-divider { margin-top: 20px; margin-bottom: 30px; width: 90%; border: 0; border-top: 1px solid #ddd; }
#addthis { max-width: 100% !important; margin: 15px 0; padding: 0 }
.lista-servicios { font-size: 1.1em; line-height: 1.6; margin: 10px 0 10px 20px; padding: 0; }
.lista-servicios li .fa-check-square-o { margin: 0; padding: 0 20px 5px 10px; font-size: 2em }
/*ERROR 404*/
.error-template { padding: 40px 15px; text-align: center; }
.error-actions { margin-top: 15px; margin-bottom: 15px; }
.error-actions .btn { margin-right: 10px; }
.error-404 ul li { list-style: none; }
.error-404 input[type="text"] { margin: 5px; padding: 6px; width: 260px; border: 1px solid #333; font: 1em 'gudeabold', Helvetica, Arial, sans-serif; color: #AB322E; border-radius: 5px }
/*PRETTY PHOTO*/
.prettyphoto-content { text-align: left; }
.prettyphoto-content .img-thumbnail { border-color: #500143; margin: 0 10px 10px 0 }
/*BOTON DE WHATSAPP*/
.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}
a.whatsapp:link, a.whatsapp:visited, a.whatsapp:hover, a.whatsapp:active {color: fff !important}
.whatsapp-icon {
  margin-top:13px;
}

@media (min-width: 768px) {
.carousel-control .fa-chevron-circle-left, .carousel-control .fa-chevron-circle-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 3em; }
.carousel-control .fa-chevron-circle-left, .carousel-control .icon-prev { margin-left: -15px; }
.carousel-control .fa-chevron-circle-right, .carousel-control .icon-next { margin-right: -15px; }
.carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; }
.carousel-indicators { bottom: 20px; }
/* Bump up size of carousel content */
.carousel-caption p { margin-bottom: 20px; font-size: 1.3125em; line-height: 1.4; }
body { background-image: url(../img/bg-body.jpg); background-repeat: repeat; margin: 20px 0 }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #500143; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #500143; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}

@media (min-device-width : 768px) and (orientation : portrait) {
.navbar .brand { margin: 10px 0; display: inline-block; padding: 0; float: left; width: 200px; height: 100px; background-repeat: no-repeat; background-image: url(../img/logo200.png); }
}

@media (min-width: 992px) {
body { background-image: url(../img/bg-body.jpg); background-repeat: repeat; margin: 20px 0 }
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #500143; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #500143; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}