body {font-family:'Source Sans Pro', sans-serif; background: #FBFFF9; max-width: 960px; margin: 0 auto 0 auto}


header{ width : 100% ; height: 100px; background: #FBFFF9; }
header nav {background: #FBFFF9}
header nav ul {list-style-type: none}
header nav ul li {display:inline}
header nav ul li a { color: #B25A5F;text-decoration: none; padding: 3%;  line-height: 15px}

main {height: 900px}

section { background: #FBFFF9; height:600px}
footer { text-align: center; font-size: 40px;  line-height: 280px}
a{ text-decoration: none; color: #000}
h1 {color: #00B29D; margin-left: 40px}

.titulogrande {font-weight: bolder; color: #00B29D;  line-height: 20px}
.cuerpo {margin-left: 40px; color: #00B29D; padding-right: 486px; float: left}
.titulos {font-weight: bold; font-size: 12px; float: left}
.texto {font-size: 10px; color: #B25A5F; float: left}
.bloque {line-height: 12px; width: 280px; float: left; margin-left: 40px}
.navbar-header {float: left}

.xleft {float: left}
.xright {float: right}
.xmenu {margin-top: 20px; width: 100%}
.texto2 {font-size: 10px; color: #ff9999; width: 280px}
.piepagina {font-size: 8px; color: #CA9393; text-align: left; margin-left: 40px}



/*RESPONSIVE TELEFONO*/
@media screen and (max-width: 320px){
    
    *{transition: 1s}
    .r320 {display: none}
    .r320si {display: inline}
    
    header nav ul li a { padding: 1% }
    
     


}