body{background:#CCC;}
#pie{width:780px;height:10px;background:#000; }
#ingreso{
width:780px;
height:600px;
background:#666;
margin:auto;
}
#ingreso_logo{
width:780px;
height:30px;
background:#CCC;
}
#ingreso_imagen{
width:780px;
height:540px;
background:#000;
}
#ingreso_pie{
width:780px;
height:30px;
background:#CCC;
}

#contenedor{
width:780px;
background:#000;
margin:auto;
height:2960px;
}

#header{
width:780px;
height:100px;
border-bottom:2px #CC0000 solid;
background:url(../fotos/header.jpg) no-repeat left #000;
}
#header_logo{width:750px;
height:30px; background:url(../arte/perfilcom.jpg) no-repeat left #000; padding:5px; margin-left:20px;}

#cuerpo{
width:780px;
margin:0;
padding:0;
}

html>body #menu{
width:200px;
height:500px;
background:#000;
float:left;
background: url(../fotos/menu.jpg) no-repeat top left;
margin:0;
padding:0;
}
#menu{
background:#000;
margin:0;
padding:0;
}


#cuadro{margin-left:20px;}


html>body #nota{
width:580px;
background:#FFF;
float:left;
padding:0;
margin:0;
}
#nota{
width:520px;
background:#FFF;
float:left;
padding:0;
margin:0;
}

#nota .titulo{
font:18px Arial, Helvetica, sans-serif normal;
color:#FFF;
background:#000;
padding:5px;
margin:20px;
height:20px;
width:530px;
position:relative;
float:left;
display:inline;
}
#header .titulo1{
font:22px Arial, Helvetica, sans-serif normal;
color:#FFF;
padding:5px;
margin:20px 0 0 15px;
}
#nota .personajes{
background:#FFF;
padding:0;
margin:20px;
width:249px;
height:120px;
}
#nota #personajes_fonte{
background:#FFF;
padding-bottom:60px;
margin:20px;
width:530px;
height:100px;
}

#nota #fonte h1{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#000;
margin:0 0 2px 0;
padding:0;
border:none;
}
#nota #fonte h2{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#336699;
margin:0 0 5px 0;
padding:0;
border:none;
}
#nota #personajes_fonte .imagen{
background:#000;
padding:2px;
height:80px;
width:80px;
margin:0 10px 40px 0;
float:left;
display:inline;
border-bottom:1px #CCC solid;
}
#nota #personajes_fonte {border-bottom:1px #CCC dashed;
}
#nota #fonte p a{text-decoration:none;color:#000;}
#nota #fonte p a:hover{text-decoration:none; color:#333;}


#nota .imagen{
background:#000;
padding:2px 2px 20px 2px;
height:80px;
width:80px;
margin:0 10px 0 0;
float:left;
display:inline;
border:1px #CCC solid;
}
#cont_columnas{
width:580px;
float:left;
}
#colizq{
float:left;
border-right:1px #CCC solid;

}
#coldcha{
float:left;
}
#nota .texto{
padding:0;
float:left;
margin:0;
width:150px;
/*border:1px #CCC solid;*/
display:inline;
}
#nota p{
font:12px Arial, Helvetica, sans-serif normal;
color:#000;
margin:0;
padding:0;
}
#nota h1{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#000;
margin:0 0 5px 0;
padding:0;
border-bottom:1px #CCC solid;
}

html>body ul {
margin:0px 40px 40px 30px;
padding:5px 0 5px 0;
float:left;
list-style-image:url(../arte/icon.jpg);
list-style-position:inside;
}

ul {
margin:0px 40px 40px 30px;
padding:5px 0 5px 0;
float:left;
list-style-image:url(../arte/icon.jpg);
}
ul li {padding:2px 0 2px 0; }
ul li a{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#336699;
margin:0;
text-decoration:none;

}
ul li a:hover{
font:13px Arial, Helvetica, sans-serif bolder;
color:#000;
margin:0;
text-decoration:underline;
}
ul li a:visited{
font:12px Arial, Helvetica, sans-serif normal;
color:#666;
margin:0;
text-decoration:none;
}

#nota p a{text-decoration:none;color:#336699;}
#nota p a:hover{text-decoration:none; color:#04294f;}

#fotos{text-align:center;}

div.botoneraslide{
	float: left;
	height:40px;
	width: 510px;
	margin:0 0 15px 20px;
	background-color:#000;
	padding:0px 15px;
	display:inline;
}


div.cfotoVidriera{
	width: 530px;
	text-align:center;
	background-color:#000;
	margin:0 0 0 20px;
	display:block;
	padding:5px;
	}
	
#ss_text{
font:12px Arial, Helvetica, sans-serif normal;
color:#000;
margin:20px;
padding:0;
height:110px;
display:block;
}