/* CSS Document */
html {
	min-width: 720px;
	height: 100%;
}

body{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	color: #333333;
}

#header_area
{
	width:			702px;
	float:			left;
	margin:			0px;
	border:			0px;
	padding:		0px;
	background-color:#FFFFFF;
}

#menu_area
{	
	width:			702px;
	height:			61px; 
	float:			left;			
	margin:			0px;
	border:			0px;
	padding:		0px;
	background-color:#FFFFFF;
}

#foot_area
{
	width:			650px;
	float:			left;	
	margin:			0px;
	border:			0px;
	padding:		0px;
	background-color:#FFFFFF;
}

#foot_area p, a, ul, li, div{
    font-size: 95%;
    line-height: 80%;
	text-align: center;
}

#only_column
{
	width:			650px;
	min-height: 	200px;
	float:			left;	
	margin:			0px;
	border:			0px;
	padding:		15px 0px 15px 0px;
	background-color:#FFFFFF;	
}

#only_column p, a, ul, li, div{
    font-size: 	12px;
    line-height: 17px;
	text-align: left;
}

#only_column h1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 180%;
    color: #003366;
    text-align: left;
}

#only_column h2{
    color: #003366;
    font-size: 130%;
    text-align: left;
}

#only_column h4, h5, h6 {
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #336699;
    text-align: left;
}

#only_column img{ padding: 20px 25px 38px 0px; float: left; width: relative;}
#only_column object{ padding: 5px 20px 20px 0px; float: left; width: relative;}
#moreProjects{ font-size: 10px; text-align:right; }
#moreProjects a:link { font-size: 10px; color: #0066CC; text-decoration: underline;}
#moreProjects a:visited { font-size: 10px ;color: #006699; text-decoration: underline;}
#moreProjects a:active { font-size: 10px; color: #3399FF; border-bottom: none;}

#graphic_column
{
	float:			left;
	width:			225px;
	min-height: 	200px;
	border:			0px;
	margin:			0px;
	padding:		15px 0px 15px 0px;
	background-color:#FFFFFF;
}

#graphic_column h1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #003366;
    text-align: left;
}

#graphic_column h2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #003366;
    text-align: left;
}

#imageEtText{
    text-align: center;
	font-size: 	11px;
    line-height: 15px;
}

#imageEtText p{
	 font-size: 	11px;
     text-align:  center;
     margin: 2px 0px 2px 0px;
}

#imageEtText a:link { font-size: 	11px; color: #003366; text-decoration: underline;}
#imageEtText a:visited { font-size: 	11px; color: #006699; text-decoration: underline;}
#imageEtText a:active { font-size: 	11px; color: #3399FF; border-bottom: none;}



#main_column
{
	width:			395x;
	min-height: 	200px;
	border:			0px;
	padding:		0px;
	margin:			15px 0px 15px 252px;
	background-color:#FFFFFF;
}

#main_column p, a, ul, li, div{
    font-size: 	12px;
    line-height: 17px;
	text-align: left;
}

#main_column h1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 180%;
    color: #003366;
    text-align: left;
}

#main_column h2{
    color: #003366;
    font-size: 130%;
    text-align: left;
}

#main_column h4, h5, h6 {
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #336699;
    text-align: left;
}

#project li, ul{ list-style-type: none; padding-bottom: 15px; }
#project strong { font-size: 12px;}
#project small { font-size: 11px; }
#project a:link { color: #003366; text-decoration: underline;}
#project a:visited { color: #006699; text-decoration: underline;}
#project a:active { color: #3399FF; border-bottom: none;}


div.content{
	float:		left;
	width:		702px; 
	background-image: url("../BMLimages/izq_line.png"); 
	background-position:left; 
	background-repeat:repeat-y;
}
	
div.control{ 
	float:		right;
	width:		702 px;
	padding:	0px 26px 0px 26px; 
	background-image: url("../BMLimages/der_line.png"); 
	background-position:right; 
	background-repeat:repeat-y; 
}

a:link { color: #0066CC; text-decoration: underline;}
a:visited { color: #006699; text-decoration: underline;}
a:active { color: #3399FF; border-bottom: none;}

a.image:link	{ text-decoration: none; border-bottom: none;}
a.image:visited	{ text-decoration: none; border-bottom: none;}
a.image:active	{ text-decoration: none; border-bottom: none;}
a.image:hover	{ text-decoration: none; border-bottom: none;}

/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img  { \margin-left:-.2em;  ma\rgin-left:0; }