﻿* {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

html, body {
    height: 100%;
    margin: 0px;
}

body {
    background-color: #DDD9D9;
}

a:visited, a:link, a:active {
    text-decoration: none;
    color: white !important;
}

.Formulario_Contactenos {
    background: #fff;
    border-radius: 4px;
    box-shadow: inset -1px 0 0 0 #d2d2d2, inset -1px 0 0 0 #e6e6e6, inset 1px 0 0 0 #d2d2d2,1px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241,241,241,0.3), 0 1px 0 0 #b1b1b1;
    -moz-box-shadow: inset -1px 0 0 0 #d2d2d2, inset -1px 0 0 0 #e6e6e6, inset 1px 0 0 0 #d2d2d2,1px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241,241,241,0.3), 0 1px 0 0 #b1b1b1;
    -webkit-box-shadow: inset -1px 0 0 0 #d2d2d2, inset -1px 0 0 0 #e6e6e6, inset 1px 0 0 0 #d2d2d2,1px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241,241,241,0.3), 0 1px 0 0 #b1b1b1;
    color: #333;
    font-family: 'Lucida Bright',Helvetica,Arial,Verdana,sans-serif;
    /*font-size: 1.2em;*/
    height: 1200px;
    margin: 0px auto;
    padding-top: 1px;
    position: relative;
    text-align: center;
    width: 980px;
}

.Fila_Titulo {
    background: #131623;
    color: white;
    font-size: 19px;
    font-style: oblique;
    padding-top: 10px;
    height: 40px;
    text-align: left;
    width: 100%;
}

    .Fila_Titulo label {
        padding-left: 15px;
    }

#Mapa {
    border: 1px groove #D2D2D2;
    border-radius: 4px;
    margin-top: 20px;
    margin: auto;
    text-align: center;
    width: 900px;
    height: 430px;
}

.MapaC {
    padding-top: 15px;
}

.Fila_Encabezados_3 {
    font-size: 1em;
    height: 30px;
    position: relative;
    width: 94%;
    text-align: center;
}

#Contact_Form {
    height:700px;
}
/*El 60 % empieza aqui*/

.Fila_Encabezados_2 {   
    font-size: 1em;
    margin-top:20px;
    height: 4%;    
    width: 94%;
    text-align: center;
}

.Fila_Encabezados_1 {
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: inline-flex; /*Propiedad necesaria para que se vea bien en Mozilla*/
    display: -ms-inline-flexbox;
    font-size: 1em;
    height: 3%;
    /*position: relative;*/
    margin-top: 15px;
    width: 94%;
    text-align: left;
}


.Fila_Informacion {
    display: -webkit-box;
    display: inline-flex; /*Propiedad necesaria para que se vea bien en Mozilla*/
    display: -ms-inline-flexbox;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 5%;
    /*position: relative;*/
    width: 100%;
}

#Fila_Botones {
    height: 5%;
    display: -webkit-box;
    display: -moz-box;
}

.UnMedioD {
    /*margin-left:30px;*/
    height:100%;    
    text-align: left;
    width: 50%;
}

.UnMedioI {
    height:100%;
    margin-right: 30px;    
    text-align: right;
    width: 50%;
}

.Uno {
    height: 100%;
    text-align: center;
    width: 100%;
}

.CampoC_i {
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    border-radius: 4px;
    border: 1px groove #D2D2D2;
    /*margin-top: 10px;*/
    height: 100%;
    width: 80%;
    padding-left: 10px;
    color: #333;
}

    .CampoC_i:focus {
        border: 1px groove #A29F9F;
    }

.CampoC_d {
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    border-radius: 4px;
    border: 1px groove #D2D2D2;
    /*margin-top: 10px;*/
    height: 100%;
    width: 80%;
    padding-left: 10px;
    color: #333;
}

    .CampoC_d:focus {
        border: 1px groove #A29F9F;
    }


#Mensaje {
    height: 40%;
    padding-top: 10px;
}

#Archivo {
    height: 6%;
    padding-top: 10px;
}

#Campo_Cot {    
    padding-top: 10px;
}

.BotonesFormulario {
    background: #131623;
    border: 0px;
    color: white;
    padding: 5px 40px;
    height:100%;
    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -ms-transition: background-color .25s;
}

    .BotonesFormulario:hover {
        background-color: #53cbf1;
        border: 1px groove #D2D2D2;
    }


.submission-attempted input:invalid {
    background-color: #f9b2b2;
    outline: none;
}

.Enunciado_i {
    margin-left: 40px;
    -webkit-margin-start: 70px;
}

.Enunciado_d {
    -webkit-margin-start: 50px;
}
