body
{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #383838;
	word-break:break-strict;
}
/* ------------------------------------------------MENU------------------------------------------------ */
.imagen-logo{
	max-width:90%;
	margin-right:30px;
}
@media only screen and (min-width : 480px) {
	.imagen-logo{
	max-width:40%;
	margin-right:30px;
	
}
}
@media only screen and (min-width : 768px) {
		.imagen-logo{
	max-width:40%;
	
}
}
@media only screen and (min-width : 992px) {
		.imagen-logo{
	max-width:100%;
}
}

.imagen-portada{
background-image: url(../img/portada02.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: auto !important;
}
.fondo_menu{
	background:#ffff;
}
.navbar .nav,
.navbar .nav > li {
  float:none;
  display:block;
  border-bottom: solid 1px #FFF;
}

@media only screen and (min-width : 768px) {
.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
  margin-top:14px;
  border-bottom:none;
}
}
.navbar-default {
  background-image:none;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight:lighter;
  text-align:center;
}
.navbar-default {
  background-color:;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #e6cd29;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #e6cd29;
  background-color: #e6cd29;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #022b4e;
  background-color: #022b4e;
}
.navbar-default .navbar-toggle {
  border-color: #ffe300;
  background-color: #ffe300;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ffe300;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #e6cd29;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e6cd29;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #e6cd29;
    background-color: #e6cd29;
  }
}
/* ------------------------------------------------./MENU------------------------------------------------ */
/* ------------------------------------------------FONDOS------------------------------------------------ */
.fondo_blanco
{
	background-color:#fff;
}
.fondo-azul{
	background: #585858;
}
.fondo-gris{
	background-color:#585858;
}
.sombra{
-webkit-box-shadow: -2px 10px 40px -2px rgba(0,0,0,0.29);
-moz-box-shadow: -2px 10px 40px -2px rgba(0,0,0,0.29);
box-shadow: -2px 10px 40px -2px rgba(0,0,0,0.29);
border-top: solid #ffe300 20px;
padding-bottom:80px;
}
.sombra-circulos{
-webkit-box-shadow: -2px 10px 40px -2px rgba(0,0,0,0.29);
-moz-box-shadow: -2px 10px 40px -2px rgba(0,0,0,0.29);
box-shadow: -2px 10px 40px -2px rgba(0,0,0,0.29);
}

/* ------------------------------------------------/FONDOS------------------------------------------------ */
.imagen-instalaciones{
	background:url(../img/pared.png)no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
   	padding-bottom:100px;
	margin-top: 50px;
}
/* ------------------------------------------------ENCABEZADOS------------------------------------------------ */
.titulo{
	margin-top:100px;
	color:#106c7500;
	font-size:30px;
	
}
@media only screen and (min-width : 480px) {
	.titulo{
	margin-top:300px;
	font-size:50px;
	margin-bottom:80px;
}
}
@media only screen and (min-width : 768px) {
		.titulo{
	margin-top:100px;
	font-size:70px;
	margin-bottom:180px;
	
}
}
@media only screen and (min-width : 992px) {
		.titulo{
	margin-top:190px;
	font-size:80px;
	margin-bottom:150px;
	
}
}
@media only screen and (min-width : 1200px) {
}

h1 {
  margin: .67em 0;
  font-size: 60px;
  line-height: 60px;
  color:#55975D;
  font-family:"Arial Black", Gadget, sans-serif;
  
}

h2{
	text-align:center;
	padding-top:15px;
	color:#00953b}

/* ------------------------------------------------/ENCABEZADOS------------------------------------------------ */
/* ------------------------------------------------TEXTOS------------------------------------------------ */
.texto-blanco{
	color:#fff;

}
.parrafo-blanco{
		text-align:left;
	font-size:20px !important;
	padding-left:5px;
}
@media only screen and (min-width : 480px) {
	.parrafo-blanco{
		padding-left:30px;}
}
@media only screen and (min-width : 768px) {

}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
}
.texto-azul{
	color:#3c3c3c;
	font-size:25px;
	text-align:center;}


/* ------------------------------------------------/TEXTOS------------------------------------------------ */
/* ------------------------------------------------MARGENES------------------------------------------------ */
.margin10top
{
	margin-top:10px;
}
.margin20top
{
	margin-top:20px;
}
.margin20bottom
{
	margin-bottom:20px;
}
.margin50top
{
	margin-top:50px;
}
.margin50bottom
{
	margin-bottom:50px;
}
.padding20top
{
	padding-top:20px;
}
.padding20bottom
{
	padding-bottom:20px;
}
.padding50top
{
	padding-top:50px;
}
.padding50bottom
{
	padding-bottom:50px;
}

.triangulo i {
	font-size:50px;
	color: #ffff;
	margin: 0;
}
.borde-redondo{
	-webkit-border-radius: 10px 30px 10px 40px;
	border-radius: 10px 30px 10px 40px;
	background:#000020;
}

/* ------------------------------------------------/MARGENES------------------------------------------------ */
/* ------------------------------------------------FORM------------------------------------------------ */
.inputs
{
	width:100%;
	border:none;
	height:50px;
	padding:10px;
}
.inputs_multiline
{
	width:100%;
	border:none;
	height:105px;
	padding:10px;
	resize:none;
}
.button_submit
{
	width:100%;
	background-color:#ffe300;
	border:none;
	height:60px;
	color:black;
	font-size:1.6em;
	font-weight:400;	
  }
  .fondo_footer
  {
  	background-color: #585858;
  }
/* ------------------------------------------------/FORM------------------------------------------------ */
/* ------------------------------------------------IMAGENES------------------------------------------------ */
.full_width_image
{
	width:100%;
}
.center_image
{
	margin:auto;
}
#servicios ul{
	list-style:none;
	margin:0;
}
#servicios li{
	width:80%;
	float:left;
	margin-left:5%;
	margin-bottom:15px;
}
@media only screen and (min-width : 480px) {
	#servicios li{
	width:40%;
	float:left;
	margin-left:5%;
}
}
@media only screen and (min-width : 768px) {
	#servicios li{
	width:18%;
	margin-left:0%;
	margin-right:1%;
}
}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
}
.contenedor_imagenes {
   width: 100%;
   height:400px;
   overflow: hidden;
   position: relative;
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center;
   border:solid 4px #FAE300;
}
.overlay_imagenes
{
   width:100%;
   height:294px;
   position:absolute;
   background-image: url(../img/sobre-imagen.png);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center;
   transition: all linear 0.3s;
   bottom:0;
   margin-bottom:-80px;
   text-align:center;
   cursor:pointer;
   opacity:0.8;
}
.imagen1
{
   background-image:url(../img/servicio-01.jpg);
}
.imagen2
{
   background-image:url(../img/servicio-02.jpg);
}
.imagen3
{
   background-image:url(../img/servicio-03.jpg);
}
.imagen4
{
   background-image:url(../img/servicio-04.jpg);
}
.imagen5
{
   background-image:url(../img/servicio-05.jpg);
}
.imagen6
{
   background-image:url(../img/servicio-06.jpg);
}
.imagen7
{
   background-image:url(../img/servicio-07.jpg);
}
.imagen8
{
   background-image:url(../img/servicio-08.jpg);
}
.imagen9
{
   background-image:url(../img/servicio-09.jpg);
}
.imagen10
{
   background-image:url(../img/servicio-10.jpg);
}
.imagen11
{
   background-image:url(../img/img-serv11.jpg);
}
.imagen12
{
   background-image:url(../img/img-serv12.jpg);
}
.imagen13
{
   background-image:url(../img/img-serv13.jpg);
}
.imagen14
{
   background-image:url(../img/img-serv14.jpg);
}
.imagen15
{
   background-image:url(../img/img-serv15.jpg);
}
.img-circle{
	border:solid 10px #ffe300;
	}

.text_imagenes
{
   margin-top:170px;
   transition: all linear 0.3s;
   display:block;
   color:#fff;
   text-decoration:none;
}
.overlay_imagenes:hover
{
   margin-bottom:0px;
}
.overlay_imagenes:hover .text_imagenes
{
   font-size:1.5em;
   margin-top:195px;
}
.mapa
{
	width:100%;
    min-height:325px;
}
.fondo-serv
{
	background-color: #e8e8e8;
	padding: 50px;
}
.fondo-instalaciones
{
	background-color: #e8e8e8;
	margin-top: 50px;
	margin-bottom: 50px;
}

.logo-contacto
{
	width: 50%;
	height: auto;
}
.social-01, .social-02
{
	width: 100%;
	height: auto;
}
.social-02
{
	margin-left: 20px;
}
/* ------------------------------------------------/IMAGENES------------------------------------------------ */

@media only screen and (max-width : 414px) {
	.imagen-portada{
		width: 100%;
		height: auto !important;
		size: cover;
	}
	.logo-contacto
	{
		width: 50%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
}
@media only screen and (min-width : 768px) {
}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
}