body { font:.7em Verdana; color:#ccc; background:#2b0000 url(../img/fondo.jpg) repeat-x }
#pagina { width:1000px; margin:0 auto;background: url(../img/)}

#encabezado { background:url(../img/encabezado.jpg); position:relative; height:156px }

#beta { height:0; width:97px; padding-top:14px; background:url(../img/beta.png); position:absolute; top:7px; left:14px; overflow:hidden }
#logo { position:absolute; top:27px; left:-27px; background: url(../img/extremo.jpg) no-repeat; width:309px; height:92px }
#logo a { width:282px; height:0;padding-top:92px; overflow:hidden; display:block; position:absolute; top:0px; left:27px}

#acceso { position:absolute; left:510px; top:4px;*top:3px; color:#EB6B0A } 
#acceso input {border:none;vertical-align:middle;}
#acceso input.campo { background:#8b1201;  font:1em Verdana; color:#fff; padding:2px; width:95px }
#acceso input.enviar { cursor:pointer; background:url(../img/enviar.jpg); width:24px; height:16px; margin-top:-1px }
#acceso label { font-size:.9em }

#menu { position:absolute; left:230px; top:123px; height:10px; }
#menu li { display:inline; float:left;text-align:center; }
#menu a { color:#fff; text-decoration:none; padding:0 25px;  display:block; padding-top:4px;height:16px; float:left}
#menu a:hover { background:url(../img/menu-h.jpg)}

/*********************************************************************************************************************************************************/

#contenedor { background:#000 url(../img/fondo2.jpg) repeat-y }

/*********************************************************************************************************************************************************/

#columna-izquierda { width:193px; float:left;}

#nav { font-size:.9em ; position:relative; margin-top:-20px; width:100% ; height:29px}
#nav li { float:left; display:inline }
#nav li a { color:#d0bbb8; text-decoration:none; display:block; position:absolute ; height:15px; padding:7px 11px; background-image:url(../img/nav.jpg)}
#nav li a:hover { color:#fff }
#nav #nav1 a{ width:41px; background-position: 0 0; top:0;left:16px}
#nav #nav2 a{ width:68px; background-position: -63px 0; top:0;left:81px}
#nav #nav1 a:hover { background-position: 0 -29px}
#nav #nav2 a:hover { background-position: -63px -29px}

#fotos { margin-top:10px;text-align:center}
#fotos a { display:block; width:155px; margin:5px auto 20px ; text-decoration:none; color:#fff; font-weight:bold; font-size:.9em  }
#fotos a:hover { color:#e62900 }
#fotos img { border:1px solid #96230a; vertical-align:middle; margin:0 2px 4px }
#fotos a:hover img { border:3px solid #fff; margin:-2px 0 2px  }

/*********************************************************************************************************************************************************/

#banner { width:807px;  float:left; margin:5px 0 30px }
#banner img { vertical-align:middle ; margin:0 auto ; display:block}
/*********************************************************************************************************************************************************/


#contenido { width:525px; float:left; padding:0 30px 30px; position:relative }
#contenido h2 { background:url(../img/fondo3.jpg) repeat-y ;font-size:1em; color:#fff ; padding:4px 6px; margin-bottom:10px }
#contenido h2 a{color:#FFF; text-decoration:none;}
#contenido h2 a:hover{color:#FFF; text-decoration:underline;}

/*********************************************************************************************************************************************************/
/*HOME*/
.home #contenido { width:572px; float:left; padding:0 0 0 13px; }

.home #contenido ul{ width:182px; min-height:400px;_height:400px;  float:left; margin-right:10px; background:#4b4b4b}
.home #contenido ul.ultimo { margin-right:0}
.home #contenido ul li {  font-size:.95em; font-weight:bold;  padding:7px 15px; border-bottom:1px solid #999 }

.home #contenido ul li.titulo {   padding:0; border:none }
.home #contenido ul li h4 { background:url(../img/fondo1.jpg) repeat-y ; font-size:1em; color:#fff ; padding:3px 6px; }
.home #contenido ul li a { display:block;color:#fff;text-decoration:none }
.home #contenido ul li a:hover {color:#fff;_color:#fefefe }
.home #contenido ul li img { display:block; margin:0 auto; border:1px solid #91432d; margin:5px 0 }
.home #contenido ul li a:hover img {border:3px solid #fff; margin:3px 0 3px -2px }
.listafoto {text-align:center;}
.listafoto a { display:block;color:#fff;text-decoration:none }
.listafoto a:hover {color:#fff;_color:#fefefe }
.listafoto img { display:block; margin:0 auto; border:1px solid #91432d; margin:5px 0 }
.listafoto a:hover img {border:3px solid #fff; margin:3px 0 3px -2px }
.compartir{text-align:center; background-color:#FFF; border:1px solid #999; padding:5px; margin-top:5px; font-weight:bold; color:#000;}
/*********************************************************************************************************************************************************/
/*Listado Albums*/
.listado-albums #contenido ul li { width:161px; margin:0 12px 20px 0;_margin:0 18px 20px 0; float:left; position:relative; text-align:center; }
.listado-albums #contenido ul li.noborde { margin-right:0 }
.listado-albums #contenido ul li a { display:block;color:#fff;text-decoration:none }
.listado-albums #contenido ul li a:hover {color:#fff;_color:#fefefe }
.listado-albums #contenido ul li img { display:block; margin:0 auto; border:1px solid #ccc; margin:5px 0 7px }
.listado-albums #contenido ul li a:hover img {border:3px solid #fff; margin:3px 0 5px -2px }
.listado-albums #contenido ul li a span { display:block; width:13px; overflow:hidden; background:url(../img/ver.png); height:0; padding-top:13px; position:absolute; bottom:0; right:2px }
/*********************************************************************************************************************************************************/

/*Vista de foto*/

.vista-de-foto #contenido ul#thumbs li img {
	opacity:.6;
	border:1px solid #fff;
	filter:alpha(opacity=60);
}
.vista-de-foto #contenido ul#thumbs li a:hover img { 
border:1px solid #fff;	opacity:1;
	filter:alpha(opacity=100); }

#imagenes {
	width:525px;
}
#imagenes #imagen {
	width:523px;
	overflow:hidden;
	height:400px;
	border:1px solid #ccc
}
#imagenes #imagen #uno {
	z-index:1
}
/*#imagenes #imagen img {
	position:absolute
}*/
#imagenes #thumbs li {
	cursor:pointer
}
.vista-de-foto #contenido #descripcion {
	font-size:.9em;
	position:relative;
	_height:0px;
	width:391px;
	margin:0 auto;
	padding:12px 30px 35px;
	border:1px solid #525252;
}
.vista-de-foto #contenido #descripcion div {
	width:85%;
	background:#000;
    color:#ccc;
}
.vista-de-foto #contenido #descripcion h5 {
	font-size:1em;
	font-weight:normal;
    position:absolute;
	background:#000;
    color:#fff;
	padding:0 8px;
	top:-19px;
	left:-7px
	
}
#descripcion div {
	position:absolute
}
#descripcion #descripcion-uno {
	z-index:1
}

/*************************************************************/
.contenedor { margin-top:12px; }


#solapas {
	list-style:none;
	height:25px;
	font-size:10px;
	font-size:.9em;
    width:525px
}
#solapas li {
	float:left;
	background:url("../img/extremo-i1.png") no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 0 9px;
	cursor:pointer;
}
#solapas li.ultimo {
	margin:0
}
#solapas a {
	float:left;
	display:block;
	background:url("../img/extremo-d1.png") no-repeat right top;
	padding:8px 10px 5px 1px;
	text-decoration:none;
	color:#fff;
}

#solapas li.selected:hover {
	background-image:url("../img/extremo-i-h.png");
}
#solapas li:hover {
	background-image:url("../img/extremo-i-h.png");
}
#solapas li.selected:hover a {
	background-image:url("../img/extremo-d-h.png");
	color:#fff;
}
#solapas li:hover a {
	background-image:url("../img/extremo-d-h.png");
	color:#fff;
}


#solapas .selected {
	background-image:url("../img/extremo-i-h.png");

}
#solapas .selected a {
	background-image:url("../img/extremo-d-h.png");
}

.contenedor div {  _height:120px; padding:10px; min-height:120px; clear:both;border-bottom:1px solid #a2380c;border-top:2px solid #a2380c;
 }

/*************************************************************/

#bookmark { width: 14px; height:330px; background:url(../img/iconos.png); position:absolute; top:29px; right:5px}
 #bookmark li {margin-bottom:8px;}
 #bookmark li a { display:block; height:0; padding-top:14px; overflow:hidden }


#usuario { float:right; margin-top:-30px}
  #usuario #votos { float:left; margin-right:10px }
  #usuario #links a { color:#fff; text-decoration:none; font-size:.9em; padding:3px 7px }
  #usuario #links a.borde { background:url(../img/fondo8.png) right top no-repeat; padding-right:10px }


  #usuario #links { float:left; background:url(../img/fondo6.png)  }
  #usuario #links div {  background:url(../img/fondo7.png) right top no-repeat;padding:3px 5px 4px  }


/*********************************************************************************************************************************************************/

#columna-derecha { width:222px; float:left;  }
#columna-derecha h5 { color:#acacac; font-size:.9em; font-weight:normal; margin-left:20px  }
#columna-derecha .publicidad { width:196px; margin:8px auto}
#columna-derecha .publicidad li { margin-bottom:10px }

/*********************************************************************************************************************************************************/

#pie { margin-bottom:30px;color:#7F260C ; text-align:center; font-size:.9em; margin-top:5px  }