/* Clase css para formularios de EUTI
   Creada por Josep Maria Goenaga el 18/04/2007
*/

body 
{
}

div.header_form
{
    width: 99%;
    text-align:left;
    padding: 10px 10px 10px 10px;
    color: #274B95;
    background-color: #FFFFFF; }

/* centra un container amb mida de 600 píxels (600/2)-len(container_fill/2)*/
div.center_container
{
    width: 600px;
    text-align: center; }
    

/* carcasa externa en qualsevol formulari <div class="container">*/
div.container
{
width: 99%;
margin:1 auto;
border: 2px solid gray;
line-height:120%;
text-align:left; }

div.container_login
{
width: 310px;
margin:5px auto;
border: 2px solid gray;
line-height:120%;
text-align:left; }

/* Container per a pantalles d'error o d'ok */
div.container_msg_popup
{
width: 500px;
height: 140px;
color: #274B95;
font-size: 12px;
margin:0px 0px 0px 0px;
border: 1px solid gray;
line-height:120%;
text-align:left;
vertical-align:middle; }

div.header_msgerror
{
    width: 500px;
    height: 60px;
    background-color: Red;
    color: #274B95; }

div.header_msgok
{
    width: 500px;
    height: 20px;
    background-color: #274B95;
    color: white;  
}  
    
div.header_msg
{
    width: 500px;
    height: 20px;
    background-color: #efb521; }  
    
/* carcasa interna en qualsevol formulari <div class="Innercontainer">*/
div.Innercontainer
{
width:95%;
margin: 0px 0px 0px 0px; 
border:1px solid gray;
padding: 5px 5px 5px 20px; }

div.center
{
width:99%;
margin: 0px 0px 0px 0px; 
border:0px solid gray;
padding: 5px 5px 5px 5px;
text-align: center; }
    

/* presentació per a capçaleres i peus de pàgina <div class="header"> <div class="footer">*/
div.subheader,div.footer
{
	padding: 5px;
	color:white ;
	background-color: #274B95; 
}

/* títols <h1 class="header">TÍTOL</h1> */
h1.header
{
	padding:0;
	margin:0; 
}

/* columna esquerra <div class="left"><p>xxx</p></div>*/
div.left
{
float:left;
width:20px;
margin:0;
padding:1px; }

/* per a treballar amb una columna a la dreta, la resta de la pantalla */
div.content_form
{
	margin-left:1px;
	padding:1px; 
}

/* ************************** IMATGES + TEXTE ************************** */
/* el texte queda flotant a esquerra o dreta de la imatge */

div.float_right
{
float:right;
border:0px dotted black;
margin:10px 10px 15px 20px;
padding:5px; }

div.float_left
{
float: left;
border:0px dotted black;
margin:10px 10px 15px 20px;
padding:5px; }

/* ************************** CONTROLS DE FORMULARI ************************** */
/* ***************** Tipus de formulari div="content_form" ******************* */


/* modifica el comportament de tots els TextBox dintre del formulari */
/*div.content_form input, select, textarea
{
   color: #274B95;
   background-color: white;
   border:1px solid #274B95;}
   
div.content_form input:hover, textarea:hover, select:hover
{
   cursor: text;
}
   
div.content_form input:focus, textarea:focus, select:hover
{
    background-color: #f5f5f5; }   */

/* per etiquetes fieldset dintre del formulari */
/*div.content_form fieldset 
{
   border:none;} 
    
div.content_form label 
{
   font-weight:bold; } */
   
/* definim l'aspecte del combo (externa) */   
/*div.content_form select 
{
    color: #274B95;
    border:1px solid #274B95;
    background-color:white;
    height: 20px;
    font-size: 11px; } */

/* definim l'aspecte del combo (interna) */   
/*div.content_form option 
{
    color:  #274B95;
    border:1px solid #274B95;}  
     
div.content_form check 
{
    color:  red;}  */
    
/* Per a etiquetes legend dintre del formulari */    
/* div.content_form legend 
{
    color:  red;}  */
         
/* diferenciem el botó del reste de texarea 
input[type=text], input[type=password] {
 color: green;
 margin:5px }

.botoLogin {
 color: green;
 background-color: Red;
 margin:5px; } 
 
 .cursorhand  {
   cursor: hand;
   cursor: pointer; } */