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

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.btn-responsivo {
	border:none;
	background-color:transparent !important;
	    margin-top: 28px;
    margin-bottom: 18px;
}


* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 30px;
  position: relative;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fa2626;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 0px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 0px;
}




.menu {
	background:#FFF;
	-webkit-box-shadow: 0px 4px 48px 13px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 4px 48px 13px rgba(0,0,0,0.28);
box-shadow: 0px 4px 48px 13px rgba(0,0,0,0.28);
font-family: 'Raleway', sans-serif;
margin-bottom:0

}
.menu a {
	color:#123442 !important

}

.logo {
    padding: 17px 15px;
}

.navbar-nav>li>a {
	padding-bottom:8px
}

/* Underline From Center */

.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #123442;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
	left: 35%;
	right: 35%;
}
.hvr-underline-from-center-selected:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 35%;
	right: 35%;
	bottom: 0;
	background: #d93c3c;
	height: 2px;

}



/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
	font-family: 'Raleway', sans-serif;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}

.seleccionado a {
		color:#d93c3c !important;
		font-weight:bold
}

.contenedor-banner-home {
	height: 604px
}
.contenedor-banner-servicios {
	height: 500px
}


.llamador-banner {
	right:0;
	left:auto;
	top:0;
	    position: absolute;
		z-index: 10;
}

.flecha-iz-contenedor {
	width:42px;
	height:42px;
	right:45px;
	left:auto;
	    opacity: 1;
    filter: alpha(opacity=100);
	
}

.flecha-der-contenedor {
	width:42px;
	height:42px;
		    opacity: 1;
    filter: alpha(opacity=100);
	
}

.contenido-inicio {
	background: #f4f3f2;
	position:relative
	
	
	}
.contenido-inicio {
	padding:100px 350px;
	margin-top:-80px;
	position:relative;

background:url(../img/linea-texto.png) 210px 0 no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.contenido-servicios {

	margin-top:-80px;
	position:relative;

background:url(../img/linea-texto.png) 210px 0 no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.contenido-servicios-inn {

	padding:100px 350px;

}
.contenido-quienes-somos-inn {
	padding-bottom:0px !important
}

.contenedor-datos-contacto {
	padding-bottom:50px !important;
}

.contenedor-flechas {
	position:relative;
	top:-122px;
}
.puntos-slider {
	display:none
}

h1 {
	font-family: 'Droid Serif', serif;
	color:#fa2626;
	font-size:30px;
	margin-bottom:30px
}
h2 {
	font-family: 'Droid Serif', serif;
	color:#fa2626;
	font-size:24px;
	margin-bottom:20px
}
h4 {
	font-family: 'Droid Serif', serif;
	color:#fa2626;
	font-size:30px;
	margin-bottom:30px
}

h5 {
	font-family: 'Droid Serif', serif;
	color:#fa2626;
	font-size:24px;
	margin-bottom:30px
}

p {
	font-size:16px;
	line-height:28px
}

p a {
	font-size:16px;
	line-height:28px;
	color:inherit
}
p a:hover {
	font-size:16px;
	line-height:28px;
	color:#fa2626;
	text-decoration:none
}

.interes-contenedor p {
	margin-bottom:0;
	text-align:center;
			line-height:14px;
			font-size:12px;
}

.interes-contenedor {
	text-align:center
}
.row-logos {
	min-height:40px
}
.row-logos img {
	height:auto
}
.fila-interes {
	margin-bottom:5px;

	padding-top:20px;
	padding-bottom:5px
}

.interes-contenedor img {
	max-width:90px;
	max-height:35px

}


.logos-interes  {
	display: inline-block;
	width:100%

}
.logos-interes div {
	float:left;
	display: table-cell;
	height:100%

}
.logos-interes div p {
	line-height:18px;
		display: table-cell;
		padding-left:20px
}


.contenedor-servicios-home {
	position:relative
}

.recuadro-servicios {
	background:#d93c3c;
	max-width:400px;
	margin-left:195px;
	display:inline-block;
	height:500px;
	z-index:10;
	position:relative
}
.recuadro-servicios h1, .recuadro-servicios p {
	color:#FFF

}

.recuadro-servicios p {
	background:url(../img/tilde.png) left 6px no-repeat;
	padding-left:27px;
	margin-bottom:2px;
}

.recuadro-servicios-inn {
	display:inline-block;
	padding:80px 60px;
}

.recuadro-servicios-foto {
	background:url(../img/foto-servicios-home.jpg);
	height:500px;
	display:inline-block;
	width:50%;
	right:0;
	top:0;
	position:absolute
}

.pie {
	background:url(../img/fondo-pie.jpg) bottom repeat-x;
	margin-top:-300px;
}
.pie-inn {
	padding-top:380px
}
.pie-inn img {
	display:inline-block;
	float:left
}
.pie-inn span {
	color:#FFF;
	line-height:18px;
	display:inline-block;
	padding-top:10px;
	margin-left:14px;
}
.pie-bottom {
	margin-top:90px;
	padding-bottom:20px
}

.pie-bottom p {
	float:right;
	color:#596468;
	font-size:12px
	
}
.servicios-wrapper {
	padding:0
}

.contactoForm {
		padding-left:330px;
		padding-right:140px;
		padding-bottom:50px;
	position:relative;
	display:inline-block;
}

.btnEnviar  {
	background:#123342
}
.btnEnviar:hover  {
	background:#112f3a
}

.servicios {

	padding-left:210px;
	position:relative;
	display:inline-block;
	width:100%;
	padding-bottom:100px
	
}
.servicios li {
	margin-bottom:5px
	
}
.mapa {

	position:relative;
	display:inline-block;
	width:100%;
	float:left;
-webkit-box-shadow: 0px 23px 34px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 23px 34px -21px rgba(0,0,0,0.75);
box-shadow: 0px 23px 34px -21px rgba(0,0,0,0.75);
	
}
.servicios-wrapper {
	position:relative;
	z-index:33
}

.banner-servicios {
	background: url(../img/banner-servicios3.jpg) center;
	background-size:cover;
}
.banner-contacto {
	background: url(../img/banner-contacto.jpg) center;
	background-size:cover;
}
.banner-quienes-somos {
	background: url(../img/banner-quienes-somos.jpg) center;
	background-size:cover;
}
.fichas-servicios {
	position:relative;
/*	background:#d93c3c*/

}

.owl-dots {
	margin-bottom:10px
	
	
	}

.flechita-servicios {
	top:0;
	position:absolute;
	left:50px;
	
}

.owl-stage-outer {
/*	border-bottom: solid 8px #d43b3b*/

}
.botones-play-stop {
	position:absolute;
	bottom:15px;
	left:15px;
	z-index:99
}
.play-stop {
	color:#ababab;
	margin-right:10px
}
.play-stop:hover {
	color:#123442
}

.help-block {
    font-size: 12px;
    margin-left: 20px;
}

#map { height: 400px; }

.trayectoria-item {
	background:url(../img/tilde-trayectoria.png) 182px -0px no-repeat;
	padding-top:5px !important;
	padding-bottom:30px !important;

}

  @media (max-width: 991px) {
	  .col-intereses {
		  margin-top:10px;
		  margin-bottom:20px
	  }
  }

  @media (max-width: 400px) {
	  .llamador-banner {
    right: -710px !important;
}
.llamador-banner img {
    width: 40% !important;
    left: 0;
}
.contenedor-banner-home {
    height: 304px !important;
}
.contenedor-banner-servicios {
    height: 240px !important;
}
.carousel .item {
    min-height: 50px !important;
  }
  
.contenido-inicio {
    padding: 100px 350px;
    margin-top: -65px !important;
}
.contenido-servicios {
    margin-top: -65px !important;
}
.contenido-servicios-inn {
    padding: 100px 350px;

}
.contenedor-flechas {
    top: -107px;
}
.contenido-inicio {
    padding: 80px 60px !important;
    background: url(../img/linea-texto.png) 30px -25px no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%) !important;
}
.recuadro-servicios-inn {

    padding: 60px 40px !important;
}
.pie-inn span {
	font-size:13px
}
p {
    font-size: 14px;
    line-height: 24px;
}
h1 {
    font-size: 24px;
    margin-bottom: 20px;
}
#demos .owl-carousel .item h4 {
    font-size: 18px !important;
}
#demos .owl-carousel .item h5 {
    font-size: 14px !important;
    margin-bottom: 10px;
    line-height: 18px;
}
.servicios li {
	font-size:12px !important
}
#demos .owl-carousel .item {
    height: 1150px !important;
}
.contenido-servicios-inn {
    padding: 80px 60px !important;
}
.contenido-servicios {
    background: url(../img/linea-texto.png) 30px -20px no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%) !important;
}
}

 @media (min-width: 992px) and (max-width: 1199px) { 
.pie-inn span {
	font-size:12px;
    line-height: 18px;

}

 
 }
 
  @media (max-width: 767px) {
 .llamador-banner {
	 right:-590px;


 }
 
  .llamador-banner img {
	  width:60%;
	  left:0
 }
 .contenedor-banner-home {
    height: 404px;
}
 .contenedor-banner-servicios {
    height: 300px;
}
   .contenido-inicio {
	padding:120px 60px;
	margin-top:-80px;
    background: url(../img/linea-texto.png) 30px 0 no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%);

}


.contenido-servicios  {
	margin-top:-80px;
   background: url(../img/linea-texto.png) 30px 0 no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%);
}


.contenido-servicios-inn {
	padding:120px 60px;
}

.servicios {
	padding-left:0;
	
}


.recuadro-servicios {

    margin-left: 0;

    height: 500px;

}
.pie-inn div {
	margin-bottom:20px
}
.pie-bottom {
	    padding-bottom: 30px;
}


.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0%;
	right: 100%;
	bottom: 0;
	background: #123442;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
	left: 0%;
	right: 80%;
}
.hvr-underline-from-center-selected:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0%;
	right: 80%;
	bottom: 0;
	background: #d93c3c;
	height: 2px;

}
#demos .owl-carousel .item {
	width:100%
}

.contactoForm {
    padding-left: 40px;
	padding-right:40px

}
#demos .owl-carousel .item {
	height:750px
}
#demos .owl-carousel .item-top {
    padding: 40px 20px 10px 20px;
	 }
#demos .owl-carousel .item h4 {
	font-size:24px
}
#demos .owl-carousel .item-bottom {
    padding: 40px 20px 80px 20px;
}
#demos .owl-carousel .item h5 {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 21px;
}
 .trayectoria-item {
    background: url(../img/tilde-trayectoria.png) 15px 12px no-repeat;
	background-size: 30px 427px

}
}


 @media (min-width: 768px) and (max-width: 999px) { 
 .llamador-banner {
	 right:-390px
 }
 
  .contenido-inicio {
	padding:100px 220px;
	margin-top:-80px;
    background: url(../img/linea-texto.png) 160px 0 no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%);

}


.contenido-servicios {
	margin-top:-80px;
    background: url(../img/linea-texto.png) 160px 0 no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%);

}

.contenido-servicios-inn {
	padding:100px 220px;

}

.servicios {
	padding-left:160px;
	
}


.recuadro-servicios {

    margin-left: 145px;

}
.pie-inn div {
	margin-bottom:20px
}
.pie-bottom {
	    padding-bottom: 30px;
}
.contactoForm {
    padding-left: 200px;

}
#demos .owl-carousel .item {
	height:750px
}
#demos .owl-carousel .item-top {
    padding: 40px 20px 10px 20px;
	 }
#demos .owl-carousel .item h4 {
	font-size:24px
}
#demos .owl-carousel .item-bottom {
    padding: 40px 20px 80px 20px;
}
#demos .owl-carousel .item h5 {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 21px;
}

 .trayectoria-item {
    background: url(../img/tilde-trayectoria.png) 132px -0px no-repeat;

}
 }

 @media (min-width: 1000px) and (max-width: 1199px) { 
 .llamador-banner {
	 right:-290px
 }
 
 .contenido-inicio {
	padding:100px 220px;
	margin-top:-80px;
    background: url(../img/linea-texto.png) 160px 0 no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%);

}

.contactoForm {
    padding-left: 200px;

}
.recuadro-servicios {

    margin-left: 145px;

}

.contenido-servicios {
	margin-top:-80px;
    background: url(../img/linea-texto.png) 160px 0 no-repeat, linear-gradient(135deg, #f4f3f2 0%,#ffffff 100%);

}

.contenido-servicios-inn {
	padding:100px 220px;
}
.servicios {
	padding-left:160px;
	
}
#demos .owl-carousel .item {
	height:750px
}
 .trayectoria-item {
    background: url(../img/tilde-trayectoria.png) 132px -0px no-repeat;

}
 }
 @media (min-width: 1200px) and (max-width: 1399px) { 
 .llamador-banner {
	 right:-290px
 }
 
 }

 @media (min-width: 1400px) and (max-width: 1700px) { 
 .llamador-banner {
	 right:-200px
 }
 
 }
 
 
 
 
 
 
 
 .listado-servicios {
	 height:300px;
	 display:inline-block

 }
 
 
 

@media only screen {
.demo-list [class*="column"]+[class*="column"]:last-child {
	float: left
}
}
.callbacks div {
	margin-bottom: 0.3rem
}
.callbacks span.label {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}
#docs {
	padding-top: 2rem
}
#docs .docs-content h2:first-child {
	padding-top: 0;
	margin-top: 0
}
#docs h4 {
	margin-top: 0.3rem;
	margin-bottom: 0.5rem
}
#docs ul.side-nav {
	text-align: right;
	margin-bottom: 1rem
}
#docs ul.side-nav li {
	margin: 0;
padding:.3rem 3rem .3rem 0
}
#docs ul.side-nav li:hover, #docs ul.side-nav li.active {
	background: #f7f7f7
}
#docs ul.side-nav li:hover a, #docs ul.side-nav li.active a {
	color: #000;
	background-color: transparent
}
#docs ul.side-nav li.side-nav-head {
	text-transform: uppercase;
	color: #000;
	font-size: 1rem;
	font-weight: bold;
padding:0rem 3rem .3rem 0
}
#docs ul.side-nav li.side-nav-head:hover {
	background: transparent
}
@media only screen and (max-width: 40em) {
#docs {
	padding-top: 1rem
}
#docs ul.side-nav {
	text-align: left
}
}
pre {
	overflow-y: hidden;
	margin-bottom: 2rem;
	background: #f8f8f8
}
.hljs {
	display: block;
	color: #333;
	background: #f8f8f8;
	padding: 2rem;
	line-height: 1.4;
	overflow-x: scroll
}
.hljs-comment, .hljs-template_comment, .diff .hljs-header, .hljs-javadoc {
	color: #B9B9B9;
	font-style: italic
}
.hljs-keyword, .css .rule .hljs-keyword, .hljs-winutils, .javascript .hljs-title, .nginx .hljs-title, .hljs-subst, .hljs-request, .hljs-status {
	color: #333;
	font-weight: bold
}
.hljs-number, .hljs-hexcolor, .ruby .hljs-constant {
	color: #099
}
.hljs-string, .hljs-tag .hljs-value, .hljs-phpdoc, .tex .hljs-formula {
	color: #bd240d
}
.hljs-title, .hljs-id, .coffeescript .hljs-params, .scss .hljs-preprocessor {
	color: #900;
	font-weight: bold
}
.javascript .hljs-title, .lisp .hljs-title, .clojure .hljs-title, .hljs-subst {
	font-weight: normal
}
.hljs-class .hljs-title, .haskell .hljs-type, .vhdl .hljs-literal, .tex .hljs-command {
	color: #458;
	font-weight: bold
}
.hljs-tag, .hljs-tag .hljs-title, .hljs-rules .hljs-property, .django .hljs-tag .hljs-keyword {
	color: #000080;
	font-weight: normal
}
.hljs-attribute, .hljs-variable, .lisp .hljs-body {
	color: #008080
}
.hljs-regexp {
	color: #009926
}
.hljs-symbol, .ruby .hljs-symbol .hljs-string, .lisp .hljs-keyword, .tex .hljs-special, .hljs-prompt {
	color: #333333
}
.hljs-built_in, .lisp .hljs-title, .clojure .hljs-built_in {
	color: #0086b3
}
.hljs-preprocessor, .hljs-pragma, .hljs-pi, .hljs-doctype, .hljs-shebang, .hljs-cdata {
	color: #999;
	font-weight: bold
}
.hljs-deletion {
	background: #fdd
}
.hljs-addition {
	background: #dfd
}
.diff .hljs-change {
	background: #0086b3
}
.hljs-chunk {
	color: #aaa
}