@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
img {
    border:0;
}
ol, ul {
    list-style:none;
}
a {
    outline:none;
}
.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
    height:0;
}
/**/
body {
    font:normal 14px Arial, Helvetica, sans-serif;
    color:#00427B;
    background-color:#fff;
}
p {
    margin:10px 0;
}
p a{
    font-weight:bold;
    text-decoration:underline;
}

h1 {
    font-size:36px; color:#000000; margin-top:20px;
}
h2 {
    font-size:18px; color:#000000;
}
h3 { font-size:20px; font-weight:normal; color:#000000; margin-top:25px;}

h5 {
    font-weight:bold;
    font-size:18p;
    color:#000;
    padding-top:5px;
}
#box_main {
    width:780px;
    margin:0;
    border:1px solid #00427B;
    background-color:#fff;
    padding-bottom:10px;
}
/*head*/
#head_top {
    width:780px;
    height:303px;
    background:#000 url(img/top.jpg) no-repeat 0 0;
}
/*cuerpo*/
.ceal {
    width:780px;
    padding-top:10px;
    padding-bottom:20px;
    background-color:#00427B;
    text-align:center;
}
.texto {
    width:550px;
    margin:25px auto;
    padding-right:20px;
    padding-left:20px;
    text-align:justify;
}
#enviando {
    width:780px;
    height:210px;
    background-color:#e2e6f0;
}
#enviando h1 {
    width:550px;
    padding:20px;
}
#enviando h2 {
    width:160px;
    margin:10px;
    margin-left:115px;
    padding:15px;
    text-align:center;
    color:#ffffff;
    background-color:#00427B;
}
#enviando img {
    float:right;
    margin:15px;
}
/*Formu*/

#tabla_banco{
    text-align:left;
    margin-top:30px;
    margin-left:170px;


}
#cos_form {
    width:700px;
    margin: 0 auto;
    padding:15px;
    border:2px solid #00427B;
}
label {
    width:170px;
    font-weight:bold;
    float:left;
    margin:10px 0 10px 100px;
    text-align:right;
    color:#000;
    padding-top:5px;
}
input {
    width:300px;
    padding:4px;
    float:right;
    margin:10px 100px 10px 0;
    border:2px solid #000;
    background-color:#FFFF99;
}
input.banco1 {
    width:50px;
    padding:4px;
    float:left;
    margin:10px 10px 10px 0;
    border:2px solid #000;
    background-color:#FFFF99;
}
input.banco2 {
    width:50px;
    padding:4px;
    float:left;
    border:2px solid #000;
    background-color:#FFFF99;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0;
}
input.banco3 {
    width:50px;
    padding:4px;
    float:left;
    margin:10px 10px 10px 0;
    border:2px solid #000;
    background-color:#FFFF99;

}
input.banco4 {
    width:200px;
    padding:4px;
    float:left;
    margin:10px 10px 10px 0;
    border:2px solid #000;
    background-color:#FFFF99;
}
/*label.label_banco1{

        width:170px;
        font-weight:bold;
        float:left;
        margin:10px 0 10px 0px;
        text-align:left;
        color:#000;
        padding-top:5px;
}*/

input.radio {
    width:30px;
    float:none;
    margin-top:10px;;
    background-color:transparent;

    border:0;
}
textarea {
    width:300px;
    height:100px;
    padding:4px;
    margin:10px 100px 0 18px;
    border:2px solid #00427B;
    background-color:#eee;
}
.adv {
    height:0;
    clear:both;
}
input#enviar {
    font-size:16px;
    font-weight:bold;
    color:#000;
    background-color:#FFFF00;
    width:313px;
}

input#enviar a:link, a:hover {
    font-size:16px;
    font-weight:bold;
    color:#000;
    background-color:#FFFF00;
    width:313px;
}	


.aviso {
    clear:both;
    font:bold 14px Arial, Helvetica, sans-serif;
    color:#930;
    margin:0 0 0 290px;
    text-align:left;
}
.buttonoff {
    background-color:#ccc;
    color:#333;
}
#message_box {
    font:bold 16px Arial, Helvetica, sans-serif;
    color:#00427B;
    padding:30px 0;
}
#footer {
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#333;
    padding:15px 0;
    width:780px;
    text-align:center;
}
#radio {
    width:670px;
    /*margin-left:55px;*/
    font: lighter 12px Arial, Helvetica, sans-serif;
    border: thin solid #000000;
    padding:10px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;	
}

.label_radio {
    width:520px;
    margin:0;
    margin-top:3px;
    text-align:left;
    font-weight:normal;
}
/*MARC-gremi*/
#cabe{ background-image:url(../img/cabezera.jpg); width:780px; height:152px;}
.tabulacio{ margin-left:15px;}
#informacio{ width:700px; margin:0 auto;}
.opciones{ width:350px; height:30px; background:#000000; padding-top:10px; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:normal; margin-top:25px;}
.llistes li { font-size:20px; font-weight:normal; color:#000000; margin-top:15px;}
.hache_erre{ width:auto; height:5px; background:#000000; margin-top:25px;}
#contenedor { width:780px;margin: 0 auto;}
#contacto{ font-size:16px; font-weight:normal; color:#000000;}
#contacto a:link, a:hover{
    text-decoration: underline;
    color: #999999; 
}


/*fi MARC*/

/*FIJAR LATERAL en IE*/
@media screen {
    div#lateral {
        position: fixed;
    }
    /* Don't do this at home */
    * html {
        overflow-y: hidden;
    }
    * html body {
        overflow-y: auto;
        height: 100%;
        padding:0;
    }
    * html div#lateral {
        position: absolute;
    }
    /* All done. */
}