html, body{
height:99.1%;
}

body
{
	margin: 0;
	padding: 0;
	background: #fff url(../images/menuback.gif) repeat-x;
	font-size: 70%;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	color: #999;
	border-top: 10px solid #cc0066;
}

img
{
	border:none;
}

#container    
{
	width: 900px;
	min-height:100%;
	height:auto !important;
	background-color:transparent;
	margin: 0 auto -4em;
	height: 100%;
}

#botonera{
	width: auto;
	height:160px;
	font-family: "helvetica neue", "helvetica, arial, sans-serif";
	font-size:26px;
	font-weight:100;
	color: #cc0066;
}

#botonera ul{
	float:left;
	margin-top:122px;
	margin-left:50px;
	}
	
#botonera ul li{
	list-style-type: none;
	display: inline;
	color: #cc0066;
	letter-spacing:3px;
	left:0;
}

#botonera ul li a{
	color: #ccc;
	text-decoration: none;
}

#botonera ul li a:hover{
	color: #fff;
	}

#botonera ul li a.active{
	color: #fff;
	}

#idiomas{
	float:right;
	background:url(../images/idioma.png) no-repeat;
	width:163px;
	height:48px;
	text-align: center;
	position: absolute;
	left:75%;
	top:125px;
	font-size:12px;
	letter-spacing: 1px;
	padding-top: 12px;
	padding-left:7px;
	color:#fff;
	font-weight:100;
}

#idiomas a{
	color:#fff;
	text-decoration:none;
}

#idiomas a:hover{
	text-decoration:none;
	color: #000;
}

#logo{
	position: absolute;
	top:25px;
	height:100px;
	width:630px;
	border-bottom:#cc0066 0px solid;
	border-top: #cc0066 0px solid;
}

#social{
	position:absolute;
	top:132px;
	height:20px;
	width:80px;
	right:0px;
}

#maincont
{
	width: 900px;
	height: auto;
	background: #fff;
	text-align:center;
	padding:0;
	margin:0;
}

#portfolio
{
	width: 900px;
	height: auto;
	background: #fff;
}

#contenido{
	left:50px;
	width:800px;
	height:auto;
	position:relative;
	background: #fff url(../images/borde.png) no-repeat;
	padding-top:20px;
	margin-top: 10px;
}


#contenido p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:normal;
	text-align:justify;
	color:#999;
	margin-top: 50px;
	margin-left:100px;
	padding-left:0px;
	max-width:600px;
	/*border-left: #cc0066 2px solid;*/
	}

#separador
{
	height:10px;
	background:#cc0066;
	width:100%;
	position:absolute;
	left:0;
}

.pie, .push {

     height: 4em;
}

#pie
{	
	text-align: center;
	background:#fff;
	height:auto;
	margin-top:10px;
	bottom:0;
	padding:0;
	color:#999;
	margin-left:auto;
}

#pie p
{
	color:#999;
	text-align:center;
	background:#fff;
	padding-top:10px;
	margin-top:5px;
	padding-bottom:0px;
	border-top: 1px solid #f1f1f1;

}

#pie p a
{
	color:#cc0066;
	text-decoration:none;
}

#pie p a:hover
{
	color:#999;
	text-decoration:none;
}

#mapa{
	margin-top:30px;
	height:315px;
	width:500px;
	margin-left:30px;
	border: 4px solid #cc0066;
}

#datos
{
	position: absolute;
	float: right;
	right:30px;
	top: 70px;
	width: 300px;
	color:#999;
	font-size:12px;
	height: auto;
	text-align:right;
	border-right: 1px solid #cc0066;
	padding-right:20px;
}

#datos ul{
	text-align: right;
	float:right;
	}
#datos ul li{
	list-style-type: none;
	line-height:22px;
	padding-right:10px;
	}