html {
	margin: 0;
	padding: 0;
	display: block;
}



body {
  background: #eaeaea;
  background:url(fnd.jpg);
  background-position:center;
  background-size:cover;
	background-attachment: fixed;
  margin:0px;
  padding:0px;
  color: #666666;
  font-size: 17px;
  font-family: 'Josefin Sans', sans-serif;
}



div#wrapper {
	width:100%; 
	margin:0px auto;
	text-align:center;
}



a:link {
	color: #d00000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #d00000;
}
a:hover {
	text-decoration: none;
	color: #4472C4;
}
a:active {
	text-decoration: none;
	color: #4472C4;
}


h1, h2, h3, h4, h5 {
    margin:0px;
    padding:0px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
}

h1 {
    font-size:20px;
    color: #000000;
	font-family: 'Oswald', sans-serif;
}

h2 {
    font-size:18px;
    color: #4472C4;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}



.wrapper-in {
	display: inline-block;
	border-radius: 15px!important;
	background: #FFFFFF;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 600px;
	overflow: hidden;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}



.f100 {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
}



#f100-mob {
	display:none;
}
@media screen and (max-width: 480px) {
  #f100-mob {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
  }
}




#f100-desk {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
}
@media screen and (max-width: 480px) {
  #f100-desk {
	display:none;
  }
}

.fb-link {
    position: fixed;
	bottom: 10px;
    left: 10px;
	transition: 0.3s;
	z-index: 999999999;
	width: 100px;
	text-align: center;
}
.fb-link:hover {
	transform: translateY(-10px);
}

.btn {
    display: inline-block;
    margin: 3px;
    padding: 3px;
    width: 22%;
    min-width: 150px;
    color:#ffffff;
	font-family: 'Oswald', sans-serif;
    font-size: 25px;
    border-radius:5px;
	border: solid 1px #ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,2c2c2c+50,000000+51,2b2b2b+75,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #2c2c2c 50%, #000000 51%, #2b2b2b 75%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 50%,#000000 51%,#2b2b2b 75%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#2c2c2c 50%,#000000 51%,#2b2b2b 75%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}
.btn:hover {
	background: #ffffff;
    color: #000000;
	border: solid 1px #ffffff;
}
.btn:active {
    color: #ffffff;
	border: solid 1px #d00000;
}
.btn:visited {
    color:#FFFFFF;
}



.btn2 {
	display: inline-block;
	padding: 5px;
	margin: 3px;
	background: #d00000;
	color: #ffffff;
	font-weight: bold;
	padding-right:10px;
	padding-left:10px;
	border-radius:5px;
}
.btn2:hover {
	background: #4472C4;
}





.blk {
	display:inline-block;
	width:auto;
	margin:0px;
	padding:0px;
	text-align:center;
	vertical-align:top;
}




.txt-blk {
    display:inline-block;
    margin: 10px;
    padding: 10px;
    vertical-align: top;
}


.serv1 {
	display: inline-block;
	width: 240px;
	margin: 10px;
	vertical-align: top;
	-webkit-animation: mymove1 2s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove1 2s infinite;
	transition: 0.5s;
}
.serv1:hover {
	transform: scale(1.1);
}

.serv2 {
	display: inline-block;
	width: 90%;
	border: solid 5px #4472C4;
	border-radius: 50%;
	background: #4472C4;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}


.top-blk {
	display: inline-block;
	width: 80%;
	margin-top:40px;
	border-top:solid 5px #000;
	border-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}

.tres-servs {
	display:inline-block;
	width: 33%;
	margin: 0px;
}



.ttl1 {
    font-size:20px;
    color: #000000;
	font-family: 'Oswald', sans-serif;
}


.ttl2 {
    font-size:30px;
    color: #000000;
	font-family: 'Oswald', sans-serif;
}


.img-serv {
	float: left;
	border:solid 1px #888888;
	margin:0px;
	margin-right:7px;
	margin-bottom:7px;
	width: 30%;
	min-width:115px;
	transition-duration: 0.3s;
}
.img-serv:hover {
	transform: scale(1.2) translateX(10px) translateY(-10px);
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	
}

.serv-blk {
	display:inline-block; width: 43%; padding: 10px; margin:5px; text-align: left; min-width:170px; background:#ffffff; vertical-align: top; box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}


.galleria-container {
	display:inline-block;
	width:80%;
	text-align:center;
	vertical-align:middle;
	background:#ffffff;
	 box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}

.cliente {
	display: inline-block;
	width: 20%;
	min-width: 180px;
	background: #ffffff;
	margin: 10px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	border: solid 5px #ffffff;
	transition-duration: 0.3s;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}

.cliente:hover {
	transform: scale(1.1);
}







.shake {
	display:inline-block
}
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 0px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -1px) rotate(-1deg); }
	20% { -webkit-transform: translate(-2px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 1px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-2px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -1px) rotate(-1deg); }
}
.shake,
.shake:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}