body {
	margin:0;
	padding:10px;
	padding-bottom:0;
	font:12px Helvetica, Arial, sans-serif;
	background-color:#b69ea1;
	border-spacing:0;
	background:url(../img/fdo.gif) repeat-x;
}
img {
	border:0;
}
a, a:active, a:link, a:visited {
	color: #4682B4;
	text-decoration:none;
}
a:hover {
	color: #00f;
}
h1, h2, h3, h3, h4, h5, p {
	margin:0;
	padding:0;
}
h1 {
	font-size:26px;
	font-weight:normal;
	letter-spacing:1px;
	padding-bottom:5px;
}
h2 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:5px;
}
#container {
	width:900px;
	margin:0 auto;
}
#header {
	background:url(../img/logo.png) no-repeat top;
	height:170px;
}
	#linkhome a {
		position:absolute;
		top: 50px;
		width: 180px;
		height: 130px;
	}
#botonera {
	position: absolute;
	margin-top:146px;
	margin-left:191px;
	_zoom: 1;
	background:url(../img/botonera.gif) no-repeat top;
	height:20px;
	width:414px;
}
	#botonera li {
		position: absolute;
		display: block;
		list-style: none;
		overflow: hidden;
	}
	#botonera li a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -1000em;
	}
	#area1 {
		left: 0;
		top: 0;
		width: 100px;
		height: 20px;
	}
	#area2 {
		left: 125px;
		top: 0;
		width: 75px;
		height: 20px;
	}
	#area3 {
		left: 235px;
		top: 0;
		width: 55px;
		height: 20px;
	}
	#area4 {
		left: 320px;
		top: 0;
		width: 86px;
		height: 20px;
	}
	#area1:hover, #area2:hover, #area3:hover, #area4:hover {
		background:url(../img/over.png) bottom no-repeat;
	}
#wrapper {

}
#todo {
	background-color:#FFF;
	padding:10px 30px;
	min-height: 250px;
}
#top {
	height:10px;
	background:url(../img/container-top.gif) no-repeat top;
}
#content {
	float:left;
	width:640px;
}
	#content p {
		font-size: 14px;
	}
	#content div.hd a {
		float:right;
		width:39px;
		height:30px;
	}
	#content div.off a {
		background:url(../img/hdoff.gif) top right;
	}
	#content div.off a:hover {
		background:url(../img/hdoff.gif) bottom right no-repeat;
	}
	#content div.on a {
		background:url(../img/hdon.gif) top right;
	}
	#content div.on a:hover {
		background:url(../img/hdon.gif) bottom right no-repeat;
	}
	#content div.extra {
		text-align: center;
		padding: 10px 0 0;
	}
#col_right {
	float:right;
	width:170px;
	padding-top:30px;
}
	#col_right #easyscrollnav {
		list-style:none;
		margin:0;
		padding:0;
		width:15px;
		float:right;
		height:210px;
	}
	#col_right #btnUp, #col_right #btnDown {
		height:20px;
		cursor:pointer;
	}
	#col_right #btnUp {
		background-image:url(../img/flechaAr.gif);
	}
	#col_right #btnDown {
		background-image:url(../img/flechaAb.gif);
		margin-top:165px;
	}
	#col_right .mvideo {
		margin-bottom:15px;
		font-weight: bold;
	}
	#col_right .mvideo img {
		width: 140px;
		border:0;
	}
	#col_right #proximamente {
		margin-top:8px;
		padding:10px 0;
		border-top:1px dotted #666;
		border-bottom:1px dotted #666;
		font-weight: bold;
	}
	#col_right #proximamente img {
		width: 140px;
		border:0;
	}
	#col_right .texto {
		margin:10px 0;
	}
#canales {
	float:left;
	width:320px;
	padding: 10px 0 0;
}
#creditos-der {
	float:right;
	width:320px;
	text-align: right;
	padding: 10px 0 0;
}
#redes {
	clear: both;
	width:640px;
}
#login {
	text-align: center;
	font-size: 20px;
	width:200px;
	margin:50px auto;
	color: #666;
	margin-bottom: 70px;
}
	#login input {
		font-size: 20px;
		width:200px;
		border: 1px solid #fc0;
	}
	#login .submit {
		background-color:#fc0;
		padding: 5px;
		color: #666;
	}
	#login .submit:hover {
		background-color:#ccc;
		border: 1px dotted #333;
		color:#000;
		letter-spacing: 1px;
	}
#footer{
	clear:both;
	text-align:center;
	color:#999;
	font-size:80%;
}
.clr {
	height:0;
	clear:both;
}
#colorbox_fotos, #colorbox_proyecto, #colorbox_links, #colorbox_contacto, #colorbox_novedades, #colorbox_creditos {
	display:none;
	height:0;
	width:0;
	visibility:hidden;
}
#proyecto, #links, #contacto, #novedades, #creditos {
	padding:10px 20px;
	color:#333;
}
	#proyecto p, #novedades p {
		margin-top:5px;
	}
	#proyecto h3, #links h3, #contacto h3, #novedades h3, #creditos h3 {
		color:#FF3300;
		font-size:20px;
		font-weight:bold;
		padding:0 0 5px;
	}
	#proyecto h4, #links h4, #creditos h4 {
		color:#FF6600;
		font-size:16px;
		font-weight:bold;
		padding:10px 0 5px 0;
	}
	#proyecto ul, #links ul, #creditos ul {
		margin:0;
		padding:0;
		padding-left:15px;
		list-style-type:circle;
	}
#links, #contacto, #novedades, #creditos {
	background:url(../img/fdo-popups.gif) no-repeat top right;
	background-color:#b69ea1;
}
#links {
}
	#links li, #creditos li {
		padding-top:3px;
	}
#contacto {
	height:230px;
}
	#contacto .tdizq {
		vertical-align:top;
		width:90px;
	}
	#contacto input, #contacto textarea {
		font:12px Helvetica, Arial, sans-serif;
		width:230px;
		border:1px solid #ff9900;
	}
	#contacto .enviar {
		background-color:#FF3300;
		border:0;
		cursor:pointer;
	}
	#contacto #mensajeok, #contacto #procesando {
		padding-top:10px;
	}
#fotos {
	float:left;
	width:270px;
	padding:10px 5px 15px;
	text-align:center;
}
#fotos p {
	font-weight:700;
	padding:5px 0 0;
}
#fotos img {
	width:270px;
}
#novedades {
	padding-top:50px;
}
#novedades span {
	color:#FF6600;
}
#banners {
	padding:20px 0 0;
	clear:both;
}
#banners p {
	font-size:90%;
	color:#999;
}
.banner {
	padding:5px;
	float:left;
	background:#eee;
	height:80px;
}
.banner_vacio {
	background:#fff;
	width:150px;
}
