@font-face {
 font-family: infantil;
 src: url("fonts/AGENCYR.eot") /* EOT file for IE */
}
@font-face {
 font-family: infantil;
 src: url("fonts/AGENCYR.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: covate;
 src: url("fonts/BRLNSR.eot") /* EOT file for IE */
}
@font-face {
 font-family: covate;
 src: url("fonts/BRLNSR.ttf") /* TTF file for CSS3 browsers */
}

.titulo {font-family:arial;font-size:35pt;color:#0c5592;text-decoration:none;font-weight:bold}
.titulo1 {font-family:times new roman;font-size:35pt;color:#0c5592;text-decoration:none;font-weight:bold}
.titulo_footer {font-family:arial;font-size:32pt;color:#062b4a;text-decoration:none}
.titulo_footer1 {font-family:times new roman;font-size:32pt;color:#062b4a;text-decoration:none}
.datos_footer {font-family:arial;font-size:21pt;color:#062b4a;text-decoration:none}
.datos_footer1 {font-family:arial;font-size:23pt;color:#062b4a;text-decoration:none}
.titulo2 {font-family:arial;font-size:28pt;color:#0c5592;text-decoration:none;}
.titulo3 {font-family:arial;font-size:34pt;color:#fff;text-decoration:none;text-shadow: 3px 3px 3px #000}
.titulo4 {font-family:arial;font-size:30pt;color:#0c5592;text-decoration:none;font-weight:bold}
.titulo_aviso1 {font-family:arial;font-size:35pt;color:#fff;text-decoration:none;font-weight:bold}
.tituloaviso2 {font-family:arial;font-size:16pt;color:navy;text-decoration:none}
.titulo_tema {font-family:arial;font-size:30pt;color:#062b4a;text-decoration:none;font-weight:bold}
.datos {font-family:arial;font-size:24pt;color:#062b4a;text-decoration:none;;line-height:35x}
.datos1 {font-family:arial;font-size:25pt;color:#fff;text-decoration:none;font-weight:bold}
.datos2 {font-family:arial;font-size:22pt;color:#fff;text-decoration:none}
.datos3 {font-family:arial;font-size:25pt;color:#0c5592;text-decoration:none;line-height:38px}
.datos4 {font-family:arial; font-size:23pt;color:#fff;text-decoration:none}
.pie {font-family:arial;font-size:14pt;color:#fff;text-decoration:none;line-height:25px;text-shadow: 3px 3px 3px #000}
.plan {font-family:arial;font-size:12pt;color:#000;text-decoration:none}
.pie2 {font-family:arial;font-size:10pt;color:#000;text-decoration:none;text-align:justify}
.hashtag {font-family:arial;font-size:50pt;color:#d94415;text-decoration:none;font-weight:bold}

.link {font-family:arial; font-size:26pt;color:#fff;text-decoration:none}
.link:Hover  {font-family:arial; font-size:26pt;color:red;text-decoration:none}
.link2 {font-family:arial; font-size:21pt;color:#062b4a;text-decoration:none}
.link2:Hover  {font-family:arial; font-size:21pt;color:#062b4a;text-decoration:none}
.link3 {font-family:arial; font-size:24pt;color:blue;text-decoration:underline}
.link3:Hover {font-family:arial; font-size:24pt;color:blue;text-decoration:none}
.link_mail {font-family:arial; font-size:24pt;color:#fff;text-decoration:underline}
.link_mail:Hover {font-family:arial; font-size:24pt;color:#fff;text-decoration:none}
.link4 {font-family:arial; font-size:23pt;color:#fff;text-decoration:none}
.link4:Hover {font-family:arial; font-size:23pt;color:#5ab2ca;text-decoration:none}
.link5 {font-family:arial; font-size:11pt;color:#fff;text-decoration:none}
.link5:Hover {font-family:arial; font-size:11pt;color:#fff;text-decoration:none}
.button {font-size:35;font-weight:bold; color:#ffffff; background-color:navy; border-style:outset; border-color:black}
.boxform {font-size:12;font-family:arial;color:navy;background-color:white;border-color:lightblue;border-width:1px;border-style:thin solid;}

.polaroid {    background-color:white;    padding:10px 10px 10px 10px;    border:1px solid #BFBFBF;    box-shadow:10px 10px 20px rgba(0, 0, 0, 0.8);}
.RotarDer {    background-color:white;    padding:10px 10px 10px 10px;    border:1px solid #BFBFBF;    box-shadow:10px 10px 20px rgba(0, 0, 0, 0.8);}
.RotarIzq {    background-color:white;    padding:10px 10px 10px 10px;    border:1px solid #BFBFBF;    box-shadow:10px 10px 20px rgba(0, 0, 0, 0.8);}

.circular { width: 300px; height: 300px; border-radius: 150px; -webkit-border-radius: 350px; -moz-border-radius: 350px;}
.circular_borde { width: 220px; height: 220px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; border:5px solid #fe7f00;}
.circular_borde2 { width: 220px; height: 220px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; border:5px solid #ffffff;}
.circular_shadow { width: 240px; height: 240px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; border:10px solid white; no-repeat; box-shadow:  0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); }

.elemento {
 -webkit-box-shadow: 2px 2px 5px #000;
 -moz-box-shadow:  2px 2px 5px #000;
 box-shadow: 2px 2px 5px #000;
 }
.elemento2 {
 -webkit-box-shadow: 2px 2px 5px #000;
 -moz-box-shadow:  2px 2px 5px #000;
 box-shadow: 2px 2px 5px #000;
background: url(images/azul24.jpg);
background-size: 100% 100%;
background-repeat: repeat;
 }
.vid1 {
     background: url(images/fondo_azul.jpg);
     background-size: 100%;
     background-repeat: no-repeat;
 } 
 .div1 {
     background: url(images/fondo_amarillo.jpg);
     background-size: 100%;
     background-repeat: no-repeat;
 }  

.backg {
     background-size: 100% 100%;
     background-repeat: no-repeat;
     font:55px arial;
     color:gold;
     text-decoration:none;
     text-shadow: 3px 3px 3px #000000; 
     } 
.shadow {
font:75px infantil;
color:yellow;
text-decoration:none;
text-shadow: 0 0 10px #ffffff,
                   0 0 20px #ffffff,
                   0 0 30px #ffffff,
                   0 0 30px #ffffff,
                   0 0 30px #ffffff,
                   0 0 30px #ffffff,
                   0 0 30px #ffffff,
                   0 0 30px #ffffff;
}
.texto_iluminado {
-moz-box-shadow: 0px 0px 40px #10253f; 
-webkit-box-shadow: 0px 0px 40px #10253f; 
box-shadow: 0px 0px 40px #10253f;
      
padding: 10px;
border: 1px solid #10253f;
width: 160px;
margin: 40px;
background-color: #10253f;
    }

.backg2 {
     background: url(images/fondo.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     font:20px arial;
     color:#ffffff;
     text-decoration:none;
     text-shadow: 3px 3px 3px #000000;
 } 
.backg3 {
     background: url(images/fondo2.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     font:20px arial;
     color:#ffffff;
     text-decoration:none;
     text-shadow: 3px 3px 3px #000000;
 }  
 
.icono-email {
background: white;  /* Fondo del icono */
box-sizing: border-box;
width: 40px;  /* Alto del icono */
height: 30px;  /* Ancho del icono */
border: 1px solid #777;  /* Borde del icono */
border-radius: 2px;
box-shadow: 1px 1px 3px rgba(0,0,0,.095);  /* Sombra */
position: relative;
}
.icono-email:before, .icono-email:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
}
.icono-email:before {
border: 19px solid transparent;
border-top: 20px solid #777; /* Color igual a color de borde */
}
.icono-email:after {
border: 18px solid transparent;
border-top: 19px solid white;  /* Color igual a color de fondo */
left:1px;
}
 
.boton      {
	display:inline-block;
	color:#000;
	padding:10px 20px;
	text-decoration:none;
	line-height:normal;
	font-size:30px;
	font-family:"Arial";
	background:#5AB2CA;
	border-radius:50px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.boton:hover {
	background:#0C5592;
	border-radius:50px;
	color:#fff;
} 

.boton2      {
	display:inline-block;
	color:#000;
	padding:10px 20px;
	text-decoration:none;
	line-height:normal;
	font-size:30px;
	font-family:"Arial";
	background:#5AB2CA;
	border-radius:50px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.boton2:hover {
	background:#B13FFF;
	border-radius:50px;
	color:#fff;
} 

.boton3      {
	display:inline-block;
	color:#000;
	padding:10px 20px;
	text-decoration:none;
	line-height:normal;
	font-size:30px;
	font-family:"Arial";
	background:#F0720A;
	border-radius:50px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.boton3:hover {
	background:#B13FFF;
	border-radius:50px;
	color:#fff;
} 

.boton4      {
	display:inline-block;
	color:#000;
	padding:10px 20px;
	text-decoration:none;
	line-height:normal;
	font-size:30px;
	font-family:"Arial";
	background:#D94415;
	border-radius:50px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.boton4:hover {
	background:#B13FFF;
	border-radius:50px;
	color:#fff;
}