@charset "utf-8";
/* CSS Document */
font-family: 'Roboto', sans-serif;
font-family: 'Lato', sans-serif;

body {
	min-height: 2000px;
	padding-top: 70px;
	font-family: 'Roboto', sans-serif;
}
h2  {
	font-family: 'PT Sans', sans-serif;
	font-size: 36px;
	font-weight: bold;
}
h4 {
	margin-top: 25px;
	font-family: 'PT Sans', sans-serif;
}
[class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
}



hr {
  margin-top: 40px;
  margin-bottom: 40px;
}
.inicio {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 0px;
	background-attachment: scroll;
	background-image: url(../img/bg_inicio2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -20px;
}
.inicio h1 {
	font-size: 60px;
	color: #FFF;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	text-shadow: 2px 2px 0 #333;
	margin-top: 50px;
	margin-bottom: 70px;
}
.inicio .big_btn {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #FFF;
	border: 5px solid #FFF;
	text-shadow: 1px 1px 0 #333;
	-webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,0.4);
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.4);
	width: 300px;
	max-width: 300px;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
.inicio #servicios {
	color: #FFF;
	text-shadow: 1px 1px 0 #333;
	background-color: rgba(0, 0, 0, 0.6);
	margin: 0px;
}
.inicio #servicios p {
	text-align: justify;
	margin-top: 20px;
}
.perfil {
	background-color: #020202;
	color: #FFF;
	padding-top: 50px;
	padding-bottom: 70px;
}

.perfil img {
	-webkit-border-radius: 150px;
	border-radius: 150px;
}
.perfil p {
}

.fotos .col-md-3 {
}

.perfil p {
	text-align: justify;
	letter-spacing: 2px;
	font-size: 15px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
}
.audio {
	background-attachment: fixed;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.audio .baja_demo {
	padding-top: 110px;
}
.videos {
	color: #FFF;
	background-color: #42c5be;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 80px;
	padding-left: 0px;
}
.fotos {
	background-image: url(../images/bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.fotos .col-md-3 {
	background-color: #CCC;
	height: 150px;
	border: thin solid #000;
	margin-bottom: 50px;
}
.contacto form input {
	font-size: 16px;
	color: #999;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	height: 30px;
	width: 100%;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: none;
	border-right-width: 2px;
	border-right-color: #999;
}
.contacto form textarea {
	height: 160px;
	width: 100%;
	margin-bottom: 15px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #999;
	border-bottom-color: #999;
	font-size: 16px;
}

.foot {
	font-family: 'Lato', sans-serif;
	color: #FFF;
	background-color: #222;
	padding-top:50px;
	padding-bottom:50px;
}

.container .gallery a img {
  float: left;
  width: 40%;
  height: 40%;
  height: auto;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}
@media (max-width: 768px) {
	#servicios h3  {
		font-size: 12px;
		font-weight:bold;
	}
}
@media (min-width: 768px){
	.videos iframe{
		width:480px;
		height:350px;	
	}
}