*{ margin:0; /*margen*/ padding:0;/*relleno*/ } @font-face { font-family: 'kaushan_scriptregular'; src: url('../fonts/kaushanscript-regular-webfont.eot'); src: url('../fonts/kaushanscript-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kaushanscript-regular-webfont.woff') format('woff'), url('../fonts/kaushanscript-regular-webfont.ttf') format('truetype'), url('../fonts/kaushanscript-regular-webfont.svg#kaushan_scriptregular') format('svg'); font-weight: normal; font-style: normal; } /*aqui le decimos al cuerpo que la fuente es la anterior*/ body{ background:#fff;/*color del fondo*/ color:#000;/*color de la fuente en este caso es blanco*/ font-family: "kaushan_scriptregular",Arial, Helvetica, sans-serif;/*las fuentes seguras pueden ir sin comillas, las fuentes no seguras como la de arriba debe de ir entre comillas ""*/ font-size:32px;/*Tamaño de fuente global*/ /*Tamaños de fuente 16px pixeles = 12 pt puntos = 100% por eso es el mínimo = 1em 1em es el ancho de la letra M mayúscula que es la letra más ancha*/ } h1{ color:#F60; margin:0.25em auto;/*arriba-abajo lados auto es para centrar*/ text-align:center; text-shadow:5px 5px 10px rgba(255,255,255,05); } header{ background:#F6AA16; border-radius:0.5em;/*propiedad que hace redondos los bordes de la caja*/ color:#000; margin:0.5em auto; max-width: auto; /*ancho máximo*/ padding:0.25em;/*separación entre el contenido y el borde de la caja*/ text-align:center; } section#contenedor{ background:#999; margin:0.5em auto; min-height:600px; padding:0; text-align:center; } section#principal, article{ background:#FFF; border-radius:0.5em; display:inline-block; margin:0.25em auto; max-width:960px; min-height:600px; padding:0.25em; text-align:center; vertical-align:top; width:65%; } article#izq{ background:#F6AA16; width:5%; } article{ background:#bb8008; width:20%; } article#der{ background:#F6AA16; width:5%; }