*{margin: 0; padding: 0}

body{background: #fffef5; font-family: Arial; max-width: 960px; margin: 0 auto 0 auto; font-family: 'Roboto', Arial, sans-serif}


header{  background: #fffef5;  margin-left: 5%;  margin-top: 5%;  width: 100%;  height: 135px;}

.tituloprincipal {font-size: 29px; margin-left: 12px; margin-bottom: 5px; color: #fc44a9; font-weight: bold; width: 1900px; font-family: 'Roboto Slab'}
header nav ul {list-style-type: none}
header nav ul li {display: inline;line-height: 0px}
header nav ul li a { color: #ff99cc;text-decoration: none; display: inline; font-size: 14px}
a {text-decoration: none; color: #000; padding: 10px; display: block; transition: all 300ms;}
.tp {font-weight: 700; background-color: #ff99cc; border-radius: 5px; color: #fff}
.iconredes {position: absolute; top: 68%; background-color: #fff}
a:hover {color: #ef0485; background-color: #f7f5da; border-radius: 5px}


main {width: 100%}
.textoseccion {font-size: 11px; color: #797666;}
.titulos {font-size: 15px; color: #fc44a9; margin-bottom: 8px; font-family: 'Roboto Slab'; font-weight: 700}
.bordesredondeados {border-radius: 15px}
.subtitulos {font-size: 12px; color: #fc44a9 }


.floatright {position: relative; float: right}
.floatleft {position: relative; float: left}

.ancho100 {width: 100%}
.ancho45 {width: 45%}
.ancho50 {width: 50%}
.ancho15 {width: 15%}
.ancho30 {width: 30%}
.ancho65 {width: 65%}
.ancho80 {width: 80%}
.marginleft5 {margin-left: 5%}
.marginright3 {margin-right: 3%}
.margin3 {margin-top: 3%}
.margin5 {margin-top: 5%}


.iconmas {position: absolute; top: 0px; right: 0px}
.linea {border-style: solid; margin-bottom: 3%; margin-top: 2%; border-color: #ff99cc} 


footer {height: 100px}
.separador {clear: both; margin-left: 10px}
.piepagina {font-size: 8px; color: #7e7e7e; text-align: center; margin-left: 30px}

/*Responsive*/


@media screen and (max-width:480px){
    *{transition: 1s}
    .r480 {display: none}
    .ancho100-480 {position: relative; float: left; width: 90%}
    .margin480 {margin-top: 5%}

}

@media screen and (max-width:320px){

    *{transition: 1s}
    header nav ul li {display: block; padding: 2%}
    header nav ul li a {display: block}
    
}