/** paleta de color **/

#redes {
	
background: yellow;
	
}

#menu {

background: red;

}

#icono_home {

background: url(/estatico/svg/inicio_magenta.svg) 50% 50% no-repeat;

}

#icono_contacto {

background: url(/estatico/svg/comenta_yellow.svg) 50% 50% no-repeat;

}

#icono_contacto:hover {

background: url(/estatico/svg/comenta_cyan_flat.svg) 50% 50% no-repeat;

}

/** paleta de color para fuentes **/

#home, #contacto, #copy_left, acronym, a, a:visited, a:active {

color: yellow;

}

.purpura, #redes {

color: #c08;

}

.indigo {

color: #033;

}

.cyan_rgb {

color: #0ff;

}

/** Disposición para portrait **/

@media (orientation: portrait) {
	
/** paleta de color para divisores **/

#redes {

background: -webkit-linear-gradient(to right, white, yellow);
background: linear-gradient(to right, white, yellow);

}

#menu {

background: -webkit-linear-gradient(to right, cyan, #033);
background: linear-gradient(to right, cyan, #033);

}

#icono_home {

background: url(/estatico/svg/inicio_cyan.svg) 50% 50% no-repeat;

}

#icono_contacto {

background: url(/estatico/svg/comenta_cyan_flat.svg) 50% 50% no-repeat;

}

#icono_contacto:hover {

background: url(/estatico/svg/comenta_cyan.svg) 50% 50% no-repeat;

}

/** paleta de color para fuentes **/

#home, #contacto, #copy_left, acronym, a, a:visited, a:hover, a:active {

color: cyan;

}

}