/* 	Nombre: Clepsidra - Graphic & Multimedia Design
	Autor: Marķa Castro
	Fecha: 15/01/09  */
	
body {
	background: url("../images/bg.gif") center top #1a1817;
}


/************************************************************************************************************
************************************************** GENERAL **************************************************
************************************************************************************************************/
#contenedor {
	position: absolute;
	width: 900px;
	height: auto;
	margin: 0px 0px 0px -450px;
	left: 50%;
}
#banner {
	position: absolute;
	width: 261px;
	height: 269px;
	margin: 256px 0px 0px 477px;
	*margin: 128px 0px 0px 237px;
}

/*********************************************************************************
************************************ cabecera ************************************
*********************************************************************************/
#cabecera {
	position: relative;
	width: 900px;
	height: 227px;
	margin: -8px 0px 0px 0px;
	*margin: -15px 0px 0px 0px;
}
#logo {
	position: absolute;
	width: 140px;
	height: 172px;
	margin: 23px 0px 0px 40px;
	/*background: url("../images/logo.jpg") center top;*/
}
#calavera {
	position: absolute;
	width: 595px;
	height: 476px;
	margin: 0px 0px 0px 304px;
	background: url("../images/calavera.gif") center top;
}

/*********************************************************************************
************************************ central *************************************
*********************************************************************************/
#central {
	position: relative;
	width: 900px;
	height: auto !important;
	height: 680px;
	margin: 0px 0px 0px 0px;
	min-height: 607px;
}
#izda {
	position: relative;
	width: 152px;
	height: auto;
	margin: 21px 0px 0px 40px;
	float: left;
}
#menuprin {
	position: relative;
	width: 150px;
	height: auto;
	margin: 0px 0px 0px 0px;
}
#menuprintxt {
	position: relative;
	width: 121px;
	height: 18px;
	margin: 0px 0px 7px 0px;
	background-color: #333333;
	padding: 3px 0px 0px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
}
#menuprintxtact {
	position: relative;
	width: 121px;
	height: 18px;
	margin: 0px 0px 7px 0px;
	background: url("../images/icomenu.gif") left top no-repeat #333333;
	padding: 3px 0px 0px 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
}
#menuprintxt a, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}
#menuprintxt a:hover, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff0099;
	text-align: left;
	text-decoration: none;
	font-style: normal;
}
.menpriact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff0099 !important;
	text-align: left;
	text-decoration: none;
}
#menusecun {
	position: relative;
	width: 100px;
	height: 18px;
	margin: 0px 0px 7px 34px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
}
#menusecun a, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}
#menusecun a:hover, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0099;
	text-align: left;
	text-decoration: underline;
	font-style: italic;
	font-weight: normal;
}
.mensecact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0099;
	text-align: left;
	text-decoration: underline;
	font-style: italic;
}
#contacto {
	position: relative;
	width: 124px;
	height: 270px;
	*height: 290px;
	margin: 33px 0px 0px 0px;
	background-color: #333333;
}
#imgcontacto {
	position: absolute;
	width: 112px;
	height: 151px;
	margin: 6px 0px 0px 6px;
	background: url("../images/desktop.jpg") right top;
}
#txtcontacto {
	position: absolute;
	width: 120px;
	height: 30px;
	margin: 160px 0px 0px 6px;
	*margin: 170px 0px 0px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-align: left;
}
#txtcontacto p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-align: left;
}
#txtcontacto a, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-style: normal;
}
#txtcontacto a:hover, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff0099;
	text-align: left;
	text-decoration:underline;
	font-style: normal;
}
#dcha {
	position: relative;
	width: 596px;
	height: auto;
	margin: 0px 0px 0px 192px;
}
#imgportada {
	position: absolute;
	width: 568px;
	height: 426px;
	margin: 8px 0px 0px 29px;
	background: url("../images/portada.jpg") right top;
}
#imgproy {
	position: relative;
	width: 538px;
	height: auto;
	margin: 0px 0px 0px 58px;
}
#fichaproy {
	position: relative;
	width: 538px;
	height: 96px;
	margin: 26px 0px 40px 58px;
	background-color: #333333;
}
#fondocontenido {
	position: relative;
	width: 538px;
	height: 500px;
	margin: 26px 0px 40px 58px;
	background-color: #333333;
}
#fichaproyfecha {
	position: absolute;
	width: 100px;
	height: 18px;
	margin: 4px 0px 0px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #595959;
	text-align: left;
	font-style: italic;
}
#fichaproytit {
	position: absolute;
	width: 400px;
	height: 20px;
	margin: 13px 0px 0px 125px;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	color: #ff0099;
	text-align: right;
	font-weight: bold;
}
.proyecto {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: right;
	font-style: italic;
}
#fichaproytxt {
	position: absolute;
	width: 450px;
	height: 20px;
	margin: 45px 0px 0px 75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-align: right;
}
#txtcontenido {
	position: absolute;
	width: 450px;
	height: 20px;
	margin: 200px 0px 0px 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-align: justify;
}
#txtcontenido a, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff0099;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#txtcontenido a:hover, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ff0099;
	text-align: left;
	text-decoration:underline;
	font-weight: bold;
	font-style: normal;
}
#imgcontenido {
	position: absolute;
	width: 448px;
	height: 126px;
	margin: 50px 0px 0px 46px;
	background: url("../images/sobremi.jpg") center top;
}

/*********************************************************************************
************************************** pie ***************************************
*********************************************************************************/
#pie {
	position: relative;
	width: 900px;
	height: 58px;
	margin: 0px 0px 0px 0px;
}
#textopie {
	position: absolute;
	width: 829px;
	height: 15px;
	margin: 10px 0px 0px 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4c4c4c;
	text-align: center;
}
#banda {
	position: absolute;
	width: 829px;
	height: 11px;
	margin: 24px 0px 0px 36px;
	background: url("../images/pie.jpg") center top;
}