@charset "utf-8";
/* CSS Document */

body{
font-family:Verdana, Arial, sans-serif;
background-image:url(imagenes/fondo.jpg);
background-repeat:repeat-x;
background-color:#e8e8e8;
} 

*{margin:0;padding:0;} 

#base{
background-image:url(imagenes/fondo1.jpg);
background-repeat:no-repeat;
background-position:center top;
height:900px;
}

#baseobras{
background-image:url(imagenes/fondo2.jpg);
background-repeat:no-repeat;
background-position:center top;
height:900px;
}


#base2{
width:940px;
margin:auto;
}

#cabeza{
width:242px;
height:65px;
background-image:url(imagenes/marca.png);
background-repeat:no-repeat;
float:left;
margin-left:20px;
margin-top:60px;
}
     
	   
#botonera{
width:550px;
height:65px;
float:left;
margin-left:40px;
margin-top:75px;

}

#musica{
width:30px;
height:65px;
float:left;
clear:right;
margin-left:30px;
margin-top:80px;
margin-bottom:45px;
}

#cuerpo{
width:940px;
height:290px;
clear:left;
margin:auto;
}

#cuerpoobras{
width:940px;

clear:left;
margin:auto;
}


li{
list-style-type:none;
margin-left:58px;
height:30px;
float:left;
line-height:30px;
}

cuadro1obras li{
list-style-type:none;
margin-left:70px;
height:30px;
line-height:30px;
}
.pantalla{color:#c01d0f;
font-size:13px;}

a:link{color:#666666;
font-size:13px;
text-decoration:none;
}

#cuadro3estudio a:link
{
font-size:11px;
text-decoration:none;
}

a:visited{color:#666666;
font-size:13px;
text-decoration:underline;
}

a:hover{
color:#C00;
}



#cuadro1{
width:500px;
height:100px;
float:left;
margin-left:45px;
margin-top:80px;
}

#cuadro1obras{
width:300px;

float:left;
margin-left:65px;
margin-top:40px;
}

#cuadro2{
width:350px;
height:100px;
font-size:11px;
line-height:22px;
color:#666666;
float:left;
margin-left:45px;
margin-top:85px;
margin-bottom:60px;
}

#cuadro2obras{
width:500px;
height:450px;
text-align:center;
font-size:11px;
line-height:22px;
color:#666666;
float:left;
margin-left:50px;
margin-top:27px;
margin-bottom:40px;
clear:right;
}


#cuadro3estudio{
	width:480px;
	height:600px;
	overflow:scroll;
	overflow-x: hidden;
	text-align:left;
	font-size:11px;
	line-height:22px;
	color:#666666;
	float:left;
	margin-left:50px;
	margin-top:50px;
	margin-bottom:40px;
	clear:right;
}

h1{
color:#c01d0f;
font-size:20px;
font-weight:lighter;
letter-spacing:-1px;  /* interlineado*/

padding-bottom:5px;
}

h2{
color:#c01d0f;
font-size:20px;
font-weight:lighter;
letter-spacing:-1px;  /* interlineado*/

padding-bottom:5px;
}

h3{
color:#737373;
font-size:11px;
font-weight:bold;
letter-spacing:0px;  /* interlineado*/

padding-bottom:2px;
}

p{color:#666;
font-size:11px;
line-height:25px;
}



#cuadro2 a{
color:#c01d0f;
font-size:11px;
font-style:oblique;
font-weight: bold;
text-decoration: underline;
}

#cuadro1 a{
color:#c01d0f;
font-size:11px;
font-style:oblique;
font-weight: bold;
text-decoration: underline;
}


#separador{
width:901px;
margin:auto;
clear:left;
}

#creditos{
width:510px;
float:left;
margin-top:10px;
margin-left:45px;
}

#creditos a:link{color:#666666;
font-size:11px;
text-decoration:underline;
}

#creditos2{
width:100px;
float:left;
margin-top:22px;
margin-left:250px;
text-align:right;
}