body {
	margin: 0;
	background-color:#7e050c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  	text-align:center;    
   }

h1 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

/* ---------------------------------------- estilo tabla ----------------------------------------*/

.tabla{ 
	
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	background-color:#FFFFFF;
}

/* ---------------------------------------- menu ----------------------------------------*/

#menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #CC0000;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	border-bottom:solid 1px #000000;
	padding:5px 0px 5px 0px;
}


#menu a{
	text-decoration: none;
}

#menu a:link { color: #000000; }
#menu a:visited { color: #000000; }
#menu a:hover {color: #000000; background: #dddddd; }

/* ---------------------------------------- siguiente ----------------------------------------*/

#siguiente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
	color:#CC0000;
	margin: 5px 30px 5px 5px;
	font-weight:700;
}


#siguiente a
{
	text-decoration:none;
}

#siguiente a:link { color: #000000; }
#siguiente a:visited { color: #000000; }
#siguiente a:hover { color: #000000; background-color: #eeeeee;}

/* ---------------------------------------- contenido ----------------------------------------*/

#contenido {
	margin: 10px 100px 10px 100px;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	border:1px solid #aaa;
}

#contenido a
{
	text-decoration: none;
}

#contenido a:link { color: #000000; }
#contenido a:visited { color: #000000; }
#contenido a:hover { background: #dddddd; }

#contenido2 {
	margin: 10px 80px 10px 80px;
	border:1px solid #000000;
	height:600px;
	background-image:url(imagenes/default.jpg);
}

#contenido3 {
	margin: 10px 100px 10px 100px;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	border:1px solid #aaa;
}

#contenido3 a
{
	text-decoration: none;
	color: #cc0000;
}

#contenido3 a:link { color: #cc0000; }
#contenido3 a:visited { color: #cc0000; }
#contenido3 a:hover { background: #dddddd; }

/* ---------------------------------------- imagen ----------------------------------------*/

.cabecera{
	border-bottom:solid 1px #000000;
}

.imagen{
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	padding:10px 10px 10px 10px;
	background-color:#eeeeee;
}

.imagen2{
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
}

/* ---------------------------------------- galeria ----------------------------------------*/

#container {
    position:relative; 
    width:700px; 
    height:540px; 
    margin:20px auto 20px auto; 
    border:1px solid #aaa; 
    }

#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }

#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:10px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }

#container a.slidegX {
    background:url(imagenes/caricaturas/adrien_brody.jpg); 
    height:90px; 
    width:70px;
    }
	
	#container a.slidedX {
    background:url(imagenes/caricaturas/hugh_laurie.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slideeX {
    background:url(imagenes/caricaturas/ronaldinho.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slidefX {
    background:url(imagenes/caricaturas/zapatero.jpg); 
    height:90px; 
    width:70px;
    }
	
	#container a.slidea1 {
    background:url(imagenes/caricaturas/esther_canyadas.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slideb1 {
    background:url(imagenes/caricaturas/vin_diesel.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slidec1 {
    background:url(imagenes/caricaturas/bruce_willis.jpg); 
    height:90px; 
    width:70px;
    }
	
	#container a.slidea {
    background:url(imagenes/caricaturas/pamela_anderson.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slideb {
    background:url(imagenes/caricaturas/david_beckham.jpg); 
    height:90px; 
    width:70px;
    }
#container a.slidec {
    background:url(imagenes/caricaturas/enrique_san_francisco.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slided {
    background:url(imagenes/caricaturas/marilyn_manson.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slidee {
    background:url(imagenes/caricaturas/ronaldo.jpg); 
    height:90px; 
    width:70px;
    }
	
#container a.slidef {
    background:url(imagenes/caricaturas/brad_pitt.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slideg {
    background:url(imagenes/caricaturas/colin_farrell.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slideh {
    background:url(imagenes/caricaturas/humphrey_bogart.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slidei {
    background:url(imagenes/caricaturas/tom_cruise.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slidej {
    background:url(imagenes/caricaturas/angelina_jolie.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slidek {
    background:url(imagenes/caricaturas/peter_jackson.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slidel {
    background:url(imagenes/caricaturas/paris_hillton.jpg); 
    height:90px; 
    width:70px;
    }

#container a.slidem {
    background:url(imagenes/caricaturas/fernando_alonso.jpg); 
    height:90px; 
    width:70px;
    }

		
#container ul {
    width:350px; 
    height:450px;
	}
#container li {
	margin:0px 0px 0px 5px;
	float:left;
    }

#container ul {
    margin:5px 0px 0px 12px; 
    float:right;
    }

#container a.gallery:hover {
    border:1px solid #fff; 
    }

#container a.gallery:hover span {
    position:absolute; 
    width:340px; 
    height:525px; 
    top:15px; 
    left:10px; 
    color:#000; 
    background:#fff;
    }

#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }

#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }
	
#container {
    background-image:url(imagenes/fondo_galeria.jpg);
    }

/* ---------------------------------------- estilo pie ----------------------------------------*/

#pie {
	padding: 5px 0px 5px 0px;
	border-top:solid 1px #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #000000;
	background-color: #ffffff;
}

#pie a{ text-decoration: none;}
#pie a:link {color: #000000; text-decoration: none;}
#pie a:visited { color: #000000; text-decoration: none;}
#pie a:hover { color: #000000; text-decoration: none; background-color: #eeeeee;}