body {background:url('../files/oCCHc_back1.jpg'); background-size:100% auto; font-family:'Verdana'; font-size:12px;}
// .container {width:1336px;}
.no-underline:hover {text-decoration:none;}
/*PIE*/
.prefooter img {margin:20px 2em;height:60px;}
.footer{font:1em arial;background-color:#250039;text-align:center;min-height:90px;clear:both;padding:0 20px;color:#fff;}
.footer a{color:#fff !important;}
/*MENSAJES*/
h1 {font-size:1.3em;font-weight:bold;color:#a10417;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:1.1em;}
.alert-warning {background-color:#FFEFBF;}
.alert-info {background-color:#BFDFFF;}
.alert-danger {background-color:#FFBFBF;}
.alert-success {background-color:#C7E4BA;}
.error{min-height:30px;background:#f00 url('http://www.eventos.cch.unam.mx/img/icon_error.png') 100% 50% no-repeat;color:#fff;background-size: auto 160%;}
.red{color:#f00;}
/*OUTLINE BUTTONS*/
.btn-outline-success{background-color:white;color:green;border-color:#4CAF50;}
.btn-outline-success:hover {color:white;background-color:#4CAF50;}
.btn-outline-info {color:dodgerblue;border-color:#2196F3;}
.btn-outline-info:hover {color:white;background:#2196F3;}
.btn-outline-warning {color:orange;border-color:#ff9800;}
.btn-outline-warning:hover {color:white;background:#ff9800;}
.btn-outline-danger {color:red;border-color:#f44336;}
.btn-outline-danger:hover {color:white;background:#f44336;}
.btn-outline-default {color:black;border-color:#e7e7e7;}
.btn-outline-default:hover {background:#e7e7e7;}
/*IMAGENES*/
.img-left { margin-left:0px; margin-right:auto; }
.img-center { margin-left:auto; margin-right:auto; }
.img-right { margin-left:auto; margin-right:0px; }
/*NAVEGACION*/
.navbar-color {background-color:#603974; color:#fff; }
.navbar-color a, .navbar-color a:visited{color:#fff;}
.dropdown-menu > li > a, .dropdown-menu > li > a:visited {color:#603974;}
.navbar-color .disabled{background-color:#ccc; border:none; pointer-events:none;}
.navbar-color .open > a, .navbar-color .open > a:focus, .navbar-color .open > a:hover, .navbar-color .dropdown-toggle:hover, .navbar-color .dropdown-toggle:focus, .nav li a:hover, .nav li a:focus {background:#9069a4;color:#fff;}
.menu-img > li a {padding:5px;}
.menu-img > li img {width:40px;}
/*ESPACIADORES*/
.T0 {margin-top:0px;}
.T10 {margin-top:10px;}
.T20 {margin-top:20px;}
.T30 {margin-top:30px;}
.T40 {margin-top:40px;}
.T50 {margin-top:50px;}
.T100 {margin-top:100px;}
.B0 {margin-bottom:0px;}
.B10 {margin-bottom:10px;}
.B20 {margin-bottom:20px;}
.B30 {margin-bottom:30px;}
.B40 {margin-bottom:40px;}
.B50 {margin-bottom:50px;}
.B100 {margin-bottom:100px;}
.trans50 {background:RGBA(255,255,255,.5);}
.trans80 {background:RGBA(255,255,255,.8);}
.trans90 {background:RGBA(255,255,255,.9);}
.no-spaces { padding-left:0px; padding-right:0px; }
.material { margin-top:10px; font-size:1em; font-weight:bold; }
.material a { color:#000;}
.oro {color:#FFD700;}
.plata {color:#C0C0C0;}
.bronce {color:#CD7F32;}
.desierto {font-style:italic;color:#aaa !important;}
/*DEBUG*/
.rojo{border:1px solid red;}

.saltopagina{width:100%;border-spacing:9px;border-collapse:separate;font-size:.85em;}
.saltopagina h1{font-weight:bold;margin:0px;color:#a10417;}
.saltopagina .card1{width:33%;margin:0px;padding:0px;border:1px solid #666;}
.saltopagina .card1 .img{float:left;width:25%;text-align:center;background-color:#ccc !important;}
.saltopagina .card1 .img img{padding:5px;}
.saltopagina .card1 .data{float:left;width:70%;margin-top:8px;margin-bottom:0px;font:italic 1.1em arial;}
.saltopagina .card1 .data p{padding-left:5px;}
.saltopagina .card1 .clave{float:left;clear:left;margin:0px;padding:5px 20px;text-align:center;font:italic 1.1em arial;background:#cff !important;}
.saltopagina .card1 p.asist{float:right;text-align:center;margin:0px;font:.8em arial;padding:15px 10px 0px 0px;color:#444;}
.saltopagina .card1 .num {float:right;text-align:center;margin:0px;padding:2px 5px;font:bold 1em arial;background:#777 !important;color:#fff !important;}
.saltopagina .finalista{position:relative;top:25px;left:60px;width:250px;height:130px;background:url('../files/sello_finalista_azul.png') 90% 50% no-repeat !important;}
.saltopagina .noconfirmado{position:relative;top:50px;left:170px;width:200px;height:100px;background:url('../files/sello_no_confirmado.png') 0% 0% no-repeat;background-size:100% auto;}
.no-padding {padding-left:0px;padding-right:0px;}

.finalistas {text-align:left;}
.finalistas > div {margin:20px 0px;padding-top:20px;min-height:200px;border:2px solid white;}
.finalistas h1{text-align:left;font:1.5em verdana;letter-spacing:-1px;color:#ccc;}
/*
.horarios h1{font:bold 1.3em 'Red Hat Display',sans-serif;color:#7f1184;}
.horarios h2{margin:20px 0px;font-family:'Red Hat Display',sans-serif;}
.horarios h3{margin:20px 0px;font:bold 1em/1.5em 'Red Hat Display',sans-serif;}
.horarios h4{margin:20px 0px;text-align:left;font:bold 1em/1.5em 'Red Hat Display',sans-serif;}
.horarios .materia{float:left;width:76%;min-height:200px;margin:4px 0px;text-align:center;border-width:2px;border-style:solid;-moz-border-top-left-radius:2em;-webkit-border-top-left-radius:2em;border-top-left-radius:2em;}
.horarios .materia .roundl{float:left;width:44%;text-align:center;padding:25px 0px 10px;font:1.5em verdana;letter-spacing:-1px;text-align:center;}
.horarios .materia .roundc{float:left;width:44%;text-align:center;padding:25px 0px 10px;font:bold italic 1.8em verdana;text-align:center;}
.horarios .materia .roundr{float:left;clear:both;text-align:left;padding:0px 10px;font:1em verdana;}
.horarios .image{float:left;width:22%;margin:4px 0px;min-height:inherit;}
.horarios .image img{width:90px;}
*/

.materia {text-align:left;}
.materia > div {margin:20px 0px;padding-top:10px;min-height:100px;border:2px solid white;}
.materia h1{text-align:left;font:1.5em verdana;letter-spacing:-1px;color:#ccc;}

.materia-bio {border-color:#49b24e !important;color:#49b24e;} .back-bio {border-color:#49b24e !important;background-color:#49b24e !important;} .materia-bio h1{color:#49b24e;}
.materia-fis {border-color:#c92e64 !important;color:#c92e64;} .back-fis {border-color:#c92e64 !important;background-color:#c92e64 !important;} .materia-fis h1{color:#c92e64;}
.materia-fil {border-color:#512d64 !important;color:#512d64;} .back-fil {border-color:#512d64 !important;background-color:#512d64 !important;} .materia-fil h1{color:#512d64;}
.materia-lit {border-color:#6a4725 !important;color:#6a4725;} .back-lit {border-color:#6a4725 !important;background-color:#6a4725 !important;} .materia-lit h1{color:#6a4725;}
.materia-mat {border-color:#ffb853 !important;color:#ffb853;} .back-mat {border-color:#ffb853 !important;background-color:#ffb853 !important;} .materia-mat h1{color:#ffb853;}
.materia-qui {border-color:#d1382b !important;color:#d1382b;} .back-qui {border-color:#d1382b !important;background-color:#d1382b !important;} .materia-qui h1{color:#d1382b;}
.materia-geo {border-color:#486b91 !important;color:#486b91;} .back-geo {border-color:#486b91 !important;background-color:#486b91 !important;} .materia-geo h1{color:#486b91;}
.materia-his {border-color:#ff6b39 !important;color:#ff6b39;} .back-his {border-color:#ff6b39 !important;background-color:#ff6b39 !important;} .materia-his h1{color:#ff6b39;}



.finalistasFIL { font-size:1em; border:1px solid #512d64; } .finalistasFIL td { padding:.5em; } .finalistasFIL img { max-height:250px; } 
.finalistasFIL p { margin:9px 0px; color:#512d64; }
.finalistasFIS { font-size:1em; border:1px solid #c92e64; } .finalistasFIS td { padding:.5em; } .finalistasFIS img { max-height:250px; }
.finalistasFIS p { margin:9px 0px; color:#c92e64; }
.finalistasLIT { font-size:1em; border:1px solid #6a4725; } .finalistasLIT td { padding:.5em; } .finalistasLIT img { max-height:250px; }
.finalistasLIT p { margin:9px 0px; color:#6a4725; }
.finalistasQUI { font-size:1em; border:1px solid #486b91; } .finalistasQUI td { padding:.5em; } .finalistasQUI img { max-height:250px; }
.finalistasQUI p { margin:9px 0px; color:#486b91; }
.finalistasHIS { font-size:1em; border:1px solid #ff6b39; } .finalistasHIS td { padding:.5em; } .finalistasHIS img { max-height:250px; }
.finalistasHIS p { margin:9px 0px; color:#ff6b39; }
.finalistasBIO { font-size:1em; border:1px solid #49b24e; } .finalistasBIO td { padding:.5em; } .finalistasBIO img { max-height:250px; }
.finalistasBIO p { margin:9px 0px; color:#49b24e; }
.finalistasGEO { font-size:1em; border:1px solid #df3c31; } .finalistasGEO td { padding:.5em; } .finalistasGEO img { max-height:250px; }
.finalistasGEO p { margin:9px 0px; color:#df3c31; }
.finalistasMAT { font-size:1em; border:1px solid #ffb853; } .finalistasMAT td { padding:.5em; } .finalistasMAT img { max-height:250px; }
.finalistasMAT p { margin:9px 0px; color:#ffb853; }

/* VENTANA MODAL */
.modal {position:fixed; left:0; top:0; overflow:auto; width:100%; height:100%; background-color:rgba(0,0,0,.7); }
.modal-dialog {max-width:1160px;width:100%;font-size:0.9em;}
.modal-content { border-left:20px solid #67cbe5; background:#fff url('../files/arroba-back.jpg') 100% 0% no-repeat;}
.modal-body { min-height:500px;}
.modal-body .mini {padding-right:0px;}
.modal-body .mini img {max-width:55px;}
.modal-footer{background:#ddd;}
#modal_contacto a {font-style:italic;}

/* CINCO COLUMNAS */
.col-xs-5cols, .col-sm-5cols, .col-md-5cols, .col-lg-5cols {position:relative; min-height:1px; padding-right:15px; padding-left:15px;}
.col-xs-5cols {width:20%; float:left;}
@media (min-width: 768px) { .col-sm-5cols {width:20%; float:left;} }
@media (min-width: 992px) { .col-md-5cols {width:20%; float:left;} }
@media (min-width: 1200px) { .col-lg-5cols {width:20%; float:left;} }

/* ANIMATIONS */
@-webkit-keyframes anim1{ from{opacity:1;left:0px;top:0px;} 25%{opacity:.8;left:10px;top:10px;} 50%{opacity:.6;left:0px;top:20px;} 75%{opacity:.8;left:-10px;top:10px;} to{opacity:1;left:0px;top:0px;} }
@keyframes anim1        { from{opacity:1;left:0px;top:0px;} 25%{opacity:.8;left:10px;top:10px;} 50%{opacity:.6;left:0px;top:20px;} 75%{opacity:.8;left:-10px;top:10px;} to{opacity:1;left:0px;top:0px;} }
.animation1 {position:relative;-webkit-animation:anim1 0.4s cubic-bezier(1,0,0,1) 4s 2;animation:anim1 0.4s cubic-bezier(1,0,0,1) 4s 2;}
@-webkit-keyframes anim2{ from{left:-100px;} 25%{left:-75px;} 50%{left:-50px;} 75%{left:-25px;} to{left:0px;} }
@keyframes anim2        { from{left:-100px;} 25%{left:-75px;} 50%{left:-50px;} 75%{left:-25px;} to{left:0px;} }
.animation2 {position:relative;-webkit-animation:anim2 1s ease-in 1s 1;animation:anim2 1s ease-in 1s 1;}


@media (max-width: 767px){
  .dropdown-menu > li > a, .dropdown-menu > li > a:visited {color:#fff;}
}

/* Don't print link hrefs */
@media print {
  @page { size: auto; margin: 8mm 5mm 8mm 5mm; } 
  .container{width:100%;}
  h1 {font-size:1.3em;}
  h2 {font-size:1.2em;}
  h3 {font-size:1.1em;}
  h4 {font-size:1em;}
  blockquote {border:0;font-size:1em;}
  .panel {border-left-width:10px;}
  a[href]:after { content:none; }
  .col-sm-6, .col-sm-6 { width:100%; padding-left:0px; padding-right:0px; }
  .saltopagina{page-break-after:always;page-break-inside:auto}
  .saltopagina tr{page-break-inside:auto; page-break-after:auto}
  .saltopagina h1{padding:10px;font-size:1em;background:#a10417 !important;color:#fff !important;}
  .saltopagina .card1 p{font-size:.85em;}
  .saltopagina .card1 .clave{padding:6px;font-size:1.1em;}
  .saltopagina .card1 .img{width:30%;}
  .saltopagina .card1 .data{width:62%;}
  .saltopagina .card1 .img img{padding:5px;}
  .saltopagina .card1 p.asist{font:.8em arial;}
}