/*colors
celeste: #257CD1;
rojo: #FF0000;
gris: #BDBDBD;
gris oscuro: #A4A4A4;
gris claro:; #e6e6e6;

*/



body, header, main, footer {
	color:#585858;
	margin:0;
	padding:0;
	font-family: 'Merriweather Sans', sans-serif;
}

header {
	box-shadow: 0px 5px 6px #bdbdbd;
}

a {
	text-decoration: none;
	color:#000;
}

.clear-me {
	clear:both;
	margin:0;
	padding:0;
}

nav {
	clear:both;
	max-width:1100px;
	margin: 0 auto;
	padding:0;
}

nav ul {
	position:relative;
	margin: 0 auto;
	padding:0;
	list-style-type:none;
}

nav ul li {
	position:relative;
	float:left;
	text-align:center;
	padding:20px;
	margin:10px 10px 0px 10px;
	cursor:pointer;
}

.nav-servicios {
	display:none;
	position:absolute;
	background-color:#fff;
	width:200px;
	top:60px;
	left:0;
	z-index:50;
}

.nav-servicios ul {
	display:block;
	list-style-type: none;
	float:none;
	clear:both;
	padding:10px;
	border:1px solid #FF0000;
}

.nav-servicios ul li {
	float:none;
	clear:both;
	text-align:left;
	font-size:10pt;
	padding:5px;
	color: #FF0000;
}

.nav-servicios ul li a {
	color: #FF0000;
}

.nav-destacado {
	position:relative;
	background: #FF0000;
	color: #fff;
}

.nav-destacado a {
	color: #fff;
}

.arrow-down {
	position:absolute;
	margin: 0;
	padding: 0;
	top:60px;
	left:40%;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #FF0000;
/*	z-index:60;*/
}

.arrow-down-servicios {
	display:none;
	position:absolute;
	margin: 0;
	padding: 0;
	top:60px;
	left:40%;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #FF0000;
/*	z-index:60;*/
}


#logo-bar {
	max-width:1100px;
	margin: 0 auto;
	padding:0;
}

#logo-bar img {
	max-height:80px;
	width:auto;
	float:left;
}

.logo-bar-social {
	float:right;
}

.logo-bar-social i {
	float:right;
	color:#FF0000;
	margin:10px 5px;
	padding:0;
	font-size:24pt;
}

.logo-bar-social h3 {
	display:none;
}

.logo-bar-social h2, .logo-bar-social h3 {
	clear:both;
	font-family: 'Merriweather Sans', sans-serif;
	color:#257CD1;
	font-weight: normal;
	font-size:14pt;
}

.logo-bar-social a{
	color:#257CD1;
}

#ubicacion-ficha {
  clear: both;
  font-size: 0.8em;
  padding-bottom: 40px;
}
  #ubicacion-ficha #mapa-ficha, #ubicacion-ficha #street {
    height: 300px; 
}
  #ubicacion-ficha .l-map-container {
    width: 50%;
    float: left; 
}
    @media screen and (min-width: 0px) and (max-width: 991px) {
      #ubicacion-ficha .l-map-container {
        width: 100%;
        float: none;
        margin: 20px 0; 
        } 
    }
    #ubicacion-ficha .l-map-container:last-child {
      padding-left: 15px; 
  }
      @media screen and (min-width: 0px) and (max-width: 991px) {
        #ubicacion-ficha .l-map-container:last-child {
          padding-left: 0px; 
          } 
      }
    #ubicacion-ficha .l-map-container:nth-of-type(1) {
      padding-right: 15px; 
  }
      @media screen and (min-width: 0px) and (max-width: 991px) {
        #ubicacion-ficha .l-map-container:nth-of-type(1) {
          padding-right: 0px; 
          } 
      }
  @media screen and (min-width: 1200px) {
    #ubicacion-ficha {
      font-size: 1em; 
      } 
  }
  #ubicacion-ficha::after {
    clear: both;
    content: "";
    display: block; 
}

#mapa {
  padding: 20px 10%; 
}
#mapa #map-re {
    height: 400px; 
}

.consulta{
	margin-bottom: 10px;
}

.nav-btn--paginator--active {
  color: #ff0000; 
}

footer {
	background: #BDBDBD;
}

#footer-container {
	max-width:1110px;
	margin:0 auto;
	padding: 20px 0px;
	background: #BDBDBD;
	color:#fff;
}

#footer-container a{
	color:#fff;
}



.footer-datos, .footer-servicios, .footer-contacto {
	float:left;
	padding: 10px 30px;
	min-height:300px;
	width:280px;
	font-size: 0.8em;
}

.footer-servicios, .footer-contacto {
	border-left: 1px solid #fff;
}

.footer-contacto h4{
	margin:0px;
}

.footer-datos img {
	width:80px;
	height:auto;
}

.footer-datos h2 {
	font-size:18pt;
	font-weight:400;
	margin:0;
	padding:5px 0px;
	text-transform: uppercase;
}

.footer-datos h3 {
	font-weight:400;
	font-size:16pt;
	margin:0;
	padding:0px 0px 5px 0px;
}

.footer-datos p {
	font-weight:400;
	font-size:12pt;
	margin:0;
	padding:5px 0px;
}

.footer-servicios h3 {
	font-weight:400;
	font-size:16pt;
	margin:0;
	padding:5px 0px;
}

.footer-servicios ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

.footer-servicios ul li {
	margin:0;
	padding: 5px 0px;
	font-size:10pt;
	font-weight:400;
}

.footer-servicios ul li a {
	color: #fff;
	text-decoration: none;
}

.footer-contacto h3 {
	font-weight:400;
	font-size:16pt;
	margin:0;
	padding:5px 0px;
}

.footer-contacto input[type="text"] {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:10pt;
	padding:5px;
	margin:5px;
	width:250px;
	height: 10px;
	color:#A4A4A4;
	border: 1px solid #A4A4A4;
}

.footer-contacto textarea {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:10pt;
	padding:5px;
	margin:5px;
	width:250px;
	height: 45px;
	color:#A4A4A4;
	border: 1px solid #A4A4A4;
}

.footer-contacto .l-form-group p {
	margin: 1px 0 0;
}

.footer-contacto button[type="submit"] {
	float:right;
	font-family: inherit;
	font-size:10pt;
	font-weight: bold;
	text-transform: uppercase;
	padding:5px 20px;
	margin:5px 15px;
	color:#fff;
	border: none;
	background: #257CD1;
}

/*
	width: 100%;
	margin: 0 auto;
*/


/*hamburger menu icon*/

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  appearance: none;
  border: none;
  cursor: pointer;
  background-color: #FF0000;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 30px;
  left: 14px;
  right: 14px;
  height: 3px;
  background: #fff;
  border-radius: 3px;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";
  border-radius: 3px;
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}

#hamb-icon {
	display: none;
	position: absolute;
	left:0;
	top:0;
}

#hamb-icon:hover {
	cursor: pointer;
}

/*hamburger menu icon*/


/*TABLET*/
@media only screen and (max-width: 1100px) {
		
		#hamb-icon {
			display: block;
			z-index:5;
		}

		nav {
			display: none;
			position:absolute;
			background-color: #FF0000;
			width:50%;
			margin: 60px 0px 0px 0px;
			padding:0;
			-webkit-box-shadow: inset 0px 4px 6px -6px black;
			-moz-box-shadow: inset 0px 4px 6px -6px black;
			box-shadow: inset 0px 4px 6px -6px black;
			z-index:100;
		}

		nav ul {
			position:relative;
			display:block;
			margin: 0 auto;
			padding:0;
			list-style-type:none;
		}

		nav ul li {
			float:none;
			text-align:left;
			padding:10px 20px;
			margin:10px 0px;
			color: #fff;
		}

		nav ul li a{
			color: #fff;
		}

		.nav-servicios {
			display:none;
			position:absolute;
			background-color:#fff;
			width:100%;
			top:0;
			left:100%;
		}

		.nav-servicios ul {
			display:block;
			list-style-type: none;
			float:none;
			clear:both;
			padding:10px;
			border:1px solid #FF0000;
		}

		.nav-servicios ul li {
			float:none;
			clear:both;
			text-align:left;
			font-size:10pt;
			padding:5px;
			color: #FF0000;
		}

		.nav-destacado {
			position:relative;
			background: none;
			color: none;
		}

		#logo-bar img {
			max-height:60px;
			margin-left:60px;
		}

		.logo-bar-social h2 {
			display:none;
		}

		.logo-bar-social h3 {
			display:block;
			float:left;
			padding:15px 10px 0px 0px;
			margin: 0;
		}

		.logo-bar-social i {
			margin:12px 5px 0px 10px;
			font-size:20pt;
		}

		.logo-bar-social .fa-phone{
			float:none;
			color:#257CD1;
			margin:0px 5px;
			padding:0;
			font-size:16pt;
		}
		
		.footer-contacto {
			clear:both;
			float:none;
			padding: 10px 0px;
			height:260px;
			width:100%;
			margin:0px auto;
			border:none;
			background: #257CD1;
		}

		.footer-contacto span {
			display:none;
		}

		.footer-contacto form {
			width:620px;
			margin:0 auto;
		}


		.footer-contacto h3 {
			padding:10px 20px;
		}

		.footer-contacto input[type="text"] {
			width:280px;
		}

		.footer-contacto textarea {
			clear:both;
			width:588px;
		}

		.footer-contacto input[type="submit"] {
			float:right;
			padding:5px 40px;
			color:#257CD1;
			background: #fff;
		}
		.arrow-down, .arrow-down-servicios {
			display:none;
		}

		#footer-container {
			padding: 20px 0px 0px 0px;
		}

}

/*SMART*/
@media only screen and (max-width: 600px) {
		.logo-bar-social span {
			display:none;
		}

		#logo-bar img {
			max-height:40px;
			margin-left:40px;
		}
		.logo-bar-social h3 {
			padding:10px 10px 0px 0px;
			font-size:10pt;
			margin:0;
		}

		.logo-bar-social .fa-phone{
			font-size:14pt;
		}

		.c-hamburger {
		  width: 40px;
		  height: 40px;
		}
		.c-hamburger span {
		  top: 18px;
		  left: 10px;
		  right: 10px;
		}

		.c-hamburger span::before {
		  top: -8px;
		}

		.c-hamburger span::after {
		  bottom: -8px;
		}

		nav {
			width:60%;
			margin: 40px 0px 0px 0px;
			font-size:10pt;
		}

		nav ul li {
			float:none;
			text-align:left;
			padding:10px;
			margin:5px 0px;
			color: #fff;
		}

		.nav-servicios {
			width:60%;
			top:40px;
			left:0;
			z-index:100;
		}

		.footer-contacto {
			height:310px;
		}

		.footer-contacto input[type="text"] {
	
			padding:5px;
			margin:5px;
			width:220px;
		}

		.footer-contacto textarea {
			padding:5px;
			margin:5px;
			width:220px;
		}

		.footer-contacto input[type="submit"] {
			float:right;
			padding:5px 20px;
			margin:5px 0px;
		}

		.footer-contacto form {
			width:230px;
			margin:0 auto;
		}

		.footer-servicios {
			border:none;
		}
}