/***** BASE CSS *****/
@charset 'UTF-8';
@font-face{font-family:'FontAwesome';src:url('http://wwww.leschile.cl/font/fontawesome-webfont.eot?v=4.0.1');src:url('http://wwww.leschile.cl/font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('http://wwww.leschile.cl/font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('http://wwww.leschile.cl/font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('http://wwww.leschile.cl/font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

body {
        background-image: url(scribble_light.png);  
        background-position: inherit inherit; 
        background-repeat: repeat repeat;
        font-family: 'Source Sans Pro', sans-serif;
    }
 
/* header */
c#header{
    background-color: white;
    display: block;
    border: 1px transparent;
    border-bottom: 5px solid #eeeeee;
    width: auto;
    min-width: 360px;
    height: auto;
    text-align: left; 
}

c#logo{
    display: inline-block;
    float: center;
    border: 1px transparent;  
    margin-left: 10%;
} 

c#contenido{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
    display: block;
    width: auto;
    min-width: 360px;
    height: auto;
    text-align: center; 
    border-bottom: 5px solid #eeeeee;
}

c#contenido c#mensaje{ 
    margin-left: 10%;
    background-color: white;
    display: block; 
    width: 80%;
    min-width: 290px;
    height: auto;
    text-align: left; 
    font-weight: bold;
    font-size: 15px;
    color: #1186c0;
}
c#contenido c#mensaje.error{ 
    color: red;
}

c#contenido c#formulario{ 
    margin-left: 10%;
    background-color: white;
    display: block;
    border: 1px solid #F2F2F2;
    width: 80%;
    min-width: 290px;
    height: auto;
    text-align: left; 
}

c#contenido c#formulario label{ 
    display: block;
    width: auto; 
    font-weight: bold;
    font-size: 18px;
    margin-left: 15%;
    margin-right: 15%; 
}
c#contenido c#formulario input{ 
    display: block;
    width: 69%; 
    margin-left: 15%;
    margin-right: 15%; 
    margin-top: 5px;
    margin-bottom: 20px; 
    height: 25px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
}
c#contenido c#formulario input#boton{ 
    display: block;
    width: 49%; 
    margin-left: 25%;
    margin-right: 25%; 
    margin-top: 5px;
    margin-bottom: 20px; 
    height: 25px; 
    font-size: 18px;
    text-align: center;
    cursor: pointer; 
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
}

c#contenido c#formulario input#boton:hover{ 
    display: block;
    width: 53%; 
    margin-left: 23%;
    margin-right: 23%; 
    margin-top: -1px;
    margin-bottom: 10px; 
    height: 30px; 
    font-size: 19px;
    text-align: center;
    cursor: pointer;
    color: white;
    background-color: #1186c0;
    border: 1px solid #1186c0;
}


c#footer{

    background-image: url(tactile_noise.png);
    background-repeat: repeat repeat;

    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
    display: block;
    width: auto;
    min-width: 360px;
    height: auto;
    text-align: center; 
    border-bottom: 5px solid #eeeeee;
}

c#footer c#texto{ 
    margin-left: 10%; 
    display: block;
    color: white;
    border: 0px solid #F2F2F2;
    width: 80%;
    font-size: 14px;
    min-width: 290px;
    height: auto;
    text-align: left; 
}