html { overflow:hidden; }
body {
  color: #333;
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  
}
p,
ul {
  margin: 0;
  padding: 0;
}
p {
  margin-bottom: 20px;
}
#nav {
   background:url(../images/bg-bottom.png) repeat-x bottom;
  left: 0;
  list-style: none;
  overflow: hidden;
  position: fixed;
  right: 0;
  text-align: center;
  bottom: 0;
  height:75px;
  padding-top:20px;
  font-family: 'FolksRegular';
}
#nav li {
  display: inline-block;
}
#nav a {
  color: #00AFDB;
  display: block;
  font-size: 18px;
  padding: 5px 10px;
  text-decoration: none;

}
#nav a:hover {
  color: #02A2C6;
}
#nav .current a {
  /*background: #fff;*/
  color: #02A2C6;
}
.current {
	font-weight:bold;
}
.container {
	margin: 0 auto;
	width: 950px;
	min-height:650px;
}
.section {
  border-bottom: 5px solid #ccc;
  padding: 20px;
}
.section p:last-child {
  margin-bottom: 0;
}

.logo{
	margin-right:150px;
}


.section1 {
  padding: 20px;
  background:url(../images/bg1.jpg) #A89197;
  
}

.section2 {
 
  padding: 20px;
  background:url(../images/bg2.jpg) #A89197;
}

.section3 {
  padding: 20px;
  background:url(../images/bg3.jpg) #A89197;
}

.section4 {
  padding: 20px;
  background:url(../images/bg4.jpg) #A89197;
}

#social{
	position:fixed;
	right:0;
	width:127px;
	height:600px;
}

.col-l{
	width:340px;
	float:left;
	margin-right: 10px;
}

.col-r{
	width:590px;
	float:left;
}

.clear{
	clear:both;
}

.marginauto{
	margin:auto;
}

.floatleft{
	float:left;
}

img{
/*	min-width:30%;
*/}

.hola{
	float:left;
	margin:100px 10px 10px 0px;
	width:150px;
}
	
.holatxt{
	float:left; 
	margin:150px 0px 160px 0px;
	width:307px;
}

.skills{
	float:right;
	margin:10px;
}

.skillstxt{
	float:left;
	margin:100px 10px 10px 10px;
}

.portafolio{
	float:right;
	margin:80px 0px 10px 10px;
}

.portafoliotxt{
		float:left;
		margin:10px; 
}

.contacto{
	float:right;
	margin:100px 10px 10px 10px;
}

.contactotxt{
	float:left;
	margin:100px 10px 30px 0px;
}

.contactotexto{
	color:#FFF;
	font-family: 'FolksRegular';
	font-size:17px;
}

.contactotexto a:link{
	text-decoration:none;
	font-weight:bold;
	color:#BDEBEF;
}

.contactotexto a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#BDEBEF;
}

.contactotexto a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#BDEBEF;
}

.campos{
	border:1px dashed #e9e9e9;
	color:#FFF;
	background:none;
}

.button{
  color:#B1ECEF;
  height:26px;
  width:62px;
  border:0;
  margin:0;
  font-size:15px;
  background:#00A4C4;
  border:1px solid #B1ECEF;
	  font-family: 'FolksRegular';

}


.button:hover{
background:#00A6C7;
cursor:pointer;
border:1px solid #B1ECEF;

}
	
	
.skillstext{
	color:#FFF;
	font-family: 'FolksRegular';
	font-size:15px;
	margin-left: 10px;
}


.portafolioimg{
	border:1px solid #71535E;
	float:left;
	margin: 8px;
	padding: 4px;
	background: #EAE8E9;
}