body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  background-image:url(../images/patterns/bg-pattern.png);
  background-repeat:repeat;  
}

body {
  overflow: hidden;
}
.center {
  background-color: #FFFFFF;
  position: relative;
}
.simobile {
  display: none;
}
/* Preloader */
#preloader {
  background-image:url(../images/patterns/bg-pattern.png);
  background-repeat:repeat;    
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:1000000; /* makes sure it stays on top */
}
#preloaderInicio {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#000; /* change if the mask should have another color then white */
  z-index:1000000; /* makes sure it stays on top */
}
#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(../images/tetris.gif); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}

img {
  width: 100%;
}
a {
  color:#000000;
  text-decoration: none;
}
a:hover {
  font-weight: 400;
}
p {
  margin: 1em 0;
  font-size: 0.8em;
  line-height: 1.5em;
}
p b {
  font-weight: 700;
}

/*.mensaje_caja_success { background-color: #06BC00; color: #FFFFFF; padding: 1em; }
.mensaje_caja_error { background-color: #FF0000; color: #FFFFFF; padding: 1em; }
.mensaje_caja_alert { background-color: #FFE700; color: #333333; padding: 1em; }*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

.clear {
   clear: both;
   display: block;
   font-size: 0px;
   height: 0px;
   line-height: 0;
   width: 100%;
   overflow:hidden;
}
.center {
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;   
}
.italica {
  font-style: italic;
}
.gris {
  background-color: #ECECEC;
}
.bcblanco {
  background-color: #FFFFFF;
}

.texto1 {
  font-size: 1.5em;
}
.texto2 {
  font-size: 1em;  
}
.texto3 {
  font-size: 0.8em;  
}

.t4em {
  font-size: 4em;
}
.t3_5em {
  font-size: 3.5em;
}
.t3em {
  font-size: 3em;
}
.t2em {
  font-size: 2em;
}
.t1_5em {
  font-size: 1.5em;
}
.t07em {
  font-size: 0.7em;
}

.fw100 {
  font-weight: 100;
}
.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.fw700 {
  font-weight: 700;
}

.mtop05 {
  margin-top: 0.5em;
}
.mtop1 {
  margin-top: 1em;
}
.mtop2 {
  margin-top: 2em;
}
.mtop3 {
  margin-top: 3em;
}
.mtop4 {
  margin-top: 4em;
}
.mtop5 {
  margin-top: 5em;
}
.mtop6 {
  margin-top: 6em;
}
.mtop7 {
  margin-top: 7em;
}
.mtop8 {
  margin-top: 8em;
}

.ptop1 {
  padding-top: 1em;
}
.ptop2 {
  padding-top: 2em;
}
.ptop3 {
  padding-top: 3em;
}
.ptop4 {
  padding-top: 4em;
}
.ptop5 {
  padding-top: 5em;
}
.ptop6 {
  padding-top: 6em;
}
.pbot1 {
  padding-bottom: 1em;
}
.pbot2 {
  padding-bottom: 2em;
}

.pleft1 {
  padding-left: 1em;
}

.mbot1 {
  margin-bottom: 1em;
}
.mleft1 {
  margin-left: 1em;
}

.tgris {
  color: #9D9D9D;
}
.trojo {
  color: #FF0000;
}
.tazulfb {
  color: #3b5998;
}
.tcelestw {
  color: #00aced;
}
.trojoyt {
  color: #bb0000;
}
.tgoscuro {
  color: #333333;
}

.alright {
  text-align: right;
}

.alcenter {
  text-align: center;
}
.posrel {
  position: relative;
}
.posabs {
  position: absolute;
}

.hide {
  display: none;
}

/* INI HEADER */
.login_home {
  position: absolute;
  top: 4px;
  right: 10px;
  height: 40px;
  z-index: 100000;
  text-align: right;
}
.npt_login_home {
  color: #9B9B9B;
  border: 1px solid #CCC;
  height: 14px;
  outline: 0 none;
  padding: 2px 3px;
  width: 70px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font: normal 10px "Roboto", sans-serif;
}
.npt_login_home:focus {  
  border: 1px solid #FFBB00; 
}
.frm_login_home .boton {
  padding: 2px 3px;
  margin: 0;
  height: 20px;
  background-color: #FFFFFF;
  border: none;
  font-size: 0.7em;
}
.frm_login_home .boton:hover {
    color: #000000;
}


.banner-home {
  position: relative;
  /*margin-top: -300px;*/  
  margin-top: -270px;  
}
.contenedor_imagen_header {
  width: 960px;
  height: 300px;
  text-align: right;
}
.contenedor_header {
  position: relative;
  width: 960px;
  height: 300px;  
  margin-top: -300px;
  z-index: 1000;
}

.contenedor_menus {
  margin-top: 20px;
}
.menu_principal {

}
.menu_principal ul {
  border-top: 1px dashed #333333;
  border-bottom: 1px dashed #333333;
  padding-left: 16px;
  padding-top: 10px;
  height: 150px;
}
.menu_principal ul li{
  margin: 0;
  height: 30px;
  padding: 0 1em;
}
.menu_principal ul li.activo {
  font-weight: 700;
  background-image:url(../images/interfase/pinceladas/pinceladas-01-mod-rojo.png);
  background-repeat:no-repeat;
  background-position:-25px 18px;  
}

.menu_secundario {

}
.menu_secundario ul {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  height: 160px;
  width: 240px;
}
.menu_secundario ul li{
  margin: 10px 0 10px 20px;
  list-style-type: disc;
}
.menu_secundario ul li span.activo {
  font-weight: 700;
}

.slogan {
padding: 1em 0 2em 0;
/*border-top: 1px dashed #AEAEAE;*/
border-bottom: 1px dashed #AEAEAE;
margin-bottom: 1em;  
}

/* FIN HEADER */




.contenedor_secuencia {
  margin-top: 2em;
}
.listado_fechas ul {

}
.listado_fechas ul li {
  padding-bottom: 0.8em;  
  margin-bottom: 0.8em;
  border-bottom: 1px dashed #DDDDDD;
  font-size: 0.8em;
}
.listado_fechas li b {
  font-size: 2em;
  font-weight: 300;
}

.slider_individual {
  padding: 1em;
  -webkit-box-shadow: 1px 1px 20px 0px rgba(110,110,110,1);
  -moz-box-shadow: 1px 1px 20px 0px rgba(110,110,110,1);
  box-shadow: 1px 1px 20px 0px rgba(110,110,110,1);
}
.slider_individual_pie {
  color: #aaa9ae;
  padding-top: 0.5em;
  text-align: right;
}
.slider_individual_pie a {
  color: #aaa9ae;
}

.contenedor_tabla_horarios {
  margin: 1em 0;
  padding: 0.5em;
  border: 1px solid #EFEFEF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
}
.tabla_horarios {
  width: 100%;
  border-collapse: separate; /* Or do nothing, this is default */
  border-spacing: 5px; /* Only works if border-collapse is separate */
}
.tabla_horarios th {
  color: #999999;
  font-size: 2em;
}
.tabla_horarios td {
  text-align: center;
  vertical-align: middle;
}
.tabla_horarios tbody td {
  background-color: #EFEFEF;
  color: #ffffff;
  font-weight: 500;
}
.hora_clase{
  font-size: 0.8em;
  color: #333333 !important;
}
.media_celda {
  padding: 0.15em 0;
}
.hora_peque {
  font-size: 0.6em;
}
.evioleta {
  background-color: #ada0ce !important;
}
.eceleste {
  background-color: #72cbeb !important;
}
.eazul {
  background-color: #648ab7 !important;
}
.enaranja {
  background-color: #f47320 !important;
}
.enaranjaclaro {
  background-color: #ffb817 !important;
}
.erosa {
  background-color: #bc384f !important;
}
/*.ecrema {
  background-color: #eebf49 !important;
}*/

.alumnos_login {
  margin: 2em 0 0 0;
  padding: 2em 0;
  border-top: 1px dashed #AEAEAE;
  border-bottom: 1px dashed #AEAEAE;
}
.bloque_contacto {
  margin: 2em 0 0 0;
  padding: 2em 0;
  border-top: 1px dashed #AEAEAE;
}
.lbl_login {
  display: inline-block;
  width: 150px;
  font-size: 1.4em;
}
.npt_login {
  color: #9B9B9B;
  border: 1px solid #CCC;
  height: 20px;
  outline: 0 none;
  padding: 6px 12px;
  width: 42%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  font: normal 14px/14px "Roboto", sans-serif;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.npt_login:focus {  
  border: 1px solid #FFBB00; 
}

.frm_alumnos_login .boton, .botonIngresar {
  background: #FFF;
  border: 1px solid #FF0000;
  color: #FF0000;
  padding: 8px 20px;
  margin: 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
.frm_alumnos_login .boton:hover, .botonIngresar:hover {
    color: #FFFFFF;
    background-color: #FF0000;
    border-color: #A20000;
}
.mas{
  position: relative;
  margin-right: 60px;
}
.mas-texto {
  position: absolute;
  bottom: 9px;
  right: -40px;
  font-style: italic;
  font-size: 0.7em;
}
.bloque_entrada {
  padding-bottom: 2em;
  border-bottom: 1px dashed #EEEEEE;
}

.sombra_secuencia {
  -webkit-box-shadow: 0px 1px 10px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 10px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 10px 5px rgba(0,0,0,0.5);  
}

.fondo_galeria {
  background-image:url(../images/interfase/fondo_galeria.jpg);
  background-repeat:no-repeat;
  background-position: 0 0;  
}
.fondo_video {
  background-image:url(../images/interfase/fondo_video.jpg);
  background-repeat:no-repeat;
  background-position: 0 0;  
}
/* TABLAS */
.tbl_comunicaciones {
  margin-top: 10px;
  border-collapse: collapse;
  border: 1px solid #888888;
}
.tbl_comunicaciones thead th {
  padding: 10px;
  background-color: #4C4C4C;
  color: #FFFFFF;
}
.tbl_comunicaciones tfoot td {
  background-color: #9A9A9A;
  color: #FFFFFF;
  vertical-align: top;
  padding: 10px;
}
.tbl_comunicaciones tbody td {
  vertical-align: top;
  padding: 10px;
}
.tbl_comunicaciones tbody td a {
  color: #000000;
}

/* INI NAV PRE-FOOTER */
.navegacion_prefooter {
  margin-top: 2em;
  font-size: 0.8em;
}
.nav_prefooter_left {
  text-align: left;
}
.nav_prefooter_right {
  text-align: right;
}
/* FIN NAV PRE-FOOTER */

/* INI FOOTER */
.footer {
  position:relative;
  margin-top: 1em;
}

.trazo_footer {
  width:26%;
}
.datos_footer {
  width:70%; 
  position:absolute; 
  bottom:2em; 
  right:0; 
  text-align:right; 
  border-top: 1px dashed #848484;
  color: #848484;
  padding-top:1em; 
  font-size: 0.8em;
}
.datos_footer a {
  color: #848484;
}
.copyleft {
  display: block;
  margin-top: 4px;
}

.plopi {
  width:70%; 
  position:absolute; 
  bottom:0.5em; 
  right:0; 
  text-align:right; 
  color: #C9C9C9;
  font-size: 0.8em;
}
.plopi a {
  color: #C9C9C9;
}
.plopi a:hover {
  color: #333333;
}

.frm_idioma{
  display: inline-block;  
}

.slct_idioma {
  background-color: #FFFFFF;
  color: #9B9B9B;
  border: 1px solid #CCC;
  height: 22px;
  outline: 0 none;
  padding: 0;
  width: 100px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font: normal 10px "Roboto", sans-serif;
  vertical-align: bottom;
}
.slct_idioma:focus {  
  border: 1px solid #FFBB00; 
}


/* FIN FOOTER */

/* MOBILE PORTRAIT */
@media only screen and (max-width: 320px) {

}

/* MOBILE LANDSCAPE */
@media only screen and (max-width: 480px) {

}

/* TABLET PORTRAIT */
@media only screen and (max-width: 767px) {

}

/* TABLET LANDSCAPE */
@media only screen and (min-width: 768px) and (max-width: 979px) {

}