@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
@import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic,latin-ext);


/* Hoja de estilos de JT00 */


body{
	background-image: url(body.png);
    background-repeat: repeat;
	}


#paginahome{
	width:1040px;
    height: 1503px;
	margin: 58px 40px -15px 145px;
	background-color:#FFF;/* pagina blanca */
	}



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

}



   #logo{
	;
	margin:5px 0 0 46px;
}




article{
    clear:both;
   margin: 165px 0px 0px 42px;
}


article h1{
 font-family: "Lobster";
    font-size: 48px; 
    width: 400px;
    
}
article p {
    width: 400px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
font-size: 25px;
    text-decoration: none;
    color: #000;
}




div#pagina{ width: 90%; margin: auto;}








#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;
}



@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;
}

 #rotulo{
    
    margin: -313px 0px 0px 42px;
    background-image: url(rotulo.png);
    background-repeat: no-repeat;
    width: 729px;
    height: 102px;
}