*{
	margin:0;
	padding:0;
}
div.spacer {
	clear: both;
	height: 0px;
}

body, td, th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
h2 {
	font-size: 16px;
	color: #4B7521;
}
p {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333333;
}
a {
	color: #8BC43F;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #4B7521;
}
#container {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
#head {
	background-color: #CCCCCC;
	height: 125px;
	width: 820px;
	background-image: url(../img/head.gif);
	background-repeat: no-repeat;
}
#head h1 span {
	display: none;
}
#langs {
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
}

#projects {
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
}
#projects .project {
	float: left;
	width: 400px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
}
#projects .even {
	margin-right: 0;
}
#projects .txt {
	float: left;
	width: 185px;
}
#projects .img {
	height: 148px;
	width: 198px;
	border: 1px solid #B0B0B0;
	float: left;
	margin-right: 10px;
}
#projects .img a span {
	display: none;
}
#projects .project:hover .img {
	border: 1px solid #4B7521;
}
#pro1 .img a, #pro2 .img a, #pro3 .img a, #pro4 .img a, #pro5 .img a, #pro6 .img a, #pro7 .img a, #pro8 .img a, #pro9 .img a, #pro10 .img a, #pro11 .img a, #pro12 .img a {
	background-repeat: no-repeat;
	width: 198px;
	height: 148px;
	display: block;
}
#pro1 .img a {
	background-image: url(../img/pro1.jpg);
}
#pro1:hover .img a, #pro1 .img a:hover {
	background-image: url(../img/pro1.jpg);
	background-position: 0px -148px;
}
#pro2 .img a {
	background-image: url(../img/pro2.jpg);
}
#pro2:hover .img a, #pro2 .img a:hover {
	background-image: url(../img/pro2.jpg);
	background-position: 0px -148px;
}
#pro3 .img a {
	background-image: url(../img/pro3.jpg);
}
#pro3:hover .img a, #pro3 .img a:hover {
	background-image: url(../img/pro3.jpg);
	background-position: 0px -148px;
}
#pro4 .img a {
	background-image: url(../img/pro4.jpg);
}
#pro4:hover .img a, #pro4 .img a:hover {
	background-image: url(../img/pro4.jpg);
	background-position: 0px -148px;
}
#pro5 .img a {
	background-image: url(../img/pro5.jpg);
}
#pro5:hover .img a, #pro5 .img a:hover {
	background-image: url(../img/pro5.jpg);
	background-position: 0px -148px;
}
#pro6 .img a {
	background-image: url(../img/pro6.jpg);
}
#pro6:hover .img a, #pro6 .img a:hover {
	background-image: url(../img/pro6.jpg);
	background-position: 0px -148px;
}
#pro7 .img a {
	background-image: url(../img/pro7.jpg);
}
#pro7:hover .img a, #pro7 .img a:hover {
	background-image: url(../img/pro7.jpg);
	background-position: 0px -148px;
}
#pro8 .img a {
	background-image: url(../img/pro8.jpg);
}
#pro8:hover .img a, #pro8 .img a:hover {
	background-image: url(../img/pro8.jpg);
	background-position: 0px -148px;
}
#pro9 .img a {
	background-image: url(../img/pro9.jpg);
}
#pro9:hover .img a, #pro9 .img a:hover {
	background-image: url(../img/pro9.jpg);
	background-position: 0px -148px;
}
#pro10 .img a {
	background-image: url(../img/pro10.jpg);
}
#pro10:hover .img a, #pro10 .img a:hover {
	background-image: url(../img/pro10.jpg);
	background-position: 0px -148px;
}
#pro11 .img a {
	background-image: url(../img/pro11.jpg);
}
#pro11:hover .img a, #pro11 .img a:hover {
	background-image: url(../img/pro11.jpg);
	background-position: 0px -148px;
}
#pro12 .img a {
	background-image: url(../img/pro12.jpg);
}
#pro12:hover .img a, #pro12 .img a:hover {
	background-image: url(../img/pro12.jpg);
	background-position: 0px -148px;
}
#clients {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
	padding-top: 5px;
	padding-bottom: 5px;
}
#clients ul {
	list-style-type: none;
}
#clients li span {
	display: none;
}

#clients .lgyahoo {
	background-image: url(../img/yahoo.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 164px;
	float: left;
}
#clients .lgandes {
	background-image: url(../img/andes.jpg);
	height: 80px;
	width: 164px;
	float: left;
}
#clients .lgnacional {
	background-image: url(../img/nacional.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgunilever {
	background-image: url(../img/unilever.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgredbull {
	background-image: url(../img/redbull.jpg);
	height: 80px;
	width: 164px;
	float: left;
}
#clients .lgbayer {
	background-image: url(../img/bayer.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgduo {
	background-image: url(../img/duo.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgbadia {
	background-image: url(../img/badia.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgaxe {
	background-image: url(../img/axe.jpg);
	height: 80px;
	width: 164px;
	float: left;
}
#clients .lglowe {
	background-image: url(../img/lowe.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgquejese {
	background-image: url(../img/quejese.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgeje {
	background-image: url(../img/eje.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgochoymedio {
	background-image: url(../img/ochoymedio.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgsocorrecords {
	background-image: url(../img/socorrecords.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#clients .lgfotohappy {
	background-image: url(../img/fotoh.jpg);
	float: left;
	height: 80px;
	width: 164px;
}
#extra {
	padding-top: 20px;
}
#complement {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0B0B0;
	margin-top: 20px;
}
.column {
	float: left;
	width: 240px;
}
.center {
	margin-right: 50px;
	margin-left: 50px;
}
#complement ul {
	list-style-type: none;
	margin-top: 5px;
}
#footer {
	float: left;
	width: 200px;
	margin-top: 50px;
	margin-bottom: 50px;
}