* {

}

html, body {
  height: 100%;
  width: 100%;
    margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
	background-image: url("../img/fondo.jpg");
	
}
#nMenu {
 padding: 0;
 
 }
 
 #dMenu {
	 width: 1200px;
	 background-color: #4b7e1d;
	 height: 40px;
	 margin: 0 auto;
	 margin-top: 20px;
	 
 }
 
 #nMenu ul {
	 margin-top: 0px;
	 padding-top: 0px;
 }

#nMenu li {
 display: inline;
 }

#nMenu li a {
 font-family: Arial;
 font-size: 15px;
 font-weight: bold;
 text-decoration: none;
 float: left;
 padding: 10px;
 padding-left:34px;
 padding-right: 34px;
 background-color: #4b7e1d;
 color: #fff;
 }
 
#hTitle {
	height: 80px;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 2px solid #008ff4;
	box-shadow: 0px 2px 4px #000000;
	
	
}

#iLogo{

	float: left;
	width:100px; 
	height:100px;

}

#hTitle div{
	width: 620px;

	margin: 0 auto;
}

#hTitle h1{
	margin-left: 150px;
margin-top: 0px;
padding-top: 20px;
	font-family: 'Hobo Std';

	font-size:36px;
}

aside {
	width: 260px;
	margin-top:82px;
	margin: 0 auto;
	border: 5px solid #517d04;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	background-color: white;
	
}

aside section header {
	width:100%;
	background-color: #517d04;
	color: white;
	font-weight: bold;
	border-bottom: none;
	box-shadow: none;
	height: 25px;
	padding-top:5px;
	
}

#dMainContent {
	
	width: 1200px;
	margin: 0 auto;
	margin-top: 10px;
	border: 3px solid #f57d02;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.5);
}


#dRightArea{
	
	
	width: 886px;
	box-sizing: border-box;
	float:left;
	background-color: white;
	padding: 20px;
border-left: 1px solid gray;
min-height: 900px;;
}

#dLeftArea{
	width: 307px;
	
	float:left;


	box-sizing: border-box;


}

#iFace{
	
margin-top:20px;
margin-bottom:10px;
}

#iInsta{
	
margin-bottom:20px;
height: 50px;
}

.iDibu{
	display:block;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

#iAbout{
display:block;	
float:right;
width: 300px;
margin-top:10px;

}

#mMain{
	display:block;

	width:515px;
	float:right;
	padding: 10px;
}

.aMenuSelected{
	background-color: #264808 !important;
	border: 1px solid #264808;
}
.iEmpleado{
	display: block;
	float: right;
	
}

.dEmpleado article{
	display: block;
	float: right;
	width: 600px;
	
}

.dEmpleado {
	margin-bottom: 20px;
	overflow: hidden;
}

#tServicios {
	border-spacing: 32px;
}

#tAmigos {
	border-spacing: 32px;
}

#sContact1 {
	width: 300px;
	height: 700px;
	display: block;
float:left;
	
}

#sContact1 div {
	border: 3px solid #008ff4;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 220px;
	height:200px;
margin-bottom:100px;
 text-align: center; 
padding-bottom:20px;
}

#sContact1 div img {
	top:-32px;
	left:30px;
	position: relative;
	width:50px; 
	height:50px;
}

#sContact1 div a {
	font-size: 14px;
	color: black;
	font-weight: bold;

	text-decoration:none;
}

#sContact1 div p {

	font-weight: bold;
	font-size: 14px;

}

#sContact2 {
	width: 440px;
	height: 430px;
display: block;
padding-left: 50px;


	border-left: 2px solid #f57d02;
	float:left;

}

#sContact2 header{
	border: none;
	height: 20px;
	box-shadow: none;	
	margin-bottom: 40px;
	font-size: 18px;
	font-weight: bold;	
}

#sContact2 form{
	font-weight: bold;	
	font-size: 12px;
}

#sContact2 input, textarea{
	border-color: #008ff4; 
}

.button {
	border: none;
	height: 25px;
	background-color: #f57d02;
	color: white;
}

.dMosaico{
	float:left;
	padding:10px;
}


#iWhat{
	vertical-align:middle;
}