@charset "UTF-8";

/* CSS Document */



body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #000;

	background-image: url(../img/bg_angel_pinero.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	font-family: "Times New Roman", Times, serif;

	font-size: 14px;

	color: #CCC;

	text-decoration: none;
	

}

a:link {

	color: #F4A013;

}

a:visited {

	color: #F0A11C;

}

a:hover {

	color: #F0A11C;

}

a:active {

	color: #F0A11C;

}

#precio {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #CCC;

	text-decoration: none;

	text-align: center;

	}

#wrap {

	width:778px;

	position:relative;

	margin:0 auto;

	height: 500px;

	}

#wrap.index {

	}

#wrap.obras{

	background-image: url(../img/bg_obras.jpg);

	background-position: top right;

	background-repeat: no-repeat;

	height: 900px;

	}

#wrap.vida {

	background-image: url(../img/bg_vida.jpg);

	background-position: top right;

	background-repeat: no-repeat;

	height: 900px;

	}

#wrap.pq {

	background-image: url(../img/bg_pq.jpg);

	background-position: top right;

	background-repeat: no-repeat;

	height: 900px;

	}

#wrap.conciertos {

	background-image: url(../img/bg_conciertos.jpg);

	background-position: top right;

	background-repeat: no-repeat;

	height: 900px;

	}

#wrap.ultimos {

	background-image: url(../img/bg_ultimos.jpg);

	background-position: top right;

	background-repeat: no-repeat;

	height: 800px;

	}

#wrap img.logo{

	width:313px;

	height:55px;

	position:absolute;

	top:69px;

	left:55px;

}

#head {

	width:778px;

	position:relative;

	margin:0 auto;

	height: 195px;

	}

#topmenu {

	float: right;

}

#topmenu ul {

	margin: 0;

	padding: 10px 0 0 0;

	list-style: none;

	line-height: normal;

	color: #CCC;

}

#topmenu li {

	display: inline;

}

#topmenu a {

	padding: 0 10px;

	border-left: 1px solid #53401f;

	text-decoration: none;

}

#topmenu a:hover {

	text-decoration: underline;

}

#topmenu .first a {

	border: none;

}

#content {

	width:778px;

	position:relative;

	margin:0 auto;

	height: 600px;

	}

/* Menu */



#menu {

	float: left;

	width: 250px;

	height: 280px;

	background: url(../c/images/img03.jpg);

	padding-left: 40px;

}



#menu2 {

	float: right;

	width: 181px;

	height: 32px;

	padding-top: 192px;

}



#menu ul {

	margin: 0;

	padding: 20px 20px 0 20px;

	list-style: none;

	line-height: normal;

}



#menu li {

	display: inline;

}



#menu a {

	display: block;

	background: url(../c/images/img05.gif) repeat-x;

	text-decoration: none;

	font-size: 100%;

	font-weight: bold;

	color: #FFF;

	height: 35px;

	width: 189px;

}



#menu a:hover {

	text-decoration: underline;

}



#menu .first a {

	background: none;

}



#textos {

	width: 415px;

	height: 579px;

	/*overflow: auto;*/

	/*border: 1px solid #666;*/

	padding: 10px 0px 0px;

	color: #CCC;

	margin-right: 11px;

	text-align: justify;

	background-image: url(../img/bg_scroll.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#video{

	background-image: url(../img/fondo_video.jpg);

	background-position: top right;

	background-repeat: no-repeat;

	width:456px;

	height: 360px;

	float: right;

	padding-right: 14px;

	padding-top: 14px;

	}

#fotos {

	float: right;

	width: 415px;

	height: 560px;

	/*overflow: auto;*/

	/*border: 1px solid #666;*/

	padding: 10px 0px 0px;

	color: #CCC;

	margin-right: 11px;

	text-align: justify;

	background-image: url(../img/bg_fotos.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#minis_izq {

	float: right;

	width: 142px;

	height: 142px;

	/*overflow: auto;*/

	/*border: 1px solid #666;*/

	padding: 0px 0px 0px;

	margin-right: 10px;

	text-align: justify;

	background-position: left top;

}

#minis {

	float: right;

	width: 142px;

	height: 142px;

	/*overflow: auto;*/

	/*border: 1px solid #666;*/

	padding: 0px 0px 0px;

	margin-right: 6px;

	background-position: left top;

}

#minis_horizontal {

	float: right;

	width: 313px;

	height: 142px;

	/*overflow: auto;*/

	/*border: 1px solid #666;*/

	padding: 10px 10px 0px 0px;

	margin-right: 0px;

	background-position: left top;

}

.root 		{

	position:relative;

	height:			400px;

	width:			380px;

	margin: 			0px 0px 0px 6px;

		}

.root p 	{

	margin:			0px 0px 0px 0px;

		}

.thumb 		{

	position:			absolute;

	height:			45px;

	width:			15px;

	left: 			10px;

		}

.up, .dn 	{

		position:			absolute;

		left: 			10px;

		}

.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{

		border:			0;

		}

.scrollContainer {

	position:			absolute;

	left:			5px;

	top:			5px;

	width:			370px;

	height:			400px;

	overflow:			auto;

	font-size: 115%;

		}



		.scrollContent {

	position:			absolute;

	left:			14px;

	top:			17px;

	width:			375px;

		}





#footer {
	width:680px;
	position:relative;
	margin:0 auto;
	height:50px;
	padding-top:16px;
	color:#999;
	text-align:center;
	font-size: 85%;
	background-color: black;
	padding-left: 30px;

	}
#footer2 {
	width:680px;
	position:relative;
	margin:0 auto;
	height:320px;
	padding-top:16px;
	color:#999;
	text-align:left;
	font-size: 100%;
	background-color: black;
	padding-left: 30px;
	padding-right: 20px;

	}
	#footer3 {
	width:680px;
	position:relative;
	margin:0 auto;
	height:520px;
	padding-top:16px;
	color:#999;
	text-align:left;
	font-size: 100%;
	background-color: black;
	padding-left: 30px;
	padding-right: 20px;

	}