body {
font-family:Rosario;
background-image: url(img/pattern.gif);
width: 960px;
margin:auto;
}

/*NAVEGACIÓN*/

header {
width: 100%;
margin: auto;
}

nav ul {
margin: auto;
list-style-type: none;
display: table
}

.logo-ppal {
position: relative;
height: 300px;
text-align: center;
z-index: -1;
} 

.logo {
position: relative;
height: 350px;
} 

.logo {
position: relative;
height: 350px;
} 


.boton {
width:100px;
height:100px;
border-radius:50px;
font-size:20px;
color:#fff;
line-height:100px;
text-align:center;
background:#000;
float: left;
margin: 20px;
font-family: 'Roboto Condensed', sans-serif;
}

.boton a {
color:#fff;
text-decoration: none;
}

.boton:hover {
color:#ccc;
text-decoration:none;
color: black;
background: rgb(152,203,0);
}

/*ARTÍCULOS*/


.duda {
width: 30%;
height: 210px;
float: left;
margin: 5px;
padding: 10px;
border-bottom: 5px solid rgb(152,203,0);
position: relative;
}

.duda:hover {
border-bottom: 5px solid rgb(240,90,40);
}

.duda h1 {
font-size: 24pt;
line-height: 1.1;
padding: 0;
margin: 0;
}

.duda h2 {
font-size: 18pt;
line-height: 1.1;
padding: 0;
margin: 0;
}

.duda h4 {
font-size: 12pt;
padding: 0;
margin: 0;
color: rgb(152,203,0);
}

.duda h5 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 12pt;
color: rgb(51,51,51);
margin-bottom: 5px;
position: absolute;
bottom: 0;
}

.duda p {
font-size: 12pt;
padding: 5px 0 0 0;
margin: 0;
} 

.tres-col-img {
position: absolute;
opacity: 0;
}

.tres-col-img:hover {
opacity: 0.5;
}

.nota {
width: 600px;
margin: auto;
font-family: Oswald;
text-align: center;
}

.nota p {
font-family: 'Roboto Condensed', sans-serif;
}

.nota h2 {
font-size: 40px;
color: rgb (0,0,0);
    padding: 0;
    margin: 0;
}

.nota h4 {
padding: 0;
margin: 0;
}

.nota-transparente {
position: absolute;
opacity: 0.3;
    z-index: -1;
    padding: 200px 0 100px 0;
}

.img-fondo {
width: 600px;
}

.contenido {
width: 400px;
margin: 0 100px 0 100px;
text-align: left;
}

/*FOOTER*/

footer {
width:960px;
font-size: 14px;
font-style: bold;
text-align: left;
text-transform: uppercase;
color: rgb(160,160,160);
margin: 120px auto 60px auto;
padding-top: 20px;
display: table;
}