body{
 background-color: #ddd09b;
 background-image: url(images/bg_head.jpg);
 background-repeat: repeat-x;
 text-align:center;
 margin: 0 auto;
 
 }
 
 p{
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #030;
 padding: 2px;
 text-align: left;
 margin-top: -5px;
 }
 
h1{
  width: 98%;
  text-align: left;
  font-size: 11px;
  color: #020;
  margin-bottom: 5px;
  margin-left: 3px;
  padding-top: 2px;
  border-top: solid 1px #020;
  border-bottom: solid 1px #020;
  }
  
h2{
  text-align: center;
  font-size: 11px;
  color: #fff;
  margin-bottom:5px;
  }
  
 a{
   color: #030;
   text-decoration: underline;
   }
   
 a:hover{
   color: #060;
   text-decoration: underline;
   }
  
 ul{
	 margin: 0;
	 list-style: none;
 }
 
 li{
	 background-color: #F8FAD1;
	 list-style: none;
	 margin-left: -40px;
	 padding: 5px;

 } 
 
 
 
/* Form */
#contactform {
	width: 255px;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:9px;
}

textarea,input{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#030;
}

textarea{
	height: 77px;
	width: 205px;
	border:none;
	background:transparent url(images/txtarea_bg.gif) no-repeat;
	padding:0.6em 0.5em 0.7em;

}		
			
input{
	height:30px;
	width: 205px;
	background:url(images/input_bg.gif);
	background-repeat: no-repeat;
	border:none;
	padding-left: 8px;

}

#mensaje_formulario {
	width: 205px;
	margin-top: -25px;
	margin-left: 25px;
	font-size:10px;
}

#mensaje_formulario label.error{
	color:#FFF;
}

.btn {
	position: absolute;
	top: 650px;
	color:#FFFFFF;
	height:109px;
	width:84px;
	background-image:url(images/btn.png);
	border: none;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	margin-left: 55px;
	}
 

#header{
 width: 960px;
 background-image: url(images/header.jpg);
 height: 433px;
 margin: 0 auto;
 }
 
 
.share{
	position:absolute;
	margin-top: 45px;
	margin-left: 760px;
 }
 
.centrado{
	width: 960px;
    margin: 0 auto;
	float: right;
}
 
.quienes{
	position: absolute;
	margin-left: 750px;
	background-image: url(images/btn_quienes.jpg);
	float: right;
	width: 129px;
	height: 22px;
	line-height: 14px;
	margin-top: 15px;
}

.blog{
	position: absolute;
	margin-left: 880px;
	background-image: url(images/btn_blog.jpg);
	width: 44px;
	height: 22px;
	line-height: 14px;
	margin-top: 15px;
}
 
#content{
	width: 960px;
	margin: 0 auto;
}

 .main{
  width: 635px;
  float: left;
  margin-right: 15px;
  }

#content_mid{
	width: 640px;
	height: 200px;
	margin-top: 10px; 
}

  .caja{
	  background-color: #F8FAD1;
	  width: 305px;
	  height: 200px;
	  padding: 5px;
	  margin-right: 5px;
	  margin-bottom: 5px;
	  float:left;
  }  
  
 #sidebar{
  width: 285px;
  float: right;
  background-image:url(images/sidebar.jpg);
  background-repeat: no-repeat;
  height: 824px;
  margin-top: -40px;
  }
  
  
  #sidebar p{
	  margin-left: 15px;
	  margin-right: 10px;
	  color:#fff;
	  text-align: left;
	  font-size: 11px;
  }
  
    #sidebar a{
	  color: #ffffbe;
	  font-size: 12px;
  }
  
      #sidebar a:hover{
	  color: #ffffff;
  }
 
  #about{
  margin-top: 550px;
  background-image: url(images/quienes_bg.jpg);
  width: 285px;
  height: 330px;
  }
  
  .capital{
	  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	  font-size:28px;
  }
  
  #about p{
	  color: #dace99;
	  text-align: left;
	  font-size: 12px;
	  padding: 60px 25px 0 15px;
  }

#publicidad{
	margin-left: 15px;
	position: absolute;
	top: 1010px;
	width: 205px;

}

.vimeoBadge { margin-left: 27px; margin-top: 25px; padding: 0; font: normal 11px verdana,sans-serif; float:right; }
.vimeoBadge img { border: 0; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #D3C769; border:none; text-decoration: none; cursor: pointer; }
.vimeoBadge a:hover { color:#F8AF29; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 10px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:100px; line-height:0; border: #D3C769 solid 2px; }
.vimeoBadge .caption { font: normal 10px verdana,sans-serif; overflow:hidden; width:100px; height: 30px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 

/* Social */

#social{
	position: absolute;
	top: 815px;
	margin-left: 42px;
}

.youtube{
	float: left;
	background-image:url(images/youtube.png);
	width: 48px;
	height: 48px;
	border: none;
	margin-right: 20px;
}

.vimeo{
	float: left;
	background-image:url(images/vimeo.png);
	width: 48px;
	height: 48px;
	border: none;
	margin-right: 20px;
}

.daylimotion{
	float: left;
	background-image:url(images/daylimotion.png);
	width: 48px;
	height: 48px;
	border: none;
	margin-right: 20px;
}

.facebook{
	float: left;
	background-image:url(images/facebook.png);
	width: 48px;
	height: 48px;
	border: none;
}

.linkedin{
	float: left;
	background-image:url(images/linkedin.png);
	width: 48px;
	height: 48px;
	border: none;
	margin-right: 20px;
}

.behance{
	float: left;
	background-image:url(images/behance.png);
	width: 48px;
	height: 48px;
	border: none;
	margin-right: 20px;
}
#footer{
	clear:both;
	background-image:url(images/footer_bg.jpg);
	width: 100%;
	margin: 0;
	padding: 0;
}

#footer_info{
	width: 960px;
	background-image:url(images/footer_IMG.jpg);
    background-repeat:no-repeat;
	margin: auto;
	height: 271px;
}

.contacto{
	float:left;
	width: 250px;
}

.logos{
	float: right;
	width: 250px;
	margin-top: 55px;
	text-align:center;
}

#footer_info p{
  text-align: left;
  color: #9dca68;
  padding-top: 80px;
  padding-left: 125px;
  font-size: 11px;
}

#footer_info a{
  color: #9dca69;
}

#footer_info IMG{
	border:none;
}


.separador{
	clear:both;
}