@import url('https://fonts.googleapis.com/css?family=Raleway');
/*font-family: 'Raleway', sans-serif;*/

body{
	background-image:url(../image/background.jpg);
	
	}


.mt10{
	margin-top:10px;}
.mt20{
	margin-top:20px;}
.mt30{
	margin-top:30px;}
.mt40{
	margin-top:40px;}
	
.mb10{
	margin-bottom:10px;}
.mb20{
	margin-bottom:20px;}
.mb30{
	margin-bottom:30px;}
.mb40{
	margin-bottom:40px;}

.bg-top{
	background: rgba(99,99,99,1);
background: -moz-linear-gradient(-45deg, rgba(99,99,99,1) 0%, rgba(123,123,123,1) 40%, rgba(123,123,123,1) 50%, rgba(123,123,123,1) 60%, rgba(55,55,55,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(99,99,99,1)), color-stop(40%, rgba(123,123,123,1)), color-stop(50%, rgba(123,123,123,1)), color-stop(60%, rgba(123,123,123,1)), color-stop(100%, rgba(55,55,55,1)));
background: -webkit-linear-gradient(-45deg, rgba(99,99,99,1) 0%, rgba(123,123,123,1) 40%, rgba(123,123,123,1) 50%, rgba(123,123,123,1) 60%, rgba(55,55,55,1) 100%);
background: -o-linear-gradient(-45deg, rgba(99,99,99,1) 0%, rgba(123,123,123,1) 40%, rgba(123,123,123,1) 50%, rgba(123,123,123,1) 60%, rgba(55,55,55,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(99,99,99,1) 0%, rgba(123,123,123,1) 40%, rgba(123,123,123,1) 50%, rgba(123,123,123,1) 60%, rgba(55,55,55,1) 100%);
background: linear-gradient(135deg, rgba(99,99,99,1) 0%, rgba(123,123,123,1) 40%, rgba(123,123,123,1) 50%, rgba(123,123,123,1) 60%, rgba(55,55,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#373737', GradientType=1 );
background-size:100% 100%;
	background-position:top center;
	}

	
.logo img{
	width:100%;
	max-width:347px;
	margin-top:10px;}
	
	
.logo2 img{
	width:100%;
	max-width:247px;
	margin-top:10px;
	margin-bottom:-3px;}

/* //////////////////////////////////// Menu */

.navbar-default{
	background-color:transparent;
	border-color:transparent;
	}
	
.mainnav{
		float:right;}
		
.navbar-default .navbar-nav > li > a{
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	color:#000;
	float:left;
	width: 100%;
	text-align:left;
	background-color:#ffd400;
	height:46px;
	}
	
.navbar-default .navbar-nav > li > a:hover{
	background-color:#ffd400;
	color:#666;
	}

.navbar{
	float:right;
	margin-bottom: 0px;
	}
	


.navbar-toggle .icon-bar {
			width: 22px;
			transition: all 0.2s;
			-webkit-transition: all 0.2s;
			}
			.navbar-default .navbar-toggle {
			position:relative;
			padding-top:10px;
			z-index:100
			}
			.navbar-toggle .top-bar {
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform-origin: 10% 10%;
			-webkit-transform-origin: 10% 10%;
			}
			.navbar-toggle .middle-bar {
			opacity: 0;
			}
			.navbar-toggle .bottom-bar {
			transform: rotate(-45deg);
			transform-origin: 10% 90%;
			-webkit-transform: rotate(-45deg);
			-webkit-transform-origin: 10% 90%;
			}
			.navbar-toggle.collapsed .top-bar {
			transform: rotate(0);
			-webkit-transform: rotate(0);
			}
			.navbar-toggle.collapsed .middle-bar {
			opacity: 1;
			}
			.navbar-toggle.collapsed .bottom-bar {
			transform: rotate(0);
			-webkit-transform: rotate(0);
			}
			
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color:#ffd400;
	color:#666;}
	
.dropdown-menu{
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	color:#000;
	background-color:#ffd400;
	margin-left:-20px;}
	
.dropdown-menu > li > a{height:30px;}
.dropdown-menu > li > a:hover{
	background-color:#ffd400;
	color:#666;}
	
.navbar-default .navbar-nav .open .dropdown-menu > li > a{background-color:#ffd400;
	color:#000;height:30px; text-align:center; padding-top:8px; padding-bottom:8px;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background-color:#e3bd00;color:#000;}

.navbar-nav {
    margin: 7.5px 0px;
}

/* //////////////////////////////////////////////////////// Fin menu */
.maquinas{
	text-align:center;
	margin-bottom:-10px;
	vertical-align:bottom;
	height:100%;
	margin-top: 60px;
	/*animation: animacion 3s ease-in-out;
	transition: all 1.5s linear;*/
	}

@-webkit-keyframes animacion 
{
	
/*from {left:-200px;}
to {left:0px;}*/
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        transform: translateX(-400px); 
    } 
    60% { 
       
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateX(0); 
    } 
} 

.bounceInLeft{ 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}

.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

.maquinas img{
	width:100%;
	max-width:623px;
	}

.imagen-nosotros img{width:100%;
	max-width:509px;}

.bg-amarillo{
	margin-bottom:-40px;}
	
.bg-amarillo img{
	width:100%;
	/*max-width:522px;*/
	
	}
	
.amarillo{
	margin-top:40px;
	margin-left:-30px;
	
	}
	

	
.galeria-home img{
	width:100%;
	
	}
	
.especial-fotografo{
	margin-top:30px;
	text-align:center;
	}

.especial-fotografo img{
	width:100%;
	max-width:992px;
	}
	
.footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-align:left;
	text-decoration:none;
	}

.titulo-pie{
	font-family: 'Raleway', sans-serif;
	font-size:30px;
	color:#ffd400;}
	
hr{
	outline-color:#ffd400;
	border-color:#ffd400;
	margin-top: 0;
	}
	
	
.campos, .campos_comentarios{
	width:100%;
	background-color:#ebebeb;	
	
	}
	
.contenedor{
	height:35px;
	margin-bottom:10px;
	
	}
	
input{
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:100%;
	height:30px;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin-top:2px;
	margin-left:2px;
	border:0px;
}

textarea{
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:100%;
	height:142px;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin-top:2px;
	margin-left:2px;
	border:0px;
	}

.contenedortextarea{
	height:146px;
	}

.textocampo{
	padding-top:3px;
	font-size:16px;
	}
	
.btn_enviar{
	position:relative;
	float:right;
	width:130px;
	height:27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	background-color:#000;
	margin-top:8px;
	cursor:pointer;
	padding-top:3px;
	
}	

/* ////////////////////////////////////////////// TRABAJOS */

.button {
  display: inline-block;
  padding: 0.3em 0.5em;
  border-radius: 4px;
  background: #000;
  font-family: sans-serif;
  font-size: 14px;
  cursor: pointer;
  border: 0px solid #000000;
  margin: 5px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  color:#FFF;
}

.button:hover {
  background-color:#ffd400;
  color:#000;
}

.button:active,
.button.is-checked {
  background-color: #ffd400;
  outline: none;
  color:#000;
}

.button-group {
  margin: 20px 0;
  text-align: center;
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

#cargador{
	width:100%;
	text-align:center;
	margin-top:50px;
	margin-bottom:100px;
	
	}


#container img {
  vertical-align: middle;
  display: inline-block;
}


.img-responsive {
  display: block;
  max-width: 100%;
  vertical-align: baseline;

}

.grid article {
  background-color: #FFFFFF;
  display: block;
  float: left;
  margin: 1%;
  width: 23%;
  vertical-align: baseline;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.effect-apollo {
	overflow: hidden;
}

.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(3,5,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(3,5,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.animate img{
	transition-duration: 3s;
	-webkit-transition: transform 3s ease-out;
  -moz-transition: transform 3s ease-out;
  -o-transition: transform 3s ease-out;
  transition: transform 3s ease-out;
	 transition: transform 3s;
	 
}

.effect-apollo:hover img {
	opacity: 0.6;
	transform: scale(1.1);
	transition-duration: 1s;
}

.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

@media (max-width: 1024px) {
  .grid article {
    width: 31.3%;
  }
  .icono-servicios{
	  text-align:center;
	  }
}

@media (max-width: 950px) {
  .grid article {
    width: 31.3%;
  }
  .icono-servicios{
	  text-align:center;
	  }
	  
	
}

@media (max-width: 767px) {
  .grid article {
    width: 48%;
  }
}

@media (max-width: 479px) {
  .grid article {
    margin: 2% 0;
    width: 100%;
  }
}


/* ////////////////////////////////////////////////////////// FIN TRABAJOS */


.icono-servicios{
	width:100%;
	text-align:center;}
	
@media screen and (max-width: 500px){}


@media screen and (max-width: 767px){
	.barras img{display:none;}}
		 

@media (min-width: 768px){}

@media (max-width: 768px){.btn_enviar{
	width:80px;
	font-size:12px;
	padding-top:5px;
	height:25px;
	}}
@media (min-width: 320px){.container {margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}}
@media (max-width: 320px){.sevicios{text-align:left;}}


/* =Main Content
--------------------------------------------------------------------------------------------------------*/