body
{
 margin:0;
 padding:0;
 font-size:1.2em;
 height:1%;

word-wrap: break-word; /* IE */
}

.error
{
 text-align:center;
 color:red;
}

.area_idiomas
{
 float:right;
}

.area_idiomas img
{
 margin:0.2em;
 border:0;
}

    #openid INPUT.openid_login{ 
       background: url('../estilo/openid_login.gif') no-repeat; 
       background-color: #fff; 
       background-position: 0 50%; 
       color: #000; 
       padding-left: 18px; 
       width: 100px; 
       margin-right: 10px; 
    } 
    
    .area_usuario form
    {
     margin:0;
    }
    
    .area_usuario
    {
     font-size:0.8em;
    }
    
    div.accion
    {
    	margin:1em;
    }
    
    .accion a
    {
    	color:yellow;
    	background-color:#700;
    	margin:0.3em;
    	padding:0.3em 0.6em 0.3em 0.6em;
    	border: 2px solid;
    	border-color:#f55 #300 #300 #f55;
    	text-decoration:none;
    }
    
    .accion a:hover
    {
    	background-color:#700;
    	border-color:#300 #f55 #f55 #300;
    }
  
.lista_foros ul
{
 list-style-type:none;
 margin:0;
}

.lista_foros li
{
 background-color:#700;
 padding:1px;
 margin:1em 3em 1em 3em;
}

.lista_foros .titulo a
{
 margin:0.2em;
}

.lista_foros .titulo a
{
 text-decoration:none;
 font-size:1.4em;
 font-weight:bolder;
}

.lista_foros a:hover{color:yellow;}
.lista_foros .ultimo {font-size:0.8em;padding:0.2em;}
 
.lista_foros .ultimo,
.lista_foros a
{
 color:white;
}
 
.lista_foros li .descripcion
{
 background-color:white;
 padding:0.5em;
}




.lista_temas img
{
 border:none;
}

.lista_temas .ultimo
{
 padding-left:1em;
 font-size:0.8em;
}

.lista_temas div.fecha
{
 display:inline;
 font-size:0.8em;
}

.lista_temas ul
{
 list-style-type:none;
}

.lista_temas li
{
 margin:1em;
}

.lista_temas .titulo a
{
 font-size:1.4em;
 text-decoration:none;
 color:#900;
 font-weight:bolder;
}

.lista_temas a
{color:#900;}

.lista_temas a:visited
{color:#907;}

.lista_temas a:active,
.lista_temas a:hover
{color:#f00;}


    
h1
{
 float:left;
 margin:0;
 margin-bottom:-0.5em;
}
    
.area_usuario
{
}

.mensaje
{
 border: 2px #a00 solid;
 padding:0.5em;
 margin:0.5em;
 margin-left:190px;
 background:#fff5dd;
 height:1%;
}

.mensaje .pie
{
 clear:both;
}

.mensaje .usuario
{
 float:left;
 width:160px;
 text-align:center;
}

.mensaje .fecha
{
 font-size:0.8em;
 color:#543;
}

.mensaje .texto
{
 padding-left:170px;
}

.migas
{
 font-size:0.8em;
}

h2
{
 text-align:center;
 margin:0.3em 0 1em 0;
}

h3
{
 margin:0.1em 0 0.2em 1em;
}

.publicidad
{
 float:left;
 width:170px;
}




.menu
{
 clear:both;
 margin-top:-1em;
 margin-bottom:-2.6em;
 width:100%;
}

.menu ul
{
 list-style-type:none;
 background: url('barra.gif') repeat-x; 
 height:66px;
 margin-left:0;
 margin-top:0.5em;
 padding:0 0 0 240px;
}

.menu li
{    
 float:left;
 background: url('opestania-izq.png') no-repeat left; 
 height:66px;
 margin-bottom:-2.6em;
}

.menu .actual
{
 background: url('pestania-izq.png') no-repeat left; 
}

.menu li a
{
 color:silver;
 text-decoration:none;
 padding:0.1em 1em 0.2em 1em;
 display:block;
 background: url('opestania-der.png') no-repeat right top;
}

.menu .actual a
{
 color:white;
 background: url('pestania-der.png') no-repeat right top; 
}


.menu a:hover
{
 color:yellow;
}





.seleccion_ejemplos
{
 float:left;
 width:10em;
}


.seleccion_ejemplos .categorias ul,
.seleccion_ejemplos .ejemplos ul
{
 overflow:auto;
 border:solid 2px;
 border-color:gray silver silver gray;
 list-style-type:none;
 padding:0;
 margin:0;
}

.seleccion_ejemplos .categorias ul
{
 height:10em;
}

.seleccion_ejemplos li
{
 padding:0.03em;
 margin:0;
}

.seleccion_ejemplos li a
{
 display:block;
 color:black;
 text-decoration:none;
 padding:0.1em 0.2em 0.1em 0.2em;
 margin:0;
}

.seleccion_ejemplos li.actual a
{
 color:white;
 background-color:darkblue;
}

.muestra
{
 float:right;
 width:30%;
}

.muestra iframe
{
 width:100%;
 height:12em;
}

.codigo
{
 padding-left:11em;
 padding-right:31%;
}

.codigo form
{
 margin:0;
}

.codigo .anterior,
.codigo .posterior
{
 font-size:0.7em;
 height:5em;
 overflow:auto;
 background:silver;
 border:solid 2px;
 border-color:gray white white gray;
 padding:0.1em;
}

.codigo label
{
 display:none;
}

.codigo form
{
 width:100%;
}

.codigo textarea
{
 width:100%;
 height:15em;
}

.explicacion
{
 padding:0.5em;
 overflow:auto;
}

form.delete
{
 vertical-align:middle;  
 display:inline;
 margin:0;
 padding:0;
}

form.delete button
{
 cursor:pointer;
 width:29px;
 height:29px;
 vertical-align:middle;  
 margin:0;
 padding:0;
 border:2px solid;
 border-color:#eee gray gray #eee;
 background-color: #ccc;
}

a.insert img, a.modify img
{
 vertical-align:middle; 
 margin:0;
 border-color:#eee gray gray #eee;
}