@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 */
}

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

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 1.0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.caption {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  color: yellow;
  padding: 18px;
  font: 50px kristen;
  letter-spacing: 3px;
  text-shadow: 3px 3px 3px #000;
  font-weight:bold;
  }

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1200px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}

.titulo {text-transform: uppercase;  font: 35px "Lato",sans-serif;color:#fff;line-height:38px}
.titulo2 {letter-spacing: 10px;  text-transform: uppercase;  font: 25px "Lato",sans-serif;color:#fff;font-weight:bold;line-height:35px}
.titulo3 {text-transform: uppercase;  font: 25px "Lato",sans-serif;color:#fff;line-height:35px}
.titulo_bg {font-family:century gothic;font-size:35pt;color:#fff;text-decoration:none;font-weight:bold;text-shadow: 3px 3px 3px #000}
.titulo_bg2 {font-family:century gothic;font-size:20pt;color:#fff;text-decoration:none;font-weight:bold;text-shadow: 3px 3px 3px #000}
.titulo_bg3 {font-family:century gothic;font-size:30pt;color:#fff;text-decoration:none;font-weight:bold;text-shadow: 3px 3px 3px #000}
.titulo_bg4 {font-family:century gothic;font-size:35pt;color:#595959;text-decoration:none;}
.tituloaviso1 {font-family:century gothic; font-size:20pt;color:#fff;text-decoration:none;font-weight:bold;text-shadow: 3px 3px 3px #000}
.tituloaviso2 {font-family:century gothic; font-size:15pt;color:#000;text-decoration:none;font-weight:bold}
.titulo_areas {font-family:century gothic; font-size:14pt;color:#fff;text-decoration:none;}
.titulo_areas2 {font-family:century gothic;font-size:25pt;color:#c00000;text-decoration:none;font-weight:bold}
.contacto {font:32px covate;color:#fff;text-decoration:none;font-weight:bold;text-shadow: 3px 3px 3px #000}
.datos {font-family:century gothic;font-size:14pt;color:#000;text-decoration:none;line-height:25px;text-align:justify}
.datos1 {font-family:century gothic;font-size:12pt;color:#fff;text-decoration:none;line-height:23px}
.datos2 {font-family:century gothic;font-size:15pt;color:#000;text-decoration:none;line-height:32px}
.datos_mail {font-family:century gothic;font-size:13pt;color:#fff;text-decoration:none;line-height:27px;font-weight:bold;text-shadow: 3px 3px 3px #000}
.datos_contacto {font-family:century gothic;font-size:19pt;color:#fff;text-decoration:none;line-height:35px;font-weight:bold;text-shadow: 3px 3px 3px #000}
.datos_servicios {font:18px covate;color:#000;text-decoration:none}
.datos_box {font-family:century gothic; font-size:24pt;color:#fff;text-decoration:none}
.datos_contenido {font-family:century gothic; font-size:20pt;color:#000;text-decoration:none;text-align:justify}
.datos_galeria {font-family:century gothic;font-size:16pt;color:#000;text-decoration:none;line-height:25px}
.datos_footer {font-family:century gothic;font-size:13pt;color:#fff;text-decoration:none;line-height:27px}


.menu{background-color:#ffffff}
.menu:hover{background-color:#ccffcc}

.link {font-family:century gothic; font-size:15pt;color:#000;text-decoration:none;font-weight:bold}
.link:Hover  {font-family:century gothic; font-size:15pt;color:#ff6600;text-decoration:none;font-weight:bold}
.link2 {font-family:century gothic; font-size:14pt;color:#fff;text-decoration:none}
.link2:Hover {font-family:century gothic; font-size:14pt;color:#fff;text-decoration:none}
.link3 {font-family:century gothic; font-size:12pt;color:blue;text-decoration:underline}
.link3:Hover {font-family:century gothic; font-size:12pt;color:blue;text-decoration:none}
.link_mail {font-family:century gothic; font-size:13pt;color:#fff;text-decoration:underline}
.link_mail:Hover {font-family:century gothic; font-size:13pt;color:#fff;text-decoration:none}
.link_mail2 {font-family:century gothic; font-size:18pt;color:#fff;text-decoration:underline;line-height:35px;font-weight:bold;text-shadow: 3px 3px 3px #000}
.link_mail2:Hover {font-family:century gothic; font-size:18pt;color:#fff;text-decoration:none;line-height:35px;font-weight:bold;text-shadow: 3px 3px 3px #000}
.link_footer {font-family:century gothic; font-size:13pt;color:#fff;text-decoration:underline;line-height:35px}
.link_footer:Hover {font-family:century gothic; font-size:13pt;color:#fff;text-decoration:none;line-height:35px}
.button {background-color: #bfbfbf; border: none;  color: #000;  padding: 15px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 16px;}
.boxform {font-size:16;font-family:century gothic;color:gray;background-color:white;border-color:lightblue;border-width:1px;border-style:thin solid;}
.polaroid {    background-color:white;    padding:5px 5px 5px 5px;    border:1px solid #BFBFBF;    box-shadow:5px 5px 10px 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: 220px; height: 220px; border-radius: 150px; -webkit-border-radius: 220px; -moz-border-radius: 220px;}
.circular2 { width: 300px; height: 300px; border-radius: 300px; -webkit-border-radius: 300px; -moz-border-radius: 300px;}

.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/fondo_naranja2.png);
background-size: 100% 100%;
background-repeat: no-repeat;
 }

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

.shadow {
font:75px infantil;
color:gold;
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;
    }