@charset "utf-8";
/* CSS Document */

/*MIS FUENTES*/

@font-face {
font-family: "Varela Round";
src: url(VarelaRound-Regular.otf) format("opentype");
}

@font-face {
font-family: "Mangal";
src: url(MANGAL.TTF) format("opentype");
}


/*ESTILOS DE TEXTO*/

.span-12-white {color:#FFF; font-size:12px;}

.span-10-black {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:10px; color:#000;}
.span-12-black {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:12px; color:#000;}
.span-14-black {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:14px; color:#000;}
.span-18-grew-italic {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:18px; color:#666; font-style:italic;}
.span-20-black-bold {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:20px; color:#000; font-weight:bold;}
.span-20-white-bold {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:20px; color:#FFF; font-weight:bold;}

.span-16-helvetica-grew {font-famliy:Helvetica, Arial; color:#999; font-size:16px;}

.span-10-mangal-white {font-family:"Mangal"; color:#FFF; font-weight:bold; font-size:10px;}
.span-12-mangal-white {font-family:"Mangal"; color:#FFF; font-weight:bold; font-size:12px;}
.span-14-mangal-white {font-family:"Mangal"; color:#FFF; font-weight:bold; font-size:14px;}
.span-20-mangal-black {font-family:"Mangal"; color:#000; font-weight:bold; font-size:20px;}
.span-30-mangal-black {font-family:"Mangal"; color:#000; font-weight:bold; font-size:30px;}
.span-40-mangal-black {font-family:"Mangal"; color:#000; font-weight:bold; font-size:40px;}

.span-12-verdana-white {font-family:Verdana, sans-serif; font-size:12px; color:#FFF;}
.span-12-verdana-blue-bold {font-family:Verdana, sans-serif; font-size:12px; color:#004b96; font-weight:bold;}
.span-16-verdana-black {font-family:Verdana, sans-serif; font-size:16px; color:#000;}
.span-16-verdana-black-bold {font-family:Verdana, sans-serif; font-size:16px; color:#000; font-weight:bold;}
.span-16-verdana-black-italic {font-family:Verdana, sans-serif; font-size:16px; color:#000; font-style:italic;}
.span-20-verdana-black {font-family:Verdana, sans-serif; font-size:20px; color:#000;}
.span-20-verdana-black-bold {font-family:Verdana, sans-serif; font-size:20px; color:#000; font-weight:bold;}
.span-20-verdana-black-italic {font-family:Verdana, sans-serif; font-size:20px; color:#000; font-style:italic;}
.span-30-verdana-black {font-family:Verdana, sans-serif; font-size:30px; color:#000;}
.span-30-verdana-black-italic {font-family:Verdana, sans-serif; font-size:30px; color:#000; font-style:italic;}
.span-40-verdana-black-italic {font-family:Verdana, sans-serif; font-size:40px; color:#000; font-style:italic;}

.span-15-varela-black {font-family:"Varela Round"; color:#000; font-weight:bold; font-size:15px;}
.span-20-varela-black {font-family:"Varela Round"; color:#000; font-weight:bold; font-size:20px;}
.span-30-varela-black {font-family:"Varela Round"; color:#000; font-weight:bold; font-size:30px;}
.span-30-varela-blue {font-family:"Varela Round"; color:#004b96; font-weight:bold; font-size:30px;}
.span-60-varela-blue {font-family:"Varela Round"; color:#004b96; font-weight:bold; font-size:60px;}
.span-30-varela-white {font-family:"Varela Round"; color:#FFF; font-weight:bold; font-size:30px;}
.span-60-varela-white {font-family:"Varela Round"; color:#FFF; font-weight:bold; font-size:60px;}