/* Pagina principal */

body {
/*background-image: url('fondo2.jpg'); */
background: 102179; /* #EBFAE4; */
}

#container {
background-color:#EBFAE4;
margin: 0px 10px 10px 0px auto;
padding: 0px;
border: 0px solid #ccc;
width: 740px;
}
 html>body .container {        width: 740px; }

#head {
background: #EBFAE4;
padding: 2px 0px 0px 0px;
margin: 0px;
border: 0px solid #333;
}

#head-top {
padding: 0px;
margin: 5px 0px 0px 0px;
border: 0px solid #333;
}

#centro {
background: #EBFAE4;
border: 0px solid #ddd;
padding: 0px 0px 0px 0px; 
margin: 0px;
font: 12px bold "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
}

/*  
.titulo {
marging: 0px;
padding: 10px 0px 20px 0px;
border: 0px solid #447229;
}
 */

#content {
border: 0px solid #E6F8E1;
padding: 0px 10px 0px 5px; /* abajo pongo 0, para que no salga scroll innecesario */
margin: 0px;
width: 720px;
height: 270px;
color: #447229;
background: none;
overflow: auto;
 scrollbar-3dlight-color : #E6F8E1;
 scrollbar-highlight-color : #E6F8E1;
 scrollbar-darkshadow-color : #E6F8E1;
 scrollbar-shadow-color : #7FC138;
 scrollbar-face-color : #E6F8E1;
 scrollbar-arrow-color : #447229;
 scrollbar-track-color : #E6F8E1;
}
#cont-main {
padding: 0px 0px 0px 10px; 
border: 0px solid #E6F8E1;
}
#cont-main-right {
float: right;
padding: 0px 0px 0px 10px; 
border: 0px solid #E6F8E1;

}
#cont-main-left {
float: left;
padding: 0px 0px 0px 10px; 
border: 0px solid #E6F8E1;

}

#foot {
color: #888;
border: 0px solid #000000;
padding: 0px; 
margin: 0px;
/*font: 12px bold "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;*/
text-align: center;
width: 740px;
 }

/* listado de los bloques de la entrada principal*/

.listado { 
margin: 0px;
padding: 0px;
text-align: left;
height: 80px;
}

.listado ul
{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 25px;
list-style-type: none;
font: bold 12px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
}

.listado li { 
margin: 0px; 
padding: 6px 0px 0px 0px;
font: bold 12px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
/* IE trick - me lo pas JD-Multi en #css
float: left;  */
height: 15%;
}

.listado a:link, .listado a:visited
{
display: block;
margin: 0px;
padding: 0px;
width: 135px;
color: #447229;
font: bold 12px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
text-decoration: none;
/* IE trick - me lo pas JD-Multi en #css */
height: 1%;
}

.listado a:hover
{
color: #fff;
font: bold 12px "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
text-decoration: none;
}

/* Botones de las fichas de la plantilla */
#buttons_01 {
 float: left; 
 display: block;
 width: 773px;
 height: 363px;
 background: #E6F8E1 url("images/main_01.gif") no-repeat;
 padding: 0px;
 margin: 0px;
 text-align: left;
 color: #fff;
 border: 0px solid red;
}

#buttons_02 {
 float: left; 
 display: block;
 width: 773px;
 height: 363px;
 background: #E6F8E1 url("images/main_02.gif") no-repeat;
 padding: 0px;
 margin: 0px;
 text-align: left;
 color: #fff;
 border: 0px solid red;
}

#buttons_03 {
 float: left; 
 display: block;
 width: 773px;
 height: 363px;
 background: #E6F8E1 url("images/main_03.gif") no-repeat;
 padding: 0px;
 margin: 0px;
 text-align: left;
 color: #fff;
 border: 0px solid red;
}

#buttons_04 {
 float: left; 
 display: block;
 width: 773px;
 height: 363px;
 background: #E6F8E1 url("images/main_04.gif") no-repeat;
 padding: 0px;
 margin: 0px;
 text-align: left;
 color: #fff;
 border: 0px solid red;
}

/* estos estilos los usamos ahora para los contenidos (submenús) */
ul#buttons-navlist
{
margin: 0px;
padding: 5px 0px 3px 0px;
width: 100%;
font: 11px Arial, Verdana, Tahoma, sans-serif;
white-space: nowrap;
}

#buttons-navlist li
{
display: inline;
list-style-type: none;
padding: 0px 0px 0px 5px;
}

#buttons-navlist a:link, #buttons-navlist a:visited
{
padding: 2px 17px;
color: #E6F8E1;
background-color: #67AD3E;
text-decoration: none;
border: 1px solid #fff;
}

#buttons-navlist a:hover, #buttons-navlist a:active
{
color: #fff;
background-color: #7FC138;
text-decoration: none;
border: 1px solid #E6F8E1;
}

/* me invento estos estilos para usar botones con imagenes transparentes y que aparezcan por encima de los fondos con pestañas con textos */

ul#botones-list
{
margin: 0px;
padding: 0px;
width: 100%;
font: 11px Arial, Verdana, Tahoma, sans-serif;
white-space: nowrap;
}

#botones-list li
{
display: inline;
list-style-type: none;
padding: 0px;
}

#botones-list a:link, #botones-list a:visited
{
padding: 0px;
color: #fff;
background-color: none;
text-decoration: none;
width: 190px;
height: 40px;
border: 0px solid #E6F8E1;
}

#botones-list a:hover, #botones-list a:active
{
color: #E6F8E1;
background-color: none;
text-decoration: none;
border: 0px solid #fff;
}