@charset "UTF-8";
/* CSS Document */

html
{
	overflow: auto;
}

body
{
	margin: 0;
	padding: 0;
	background: #000 ;
	font-size: 80%;
	font-family: helvetica, sans-serif;
	color: #DDD;
}

img{
border:none;
}

#containerbase
{
	position: absolute;
	top: 400px;
	left: 0px;
	width: 100%;
	padding-bottom: 40px;
}

#outercontainer
{
	margin-left: -450px;
	position: absolute;
	top: -300px;
	left: 50%;
	
}

#container    
{
	width: 900px;
	height: 600px;
	background: #000;
}

#headercont
{
	width: 870px;
	height: 28px;
	background: none;
	letter-spacing: -1px;
	color: #FFF;
	padding: 0 15px;
	border-bottom: 1px solid #FFFFFF;
}


#maincont
{
	width: 900px;
	height: 525px;
	background: url(../img/bg2.gif) repeat-x #fff;
	
}

#menucont
{ 	
	
	width: 900px;
	height: 75px;
	background:  url(../img/bg1.gif) repeat-x #000;
	border-bottom: 1px solid #ccc;
}

#menucont ul
{
	margin: 0;
	padding: 19px 0 0 5px;
	list-style-type: none;
}

#menucont ul li
{
	display: inline;
}

#menucont ul li a
{	position:relative;
	float: left;
	padding: 10px 15px;
	margin: 0 10px 0 0;
	background:  none;
	color: #666666;
	border: none;
	text-decoration: none;
}

#menucont ul li a.active
{
	color: #FF0000;
	text-decoration: none;
	border: none;
	background: none;
}

#menucont ul li a:hover
{
	background: none;
	color: #000;
	text-decoration: none;
	border: none;
}

h2{
font-family: Helvetica, sans-serif;
}

#menucont li span{
display:none;
position:absolute;
top:60px;
left:10px;
width:160px;
font: "Times New Roman", Times, serif;
line-height: 12px;
text-align: left;
}

#menucont li a:hover span {
display:block;
color: #666666;}

#imagen{
border: 1px solid #CCCCCC;
margin-right: 2px;
position:absolute;
z-index:1;
}

p{
float:left;
font-family:helvetica, sans-serif;
color:#333333;
line-height:auto;
display: block;
margin: 20 20 20 20;
}

#left{
top:0px;
position:relative;
left:10px;
width:380px;
}

#right{
float:right;
position:relative;
bottom:230px;
right:5px;
}

#down{
width:100%;
height:44px;
margin-top:-500px;
}

#gallery{
width: 100%;
text-align:center;
left:0;
position:absolute;
z-index:1;
line-height:0;
margin-top:60px;
margin-bottom:10px;
border-top:#ccc solid 1px;
padding-top:10px;
}

#publi{
width: 100%;
text-align:left;
left:0;
line-height:17px;
margin-top:0px;
margin-bottom:20px;
padding-left:40px;
padding-top:10px;
height:100%;
color:#000000;
}

#publi li{
list-style:none;
}

#proyect{
width: 100%;
text-align: left;
left:0;
line-height:17px;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:0px;
height:100%;
color:#000000;
}

#proyect li{
list-style:none;
}

#content{
left:0;
width: 100%;
height:400px;
position:absolute;
z-index:1;
margin-top:60px;
margin-bottom:10px;
border-top:#ccc solid 1px;
padding-top:10px;
}

#content p{
width:380px;
left:10px;
padding-left:10px;
margin-left:10px;
color:#999999;
line-height:20px;
}

.imgini{
margin-right:10px;
right:10px;
padding-right:10px;
}

#fotos{
position:relative;
width:90%;
padding-left: 30px;
text-align:right;
background:none;
height:75px;
margin-top:310px;
padding-top:15px;
letter-spacing:0px;
}

#content a{
color:#FF0000;
text-decoration:none;
}

#content a:hover{
color:#000000;
}

#mainleft
{
float: left;
text-align:center;
width: 420px;
height: auto;
padding: 15px;
background: none;
margin-bottom:100px;
padding-top:0px;
color:#000000;
}

#mainleft2
{
float: left;
text-align:left;
width: 420px;
height: auto;
padding: 45px;
background: none;
margin-bottom:100px;
padding-top:70px;
color:#000000;
}

#mainleft2 p{
text-decoration:none;
color:#000000;
font-family:Helvetica, sans-serif;
font-size:small;
}

#mainright
{
float: left;
width: 420px;
height: auto;
padding: 15px 15px 0 15px;
overflow: auto;
line-height: 150%;
}

#expo{
position:absolute;
width:100%;
color:#000000;
font-family:"Times New Roman", Times, serif;
}

#expo ul{
margin: 0;
padding: 19px 0 0 10px;
list-style-type:none;
text-align:center;
font-size:18px;
font-weight:bold;
word-spacing:15px;
}

#expo ul li{
display:inline;
}

#hidden{
color:#333333;
text-align:center;
bottom:0;
margin-top:50px;
position:relative;
}

#hidden1{
color:#333333;
text-align:center;
margin-top:-400px;
margin-right:0;
position:absolute;
right:20px;
width:0px;
}

#indi{
color:#333333;
text-align:center;
bottom:0;
margin-top:10px;
position:absoolute;
line-height:18px;
}

#texto{
width:70%;
left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#000;
letter-spacing:1px;
padding: 20 20 20 20;
position:relative;
}

#pie{
bottom:0;
position:absolute;
text-align:center;
bottom:-1px;
margin:0;
width:100%;
height:40px;
background: url(../img/bg3.gif) repeat-x #CCCCCC;
}

#pietext {
color:fff;
position:relative;
width: 380px;
height: 10px;
left:270px;
font-size:90%;
top:15px;
}

#pietext a {
color:#000000;
text-decoration:none;
}

#pietext a:hover {
text-decoration:none;
color: #FFFFFF;
}

#pietext a:visited {
text-decoration: none;
}