@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.container { max-width: 1120px; padding: 0 10px; margin: 0 auto; }
.btn { background-color: #D4AF37; box-sizing: border-box; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.06) inset, 2px 3px 0 rgba(0, 0, 0, 0.05); -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 6px; cursor: pointer; display: inline-block; font-weight: normal; line-height: 1.42857; margin-bottom: 0; padding: 12px 24px; text-align: center; vertical-align: middle; white-space: nowrap; color: #fff; }
.btn-small { padding: 4px 10px; font-size: .8em; }
.btn-blue { background-color: #157AC6; }
.sub { font-style: italic; color: #999; }
.full-width-table { width: 100%; }

body { color: #4F4F4F; background-color: #F5F5F5; }
body, .pure-g [class *= "pure-u"] { font-family: 'Open Sans', serif; font-size: 15px; }
a { color: #012e01; text-decoration: none; }
header { background-color: #fff; margin-bottom: 10px; border-bottom: 2px solid #ededed; }
header a { text-decoration: none; }
header .logo { margin: 15px 0; }
header .userbar { background-color: #2E2E2E; border-bottom: 4px solid #356634; line-height: 3.5em; color: #ccc; font-size: .8em; }
header .userbar .links { float: left; text-transform: uppercase; }
header .userbar .user { float: right; }
header .userbar a { color: #fff; }
header .userbar a.btn { padding-bottom: 5px; padding-top: 5px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); margin-left: 10px; color: #fff; }
header nav { background: #356634;-webkit-box-shadow: 0px 3px 5px 1px rgba(135,135,135,1);
-moz-box-shadow: 0px 3px 5px 1px rgba(135,135,135,1);
box-shadow: 0px 3px 5px 1px rgba(135,135,135,1); }
header .general-menu ul { padding: 0; margin: 0; list-style: none; }
header .general-menu li { display: inline-block; }
header .general-menu a { display: block; padding: 0 10px; text-decoration: none; line-height: 3em; color: #222; font-weight: 400; border-top: 3px solid #356634; border-bottom: 3px solid #356634; color: #fff;font-family:'Roboto Condensed'; font-size:16px;text-transform: uppercase;}
header .general-menu a:hover { border-bottom: 3px solid #f5f5f5; }
header .general-menu a.selected { border-bottom-color: #fff; color: #fff; }
header .buscador { display: block; float: right; margin-top: 20px; position: relative; width: 350px; }
header .buscador button { border: 0; background-color: transparent; position: absolute; top: 6px; left: 5px; color: #bbb; font-size: 18px; }
header .buscador input { padding-left: 38px; }
.body { background-color: #fff; max-width: 1120px; margin: 0 auto; }
.hero { padding: 15px 30px 50px; }
.black-hero { padding: 15px 30px 50px; background-color: #58585A; }
.black-hero h3 { color: #fff; }
.hero .content { margin-left: 30px; }
.hero .content h1 { border-bottom: 1px solid #eee; padding-bottom: .2em; font-family:'Roboto Condensed';}
.body h1 { color: #012e01; text-transform: uppercase; margin-top: 0; }
.hero h3 { margin-bottom: 3px; }
.breadcrumb { margin: 15px; padding: 15px; border-bottom: 1px solid #eee; }
.avatar { border-radius: 4px; }
h2 {margin-bottom:0;}
.fondo {background: #356634; padding: 10px;font-family: "Roboto Condensed"; color:#fff;font-weight:500;text-align:center;}
aside.sidebar h3 { margin: 0 0 3px 10px; }
ul.boxed { list-style: none; padding: 0; margin: 0;  background-color: #f1f1f1; border-radius: 3px; overflow: hidden; margin-bottom: 20px; border: 1px solid #ccc; }
ul.boxed li { border-bottom: 1px solid rgba(0, 0, 0, .1); }
ul.boxed li a { display: block; padding: 10px; }
footer { background-color: #fff; color: #8c8c8c; font-size: 14px; margin-top: 0; border-top: 1px solid #ededed; }
footer .widgets { padding: 60px 0; margin: 0 -20px; }
footer .widget { margin: 0 20px; }
footer .widget .widget-twitter { margin: 0; }
footer .widgets h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px 0; padding-bottom: 10px; }
footer .widgets ul { list-style: none; padding: 0; margin: 0; }
footer .widgets li { padding: 6px 0; border-bottom: 1px solid #eee; }
footer .widgets li a { text-transform: uppercase; font-size: 13px; color: #2E2E2E; }
footer .widgets li i { margin: 0 10px 0 20px; }
footer { background-color: #2e2e2e; font-size: 13px; padding: 25px 0; position: relative;  }
footer .links { float: left; }
footer .copy { float: right; }

.login-inside { max-width: 500px; margin: 0 auto; padding: 3em 0 0; }
.login-inside input { margin-bottom: .5em; }
.login-inside .actions { text-align: right; }
.login-inside .recuperar { float: left; font-size: .9em; margin-top: 10px; }

.grid { margin: 0 -1em; }
.grid .block { margin: 1em; padding: 1em; border-radius: 3px; height: 230px; }
.grid .block h2 { text-transform: uppercase; font-size: 1.2em; letter-spacing: -1px; margin: 0; }
.grid .block h3 { margin-bottom: 0; }
.grid .block h2.small { font-size: 1em; }
.grid .block p { margin-top: .5em; font-size: .9em;  }
.grid .block .icon { text-align: center; font-size: 2.5em; margin-bottom: .5em; }
.grid .block .fa-circle { color: #CE2B30; }
.grid .actions { text-align: right; padding-top: .5em; }
.grid-sections .block { background-color: #eee; }
.grid-triple { margin: 0 -2em; }
.grid-triple .block { height: auto; }
.grid-triple h2 { border-bottom: 3px solid #012e01; padding-bottom: .5em; margin-bottom: 1em !important; }
.grid-last { border-top: 1px solid #eee; }
.grid-last .block { height: auto; padding: 0; }
.grid-last h3 { margin-bottom: 1em !important; }
.grid .more-link { padding: .5em 1em; border: 1px solid #eee; border-radius: 3px; font-size: .9em; }
.grid .more-link:hover { background-color: #eee; }

.slide { position: relative; }
.slide a { position: absolute; bottom: .5em; left: 0; padding: .5em; background-color: rgba(0, 0, 0, .8); font-size: 2em; color: #fff; font-weight: bolder; letter-spacing: -1px; }

.ultimas-noticias ul { padding: 0; list-style: none; }
.ultimas-noticias li a { display: block; margin-bottom: .5em; }

.redes-sociales a { display: block; padding: 1em; margin-bottom: .5em; color: #fff; opacity: .9; }
.redes-sociales a:hover { opacity: 1; }
.redes-sociales a i { font-size: 1.4em; margin-right: 1em; }
.redes-sociales a.twitter { background-color: #00B0ED; }
.redes-sociales a.facebook { background-color: #3b5998; }
.redes-sociales a.youtube { background-color: #CD201F; }
.redes-sociales a.linkedin { background-color: #0077B5; }

.modal { padding: 0; border-radius: 2px; overflow: hidden; }
.modal header { padding: 1em; background-color: #eee; border-bottom: 1px solid #ccc; margin: 0; }
.modal header h3 { margin: 0; }
.modal .body { padding: 1em; }
.modal a.close-modal { top: 12.5px; right: 7.5px; }
.modal .actions { text-align: right; }
.modal input { border-color: #ccc; margin-bottom: .5em; }
.modal .btn { padding: .5em 1em; }
.modal .recuperar { float: left; font-size: .9em; margin-top: 10px; }

.formulario label { padding: 11px 0; display: block; }
.formulario input,
.formulario select,
.formulario textarea  { margin-bottom: 10px; border-color: #ccc; }
.formulario .actions { text-align: right; }

.filter { margin: 1em 0; padding: 1em; background-color: #f1f1f1; }
.filter input,
.filter label,
.filter select { padding: 4px; }
.filter .btn { padding: 6px 12px; }

.alert-dialog { padding: 10px 30px; color: #fff; line-height: 40px; }
.alert-dialog .fa { font-size: 30px; margin-right: 10px; vertical-align: middle; }
.alert-dialog .text { display: inline-block; }
.alert-dialog.success { background-color: #1FAF7F; }
.alert-dialog.error { background-color: #C11F1F; }

.perfil-sections { list-style: none; padding: 0; margin: 0; margin-bottom: 2em; }
.perfil-sections li { display: inline-block; vertical-align: top;}
.perfil-sections a {  width: 92px; height: 100px; border-radius: 3px; padding: 11px; text-align: center; color: #666; display: block; }
.perfil-sections a i { font-size: 3em; display: block; margin-bottom: 7px; }
.perfil-sections a:hover { background-color: #eee; }
.perfil-sections a.selected { background-color: #eee; color: #356634; }
.perfil-section .alert-dialog-box { margin-bottom: 1em; }

.publicacion-imagen { max-width: 200px; float: right; margin: 0 0 1em 1em; }
.publicacion .actions,
.curso .actions { margin-top: 2em; text-align: left; }
.rojo {color: #1bb946;}
.publicacion-precio { color: #012e01; font-size: 1.2em; font-weight: bold; }
.creditos { color: green; font-size: 1.2em; font-weight: bold; }
.imagen-centrada {text-align:center;}
.agradecimiento { text-align: center; padding: 150px 30px; }
.centrado {text-align: center;}

table .small { width: 10%; }

.generador-examenes .paso { background-color: #f1f1f1; padding: 2em 2em 2em 0; margin-bottom: 1em; visibility: hidden; }
.generador-examenes .paso.first { visibility: visible; }
.generador-examenes .paso h2 { margin-top: 0; }
.generador-examenes .numero { font-weight: bold; display: block; text-align: center; font-size: 5em; color: #CD201F; }
.generador-examenes .actions { text-align: center; font-size: 1.2em; visibility: hidden; }
.generador-examenes .temas-list input[type="checkbox"] { margin-right: 1em; }

.buscador .resultado { margin-bottom: 1em; }

.blockside {
  padding: 10% 2%;
background: rgb(239,239,239);
border: 3px solid #CE2B30;
font-size: 14px;
margin-bottom:30px;
text-align: center;
}
/*TICTAC ALBA: Cursos con imágenes */
.masinfo {
  background-color: #D4AF37;
  border: none;
  border-radius: 0px;
  color: #fff !important;
  margin-top: 12px;
}
@media screen and (min-width: 731px) {
.cuarentaynueve {
	width: 48% !important;
	margin-right: 0.7%;
}
}


@media screen and (max-width: 730px) {
.cuarentaynueve {
  width: 95% !important;
  margin-right: 0.7%;
}
.treintaynueve {
  width: 91% !important;
  margin-right: 0.7%;
    background:#EFEFEF;
  min-height: 220px;
  padding: 2% 4% 0% 4%;
  text-align:center;
  border: 2px solid #d1d1d1;
  border-top: 4px solid #CF2C31;
  margin-bottom:10px;

}
}

@media screen and (min-width: 940px) {
.treintaynueve {
  width: 41% !important;
  margin-right: 0.1%;
  margin-left: 0.1%;
  background:#EFEFEF;
  min-height: 220px;
  padding: 2% 4% 0% 4%;
  text-align:center;
  border: 2px solid #d1d1d1;
  border-top: 4px solid #CF2C31;
  margin-bottom:10px;
}
}

@media screen and (min-width: 731px) and (max-width: 939px) {
.treintaynueve {
  width: 40% !important;
  margin-right: 0.1%;
  margin-left: 0.5%;
  background:#EFEFEF;
  min-height: 250px;
  padding: 4%;
  text-align:center;
  border: 2px solid #d1d1d1;
  border-top: 4px solid #CF2C31;
  margin-bottom:10px;
}
}
.listado_curso_img {
padding: 15px !important;
}
.zoom{
		transition: 1.5s ease;
 		-moz-transition: 1.5s ease; /* Firefox */
 		-webkit-transition: 1.5s ease; /* Chrome - Safari */
 		-o-transition: 1.5s ease; /* Opera */
	}
 .zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.2);
        -moz-transform : scale(1.2);      /* Firefox */
        -webkit-transform : scale(1.2);   /* Chrome - Safari */
        -o-transform : scale(1.2);        /* Opera */
    }
    .item {
  position: relative;
  overflow: hidden;

}
.item img {
  max-width: 100%;
  width:100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.tit_curso{
  text-transform: uppercase;
  color:#012e01;
  font-weight: bold;
      font-family: roboto condensed;
    font-size: 18px;
}
/*TICTAC ALBA*/
@media print {
  header * {
    display:none;
  }
  footer * {
    display:none;
  }
.semifooter {display:none;}
.cc-cookies {display:none;}
.no_imprimir {display:none;}
.breadcrumb {display:none;}
}
.help-link {float:right; border: 1px solid rgba(0, 0, 0, .1); border-radius: 4px; background: #F1F1F1; padding: 7px;}
.help-checkout-link { border: 1px solid rgba(0, 0, 0, .1); border-radius: 4px; background: #F1F1F1; padding: 10px 10px 13px 10px;margin-left: 20px;}

/*TICTAC ALBA: CALENDARIO AGENDA */
.calendar { width: 100% }
.calendar tr {min-height: 100px !important}
.calendar-day {border:1px solid #999; min-height: 100px !important; text-align: right;}

/*TICTAC ALBA: Nuevo diseño inicio */
.contact-us {
float: right;
margin: 18px;
}
.links a {
	color: #fff;
}
.grid .block2 { margin: 1em; padding: 1em; border-radius: 3px; height: 130px; }
.grid .block2 a {color: #fff; }
.grid .block2 h2 { text-transform: uppercase; font-size: 1.2em; letter-spacing: -1px; margin: 0; color:#fff;text-align: center;}
.grid .block2 h3 { margin-bottom: 0; }
.grid .block2 h2.small { font-size: 1em; }
.grid .block2 p { margin-top: .5em; font-size: .9em; color:#fff; text-align: center;}
.grid-sections .block2 { background-color: #CE2B30; }
.grid-sections .block2:hover { background-color: #3B0507; }
.grid-triple .block2 { height: auto; }
.grid-last .block2 { height: auto; padding: 0; }

.semifooter {
	background: #efefef;
	border-top: 8px solid #D1D1D1;
}

/*TICTAC ALBA: listado publicaciones */
.centradito{
  text-align: center;
  margin-bottom: 15px;
}
.img-list-pub {
  max-width:90%;
}
.tit-list-pub {
  max-width:90%;
}

@media screen and (max-width: 450px) {
.contact-us {
    float: none;
    margin: 10px;
}
}