/*
Notes

Alternative background colors: #CCC

Mozilla and Internet Explorer mix up "margin" and "padding" values for "ul" indents, so I used both.

*/

/*
General
*/
.float{
	display:inline;
	float:left;
	}

.overflow{
	overflow:auto;
	width:500px; /* For horizontal scroll on wide image. Width of images is 500px */
	}

/*
Body and Structure
*/
body {
	background-color:#B0AAA3;
	}

#container{
	width:795px;
	margin:0 auto;
	padding:15px;
	background-color:#FFF;
	}

#left{
	width:220px;
	float:left;
	background-color:#FFF;
	}

#center_bar {
	width:20px;
	height:460px;
	margin-top:220px;
	background-image:url(../img/misc/bar.gif);
	background-repeat: repeat-y;
	float:left;
	display:inline;
	}

#right{
	width:auto;
	float:left;
	background-color:#FFF;
	}

#footer {
	clear:both;
	height:5px;
	}

/*
Menu
*/
#logo {
	width:220px;
	height:220px;
	}

#menu_principal {
	width:200px;
	padding:10px 10px 20px 10px;
	background-color:#67532e;
	color: #FFF;
	}

#menu_proyectos {
	width:200px;
	padding:10px 10px 20px 10px;
	background-color:#94815c;
	color: #FFF;
	float:left;
	display:inline;
	}

#left ul {
	margin:0px;
	padding:0px;
	text-indent:0;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:19px;
	list-style-type:none;
	}

.title {
	margin:5px 0px 0px 0px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:21px;
	line-height:24px;
	}

.description {
	margin:0px 0px 10px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:13px;
	}

/*
Main
*/
#top{
	width:510px;
	height:220px;
	margin:0px;
	padding:0px;
	background-color:#FFF;
	}

#warning1{
	width:500px;
	height:100px;
	padding:0px;
	margin: 0px 0px 0px 50px;
	background-image:url(../img/misc/warning1.jpg);
	background-position:0px;
	background-repeat:no-repeat;
	}

#warning1 p{
	margin:0px;
	border-top: #FFF 1px solid;
	padding:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	font-style:italic;
	color:#300;
	}

#warning2{
	width:500px;
	height:60px;
	margin:10px 0px 0px 50px;
	background-image:url(../img/misc/warning2.jpg);
	background-position:0px;
	background-repeat:repeat-y;
	}

#warning2 p{
	margin:0px;
	padding:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	color:#FFF;
	}

#project_menu{
	padding:10px 10px 20px 10px;
	margin:0px 15px 0px 30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#C30;
	background-color:#D8D4CD;
	}

#project_title{
	margin:0px 0px 0px 0px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:17px;
	line-height:17px;
	color:#333;
	}

#horizontal{
	height:1px;
	background-image:url(../img/misc/pixel_gris.gif);
	background-repeat: repeat-x;
	margin-top:5px;
	margin-bottom:5px;
	}

#project_sections{
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#333;
	}

#project_sections h1{
	margin:0px 4px 0px 0px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	display:inline;
	}

#main{
	width:500px;
	margin:0px 0px 0px 50px;
	padding:0px;
	background-color:#FFF;
	float:left;
	}

#main h1{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:medium;
	line-height:inherit;
	color:#333;
	}

#main h2{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:small;
	line-height:inherit;
	text-transform:uppercase;
	color:#666;
	}

#main p{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:smaller;
	line-height:inherit;
	}

#main .special{
	text-transform:uppercase;
	color:#F30;
	}

#main .anotacion{
	margin: 10px 0px 10px 50px;
	color:#C60;
	font-style:italic;
	}

#main .pie_foto{
	padding:3px;
	text-align:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-style:italic;
	line-height:inherit;
	color:#666;
	border-bottom: 1px solid #CCC;
	}

#main ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

#main li{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:inherit;
	font-weight:normal;
	text-transform:none;
	list-style-position: inside;
	list-style-type:square;
	}

#main strong{
	color:#333;
	}

#main .table_1{
	width:100%;
	margin:0px 0px 10px 0px;
	background-color:#E9E9E9;
	border-collapse:collapse;
	caption-side:top;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:inherit;
	}

#main caption{
	text-align:left;
	padding-bottom:5px;
	border-bottom: 1px solid #999;
	margin-bottom:10px;
	color:#333;
	}

#main td{
	margin:0px;
	padding:5px;
	vertical-align:top;
	border:solid 1px #999;
	}

td .left{
	background-color:#FFF;
	}

#main .column_1{
	width:100%;
	display:inline;
	float:left;
	}

#main .column_2{
	width:50%;
	display:inline;
	float:left;
	}


/*	
Links
*/

#menu_principal a{ 
	color:#FFF;
	text-decoration:none;
	}

#menu_principal a:hover{
	text-decoration:none;
	color:#F63;
	background-color:#630;
	}

#menu_proyectos a{ 
	color:#FFF;
	text-decoration:none;
	}

#menu_proyectos a:hover{
	text-decoration:none;
	color:#F63;
	background-color:#630;
	}

#right #warning1 a{ 
	text-decoration:underline;
	color:#300;
	}

#right #warning1 a:hover{
	text-decoration:none;
	color:#F60;
	background-color:FFF;
	}

#right #warning2 a{ 
	text-decoration:underline;
	color:#FFF;
	}

#right #warning2 a:hover{
	text-decoration:none;
	color:#F60;
	background-color:FFF;
	}

#right a{ 
	color:#F60;
	text-decoration:none;
	}

#right a:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#630;
	}

#right #project_sections a{
	color:#333;
	text-decoration:none;
	}

#right #project_sections a:hover{
	text-decoration:none;
	color:#F63;
	background-color:#933;
	}

a img {
	border:none;
	}