@font-face {
    font-family:SourceRegular; 
    src: url('../Fonts/SourceSansPro-Regular.ttf'),url('../Fonts/SourceSansPro-Regular.otf'); 
}

@font-face
{
   font-family:SourceLight;
   src:url("../Fonts/SourceSansPro-Light.otf"),url("../Fonts/SourceSansPro-Light.ttf");

}
@font-face
{
   font-family:SourceSemi;
   src:url("../Fonts/SourceSansPro-Semibold.otf");
}



body 
{
    background: #E6E6E6;

    color: #848484;
    font-size: 16px;
    font-family: SourceLight;
}
header 
{

    background:#E7511E;

}


  header #cabecera 
{
      position:relative;
   width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
}  
  
#cabecera  figure 
    {
        float:left;
        margin:0;
        
    }
  header  #cabecera logoEco
    {
      
       margin:0;
      
     }

  header  #cabecera #bienVenido 
{
    position:absolute;
    vertical-align: top;
    margin: auto;
    right: 0;
    margin: 20px 0 0 0;
    text-align: right;
    color:white;
    font-size:3em;
    max-width:300px;
}

header #cabecera #bienVenido img {
   width:100%;
    
}

#imgbanderas 
{
    width:10%;
}


#logoEco img
 {

        margin: 15px;
         width: 300px;
}

footer 
{

    background:#E7511E;
     overflow: hidden;

}


footer #logos 
    {

    vertical-align: top;
    margin: auto;
    right: 0;
    float: right
}


 footer #aviso 
    {

        float:left;
        color:white;
        
    }

 footer #aviso a
{

    color:white;
    margin:auto;
    font-size: 15px;
    text-decoration: none;

}


 footer #aviso p
{
   margin:auto;
   
}



footer #logos img 
{
    margin:5px;  

}

    footer #piepagina 
    {

    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    padding: 1em 0 1em ;
    }


nav 
{
    
background: #B3B3B3;
padding: 10px;

}

   
    
    








#contenido 
{
     width: 90%;
     max-width: 1024px;
     margin: 0 auto;
     padding: 2% 0 2% 0;
     text-align:center;
 
}


    #contenido a
     {
        text-decoration:none;
    }
    #contenido .contenImg 
    {
     display:inline-block;
    vertical-align:top;
    width: 200px;
    
    }

#contenido .texEco 
{
    display:inline-block;
    vertical-align:top;
    width: 73%;
     max-width: 70%;
     color:#e7511e;
     font-size:2em;
     text-align:justify;
    
}

    #contenido  #visitaPais
    {
        text-align:left;
        color:#E7511E;
        margin: 3% 0 0 4.5%;
        font-size: 1.1em;
    }


    #contenido #bienvenidosOculto 
    {
        color:#E7511E;
     
        font-size:2em;
        display:none;
    }

.CuadroBandera 
{
    background:#E7511E;
    width: 215px;
    height: 115px;
    display:inline-block;
    margin:1%;
    color:white;
    vertical-align:top;
    text-align:left;

}


.contenbandera 
{
    padding:10%;
}

/*.bandera 
{
   width:70px;
}*/


@media screen and (max-width: 1033px) 
{
    #logos1 
    {
        display:none;
    }
}

@media screen and (max-width: 930px) 
{
    #logos2 
    {
        display:none;
    }
}


@media screen and (max-width: 785px) 
{
    #logos3 
    {
        display:none;
    }
    #bienVenido 
    {
        display:none;
    }
}

@media screen and (max-width: 650px) 
{
    #logos4 
    {
        display:none;
    }
}

@media screen and (max-width: 550px) 
{
    #logos5 
    {
        display:none;
    }

    #ecoTexto
     {
        display:none;
    }

    #contenido #bienvenidosOculto 
    {
        display:block;
    }
}

@media screen and (max-width: 400px) 
{
footer #logos 
    {
        display:none;
    }

footer    #piepagina 
    {
        text-align:center;
    }
}