@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400,700);

/* Hoja de estilos de JT00 */

body{
	background-image: url(00.png);
	}
#pagina{
  
    width: 960px;
    height:900px;
    font-family: "Montserrat";
    font-size: 120%;
}


header{
    background-color: rgb(255, 255, 255);

}


article{
    clear:both;
}


article h1{
 font-family: "Lobster";
    font-size: 48px; 
    width: 400px;
    
}
article p {
    width: 400px;
    font-family: "Quicksand";
    font-weight: 700;
font-size: 25px;
    text-decoration: none;
    color: #000;
}




div#pagina{ width: 90%; margin: auto;}
div#logo-head{ background-color: rgb(255, 255, 255)}



.texto_destacado1{ font-size: 18px;}

#botonera7 nav{
  margin-top: 1rem;  
}

#botonera7 nav ul{    
    list-style: none;
    margin:0px;
    padding:0px;
}

#botonera7 nav ul li{
    width:100%;
    background-color: #ff8800;
    margin-bottom: 0.5rem;
}

#botonera7 nav ul li a{
   text-decoration: none; 
   color:rgb(0, 0, 0);
    display:block;
    width:100%;
    text-align: center;
    background-color: #90dbd2;
    font-family: 'lobster';
}

#botonera7 nav ul li a:hover{
    color:rgba(255,255,255,1);
    background-color: rgb(126, 126, 126);
    
    

}


#verde{ 
    background-color: #cecece;
    width: 800px;
    height: 300px;
    margin: -280px 0 0 320px;
}

#carta{
    width: 800px;
    height: 280px;
    margin: -300px 0 0 350px;
    font-family: "quicksand";
    font-size: 15px;
}


@media all and (min-width: 1px) and (max-width: 320px) 

{
    
     #botonera7 nav ul li{
            float:none;
            margin-bottom: 0.15rem;
        }

}

@media all and (min-width: 321px) and (max-width: 640px)

{
#botonera7 nav ul li{
    width:8rem;
    float:left;
    margin-right: 0.4rem;
}
    
}

@media all and (min-width: 641px) {
    header{
        position: relative;
        width: 100%;
    }
    #botonera7 nav{
        position:absolute;
        bottom:0.1rem;
        right:0.1rem;
    }
    
    #botonera7 nav ul li{
        width:8rem;
        float:left;
        margin-right: 0.4rem;
}

 
}