a:link {color:#222;}
a:visited {color:#222;}

/* Por defecto HTML te mete margin o padding a un form y cuando este form lleva 
solo un boton dentro se ve muy feo. Esto lo evita porque fuerza que margin 
y padding sean 0 */
#standard_form { 
    margin: 0px;
    padding: 0px;
}


body {
    background-color: #cccccc;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #111;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}


#logoLoginImage {
   display: block; 
   height: 150px; 
   width: 150px; 
   margin-left:auto; 
   margin-right:auto;
   margin-top: 20px;
   margin-bottom: 20px;
}

#logoMenuPpalImage {
   display: block; 
   height: 100px; 
   width: 100px; 
   margin-left:auto; 
   margin-right:auto; 
   margin-top: 20px;
   margin-bottom: 20px;
}

/*Title bar container*/
#titleBar
{
    width:900px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 10px;
    overflow: auto;

    text-align: center;
    color:#ffffff;
    font-size: 22px;
    font-weight: bold;

    background: #3f7f00; /*Ver standar de la web*/

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: outset 1px #a1b5cf;

}


/*Title bar container*/
#titleBarLogin
{
    width:500px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 22px;
    margin-bottom: 20px;
    padding: 10px;
    overflow: auto;

    text-align: center;
    color:#ffffff;
    font-size: 20px;
    font-weight: bold;

    background: #3f7f00;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: outset 1px #a1b5cf;

}

/*Diconnect bar container*/
#disconnectBar
{
    width:900px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 20px;
    padding: 0px;
    
    overflow: auto;
    font-size: 14px;
    text-align: right;
    background: rgba(255, 255, 255, 0);

}

/*Diconnect bar container*/
#buttonBar
{
    width:900px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    overflow: auto;
    
    background: rgba(255, 255, 255, 0);
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: outset 1px #a1b5cf;

}

#transparentButtonBarCentered {
    
    width: 200px;
    height: auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    overflow: auto;
    
    text-align: center;
    
}



/*hyperlink tag showed like a button*/
.linkButton {
    font: 14px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}




/*
LOGIN FORM
*/

#login-main /*Main container del Login Form */
{
    width:300px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left:auto;
    margin-right:auto;
    padding: 25px;
    overflow: auto;

    text-align: left;

    background: #000;
    background: rgba(255, 255, 255, 1);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: outset 1px #a1b5cf;

}


#login /*Sub-container de "login-main" a la izquierda*/
{
    float:left;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;    
}

#registration /*Sub-container de "login-main" a la derecha*/
{
    float:right;
    width: 60px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

/*Textfields*/
input[type="text"], input[type="email"], input[type="password"] 
{
    width: 180px;
    margin: 4px;
    padding: 2px;

    font-size: 13px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: inset 1px #ddd;

}

#readonlyTextfield {
    
    width: 40px;
    margin: 4px;
    padding: 2px;

    font-size: 13px;
    text-align: right;

    background: rgba(255, 255, 255, 0);

    border: 0px;
    
}


.form-submit  /*Submit button inside a form*/
{
    float: right;
    margin: 4px;
    padding: 2px;

    font-size: 14px;
    text-align: right;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: outset 1px #ddd;

}

.form-submit-center  /*Submit button inside a form*/
{
    margin: 4px;
    padding: 2px;

    font-size: 14px;
    text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: outset 1px #ddd;

}

/*Diconnect bar container*/
#logoutContainer
{
    width:400px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    overflow: auto;
    
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    
    background:#ccffcc;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: outset 5px #a1b5cf;
    border-color: #3f7f00;

}


#errorMessageTitle
{
    width:400px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    padding: 10px;
    overflow: auto;
    
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    
    background:#ffcccc;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: outset 5px #a1b5cf;
    border-color:#ff3300;

}

#errorMessageList
{
    width:400px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    padding: 10px;
    overflow: auto;
    
    font-size: 14px;
    text-align: left;
    
    background:#ffcccc;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: outset 5px #a1b5cf;
    border-color:#ff3300;

}


#confirmMessageTitle
{
    width:400px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    padding: 10px;
    overflow: auto;
    
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    
    background:#ccffcc;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: outset 5px #a1b5cf;
    border-color:#3f7f00;

}

#confirmMessageList
{
    width:400px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    padding: 10px;
    overflow: auto;
    
    font-size: 14px;
    text-align: left;
    
    background:#ccffcc;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: outset 5px #a1b5cf;
    border-color:#3f7f00;

}


#confirmaBorrarMensage
{
    width:400px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    padding: 10px;
    overflow: auto;
    
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    
    background:#99ccff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: outset 5px #a1b5cf;
    border-color:#0033cc;

}


/*
MENU PRINCIPAL
*/

#menu_ppal_main /*Main container del Login Form */
{
    width:700px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left:auto;
    margin-right:auto;
    padding: 25px;
    overflow: auto;

    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;

    background: #000;
    background: rgba(255, 255, 255, 1);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: outset 1px #a1b5cf;

}


#menu_ppal_left /*Sub-container a la izquierda*/
{
    float:left;
    width: 50%;
    padding-bottom: 10px;
    /*background:#ffff33;*/
}

#menu_ppal_right /*Sub-container a la derecha*/
{
    float:right;
    width: 50%;
    padding-bottom: 10px;
    /*background:#99ffff;*/
}

.button_form_menu_ppal 
{
    width: 60%;
    height: 40px;
    
    margin: 4px;
    padding: 2px;

    font-size: 14px;
    text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: outset 1px #ddd;

}




/*
Tabla principal de contenidos
Tabla generada en www.csstablegenerator.com y luego ajustado el ancho a 800px y el margin left y right a "auto" y otros
*/

.tablaContenido {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    
    box-shadow: 10px 10px 5px #888888;
    border:1px solid #3f7f00;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}

.tablaContenido table{
    width:100%;
    height:auto;
    margin:0px;
    padding:0px;
    
    border-collapse: collapse;
    border-spacing: 0;
}

.tablaContenido tr:first-child td /*Celda contenido ENCABEZADO*/
{
    text-align:center;
    font-size:16px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
    
    background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
    background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	
    background: -o-linear-gradient(top,#5fbf00,3f7f00);
    background-color:#5fbf00;
    border:0px solid #3f7f00;
    border-width:0px 0px 1px 1px;
    
}

.tablaContenido td /*Celda contenido standard*/
{
    height: auto;
    vertical-align:middle;
    padding:7px;
    
    text-align:left;
    font-size:13px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
    
    border:1px solid #3f7f00;
    border-width:0px 1px 1px 0px;
}

.tablaContenido tr:first-child:hover td
{
    background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
    background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	
    background: -o-linear-gradient(top,#5fbf00,3f7f00);
    background-color:#5fbf00;
}

.tablaContenido tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.tablaContenido table tr:first-child td:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.tablaContenido table tr:first-child td:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.tablaContenido tr:last-child td:first-child{
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.tablaContenido tr:hover td{

}
.tablaContenido tr:nth-child(odd)
{
    background-color:#d4ffaa; 
}
.tablaContenido tr:nth-child(even)    
{ 
    background-color:#ffffff; 
}
.tablaContenido tr:last-child td{
    border-width:0px 1px 0px 0px;
}
.tablaContenido tr td:last-child{
    border-width:0px 0px 1px 0px;
}
.tablaContenido tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.tablaContenido tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.tablaContenido tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}