/* Estilo General*/
/* Por Alvaro Fernandez 2006 */
/* www.alvaroweb.com  |  info@alvaroweb.com */

/*General*/

* {
  padding: 0;
  margin: 0;
}
img {border: 0;}

#ultimo {
 font-size: 20pt; display: block; font-weight: normal; color: #ffffff;
 text-align: center;
}

h1 {font-size: 18pt; display: inline; font-weight: normal; color: #990000;}

h2 {
 padding: 5px 0 20px 30px;
 background: url("../imagenes/comunes/racimo.gif") no-repeat 0 0;
 font-size: 18pt; display: block; font-weight: normal; color: #990000;
 text-align: left;
}
h3 {
 padding: 10px 0 5px 15px;
 font-size: 14pt; display: block; font-weight: normal; color: #006B6B;
 text-align: left;
}
h4 {
 padding: 0 0 5px 25px;
 font-size: 10pt; display: block; font-weight: bold; color: black;
 text-transform: uppercase;
 text-align: left;
}
table {
 width: 600px;
 /*position: relative; left: 50px; top: 0;*/
 margin: 3px 25px 3px 25px;
}
td {
 text-align: center;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt; color: black; vertical-align: top; 
}

/*vinculos estandar*/
A:link {text-decoration: none; color: #990000; font-size: 10pt; font-weight: bold;}
A:visited {text-decoration: none; color: #990000; font-size: 10pt; font-weight: bold;}
A:active {text-decoration: none; color: #990000; font-size: 10pt; font-weight: bold;}
A:hover {text-decoration: underline overline; color: #990000; font-size: 10pt; font-weight: bold;}

/*vinculos blancos*/
A.blanco:link {text-decoration: none; color: white; font-size: 10pt; font-weight: bold;}
A.blanco:visited {text-decoration: none; color: white; font-size: 10pt; font-weight: bold;}
A.blanco:active {text-decoration: none; color: white; font-size: 10pt; font-weight: bold;}
A.blanco:hover {text-decoration: underline overline; color: white; font-size: 10pt; font-weight: bold;}

/*Estructura de la página*/
body {
 background: #8D2116 url("../imagenes/comunes/fondo2.jpg");
 margin: 0; padding: 0;
 text-align: center;
 vertical-align: top;
}
#laRaima {
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt; color: black; vertical-align: top; 
}
#container {
 height: auto;
 margin-left: auto;
 margin-right: auto;
 width: 757px;
 background: url("../imagenes/comunes/fondoContenido.jpg") repeat-y;
}
#intro {
 height: 400px;
 width: 550px;
 margin-top: 10%;
 margin-left: auto;
 margin-right: auto;
}
#peliIntro {
 height: auto;
 width: 550px;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt; color: white; vertical-align: top; text-align: center; 
}
#cabecero {
 width: 757px;
 height: auto;
 text-align: left;
 padding:0; margin: 0;
}
#botonera {
 position: relative; left: 0; 
 width: 757px; height: 69px; 
 text-align: left; vertical-align: top;
 background: url("../imagenes/comunes/bajo-botonera.jpg") no-repeat left bottom ;
 top: 0px;
}
#contenido {
 text-align: left;
 padding-bottom: 100px;
 background: url("../imagenes/comunes/fondo-pie.jpg") no-repeat left bottom ;
}
#pieBotonera {
 width: 757px; height: 38px;
 background: url("../imagenes/comunes/bajo-botonera.jpg") no-repeat left;
 position: relative; left: 0; top: 0px;
}
#textos {
 width: 460px;
 position: relative; left: 50px; top: 0;
 text-align: justify;
}
#textos p {
 padding: 0 25px 0 25px;
}
#textos h3:first-child {padding-top: 0;}
#textosAnchos {
 width: 640px;
 position: relative; left: 50px; top: 0;
 text-align: justify;
}
#textosAnchos p {
 padding: 3px 25px 3px 25px;
}
.cursiva {
 font-style: italic;
}
.margenIzda {
 margin-left: 150px;
}
#textosAnchos ul {
 padding: 3px 25px 3px 40px;
}
.impar {background-color: #F7E3D5;}
.par {background-color: #FAEDE4;}
#fotos {
 width: auto;
 position: relative; right: 40px; top: 90px;
 float: right;
 border: 2px solid #006B6B;
 background-color: #006B6B;
}
.centrado {color: blue;}