/* ESTRUCTURA */
body{
font: 12px Verdana, sans-serif;
color:#474747;
background:#293425;
padding: 0px;
margin:auto;
text-align:center;
}

div#bloque{
background:url('imagenes/fondobloque.jpg') repeat-y;
padding:0px;
margin:0 auto;
width:970px;
}

div#cabecera{
background:url('imagenes/fondocabecera.jpg');
margin:0px;
padding:0px;
width:970px;
height:157px;
}

div#contenido{
margin:0px;
padding:0px;
display:inline; /* bug IE double margin in floats */
width:740px;
float:left;
text-align:justify;
/* Este bloque esta flotado a la izquierda y con tamaño fijo */
/* para que cuando flote las imagenes interiores a la izquierda (la paloma por ej) */
/* y despues haga un clear a la hr para que se baje debajo de ella, la hr no se */
/* baje hasta debajo del menu (que tambien esta flotando) */
}

div#pie{
background:url('imagenes/pie.jpg');
clear:both;
width:970px;
height:36px; /* 59px menos el padding */
padding-top:23px;
}

div#pie span{
display: none;
}

div#menu{
padding:0px;
margin:0 27px 0 17px;
float:left;
width:175px;
display:inline; /* para corregir bug IE con los margenes de los float */
}

/* TIPOGRAFIA */
div.bloquetexto {
margin:10px 30px 3px 0px;
text-align:justify;
position:relative;
}

div#anuncios{
margin-right:36px;
}

div#anuncios .bloquetexto{
margin:0 auto;
width:480px;
overflow:hidden;
padding-bottom:5px;
}

div#anuncios div.headanuncio{
font-size:11px;
margin:0px;
padding:0px;
margin-bottom:5px;
}

div#anuncios div.hr{
margin:0 auto;
width:480px;
}

div.hr{
/* tengo que usar un div y luego ocultar la hr para que mantenga la semantica */
/* y no muestre los bordes del <hr> en IE */
height:7px;
width:708px;
border:none;
background:url('imagenes/hrule1.jpg');
margin:0px 28px 0px 7px;
padding:0px;
clear:both;
}

div.hr hr{
display:none;
}

span.anunciolabel{
border-bottom:1px dotted;
font-weight:bold;
}


h2{
font-weight:bold;
font-size:12px;
text-decoration:underline;
}

h1{
height:35px;
margin:0px;
padding:0px;
}
/* ENLACES */

div#menu ul li a{
font:12px Verdana, sans-serif;
text-decoration:none;
color:white;
background:#027d08;
padding:0px;
margin:0px;
display:block;
width:175px;
height:40px;
border:none;
}

div#menu ul li a:hover{
background:white;
color:#027d08;
font-weight:bold;
text-decoration:none;
border:none;
}

div#contenido a{
color:#0a7b0a;
border-bottom:1px dotted #0a7b0a;
text-decoration:none;
}

div#contenido a:hover{
background:#afe2af;
border-bottom:1px solid #0a7b0a;
}

a.flecharriba{
display:block;
position:absolute;
bottom:0px;
right:1px;
padding:0px;
margin:0px;
width:22px;
height:22px;
}

div#pie a{
display:block;
border:none;
}


/* LISTAS, IMAGENES, ETC */

div#menu ul{
list-style:none;
padding:0px;
margin:0px;
}

div#menu ul li{
padding:0px;
margin:0px;
float:left; /*IMPORTANTE: para corregir bug IE que crea un gap entre cada li */
}

div#contenido ul{
text-align:left;
list-style:square;
margin-right:25px;
}

ul.enlaceslist{
display:block;
float:left;
margin-top:5px;
}

ul.enlaceslist li{
list-style:url('imagenes/bullet1.jpg');
}

ul.enlaces{
margin-bottom:0px;
padding-bottom:10px;
}

a img{
padding:0px;
margin:0px;
border:none;
}

div#menu ul li a img{
display:block;
padding:0px;
margin:0px;
border:none;
}

div.bloquetexto img{
display:inline; /* bug IE double margin in floats */
float:left;
margin:0px 10px 10px 0px;
}

a.flecharriba img{
border:none;
margin:0px;
}

/* los #id tienen preferencia sobre las clases, como defini */
/* div#contenido a, para que este estilo no se herede no puedo poner */
/* a.email, tengo que precederlo de div#contenido a.email */
div#contenido a.email, a.email img, div#contenido a:hover.email{
border:none;
padding:0px;
margin:0px;
float:none;
display:inline;
text-decoration:none;
}

div#pie img{
border:none;
}

h1 img{
margin:0px;
padding:0px;
}

div.clear{
clear:both;
height:0px;
margin-top:10px;
}
/* FORMULARIOS */

form{
margin:0 auto;
margin-top:10px;
width:480px;
height:244px;
text-align:center;
padding:0px;
padding-top:15px;
background:url('imagenes/fondoform.png') center center no-repeat;
}

fieldset{
margin:0 auto;
margin-top:10px;
padding:10px;
border:none;
color:#474747;
}

legend{
color:#474747;
}

label,input,textarea{
color:#474747;
display:inline; /* bug IE double margin in floats */
width:250px;
float:left;
margin-bottom:10px;
}

label{
text-align:right;
width:130px;
padding-right:10px;
clear:left;
}

input,textarea{
border:1px solid #0a7b0a;
}


input#enviar{
display:inline;
width:100px;
color:#474747;
float:none;
text-align:center;
margin:0 auto;
}

input#codigo{
width:40px;
}

div.botonsubmit{
float:left;
clear:both;
text-align:center;
width:480px;
height:10px;
}

div#formulario img{
float:left;
}

div#formulario div#codigoimg{
float:left;
width:125px;
}

div #formulario img#spinner{
margin:0px;
margin-left:5px;
padding:0px;
float:none;
display:inline;
}

div.exito{
margin:0 auto;
margin-top:10px;
color:#0a7b0a;
text-align:center;
}

div#formulario{
margin:0 auto;
text-align:center;
}