/* Hoja de estilo para la página principal del GELA por Ezequiel Murillo 2005-2006 */

body {
background:#dddddd url('back.gif');
margin-top:6%
}

#main{
background:#ffffff;
border:1px #000000 solid;
margin-left:10%;
width:70%;
}

#main2{
background:#ffffff;
border:1px #000000 solid;
margin:1em;
width:auto;
height:auto;
}
 
#content{
background-image: url('bgcontent.gif');
background-repeat:no-repeat;
background-position:center;
text-align:justify;
margin: 3% 25% 5% 25%;
}

#content2{
background-image: url('bgcontent.gif');
background-repeat:no-repeat;
background-position:center;
text-align:justify;
margin: 3% 20% 5% 20%;
}

#content3{
background-image: url('bgcontent.gif');
background-repeat:no-repeat;
background-position:center;
text-align:justify;
margin: 3% 18% 5% 30%;
}

#content4{
background-image: url('bgcontent.gif');
background-repeat:no-repeat;
background-position:center;
text-align:justify;
margin: 3%;
}

h2.content{
font-size:1.2em;
font-family:Arial;
margin:0px 0px .5em 0px;
padding:0;
color:#333333;
font-variant:small-caps;
text-align:center;
}


p.content{
font-size:13px;
color:#555555;
font-family:Arial;
margin:0px 0px 3px 0px;
padding:0;
}

p.italic{
font-size:13px;
color:#555555;
font-family:Arial;
margin:0px 0px 3px 0px;
padding:0;
font-style:italic;}

a.content{
color:#444444;
font:800 1em Arial;
text-decoration:none;
margin:2em auto 2em auto;
padding:0;
}

a.content:hover{
text-decoration:underline;
}

img.content{
border:0;
}

hr {
color: #DDF4A4;
background-color: #DDF4A4;
height: 3px;
border:0;
}

a.s{
font-size:13px;
color:#444444;
font-family:Arial;
text-decoration:underline;
margin:0px 0px 3px 0px;
padding:0;
}

a.s:hover{
text-decoration:none;
}

h2.s{
text-align:right;
font-size:1.2em;
color:#83AE00;
font-family:Arial;
}

li{
list-style: square;
color:#f00;
}


/*-----------------------------------logo fecha--------------------------------*/

#logo{
float:top;
margin-top:1em;
margin-left:3%;
}

#fecha{
float:right;
margin:.3em auto auto 25%;
background:#fff;
width:75%;
font:10px Verdana;
color:#777;
} 


/*----------------------------------------Publi-----------------------------------------*/

#publi{
float:left;
margin:5% auto auto 1.2em;
}

p.publi{
text-decoration:none;
width:150px;
max-width:150px;
font:0.6em Arial;
color:#555555;
margin:.4em 0 2em 2.2em;
padding:0;
cursor:pointer;
}

img.publi{
float:left;
margin:3em 1% auto 2em;
border-width:0;
}


/*---------------------------------------menuDDF4A4--------------------------------------------*/


#menu{
background-color:#DDF4A4;
background-image: url('bgmenu.gif');
background-repeat:no-repeat; 
border:4px #dddddd solid;
position:absolute;
left:75%;
top:18%;
width:170px;
height:350px;
font:small-caps 900 13px arial;
line-height:27px;
}


a.menu {
text-decoration:none;
color:#333333;
padding:6px;
}

a.local{
text-decoration:none;
color:#333333;
padding:6px;
background:#ddddee;
}

a.menu:hover {
background:#ddddee;
text-decoration:underline;
}