* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; background:#FFFFFF; margin:0px; }
.headx { margin:0px; padding:0px; position:relative; min-height: 114px; padding:0px 5px; }
.bghd { background:url(/ateneum/web/img/headx.jpg) top right no-repeat; background-size: auto 100%; }
.bgha { background:url(/ateneum/web/img/heada.jpg) top left no-repeat; background-size: cover; }
.bghe { background:url(/ateneum/web/img/head.jpg) top left no-repeat; background-size: cover; }
.bghq { background:url(/ateneum/web/img/headq.jpg) top left no-repeat; background-size: auto 100%; }

.logowl img { border:1px solid #CCC; padding:5px 15px; background:#FFF;
	-webkit-box-shadow: 1px 1px 3px 0px #616161; box-shadow: 1px 1px 3px 0px #616161; 
}
.headx h1 { 
	background: url('/ateneum/web/img/logo-ateneum-sm.png') rgba(255,255,255,.5) no-repeat; padding: 0px 10px 0px 95px; 
	font-size:13px; font-weight:bold; color:#333; display:inline-block; padding-top:11px; 
}
.headx h2 { font-size:17px; font-weight: bold; color:#034c98; padding:10px 20px; }
.bold { font-weight: bold; }
.hidden { display:none; }

.h150 { height: 150px !important; }

.redx { color:#b10000; }
.muted { color:#999; }
label { font-weight: bold; color:#888; }
input[type=text], input[type=password], textarea, select { font-size:13px !important; padding:3px 8px; }
input.form-control-sm { font-size:11px !important; }
.invalid-feedback { color:#b10000 !important; }
.users { list-style:none; padding:0px; margin:0px; }
.users li { float:left; border:1px solid #CCC; color:#486795; text-align:left; height: 50px; padding:5px 15px; border-radius:6px; margin:5px; font-weight: bold; cursor:pointer; }
.users li * { float:left; }
.users li i { margin: 6px 7px; }
.users li img { border-radius:8px; width: 30px; height: auto; margin:0px 7px; }
.users li input { margin-top:10px; }
.users li span { margin-top:10px; }
.toolsq { position:relative; border:1px #CCCCCC solid; display:block; color:#486795; text-align:left; margin:5px; padding:5px; height:282px; }
#bortool ul { display: block; clear:both; list-style-type:none; text-align:center; margin:12px 6px; padding:0px; }
#bortool li { display: inline; float:left; width:58px; height:58px; vertical-align: middle; }
#bortool img { width:54px; height:54px; border:#FFFFFF 1px solid; }
#bortool img:hover { border-radius: 8px; border:#486795 1px solid; }
#bortool ul:after { content:'' !important; clear:both !important; display:block !important; }
.imgp { width: 25px; height: auto; }

.cmt, .cmx, .cmy { border:1px solid #888; width: 12px; height: 12px; }
.cmt { display:inline-block; margin-right: 8px; }
.cmx { position:absolute; top:2px; left: 2px; display:block; }
.cmy { position:absolute; top:13px; left: 2px; display:block; }
.cmeet { background:#ff8080; }
.ctask { background:#1cbb00; }

.table { margin:10px auto }
.dataTables_filter { margin-bottom:10px; }

.tareacita { width: 100%; margin: 0px auto; border-collapse: collapse; border-spacing: 1px; }
.tareacita td { padding: 5px 8px; text-align:left; background: #FFF; }
.cmeet .tareacita td { border:1px solid #ff8080; }
.ctask .tareacita td { border:1px solid #1cbb00; }

.caja { border:1px #B6CCE4 solid; border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; padding:0px; overflow:hidden; height: 100%; }
.caja h2 { font-size: 13px; font-weight: bold; color: #244F94; text-align: center; margin:5px auto !important;
	padding:5px !important; border-bottom:1px #B6CCE4 solid; }
.caja > h1, .cajo > h1 { color:#000000; text-align:center; font-size:11px; border-width:0px 0px 1px 0px; border-radius:0px; padding:0px 0px 3px 0px; }
.caja div { font-size: 12px; font-weight: normal; color: #000000; padding: 5px 8px; text-align:left; }
.caja ul, .cajo ul { padding:0px; margin-left: 13px; }
	
.toolwl    { text-align:right; }
.toolwl ul { list-style-type:none; margin: 0px; text-align:right; }
.toolwl li { float:right; width:50px; height:50px; text-align:center; background: rgba(255,255,255,.8) !important; margin-right: 4px; }
.barrote { margin:0px; clear:both; overflow: hidden; text-align: right; padding:2px 8px; font-size: 10px; font-weight: bold; border:1px solid #99cccc; background: #eceff8; }
.barrote a { background:#1a619c; color:#FFF; border-radius:50%; padding:3px 7px; text-align:center; font-weight: bold; font-size:12px; margin:2px; text-decoration:none; }
.bred { background:#FF0000 !important; }
.barrote a:hover { background:#666; color:#FFF; }
.bred:hover { background:#b10000 !important; }
.contenidos { min-height: 200px; display: flex; flex-wrap: wrap; align-items: flex-start; text-align:left; }
.pie { clear:both; text-align: right; border-top: #003399 1px solid; padding:3px 12px; }

.efe { width:45px; height:45px; border:1px solid #FFF;
	 transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.efe:hover { transform: scale(1.2); border-radius: 8px; border:#DAE4F1 1px solid; }
.btn-primary, .boton { border: 1px #B6CCE4 solid; background: #FFF; border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;
    font-size: 12px; font-weight: bold !important; color: #244F94 !important; padding:8px 20px !important; margin:15px auto !important;
	cursor: pointer; text-align: center;
}
.btn-secondary { border: 1px #666 solid; background: #6c757d; border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;
    font-size: 12px; font-weight: bold !important; color: #FFF !important; padding:8px 20px !important; margin:15px auto !important;
	cursor: pointer; text-align: center;
}
.btn i { margin-right:6px; }
.onme:hover, .boton:hover, .btn-primary:hover {
	-webkit-box-shadow: 0px 0px 8px 0px #B6CCE4;
	-moz-box-shadow: 0px 0px 8px 0px #B6CCE4;
	box-shadow: 0px 0px 8px 0px #B6CCE4;
	border:1px #8EB7D5 solid;
	cursor:pointer; background: #FFF; color: #244F94;
}
.tarari { font-size: 13px; font-weight: bold; color: #244F94; }
.tarari a, .menuali td a { 
	text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #244F94; 
}
.tarari a:hover, .menuali td a:hover { color: #000000; }
.contenidos h1, .tituo { text-align:center; padding:10px; font-size:14px; font-weight:bold; 
	background:#F7F9FB; border:1px #B6CCE4 solid; border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; color: #244F94; }
.contenidos h2 { margin:40px auto; font-size:13px; font-weight:bold; color:#244F94; text-align:center; padding:10px; background:#FFFFFF; } 
.conten { margin:30px; text-align:center; }

#conten2 { width: 100%; display: table; clear: both; text-align: center; background:url(/wlimages/fondoinnova2.jpg) bottom right no-repeat; }
#conten3 { width: 100%; display: table; clear: both; text-align: center; background:url(/wlimages/entornos/fndformacion.jpg) bottom right no-repeat; }

h1 { font-size:14px; font-weight:bold; margin:0px; padding:0px; }
h4 { font-size:12px; font-weight:bold; border-bottom: 1px solid #039; }

.round { border:1px #B6CCE4 solid; border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; }
.round th { text-align:center; font-size:11px; font-weight: bold; border-bottom:1px #B6CCE4 solid; }


.shad, #cajasom {
	-webkit-box-shadow: 0px 0px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 0px 5px 0px #4a4a4a;
	box-shadow: 0px 0px 5px 0px #4a4a4a;
}
.shad, .border-primary { border:1px #365285 solid !important; }

a:hover { color:#444; }

/* documents */
.tile { border: 1px solid #eeeeee !important; transition: 0.2s all cubic-bezier(0.4, 0.0, 0.2, 1); }
.tile h3 { font-weight:600; font-size:14px; padding:0px; margin:0px; }
.tile .text-muted { font-size:12px; }
.tile:hover{ box-shadow: 0px 7px 5px -6px rgba(0, 0, 0, 0.12); }

.breadcrum { color:#888; font-weight: bold; text-align:center !important; width: 100%; margin:8px 0px; font-size:16px; }
.breadcrum.active { color:#00A8FF; }
.sortum i { font-weight: bold !important; color:#0d6efd !important; }
/* documents */
/* forum */
.bg1 { background:#eeeeee !important; }
.bg2 { background:#f7f7f7 !important; }
.bg1, .bg2 { border:1px solid #CCC; border-radius: 8px; }
.furu .card:nth-of-type(odd) { background:#f9fbfc; }
.furu .card:nth-of-type(even) { background:#f1f8fc; }

/* forum */
/* chat */
#chatmsg { height:450px !important; overflow-y: auto; }
/* test */
#quiz-list .border-secondary { border:2px solid #AAA !important; cursor:move; }
#quiz-list svg { width: 30%; height: auto; fill:#CCC;  }
.bg-white { background:#FFF !important; }
.bg-rlight { background:rgba(255,255,255,.9); }
.bg-darky { background:rgba(0,0,0,.6); }
.peq { font-size:12px; }
/* test */
.forma, .emple { background:url(/ateneum/web/img/bgformacion.jpg) no-repeat; background-size:cover; }
/* aims */
#obje { font-weight: bold; }
#obje div { color:#0d6efd; }
/* aims */
@media all and (max-width: 900px) { 
	iframe { width:95%; height:450px; }
}
@media all and (max-width: 700px) { 
	.toolwl ul { top: 10px; }
	.redes { position:relative; top:0px; left:0px; float:none; margin:5px; border:none; }
	.redes:hover { top:0px; }
	.redes a { display:inline; }
	.logowl img { width: 100%; height: auto; }
}