html, body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    }

body {
    font: 100% Georgia, serif;
	background-color: #ffffff;
    color: #333333;
	}

p {

	line-height: 150%;
	margin: 0px 0px 0px 6px;
    }

h1 {
    color: #C00;
	text-shadow: #000 1px 1px 2px;
    }

#container {
    background-color: #999999;
    width: 770px;
    margin:0 auto 0 auto;		
    }



 a {
	font-size : 9px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : lighter;
	vertical-align : top;
	text-decoration : none;
	color: Black;
}

#top { 
	width: 770px; 
 	height:134px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : lighter;
	color : White;
	/*background-color: Navy;	*/
}
#linkcontainer{
	width: 770px; 
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: Maroon;*/
}
#links {
	width: 80%;
	height: 20px;
	font-size : 9px;
	text-transform: uppercase;
	padding: 8px 8px 2px 0px;
	margin: 0px 12px 0px 0px;
	text-align: right;
	color: #D5D2D6;
	border-color: #FF9C27;
	
	float: right;
} 

#links a {
  color: #D5D2D6;
  border-color: #787878;
 font-size: 10px;
  text-transform: uppercase;
	
}

#lineunderlink {
	width: 770px; 
	height: 6px;
	
	background-color: #FF972F;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*line-height:4px;*/
}
.orangeline {
	width: 770px; 
	height: 2px;
	background-color: #FF972F;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:2px;

}

.linkblue {
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
}

#lineunderlink2 {
	width: 770px; 
	height: 6px;
	background-color: #FF972F;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	/*line-height:4px;*/
}
#logo {
	width: 768px;
	height:122px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : lighter;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	border-left: thin solid #999999;
	border-left-width: 1px;
	border-right: thin solid #999999;
	border-right-width: 1px;
	background-image : url(../img/degradado.jpg);
	background-position : left;
	background-repeat : no-repeat;
}

#menu
{ 
  height: 30px;
  width: 770px;
  margin-top: -30px;
  
  position: relative;
  background: transparent;
  color: #D5D2D6;
 /* background-color: Fuchsia;*/
}

#menu ul {
margin-bottom: 0px;
margin-right: auto;
margin-top: 0px;
margin-left: -33px;
} 

#menu li
{ float: left; 
  margin: 0px 5px 0px 0px; 
  padding: 0px 0px 0px 0px;
  list-style: none;
} 

#menu li a 
{ 
  display: block; 
  float: left; 
  height: 20px;
  text-decoration: none; 
  padding: 6px 19px 2px 19px;
  border: 1px solid;
  text-transform: uppercase;
 font-size: 10px;
 background: #545454;
  color: #D5D2D6;
  border-color: #787878;
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ height: 20px;
  padding: 7px 20px 2px 20px;
  border: 0px;
 background-color: #FF972F;
  color: #FFF;
} 


#maincontent {
	width: 770px;
	height: 434px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : lighter;
	color : White;
	text-decoration : none;
	vertical-align: top;
	background-repeat : no-repeat;
	background-position : right;
	background-image : url(../img/fondo007.gif);
}

#maincontent span{
	text-decoration : none;
	margin: 0px 6px 6px 10px;
}

#maincontentportafolio {
	width: 770px;
	height: 434px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : lighter;
	color : White;
	text-decoration : none;
	vertical-align: top;
}

#maincontentportafolio span{
	text-decoration : none;
	margin: 0px 6px 6px 10px;
}

#foot {
	width: 770px;
	height:20px;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : lighter;
	color : White;
	vertical-align : top;
	margin : 0px 0px 0px 0px;
	position:relative;
}
#foot a {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : lighter;
	color : White;
	vertical-align : top;
	margin : 0px 0px 0px 20px;
}

#colu1{
	width: 35px;
	float: left;
	
}
#colu2{
	width: 206px;
	float: left;
	vertical-align: top;
	
}
#colu3{
	width: 40px;
	float: left;

}
#colu4{
	width: 206px;
	float: left;
	vertical-align: top;

}
#colu5{
	width: 40px;
	float: left;
	
}
#colu6{
	width: 206px;
	float: left;
	vertical-align: top;
	
}
#colu7{
	width: 35px;
	float: left;
	
}
.titel {
	width: 100%;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	margin: 4px 0px 8px 0px;
}
.titel span {
	text-align: left;
	font-size: 8px;
	font-weight: bold;
	color: Black;
}
.foto {
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: Black;
	margin: 0px 0px 6px 0px;
	height: 132px;
	
}
.foto img {
	background-color : #FFAA42;
	margin: 0px 0px 0px 0px;
	
}
.foto a {
	margin: 0px 0px 0px 6px;
	/*
	background: url(../img/arr-sq-r-black.gif);
	background-repeat : no-repeat;
	background-position : top;
	*/
}
.text {
	width: 100%;
	height: 38px;
	text-align: justify;
	font-size: 9px;
	font-weight: lighter;
	color: Black;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
.weblink {
	width: 100%;
	text-align: left;
	font-size: 9px;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
	color: Black;
}
.weblink a {
text-decoration: underline;

}
.col3{
	width: 234px;
	margin: 0px 6px 18px 9px;
	border-color: #FFFFFF;
	float: left;
	text-align: left;
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : lighter;
	color : Black;
	vertical-align : top;
	text-decoration : none;
}
.year {
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: left;
	font-size: 8px;
	font-weight: bold;
	color: White;
}
.projectname {
	margin: 0px 0px 6px 10px;
	float: left;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: Black;
}
.mailmessage
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #FF9C27;
	vertical-align : top;
	text-decoration : none;
} 
#formu
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 36px 0px 4px 50px;
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #5B575B;
	vertical-align : top;
	text-decoration : none;
} 
#contactdetalles
{
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 36px 55px 0px 20px;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #5B575B;
	vertical-align : top;
	text-decoration : none;
}
#contactdetalles span
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size : 13px;
	font-family : "Comic Sans MS";
	font-weight : bold;
	color : #ffffff;
	vertical-align : top;
	text-decoration : none;
}  
#formu input
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : lighter;
	color : #FD8B00;
	vertical-align : top;
	text-decoration : none;
	
} 
#formu textarea
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : lighter;
	color : #FD8B00;
	vertical-align : top;
	text-decoration : none;
} 
#iniciogris
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 12px;	
} 

#iniciodetalles
{
	float: left;
	width: 482px;
	height: 390px;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color: #FFFFFF;
	vertical-align : top;
	text-decoration : none;
	text-align: justify;
} 
#iniciodetalles span
{
	color: #5B575B;
	font-size : 10px;
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 0px;
	font-weight : bold;
	vertical-align : top;
}
.naranja {
	color: #FF9C27;
	font-size : 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
}
.clearergris {
	clear:both;
	font-size:8px;
	line-height:8px;
	background-color: #696569;
}
.clearergrisfina {
	clear:both;
	font-size:1px;
	line-height:1px;
	background-color: #696569;
}
.clearerorange {
	clear:both;
	font-size:8px;
	line-height:8px;
	background-color: #FF9C27;
}
.clearer { clear:both;font-size:1px;line-height:1px;}
.clearerdoble {
	clear: both;
	line-height:9px;
	width: 100%;
	height: 9px;
}