/******** FUENTES ********/

@font-face{
    font-family:'Raleway', sans-serif;
    src: url('@import url(https://fonts.googleapis.com/css?family=Raleway');
    src: url('@import url(https://fonts.googleapis.com/css?family=Raleway:700');
    src: url ('@import url(https://fonts.googleapis.com/css?family=Raleway:900');
    font-style: normal;
    font-weight: normal;       
}



.texto{
    display: block;
    font-size: 19px;
    font-weight: bold;
    font-family:'Raleway', sans-serif;
    text-transform: uppercase;
    margin: 39px 19px 20px 21px;
    color: white;
}

    
header{
    width: 1350px;
    height: 195px;
    margin: 0 auto;
    background-color: none;
}        



.main-wrapper2{
    width: 717px;
    height: 167px;
    margin: 0px 147px -70px 190px;
    background-color: none;
}



.barra_navegacion{
    list-style-type: none;
    width: 718px;
    height: 22px;
    margin: 72px 41px 0px 194px;
    background-color: red;
    float: left;
}



.wrapper_nav a{
    text-decoration: none;
    color: black;
    display: block;
    margin: 6px -31px 0px -48px;
    height: 17px;
    padding: 2px 17px;
    font-size: 13px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    float: left;
    width: 113px;
}



.wrapper_nav a:hover{
    background-color: #FF860D;
    color: white;
    margin: 1px;
    height: 17px;
    padding: 2px 17px;
}





#logo1{
    width: 195px;
    height: 97px;
    padding: 13px;
    margin: 26px 0px 9px 1px;
    background-color: none;
}



.nav-list{
    list-style-type: none;
    float: left;
    padding: 13px 25px;
    margin: 5px;

}


#botonera{
    margin: 1px;
    height: 17px;
    padding: 2px 32px;
    background-color: white;
    color: black;
    font-size: 13px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    float: left;
    display: block;
}



.buscar{
    list-style-type: none;
    width: 318px;
    height: 54.5px;
    margin: -128px 0px 0px 382px;
    background-color: #FFFFFF;
}


aside{
    width: 273px;
    margin: -20px 916px;
    background-color: none;
}


section{
    background-color: none;
    margin: -67px 0px;

}



#columna-derecha{
    display: block;
    float: left;
    position: right;
    width: 270.3px;
    height: 100px;
    margin: -168px 0px 0px 1.4px;
    background-color: none;
}




#margen_columna{
    width: 237.2px;
    height: 100px;
    margin: 0px;
    background-color: white;
}



.contenedor_iconos{
    width: 273.19px;
    height: 29.4px;
    background-color: white;
    margin: 51px 0px 0px -27px;
    list-style-type: none;
}


.iconos{
    width: 29.5px;
    height: 29.5px;
    margin: -17px 8px 0px 13px;
    float: left;
    list-style-type: none;
}


.iconosdos{
    margin: 36px 0px 0px -67px;
    list-style-type: none;
    height: 33.5px;
    width: 263px;
    background-color: white;
    display: inline-block;
    float: left;
}



.iconosdos li{
    margin: -18px -1px 0px -2px;
    padding: 5px 13px;
    display: inline-block;
    float: left;
    width: 29.5px;
    height: 29.5px;
}






#botones_iconos{
    margin: -18px -1px 0px -2px;
    padding: 5px 13px;
    display: inline-block;
    float: left;
    width: 29.5px;
    height: 29.5px;
}




.proxima_meta{
    width: 247.7px;
    height: 267.1px;
    float: left;
    margin: -573px 0px 0px -122px;
    background-color: none;
    list-style-type: none;   
}



.anteultima_caja_columna{
    width: 240px;
    height: 134px;
    margin: -221px 0px 0px 1px;
    background-color: none;
}





.ultima_caja_columna{
    width: 240px;
    height: 125px;
    margin: 20px 0px 0px 0px;
}





.cuadro_arriba_izq{
    width: 310px;
    height: 122.3px;
    margin: -444px 0px 0px 1px; 
    float: left
}




.cuadro_arriba_derecha{
    width: 720px;
    height: 122.3px;
    margin: -444px 0px 0px -1px;
    float: left
}


.cuadro_arriba{
    width: 1350px;
    height: 122px;
    margin: -2px 0px 0px 194px;    
}





.cuadro_grande{
    width: 719.1px;
    height: 322px;
    margin: 6px 0px 0px 194px;
    background-color: black; 
}




.franja_iconos{
    width: 830px;
    height: 20px;
    margin: 1096px 187px;
    background: none;
}
    


.pie_de_pagina{
    width: 959px;
    height: 123px;
    margin: 245px 194px;
    background-color: #4C7272;
}



.gif{
    width: 719px;
    height: 322px;
    float: left;
    background-color: navajowhite;
    margin: -325px 194px;
}



.caja{
    width: 820px;
    margin: 0px 254px;
    background-color: none;
    
}

  



.iconos_grandes{
    width: 80px;
    height: 80px;
    margin: -159px -123px 8px 237px;
    float: left;
    padding: 51px 26px;
}




.contenedor_compartir{
    width: 21px;
    height: 21px;
    background-color: white;
    margin: -33px 214px;
    background-color: black;
}



.contenedor_compartirbanner{
    width: 21px;
    height: 21px;
    background-color: white;
    margin: -33px 692px;
    background-color: black;
}





.wrapper_nav{
    list-style-type: none;
    margin: 11px -72px;
    padding: 64px 266px;
}


.footer{
    height: 30px;
    background-color: none;
    margin: 19px 23px;
    width: 927px;
}



hr{
    margin: 10px 5px;
}



p{
    font-family:'raleway', sans-serif;
    font-size: 13px;
}



.p_footer{
    font-family: 'raleway', sans-serif;
    font-size: 10px;
    font-weight: 300;
    margin-top: 98px -94px;
    color: white;
    text-align: justify;
    margin: 16px 4px;
    padding: 24px 10px;
}



#contenedorcontacto{
    width: 950px;
    margin: auto;
    height: 50rem;
}


#mapa {
    float: left;
    width: 950px;
    margin-top: 5rem;
}




#maincontacto {
    height: 700px;
    width: 700px;
    margin-top: 0.5rem;
}




.contactbox {
    margin-left: -4rem;
    padding: 2.5rem;
    display: block;
    width: 40rem;
    height: 713px;
    float: left;
    background-color: #F4F4F4;
}




.contactotitulo {
    font-family: 'Raleway', sans-serif;
    width: 603px;
    height: 2rem;
    padding: 15px 15px 0px 0px;
    border-style: solid;
    border-color: #172A2B;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: 1px;
    border-right-width: inherit;
}



.contactotitulo h21 {
    font-size: 22px;
    margin-top: 0rem;
    font-weight: 600;
    color: #172A2B;
    font-family: "raleway", sans-serif;
}


#anotate {
    float: left;
    line-height: 2.5rem;
    font-size: 16px;
}



#contacto {
    width: 660px;
    font-family: 'Raleway', sans-serif;
    border: 1px transparent;
    text-align: left;
    padding: 0px;
    margin: 2rem 0px 0px 0px;
    color: #FF860D;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
}




.floating1 {
    font-family: "raleway", sans-serif;
    width: 612px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}



#email {
    display: block;
    border: 1.5px solid #beb9b9;
    font-size: 13px;
    margin: 5px 0 5px;
    padding: 5px;
    background-color: ;
    width: 600px;
}




.floating5 {
    font-family: "raleway", sans-serif;
    width: 612px;
    float: left;
    margin-top: 1.5rem;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}


#email {
    display: block;
    border: 1.5px solid #beb9b9;
    font-size: 13px;
    margin: 5px 0 5px;
    padding: 5px;
    background-color: ;
    width: 600px;
}


.floating2 {
    font-family: 'Raleway', sans-serif;
    float: left;
    width: 612px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-top: 1.5rem;
    font-size: 14px;
    font-weight: 400;
}



#asunto {
    display: block;
    border: 1.5px solid #beb9b9;
    font-size: 13px;
    background-color: ;
    margin: 5px 0px 5px;
    padding: 5px;
    height: 2rem;
    width: 600px;
}



.floating4 {
    font-family: 'Raleway', sans-serif;
    float: left;
    width: 612px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-top: 1.5rem;
    font-size: 14px;
    font-weight: 400;
}

#mensaje {
    background-color: ;
    display: block;
    border: 1.5px solid #beb9b9;
    font-size: 13px;
    margin: 5px 0 5px;
    padding: 5px;
    width: 600px;
    height: 200px;
    resize: none;
}


.floating3 {
    float: right;
    width: 100px;
    margin-top: 0.5rem;
    margin-left: 5px;
    margin-right: 3px;
    margin-bottom: 0px;
}


#sendcomment {
    font-family: 'Raleway', sans-serif;
    background-color: #172A2B;
    border: 1px solid transparent;
    color: white;
    padding: 4px 10px 5px;
    font-size: 11px;
    margin: 3rem 270px 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    float: right;
    width: 7rem;
    height: 2.5rem;
    font-size: 12px;
}




#sendcomment:hover {
    background-color: #FF860D;
    color: white;
}