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

button.collapsible {
  background-color: #0070c0;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
}

button.collapsible.active, button.collapsible:hover {
  background-color: #062b4a;
}

button.collapsible.active:hover {
  background-color: #0070c0;
}
button.collapsible:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.collapsible.active:after {
    content: "\2212";
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #daeef3;
} 

.nombre {font-family:arial; font-size:42pt;color:navy;text-decoration:none}
.nombre1 {font-family:infantil; font-size:40pt;color:#006600;text-decoration:none}
.titulo_covate {font-family:infantil; font-size:20pt;color:#e26b0a;text-decoration:none;font-weight:bold}
.titulo {font-family:arial;font-size:28pt;color:#0c5592;text-decoration:none;font-weight:bold}
.titulo1 {font-family:times new roman;font-size:28pt;color:#0c5592;text-decoration:none;font-weight:bold}
.titulo_footer {font-family:arial; font-size:16pt;color:navy;text-decoration:none;font-weight:bold}
.datos_footer {font-family:arial;font-size:11pt;color:#062b4a;text-decoration:none}
.datos_footer1 {font-family:arial;font-size:13pt;color:#062b4a;text-decoration:none}
.titulo2 {font-family:arial;font-size:18pt;color:#0c5592;text-decoration:none;}
.titulo3 {font-family:arial;font-size:28pt;color:#fff;text-decoration:none;text-shadow: 3px 3px 3px #000}
.titulo4 {font-family:arial;font-size:20pt;color:navy;text-decoration:none;font-weight:bold}
.titulo4b {font-family:arial;font-size:45px;color:gold;text-decoration:none;text-shadow: 3px 3px 3px #000}
.titulo_aviso1 {font-family:arial;font-size:25pt;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:20pt;color:navy;text-decoration:none;font-weight:bold}
.datos {font-family:arial;font-size:14pt;color:navy;text-decoration:none;;line-height:30px;text-align:justify}
.datos1 {font-family:arial;font-size:11pt;color:#fff;text-decoration:none;font-weight:bold}
.datos2 {font-family:arial;font-size:12pt;color:navy;text-decoration:none}
.datos_aviso {font-family:arial;font-size:15pt;color:#fff;text-decoration:none}
.datos3 {font-family:arial;font-size:14pt;color:navy;text-decoration:none;line-height:30px;text-align:justify}
.datos_covate {font-family:arial;font-size:14pt;color:#062b4a;text-decoration:none;line-height:30px;text-align:justify}
.datos4 {font-family:arial; font-size:13pt;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:40pt;color:#d94415;text-decoration:none;font-weight:bold}
.titulo4g {font:20px infantil;color:#0389a9;text-decoration:none}
.datos_link2 {font-family:arial;font-size:11pt;color:#000;text-decoration:none}

.link {font-family:arial; font-size:14pt;color:#fff;text-decoration:none}
.link:Hover  {font-family:arial; font-size:16pt;color:#ff9900;text-decoration:none}
.link2 {font-family:arial; font-size:11pt;color:blue;text-decoration:underline}
.link2:Hover  {font-family:arial; font-size:11pt;color:blue;text-decoration:none}
.link3 {font-family:arial; font-size:14pt;color:blue;text-decoration:underline}
.link3:Hover {font-family:arial; font-size:14pt;color:blue;text-decoration:none}
.link_mail {font-family:arial; font-size:14pt;color:#fff;text-decoration:underline}
.link_mail:Hover {font-family:arial; font-size:14pt;color:#fff;text-decoration:none}
.link4 {font-family:arial; font-size:13pt;color:#fff;text-decoration:none}
.link4:Hover {font-family:arial; font-size:13pt;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:18;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: 280px; height: 280px; border-radius: 280px; -webkit-border-radius: 280px; -moz-border-radius: 280px; border:10px solid #006600;}
.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;
     } 

.backg4 {
     background-size: 100% 100%;
     background-repeat: no-repeat;
     } 

.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:#fff;
	padding:10px 20px;
	text-decoration:none;
	line-height:normal;
	font-size:18px;
	font-family:"Arial";
	background:#0070c0;
	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:#ffc000;
	border-radius:50px;
	color:#000;
} 

.boton2      {
	display:inline-block;
	color:#fff;
	padding:10px 20px;
	text-decoration:none;
	line-height:normal;
	font-size:20px;
	font-family:"Arial";
	background:#c00000;
	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:#E26B0A;
	border-radius:50px;
	color:#fff;
} 

.boton3      {
	display:inline-block;
	color:#000;
	padding:10px 20px;
	text-decoration:none;
	line-height:normal;
	font-size:15px;
	font-family:"Arial";
	background:navy;
	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:#E26B0A;
	border-radius:50px;
	color:#fff;
}

.boton4      {
	display:inline-block;
	color:#000;
	padding:10px 20px;
	text-decoration:none;
	line-height:normal;
	font-size:15px;
	font-family:"Arial";
	background:navy;
	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:#E26B0A;
	border-radius:50px;
	color:#fff;
}