* { padding: 0; margin: 0; }

body {
 font-family:"Calibri", Times, serif;
 font-size: 12px;
 background-color:#fff; color:#000;
}
a img { border: none; }
:focus {outline: 0;}

#caja { 
 margin: 0 auto;
 width: 980px;
}
#top {
 width: 980px;
 padding: 0;
 height: 125px;
 margin: 0;
 background:url(../img/top.png) top left no-repeat;
}

.editorial #top{
 background:url(../img/top-editorial.png) top left no-repeat;
}

#home { position:absolute; width:365px; height:125px; margin:0; cursor:pointer; cursor: hand;}

#menua { width:297px; height:13px; margin:0 0 0 683px; background-color:#99FF00;}
#menualist {position: relative; margin: 0; padding: 0; width: 297px; height: 13px; background: url(../img/menua.png);}
#menualist li {width: 297px; height: 13px; position: absolute; top: 0px; background: url(../img/menua.png) 0 0 no-repeat; display: block; list-style: none; font-size: 5px; text-indent: -9999px;}
#menualist a {height: 13px; display: block; border: 0px; font-size: 5px; text-indent: -9999px; text-decoration: none;}

#menualist #a {left: 0; background-position: 0 0; width: 68px;}
#menualist #b {left: 68px; background-position: -68px 0; width: 74px;}
#menualist #c {left: 142px; background-position: -142px 0; width: 92px;}
#menualist #d {left: 234px; background-position: -234px 0; width: 63px;}

#menualist #a a:hover {background: url(../img/menua.png) 0 -13px no-repeat;}
#menualist #b a:hover {background: url(../img/menua.png) -68px -13px no-repeat;}
#menualist #c a:hover {background: url(../img/menua.png) -142px -13px no-repeat;}
#menualist #d a:hover {background: url(../img/menua.png) -234px -13px no-repeat;}

#menualist #a.selected {background: url(../img/menua.png) 0 -13px no-repeat;}
#menualist #b.selected {background: url(../img/menua.png) -68px -13px no-repeat;}
#menualist #c.selected {background: url(../img/menua.png) -142px -13px no-repeat;}
#menualist #d.selected {background: url(../img/menua.png) -234px -13px no-repeat;}

#radio { width:296px; height:23px; margin:5px 0 5px 684px;}


#menub { width:489px; height:13px; margin:0 0 0 491px; background-color:#99FF00;}
#menublist {position: relative; margin: 0; padding: 0; width: 489px; height: 13px; background: url(../img/menub.png);}
#menublist li {width: 489px; height: 13px; position: absolute; top: 0px; background: url(../img/menub.png) 0 0 no-repeat; display: block; list-style: none; font-size: 5px; text-indent: -9999px;}
#menublist a {height: 13px; display: block; border: 0px; font-size: 5px; text-indent: -9999px; text-decoration: none;}

#menublist #a {left: 0; background-position: 0 0; width: 140px;}
#menublist #b {left: 140px; background-position: -140px 0; width: 205px;}
#menublist #c {left: 345px; background-position: -345px 0; width: 65px;}
#menublist #d {left: 410px; background-position: -410px 0; width: 78px;}

#menublist #a a:hover {background: url(../img/menub.png) 0 -13px no-repeat;}
#menublist #b a:hover {background: url(../img/menub.png) -140px -13px no-repeat;}
#menublist #c a:hover {background: url(../img/menub.png) -345px -13px no-repeat;}
#menublist #d a:hover {background: url(../img/menub.png) -410px -13px no-repeat;}

#menublist #a.selected {background: url(../img/menub.png) 0 -13px no-repeat;}
#menublist #b.selected {background: url(../img/menub.png) -140px -13px no-repeat;}
#menublist #c.selected {background: url(../img/menub.png) -345px -13px no-repeat;}
#menublist #d.selected {background: url(../img/menub.png) -410px -13px no-repeat;}


#izquierda { 
 margin: 0;
 padding: 0;
 min-height:430px;
 height:auto !important;
 height:430px;
 width: 380px;
 float: left;
}

#foto-editorial { background:url(../img/foto-editorial.png) top left no-repeat; width:380px; height:391px;}
.editorial p.piefoto { color:#616060; font-size:10px;}
/*.editorial p.piefoto { color:#616060; font-size:10px; padding:173px 0 0 0; letter-spacing:normal;}*/
.editorial p.piefoto a:link { color:#616060; border-bottom:1px dotted #616060; text-decoration:none;}
.editorial p.piefoto a:visited {color:#616060; border-bottom:1px dotted #616060; text-decoration:none;}
.editorial p.piefoto a:hover { color:#000; border-bottom:1px dotted #000; text-decoration:none;}
.editorial p.piefoto a:active {color:#616060; border-bottom:1px dotted #616060; text-decoration:none;}
#derecha { 
 float: right;
 margin: 0;
 padding: 0;
 min-height:430px;
 height:auto !important;
 height:430px;
 width: 600px;
 display: inline;
}
.editorial #derecha { background:url(../img/fondo-editorial.png) top left no-repeat;}
.editorial p { color:#000; font-size:12px; text-align:justify; margin-bottom:12px;}
#pie {
 clear: both;
 width: 980px;
 border-top:1px dotted #A79F91;
 margin: 0;
 padding: 0;
 height: 56px;
}

#pie a:link {color:#A79F91; text-decoration:none;}
#pie a:visited {color:#A79F91; text-decoration:none;}
#pie a:hover {color:#000; text-decoration:none;}
#pie a:active {color:#A79F91; text-decoration:none;}

#pie1 { width:490px; height:16px; float:left;}
#pie2 { width:490px; height:16px; float:left; text-align:right}

#pie1 ul.copy {
	padding:5px 0 0 0;
	font-size:10px;
	list-style-type: none;
	color:#A79F91;
}
#pie1 li { margin:0 10px 0 0; padding:0; display:inline;}
#pie1 li.nomarg { margin:0;}
#pie1 li.selec { color:#000; text-decoration:none;}

#pie2 ul.copy {
	padding:5px 0 0 0;
	font-size:10px;
	list-style-type: none;
	color:#A79F91;
}
#pie2 li { margin:0 10px 0 0; padding:0; display:inline;}
#pie2 li.nomarg { margin:0;}
#pie2 li.selec {color:#000; text-decoration:none;}