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

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

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

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

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

.titulo1 {font:60px neuro_eras;color:#2f5597;text-decoration:none;font-weight:bold;letter-spacing:3px;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.titulo1a {font:57px neuro_eras;color:#2f5597;text-decoration:none;font-weight:bold;letter-spacing:3px;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.titulo1b {font:28px neuro_eras;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px #000}
.titulo1c {font:25px neuro_eras;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px #000}
.titulo2 {font:40px neuro_eras;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px gray}
.titulo2f {font:34px neuro_eras;color:#538dd5;text-decoration:none; -webkit-box-reflect: below -20px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(83, 141, 213, 0.5))); } 
.titulo2a {font:18px neuro_papyrus;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px gray;font-weight:bold}
.titulo2b {font:60px neuro_papyrus;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px #000;font-weight:bold}
.titulo2c {font:45px neuro_papyrus;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px #000;font-weight:bold}
.titulo2d {font:30px neuro_papyrus;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px #000;font-weight:bold}
.titulo2e {font:25px neuro_papyrus;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px #000;font-weight:bold}
.titulo3 {font:28px neuro_eras;color:#ffffff;text-decoration:none}
.titulo3a {font:20px neuro_eras;color:#ffffff;text-decoration:none;font-weight:bold}
.slide {font:30px neuro_papyrus;color:#ffffff;text-decoration:none;text-shadow: 3px 3px 3px #000}
.slide2 {font:30px neuro_papyrus;color:#7030a0;text-decoration:none}

.tema {font:28px neuro_eras;color:#000;font-weight:bold;text-decoration:none;line-height:35px;text-shadow: 3px 3px 3px gray}
.titulo {font:22px neuro_eras;color:#000;font-weight:bold;text-decoration:none;line-height:27px}
.subtitulo {font:19px neuro_eras;color:#000;font-weight:bold;text-decoration:none;line-height:27px;}
.titulo_image {font:15px neuro_eras;color:#fff;font-weight:bold;text-decoration:none;line-height:27px}
.subtitulo_image {font:13px neuro_eras;color:#fff;font-weight:bold;text-decoration:none;line-height:27px;}
.datos_image {font-family:arial;font-size:10pt;color:#fff;text-decoration:none;line-height:25px;text-align:justify}

.titulo_subtema3 {font:18px neuro_eras;color:#fff;text-decoration:none;} 
.titulo_subtema3:Hover {font:18px neuro_eras;color:#fff;text-decoration:none;} 
.titulo_subtema4 {font:14px neuro_eras;color:#fff;text-decoration:none;} 
.titulo_subtema4:Hover {font:14px neuro_eras;color:#fff;text-decoration:none;} 

.titulo1_oi {font:26px neuro_papyrus;color:#5b9bd5;font-weight:bold;text-decoration:none;line-height:40px}
.titulo2_oi {font:28px neuro_papyrus;color:#70ad47;font-weight:bold;text-decoration:none;line-height:40px}
.tema_b {font:20px neuro_eras;color:#fff;font-weight:bold;text-decoration:none;line-height:25px}
.datos_b {font-family:arial;font-size:13pt;color:#fff;text-decoration:none;line-height:27px}

.anuncio_titulo {font:24px neuro_eras;color:#fff;font-weight:bold;text-align:center;text-decoration:none;line-height:25px;text-shadow: 3px 3px 3px #000}
.anuncio_subtitulo {font:20px neuro_eras;color:#fff;font-weight:bold;text-align:center;text-decoration:none;line-height:25px;text-shadow: 3px 3px 3px #000}
.anuncio_datos {font:16px neuro_eras;color:#fff;text-align:center;text-decoration:none;line-height:22px;text-shadow: 3px 3px 3px #000}

.datos {font-family:arial;font-size:11pt;color:#000;text-decoration:none;line-height:27px;text-align:justify}
.datos_a {font-family:arial;font-size:11pt;color:#fff;text-decoration:none;line-height:26px;text-align:justify}
.datos1 {font:15px neuro_eras;color:#595959;text-decoration:none;line-height:27px;}
.datos1a {font:15px neuro_eras;color:#ffffff;text-decoration:none;line-height:27px;}
.datos2 {font-family:arial;font-size:11pt;color:#fff;text-decoration:none;line-height:22px;text-align:center}
.datos3 {font:16px neuro_eras;color:navy;text-decoration:none;line-height:25px}
.pie {font:21px neuro_eras;color:yellow;text-decoration:none;text-shadow: 3px 3px 3px #000}
.pie_y1 {font-family:arial;font-size:11pt;color:#fff;text-decoration:none;line-height:27px;font-weight:bold}
.pie_y2 {font-family:arial;font-size:10pt;color:#fff;text-decoration:none;line-height:27px}
.pie_link {font-family:arial; font-size:10pt;color:silver;text-decoration:none;font-weight:bold}

.link {font:18px neuro_eras;color:#2f5597;text-decoration:none;font-weight:bold;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.link:Hover  {font:18px neuro_eras;color:#2f5597;text-decoration:none;font-weight:bold;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.link_mob {font:26px neuro_eras;color:#ffffff;text-decoration:none}
.link_mob:Hover  {font:26px neuro_eras;color:gray;text-decoration:none}
.link3 {font-family:arial; font-size:12pt;color:blue;text-decoration:underline;line-height:28px}
.link3:Hover {font-family:arial; font-size:12pt;color:red;text-decoration:none;line-height:28px}
.link3a {font-family:arial; font-size:12pt;color:lightblue;text-decoration:underline;line-height:28px}
.link3a:Hover {font-family:arial; font-size:12pt;color:orange;text-decoration:none;line-height:28px}
.link4 {font:16px neuro_eras;color:#fff;text-decoration:none;line-height:22px;text-align:center;font-weight:bold;text-shadow: 3px 3px 3px #000}
.link4:Hover {font:16px neuro_eras;color:gray;text-decoration:none;line-height:22px;text-align:center;font-weight:bold;text-shadow: 3px 3px 3px #000}
.link4a {font-family:arial;font-size:9pt;color:dimgray;text-decoration:none;line-height:22px;text-align:center}
.link4a:Hover {font-family:arial;font-size:9pt;color:#000;text-decoration:none;line-height:22px;text-align:center}
.link5 {font-family:arial;font-size:13pt;color:cyan;text-decoration:underline}
.link5:Hover {font-family:arial;font-size:13pt;color:#ff0000;text-decoration:none}
.link6 {font:16px neuro_eras;color:navy;text-decoration:none;line-height:25px}
.link6:Hover {font:16px neuro_eras;color:red;text-decoration:underline;line-height:25px}
.link7 {font:12px neuro_eras;color:#fff;text-decoration:none;line-height:20px}
.link7:Hover {font:12px neuro_eras;color:dimgray;text-decoration:underline;line-height:20px}
.link8 {font-family:arial; font-size:12pt;color:lightblue;text-decoration:underline;line-height:28px}
.link8:Hover {font-family:arial; font-size:12pt;color:red;text-decoration:none;line-height:28px}
.button {font-size:13;font-weight:bold; color:#ffffff; background-color:navy; border-style:outset; border-color:black}
.boxform {font:18px neuro_eras;color:#000000;border-color:#f2f2f2;border-width:0px;border-style:thin solid;}
.boxform2 {font:20px neuro_eras;color:#000000;background-color:white;border-color:dimgray;border-width:1px;border-style:thin solid;}
.link_pie {font-family:arial; font-size:18pt;color:silver;text-decoration:none}
.link_pie:Hover {font-family:arial; font-size:18pt;color:silver;text-decoration:underline}

.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); }

.circular_logo { width: 240px; height: 240px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; border:5px solid #fff;}

.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;
     } 

.backg2 {
     background-size: 100% 100%;
     background-repeat: no-repeat;
     font:40px neuro_eras;
     font-weight: bold;
     color:#ffffff;
     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;
    }

.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;
}

.back_banner {
     background-size: 100% 100%;
     background-repeat: no-repeat;
     } 
.titulo1_banner {font:40px neuro_mistral;color:#000000;text-decoration:none;text-shadow: 3px 3px 3px gray}
.titulo2_banner {font:33px neuro_papyrus;color:#000000;text-decoration:none;text-shadow: 3px 3px 3px gray}
.datos_banner {font:18px neuro_eras;color:#000000;font-weight:bold;text-decoration:none;text-shadow: 3px 3px 3px gray}
.datos1_banner {font:18px neuro_eras;color:#000000;font-weight:bold;text-decoration:none;text-shadow: 3px 3px 3px gray}
.datos2_banner {font:22px neuro_eras;color:#000000;font-weight:bold;text-decoration:none;text-shadow: 3px 3px 3px gray}

 .fade {
     background-size: 100% 100%;
     background-repeat: no-repeat;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
     background-size: 100% 100%;
     background-repeat: no-repeat;
      opacity: 0.5;
      }