#main {/*max-width:960px; min-width:320px; margin:0 auto;     */

}

body {
    background-color: #FFFFFF;
    color: #777777;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    /*text-align:center;  */
    margin:0px;
}

a {
    color: #FFFFFF;
}

/*
a:visited {
    color: #EB9C00;
}
  */
a:hover {
    color: #EB9C00;
}

#clear{
    clear: both;
    display: block;
}


/* cabecera */
#contenedor_cab{
    box-sizing: border-box;
    width: 100%;
    height: 27%;
    margin-bottom: 10px;
    padding: 1em;
    background-color: white;
    overflow:visible;
    text-align: center;
    display: flex;
    flex-direction: column;

    border-color: #000000;
    border-style: solid;
    border-width: 0px;         /*para pruebas */
}

#menu {
    width: 100%;
    text-align: right;
    flex-wrap: nowrap;
    border-color: #000000;
    border-style: solid;
    border-width: 0px;         /*para pruebas */
}

#menu div{
    display: inline;
    font-size: 1em;
    padding: 1.5em 1.5em 1.5em 0em
}

#menu a{
    color:#777777;
    text-decoration: none;
}

#menu a:hover {
    text-decoration: underline;
    color:#EB9C00;
}

#logo{
    /* display:inline-block;     */
    font-size: 1em;
    margin-top: 4em;
    text-align:center;

    border-color: #000000;
    border-style: solid;
    border-width: 0px;         /*para pruebas */
}

/* fin cabecera */
/* centro */
#contenedor_centro{
    box-sizing: border-box;
    width:100%;
    min-height: 550px;
    background-color: #8CA547;
    background-image:url(../img/org/fondo_mentor_1200x675.png) ;
    background-repeat: no-repeat;
    background-position: center;
    overflow:visible;
    padding: 1em;
    display: -webkit-flex;
    display:         flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;

    border-color: #000000;
    border-style: solid;
    border-width: 0px;         /*para pruebas */
}

#gracias{
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;

}

#gracias h1{
    text-align: center;
    font-size: 5em;
}

#gracias h2{
    font-size: 2em;
    padding-bottom: 10%;
}

#gracias p{
    font-size: 1.7em;
}

#contenedor_izd{
    /*float: left;   */
    width: 65%;
    -webkit-flex: 3 1 60%;
    flex: 3 1 60%;
    -webkit-order: 1;
    order: 1;
    box-sizing: border-box;
    padding: 2em 1em 1em 5em;
}

#col_izq{
    box-sizing: border-box;
    border-color: #000000;
    border-style: solid;
    border-width: 0px;         /*para pruebas */
}

#texto{
    font-size: 25px;
    color: #FFFFFF;
    font-weight: bold;
    display:block;
    clear: both;
    border-color: #000000;
    border-style: solid;
    border-width: 0px;         /*para pruebas */
    padding-top: 3em;
    padding-bottom: 3em;
    text-align:right;
}

#col_dch{
    -webkit-flex: 3 1 35%;
    flex: 3 1 35%;
    -webkit-order: 2;
    order: 2;
    padding: 1em;
    display: inline;
    box-sizing: border-box;
    border-color: #000000;
    border-style: solid;
    border-width: 0px;         /*para pruebas */
}


#col_izq li{
    display: block;
    padding-top: 1em;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
}

#col_izq img{
    padding-right: 50px;
}

textarea {
    color: black;
    font-style: normal;
    font-family: Verdana, Geneva, sans-serif;

}

.form {
    margin: 40px auto;
    padding: 18px 20px;
    width: 70%;
    background-image: url(../img/fondo_form.png);
    background-clip: padding-box;
    border: 1px solid #172b4e;
    border-bottom-color: #142647;
    border-radius: 5px;;
    background-repeat: repeat;
    color: #ADADAD;
}

h1 {
    margin-bottom: 20px;
    font-size: 14px;
    color: white;
    text-align: center;
}

.form label{
    font-size: 10px;

}

.form-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
    padding:5px;
    background: #FFFFFF;
    border: 1px solid #15243b;
    border-top-color: #0d1827;
    border-radius: 4px;



&:focus {
     outline: 1;
     background-color: #EB9C00;

 }
/*
.lt-ie9 & { line-height: $inputHeight - 2px; }
  */
}

.form-submit {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #944A00;
    text-align: center;
    text-shadow: 0 1px rgba(white, .3);
    background: #EB9C00;
    background-clip: padding-box;
    border: 1px solid #944A00;
    border-bottom-color: #CC6600;
    border-radius: 4px;
    cursor: pointer;
/* @include linear-gradient(top, #d0e1fe, #96b8ed);
 @include box-shadow(inset 0 1px rgba(white, .5), inset 0 0 7px rgba(white, .4), 0 1px 1px rgba(black, .15));
 */
&:active {
     background: #EB9C00;
     /*  @include box-shadow(inset 0 1px 5px rgba(black, .4), 0 1px rgba(white, .1));
     */
 }
}


/* fin centro */

#pie{
    box-sizing: border-box;
    display:block;
    /*height: 150px;*/
    background-color:#585F69;
    overflow:hidden;
    color: #dadada;
    padding: 20px 20px 30px;
    width:100%;
}

#datos_empresa{
    display:inline;
    float:left;
    width: 40%
}

#logos_rrss{
    display:inline;
    float:right;
}

.social-icons {
    margin: 0;
    padding: 0;
}

.social-icons li {
    float: left;
    display: inline;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
    text-indent: -9999px;
}

.social-icons li a, a.social-icon {
    width: 28px;
    height: 28px;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.social_twitter {
    background: url(../img/icons/social/twitter.png) no-repeat;
}

.social_facebook {
    background: url(../img/icons/social/facebook.png) no-repeat;
}

.social_googleplus {
    background: url(../img/icons/social/googleplus.png) no-repeat;
}

.social_youtube {
    background: url(../img/icons/social/youtube.png) no-repeat;
}




/* responsive   */
img, embed, object, video {  max-width: 100%;}

@media only screen and (min-width: 1600px) {  }

@media only screen and (min-width: 992px) and (max-width: 1599px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) { }

@media only screen and (max-width: 767px)
{
    #col_dch, #contenedor_izd{ padding-left: 0px; width: 100%}
    #col_izq li{ text-align: -webkit-center; width: 100%;  }
    #col_izq img { display: block; padding: 0px;}
    #contenedor_centro{
        flex-direction: column;
        -webkit-flex-direction: column;
    }

}

@media only screen and (max-width: 479px) {}

/*fin responsive */