/*

@style   estilos para la plataforma Open Populi
@media   screen
@site
@version 0.1
@date    17-10-2008
@author  sebastian.garcia@openpopuli.com
@author  www.openpopuli.com

Esta CSS contiene únicamente los estilos comunes en todas las aplicaciones a nivel de plataforma.

- formulario de login a la plaaforma
- menu superior común para todas las aplicaciones (temporalmente deshabilitado)
- mensajes alerta: rojo(error), verde(ok), ámbar(alerta) y azul(neutro)

No se debe definir algún estilo que pueda sobreescribir o cortar la herencia de las CSS individuales de cada una de las aplicaciones
*/


/*  Se resetean los CSS  */

@import url("reset.css");


body{
font-size: 1em;

}


.clear-both{clear:both;}
.clear-all{clear:both;}


/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  */
/*  Estilos para el loading de AJAX helper: javascript.hlp  */
.loading {
    padding-top: 50px;
    background: url("/public/img/spinner.gif") top left no-repeat;
    }

    

    
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*  diseño de una mini-cabecera para páginas especiales: error404, login, etc   */


div.cabecera-top{
width:100%;
background: #DCEAF0 url(../img/plataforma/bg_intro.gif) repeat-x left bottom;
font-size:0.8em;
color:#242424;
padding: 2px 0px;
height:25px;
}
    
    

/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*  formulario de login  (a nivel de plataforma)           */

.plataforma{
margin:0 auto;
text-align:center;
}

.plataforma div.form-login{
color:#2f2f2f;
padding-bottom:0.2em;
width:300px;
margin: 100px auto 0 auto;
text-align:center;
/*border-bottom: solid 1px #9BC3D5;*/
}

.plataforma div.form-login h1{
font-weight:normal;
font-size:0.8em;
margin-bottom:1em;
margin-top:0.5em;
}

.plataforma div.form-login form{
font-size:0.9em;
margin-top:1em;
text-align:left;
background-color:#e9f4fb;
padding: 20px 10px;
}

.plataforma div.form-login form .campo{
height:30px;
}

.plataforma div.form-login form .campo label{
width:100px;
text-align:right;
float:left;
}

.plataforma div.form-login form .campo input{
float:left;
margin-left:20px;
width:120px;
color:#464646;
font-size:0.9em;
border: solid 1px #C4DAED;
}

.plataforma div.form-login form .campo input:focus{
background-color:#C4DAED;
border: solid 1px #C4DAED;
}

.plataforma div.form-login form input#submit{
margin-left:120px;
width:120px;

/*
background-color:#C4DAED;
border:solid 1px #6bb0e5;
color:#464646;
*/
}



/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          */
/*  css para los mensajes "flash" tras una operaci�n                */
/*  4 estilos:  verde (ok) rojo (error) �mbar(alerta) azul(neutro)  */



.plataforma .aviso-rojo{
/*background: #FCE2CA url(../img/plataforma/aviso-alerta.png) 10px 4px no-repeat;*/
background: #FCE2CA;
padding-top:5px;
padding-bottom:5px;
padding-left:35px;
font-size:0.8em;
color:#632f22;
border-bottom: solid 1px #CD684C;
border-top: solid 1px #CD684C;
}


/*  Estilos para los "UL LI" generados del proceso de validación de los forms   */
.plataforma .aviso-rojo ul {display:block;}
.plataforma .aviso-rojo ul li{display:inline; font-weight:normal; color:#CD684E;}
/*  ------------------------------------------------------------------------    */

.plataforma .aviso-ambar{
border: solid 1px #E47C06;
background: #FFD578 url(../img/plataforma/aviso-ambar.png) 10px center no-repeat;
padding: 5px 10px 5px 35px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#E47C06;
}

.plataforma .aviso-verde{
border: solid 1px #529248;
/*background: #CFF487 url(../img/plataforma/aviso-verde.png) 10px center no-repeat;*/
background: #e4fed3;
padding: 5px 10px 5px 35px;
font-family: Verdana,Arial,Helvetica,sans-serif!important;
font-size:0.8em;
color:#529248;
}

.plataforma .aviso-azul{
border: solid 1px #1E5E79;
background: #DBEAF0 url(../img/plataforma/aviso-azul.png) 10px center no-repeat;
padding: 5px 10px 5px 35px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#1E5E79;
font-weight:bold;
}


/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*  css para las páginas de error: 404,                    */

.plataforma .mensajes-servidor{
color:#2f2f2f;
border-top: solid 1px #9BC3D5;
padding-top:0.2em;
width:600px;
margin: 100px auto 0 auto;
text-align:left;
}

.plataforma .mensajes-servidor h1{
font-weight:normal;
font-size:1em;
}

.plataforma .mensajes-servidor p{
font-weight:normal;
font-size:0.9em;
color:#464646;
margin:1em auto;
text-align:justify;
}

.plataforma .mensajes-servidor ul.recuperacion{
margin:2em 0 1em 1em;
text-align:left;
font-size:0.8em;
}

.plataforma .mensajes-servidor ul.recuperacion li{
margin-bottom:1em;
text-align:left;
padding-left:16px;
background: url(../img/plataforma/bullet_blue.gif) no-repeat left 50%;
}

.plataforma .mensajes-servidor ul.recuperacion li:hover{
background: url(../img/plataforma/bullet_black.gif) no-repeat left 50%;
}

.plataforma .mensajes-servidor ul.recuperacion li a{
color:#0BA0FF;
}

.plataforma .mensajes-servidor ul.recuperacion li a:hover{
color:#464646;
}
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



input.bt_debug{
width:200px;
position: absolute;
top:20px; 
left:10px;
background-color:#fafafa;
}



/*  css para forzar el subrayado de los links etiquetados con class="link"  */
a.link{
text-decoration:underline!important;
}