body{background:#eee url('../img/back02.jpg') 50% 100% no-repeat fixed;background-size:100% auto;}

/*HEADER*/
.menu1 { margin-top:10px;}
.menu1 a { display:block; margin:10px; font-size:1.2em; font-weight:bold; color:#f0ca37 !important; }
.menu1 a.disabled { color: #777 !important; cursor: no-drop; }
.menu1 a:hover { color: #000 !important; }
.menu1 a.btn-default { background:RGBA(255,255,255,.9); }
/*FOOTER*/
.footer{background:#111 url('../img/dark_mosaic.png');color:#fff;padding:20px 0px;}
.footer a{color:#fff !important;}
.footer a.disabled{color:#aaa !important;font-style:italic;pointer-events:none;}
.firmaUNAM{width:150px;height:90px;background:url('../img/firmaUNAM.png') 50% 50% no-repeat;background-size:auto 100%;}

/*GENERICAS*/
h1{ font:small-caps bold 1.6em 'Roboto',sans-serif; color:#13326d; text-align:left; margin:30px 0px;}
h2{ font:bold 1.4em 'Roboto',sans-serif; color: #333; text-align:left; margin: 30px 0px 20px;}
h3{ font:bold 1.1em helvetica; color: #000; text-align:left; margin:1em 0px 0.5em;}
h4{ font:1em helvetica; text-align:center; color:#000;}
.trans50{background:RGBA(255,255,255,0.5);}
.trans60{background:RGBA(255,255,255,0.6);}
.trans70{background:RGBA(255,255,255,0.7);}
.trans80{background:RGBA(255,255,255,0.8);}
.trans90{background:RGBA(255,255,255,0.9);}
.vertical0{margin-top:0px;}
.vertical10{margin-top:10px;}
.vertical20{margin-top:20px;}
.vertical30{margin-top:30px;}
.vertical40{margin-top:40px;}
.vertical50{margin-top:50px;}
.alert {border-left:15px solid gray; border-radius:0px;}
.alert-danger {border-left-color:#c00;}
.alert-success {border-left-color:#0c0;}

/* ÁREA DE CONTENIDO */
.main {min-height:650px;}
.main p { text-align: justify; font-size: 1.2em; line-height: 1.6em;}
.main p.capital:first-letter{float:left;border:1px solid #999;font-size:6em;font-family:times;margin-right:5px;}
.main ul { text-align: justify; font-size: 1.2em; line-height: 2em; margin-top:5px; }
.main ul li { list-style: inside url(../img/point2.png) }
.conferencistas h1 {margin:5px 0px;font-size:1.3em;} 
.conferencistas h2 {margin:5px 0px;font-size:0.9em;}
.conferencistas h3 {margin:20px 0px 5px 0px;font-size:1.3em;color:#aaa;}
.conferencistas h4 {margin:5px 0px;font-weight:bold;text-align:left;font-size:1em;}
.conferencistas h5 {margin:5px 0px;font-size:1em;}
.conferencistas .derecha h1, .conferencistas .derecha h2, .conferencistas .derecha h3, .conferencistas .derecha h4, .conferencistas .derecha h5{text-align:right !important;}
.resenias .modal-dialog {max-width:1160px;width:100%;font-size:1em;background:url('../img/modal-bg.jpg') no-repeat;}
.resenias .modal-content { background:transparent url('../img/modal1.jpg') 0% 0% no-repeat; background-size:80px 100%; }
.resenias .modal-body { padding:25px 25px 10px 100px; min-height:500px;}
.resenias .modal-body h1 { margin-top:30px; }
.resenias .modal-body a { color:#39b; }
.resenias .foto { float:left; margin-left:-75px; margin-right:25px; margin-bottom:20px; }
.resenias .foto img { width:200px; border-radius: 50%;}
.panel-flat {border-radius:0px;}
.panel-heading h2 {margin:5px 0px;font-size:1.1em; line-height:1.5em;color:#057;}
.panel-heading h3 {margin:5px 0px;font-size:1em; color:#555;}
.panel-flat .panel-body {background-color:#f0f0f0;}


.notice{padding:15px; background-color:#fafafa; border-left:6px solid #7f7f84; margin-bottom:10px; -webkit-box-shadow:0 5px 8px -6px rgba(0,0,0,.2); -moz-box-shadow:0 5px 8px -6px rgba(0,0,0,.2); box-shadow:0 5px 8px -6px rgba(0,0,0,.2);}
.notice-sm{padding:10px; font-size:80%;}
.notice-lg{padding:35px; font-size:large;}
.notice-success{border-color:#80D651;}
.notice-success>strong{color:#80D651;}
.notice-info{border-color:#45ABCD;}
.notice-info>strong{color:#45ABCD;}
.notice-warning{border-color:#FEAF20;}
.notice-warning>strong{color:#FEAF20;}
.notice-danger{border-color:#d73814;}
.notice-danger>strong{color:#d73814;}

/*TABLAS*/
.comite{width:100%;padding:0px;}
.comite td.cv{vertical-align:top;padding:0px 10px;}
.comite td.img{vertical-align:top;width:30%;padding:0px;}
.comite td.img img{width:100%;height:auto;}
.comite td.cv h1{margin:0px;font-size:1em;text-align:center;padding:.5em;color:#fff;background:#bbb;}
.comite td.cv p{margin:10px;}
.sedes{width:100%;padding:0px;}
.sedes caption{text-align:left;padding:.5em;background:#bbb;}
.sedes caption h1{margin:0px;font-size:1em;color:#000;font-variant:small-caps}
.sedes caption a{font-size:0.9em;font-style:italic;color:#fff;}
.mytable{display:table;margin:auto;}
.mytable .myrow{display:table-row;}
.mytable .mycell{display:table-cell;}


#memorias{clear:both;margin:0em;padding:2em;}
#memorias .item img{width:66%;  height:auto;  float:left;  border:none;}
#memorias .item a{display:block;  float:right;  width:34%;  margin-bottom:1px;  padding:10px 0px;  background-color:inherit;  color:inherit;  font-size:0.9em;}
#memorias .item a:hover{cursor:pointer;  text-decoration:none;  color:#fc0;}
#memorias .item a.disabled,#memorias .item a.disabled:hover{font-style:italic;  color:#aaa;  cursor:default;  pointer-events:none;}
#change{margin-right:10px;  width:16px;  height:16px;  background:url('../img/iconChange.gif') 50% 50% no-repeat;  float:right;  cursor:pointer;}
@keyframes anim1,@-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 anim2,@-webkit-keyframes anim2{ from{left:-100px;} 25%{left:-75px;} 50%{left:-50px;} 75%{left:-25px;} to{left:0px;}}
.animation1 {position:relative;-webkit-animation:anim1 1s ease-in 0s 3;animation:anim1 1s ease-in 0s 3;}
.animation2 {position:relative;-webkit-animation:anim2 1s ease-in 1s 1;animation:anim2 1s ease-in 1s 1;}
.construct{position:fixed;width:100%;height:100%;background:RGBA(220,220,255,.3);background-image:url('../img/CCH-construct.png');background-position:50% 50%;background-repeat:no-repeat;}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
.volverinicio{display:none;}
.gestion{min-width:1146px;max-width:1440px;width:80%;}
.gestion > .content {margin-top:-70px;padding-top:0px;background:#fff;}
.gestion > .content > h1{font-variant:small-caps;font-weight:bold;font-size:2em;color:#ccc;text-align:left;}
.gestion .header {border-bottom:4px solid #069;	background: #fff;}
.gestion .menu li{background:#069;}
.gestion .logoder{float:left;}
.gestion .title{width:auto;text-align:left;font-size:1em;margin-left:1em;}

ul.level0,ol.level0{margin:0px;padding-left:40px;text-align:justify;}
ul.level1,ol.level1{margin:5px 0px;padding-left:25px;text-align:justify;}
ul.level2,ol.level2{margin:0px;padding-left:25px;text-align:justify;}
ul.level0 li,ol.level0 li{padding:0.4em 0px;line-height:1.4em;}
ul.level1 li,ol.level1 li{padding:0.4em 0px;line-height:1.4em;}
ul.level1 p,ol.level1 p{margin:0px;padding:5px 0px;}
ul.level2 p,ol.level2 p{margin-left:-1.5em;padding:5px 0px;}
ol.u-roman li{list-style-type:upper-roman;}
ol.decimal li{list-style-type:decimal;}
ul.disc li{list-style-type:disc;}
ol.parentesis{margin:0px;padding:0px;padding-left:35px;counter-reset:list;}
ol.parentesis > li {list-style:none;position:relative;}
ol.parentesis > li:before {counter-increment:list;content:counter(list,lower-alpha) ") ";position:absolute;left:-1.4em;}
#contacto{clear:both;padding:2em;}
#contacto h1{font:small-caps bold 1.2em helvetica;color:#143390;text-align:center;margin:1em;}
#contacto h2{font:1.2em verdana;color:#E53389;text-align:center;margin:1em;}

/*divs*/
/*#barra_menu{padding:0px 5px;text-align:center;}
#barra_menu div{text-align:center;color:#abc;font:bold italic 1.4em arial;letter-spacing:-1;}
#barra_menu a.boton_menu{background-color:#d4deec;border:1px solid;border-color:#eee #58b #58b #eee;color:#147;cursor:pointer;margin:4px 4px;padding:2px;font:0.9em arial;border-radius:25px 5px;-ms-border-radius:25px 5px;-webkit-border-radius:25px 5px;-khtml-border-radius:25px 5px;z-index:100;letter-spacing:-1;display:block;}
#barra_menu a.boton_menu:hover{background-color:#86a3ca;border-color:#999 #000 #000 #999;color:#fff;text-decoration:none;display:block;}
#barra_menu a.disable,#barra_menu a.disable:hover{background-color:#eee;border-color:#eee #ccc #ccc #eee;color:#ccc;cursor:default;text-decoration:none;}
*/
.barramenu{padding:0px 5px;text-align:center;}
/*.barramenu div{text-align:center;color:#147;font:small-caps bold 11px arial;}
*/
.barramenu .botonmenu{display:block;background-color:#7A8BCC;color:#fff;margin:10px 0px;padding:10px 4px;font:1em arial;}
.barramenu .botonmenu:hover{background-color:#3A4B8C;border-color:#999 #000 #000 #999;color:#fff;text-decoration:none;}
.barramenu .disable,.barramenu .disable:hover{background-color:#eee;border-color:#eee #ccc #ccc #eee;color:#ccc;cursor:default;text-decoration:none;}
.trabajo li{font:bold 1.1em arial;color:#690;letter-spacing:-1px;list-style-image:url('../img/greenarrow.gif');margin:10px auto 0px;}
.trabajo table{width:98%;margin-top:0px;}
.trabajo h3{margin:0px;font:bold 1.1em arial;line-height:0.8em;border-bottom:3px solid #d4e5f5;color:#7a8bcc;letter-spacing:-1px;text-align:left;padding-top:20px;}
.trabajo h4{margin:0px 0px 20px auto;font:0.95em georgia,arial;color:#666;letter-spacing:-1px;text-align:left;}
.trabajo td.imagen{width:25px;vertical-align:top;}
.error{border:1px dotted #f00;font:bold 1em/1.1em arial;color:#d00;text-align:left;padding:5px;padding-right:25px;margin:5px 10px;background:#fff url('../img/ErrorIcon20.jpg') 100% 50% no-repeat;}
.error div{font:1em/1.2em arial;margin:0px 0px 0px 10px;}
//div.error div{font:1em/1.2em arial;margin:0px 0px 0px 10px;}
.formatos{width:80%;margin:50px auto 2px;}
.formatos fieldset{margin:10px;border:1px solid #7a8bcc;background:url('../img/trans80.png');}
.formatos fieldset legend{border:1px solid #7a8bcc;color:#7a8bcc;background:url('../img/trans70.png');font:italic bold 1.1em verdana;padding:5px 10px;}
.formatos ol{margin:10px 20px;list-style:lower-alpha;}
.formatos ol li{margin:15px;}
/*tablas*/
.ficha1{margin:3px auto;text-align:center;color:#333;font-size:1em;}
.ficha1 th{background:#d4e5f5;font-weight:normal;text-align:right;padding:5px;min-width:200px;}
.ficha1 input,.ficha1 select{font:bold italic 0.9em verdana;color:#333;width:500px;}
.ficha1 input:hover{font:bold italic 0.9em verdana;color:#333;border:1px inset #ccc;background-color:#ffa;}
.ficha1 input[type=text],.ficha1 select{font:bold italic 0.9em verdana;color:#333;}
.ficha1 input[type=checkbox]{color:#333;width:50px;}
.ficha1 textarea{font:italic 0.9em verdana;color:#000;}
.form0{margin:5px auto;text-align:center;color:#555;font-size:1em;}
.form0 input,.form0 select,.form0 textarea{font:bold italic 0.9em verdana;color:#333;}
.form0 td{padding:0px 5px;text-align:left;color:#000;}
.listado{width:95%;margin:auto;border-collapse:collapse;font-size:0.8em;}
.listado th{border:1px solid #7a8bcc;color:#7a8bcc;}
.listado td{border:1px solid #7a8bcc;}
.listvert{width:95%;margin:auto;font-size:0.8em;color:#333;}
.listvert th{background:#d4e5f5;font-weight:normal;padding:5px;min-width:200px;}
.listvert td{border:2px solid #d4e5f5;}
.bkcolor{background:#d4e5f5;}
/*listas y viñetas*/
ul.info{margin:25px 0px;}
ul.info li{text-align:left;color:#039;font:small-caps 0.85em verdana,helvetica,arial;margin:15px 0px;}
/*li{text-align:justify;font:1em verdana,helvetica,arial;margin:0px 0.8em;}*/
/*parrafos*/
.bloque{border:1px dashed #006;text-align:center;color:#000;font:small-caps bold 0.9em arial;padding:4px 0px;}
.aviso{text-align:center;color:#06f;font:bold 0.9em arial;margin:20px auto;}
.nota{font:0.9em verdana,helvetica,arial;text-align:justify;}
.buttons{text-align:center;}
/*ligas*/
a:link,a:visited{color:#009;text-decoration:none;}
a:hover{color:#f00;text-decoration:underline;}

/*contenedores*/
marquee.front{font:italic 1.1em verdana,helvetica,arial;color:#444;margin:10px 0px;}
fieldset{border:2px solid #7a8bcc;margin:10px auto;}
fieldset legend{color:#7a8bcc;font:italic bold 1em verdana,helvetica,arial;}
fieldset.vistoso{font-size:0.9em;background-color:#eee;}
fieldset.comprobante{padding:10px;color:#333;font-size:1em;width:94%;}
div.pasados{float:left;margin:20px;width:180px;height:280px;padding:10px 10px 10px 210px;background:#fff;border:1px dashed #ccc;}
div.pasados h2{font-family:'rock salt',arial;font-size:18px;color:#f40;padding:0px 5px;text-align:center;text-shadow:-1px -1px 2px #000;background:#fff url('../img/stripe_light.gif') repeat top left;}
div.pasados h3{font:1em arial;color:#f60;text-shadow:0px 0px 1px #aaa;padding:10px;background:#ddd;text-align:center;}
div.pasados p{font:italic bold small-caps 1em 'trebuchet ms';text-align:center;padding:10px 0px;}
div.thumb{float:left;margin:5px;padding:5px;background:#fff;border:1px dashed #ccc;}
/*clases generales*/
.oculta{display:none;}
.left{text-align:left !important;margin-left:0;margin-right:auto;}
.center{text-align:center !important;margin-left:auto;margin-right:auto;}
.right{text-align:right !important;margin-left:auto;margin-right:0;}
.justify{text-align:justify;margin-left:5px;margin-right:5px;}
.rojo{color:#f00;font:bold 1.2em arial;}
.subt1{font:bold small-caps 1em verdana;letter-spacing:-0.5;padding:2px 5px;}
.subt2{font:bold small-caps 0.8em verdana;padding:2px 5px;color:#333;}
.blue{color:#006;background-color:#d3e5f9;}
.red{color:#f00;}
.arrow{padding:3px 30px;background-image:url('../img/flecha1.png');background-repeat:no-repeat;text-align:left;}
.query_string{border:1px solid red;background:#000;text-align:left;color:#fff;padding:5px;}
.blink{text-decoration:blink;}
.bluetable{font:1em helvetica,arial,sans-serif;margin:auto;width:95%;}
.bluetable .bluerow{border:1px solid #015696;text-align:center;padding:10px;}
.greentable{font:0.95em helvetica,arial,sans-serif;margin:auto;width:95%;}
.greentable .greenrow{border:2px solid #176E58;text-align:center;padding:10px;}
.registro{margin:auto;width:320px;}
.registro th{text-align:right;font:normal 0.9em verdana;}
.registro td{width:1%;font:normal 1em verdana;border:0px !important;padding:4px 0px !important;text-align:right !important;}
/* from style.css*/
.login{width:210px;font-size:0.9em;text-align:center;padding:0px 10px;}
.login p{text-align:center;}
.login table th{text-align:right;font-weight:normal;}
.login a{text-decoration:none;}
.login p.buttons{margin:0px 10px;text-align:right;}
.login a:hover{text-decoration:underline;}
.cuenta{clear:both;font:italic 0.9em arial;text-align:center;margin:10px auto;color:#333;}
.iconp{width:50px;background:url('../img/iconp.gif');}
/*******************************************************************menu de opciones*****************/
div.minimenu{float:right;width:200px;height:30px;}
div.minimenu a.delete{background:url('../img/deleteicon20.gif');width:20px;height:20px;margin:10px 1px 0px 10px;float:right;}
div.minimenu a.delete:hover{background:url('../img/deleteicon25.gif');width:25px;height:25px;margin-top:5px;float:right;}
div.minimenu a.autors{background:url('../img/autorsicon20.gif');width:20px;height:20px;margin:10px 1px 0px;float:right;}
div.minimenu a.autors:hover{background:url('../img/autorsicon25.gif');width:25px;height:25px;margin-top:5px;float:right;}
div.minimenu a.view div{background:url('../img/viewicon20.gif');width:20px;height:20px;margin:10px 1px 0px;float:right;}
div.minimenu a.view:hover div{background:url('../img/viewicon25.gif');width:25px;height:25px;margin-top:5px;float:right;}
div.minimenu a.edit{background:url('../img/editicon20.gif');width:20px;height:20px;margin:10px 1px 0px;float:right;}
div.minimenu a.edit:hover{background:url('../img/editicon25.gif');width:25px;height:25px;margin-top:5px;float:right;}
div.minimenu a.eval{background:url('../img/evalicon20.gif') no-repeat;width:20px;height:20px;margin:10px 1px 0px;float:right;}
div.minimenu a.eval:hover{background:url('../img/evalicon25.gif');width:25px;height:25px;margin-top:5px;float:right;}
div.minimenu a.print{background:url('../img/printicon20.gif');width:20px;height:20px;margin:10px 1px 0px;float:right;}
div.minimenu a.print:hover{background:url('../img/printicon25.gif');width:25px;height:25px;margin-top:5px;float:right;}
div.minimenu a.file{background:url('../img/fileicon20.gif');width:20px;height:20px;margin:10px 1px 0px;float:right;}
div.minimenu a.file:hover{background:url('../img/fileicon25.gif');width:25px;height:25px;margin-top:5px;float:right;}
div.minimenu a.const div{background:url('../img/consticon30.gif');width:30px;height:30px;margin:10px 1px 0px;float:right;}
div.minimenu a.const:hover div{background:url('../img/consticon40.gif');width:40px;height:40px;margin-top:0px;float:right;}
.hidden{display:none;}
.barral{float:left;margin:0.5em;width:20%;}
.barrar{float:left;margin:0.5em;width:75%;}
.avisos{font:0.9em/1.5em arial;margin:0px;text-align:left;padding:10px;}
.vermas{margin:0px;padding:0px;text-align:right;font-style:italic;}
fieldset.credencial{font:italic 0.9em/1.5em arial;text-align:center;margin:0px;padding:5px;color:#333;}
fieldset.credencial a{color:#333;}
div.trabajos{font:0.9em/1.5em arial;text-align:left;padding:10px;border:2px solid #7a8bcc;margin:10px auto;min-height:230px;}
div.trabajos p.title1{color:#7a8bcc;font:italic bold 1.3em verdana,helvetica,arial;margin:0px;}
div.trabajos li{list-style-type:circle;}
fieldset.trabajos{font:0.9em/1.5em arial;margin:0px;text-align:left;padding:10px;}
fieldset.trabajos li{list-style-type:circle;}
fieldset.acciones{font:0.9em/1.5em arial;margin:0px;text-align:left;padding:10px;color:#999;}
.graytable{width:90%;margin:10px auto;}
.graytable th{border:1px dashed #ccc;background:#ddd;}
.graytable td{border:1px dashed #ccc;text-align:center;}
td.right{padding:5px 0px;text-align:right;}
input.bottom{margin:10px;}
.rubrica{width:100%;font-size:0.85em;border-width:2px;border-style:solid;border-collapse:collapse;margin:10px 0px;}
.rubrica th{border:2px solid #fff;color:#333;font-size:0.9em;}
.rubrica td{border-width:2px  border-style:solid;border-color:gray;text-align:center;}
table.comprobante{width:95%;margin:15px auto;border-collapse:collapse;color:#555;}
table.comprobante th{font-style:italic;color:#666;font-variant:small-caps;font-size:0.95em;text-align:right;padding:10px 10px 10px 0px;}
table.comprobante td{text-align:left;font-size:0.9em;font-weight:bold;border:1px solid #bbb;padding:10px;}
table.horiz th{padding:10px;text-align:center;border:1px solid #ccc;}
table.horiz td{font-weight:normal;font-size:0.9em;text-align:center;}
table.situacion{width:95%;margin:15px auto;border-collapse:collapse;}
table.situacion th{font-style:italic;color:#666;font-variant:small-caps;font-size:0.85em;text-align:right;padding-right:5px;}
table.situacion td{text-align:left;font:bold 0.9em arial;border:1px solid #aaa;color:#000;padding:5px;}
table.situacion tr.horiz th{padding:5px;text-align:center;border:1px solid #aaa;}
table.situacion tr.horiz td{padding:5px;text-align:center;border:1px solid #aaa;font-size:0.9em;}
p.aviso{background:url('../img/avisoicon20.jpg') 99% 3px no-repeat;border:1px dashed #006;color:#006;font:0.9em arial;text-align:left;margin:20px;padding:5px 30px 5px 5px;}
#pie{font:0.9em verdana,arial;text-align:left;padding:0.5em;clear:both;margin-top:1em;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;background:#d4e5f5;}
#pie a:link{color:#233f71;}
#pie a:visited{text-decoration:none;font-style:bold;color:#666;}
#pie a:hover{text-decoration:none;color:#c60;}
#pie a:active{text-decoration:none;}
hr.green{width:95%;height:5px;border:none;background:#ccc;margin:10px auto 10px auto;}
hr.hr-1 { border:0; height:1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
ul.infolist li{margin:15px 40px;text-align:justify;}
a:link{text-decoration:none;font-style:bold;color:blue;}
a:visited{text-decoration:none;font-style:bold;color:blue;}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}
a.style:link{text-decoration:none;font-style:bold;color:#233f71;}
a.style:visited{text-decoration:none;font-style:bold;color:#666;}
a.style:hover{text-decoration:none;color:#c60;}
a.style:active{text-decoration:none;}
div.query_string{border:2px solid #ccc;background:#ddd;text-align:left;}
@-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 1 cubic-bezier(1,0,0,1) .5s 2s;animation:anim1 1 cubic-bezier(1,0,0,1) .5s 2s;}
@-webkit-keyframes anim2{ from{left:-100px;} 25%{left:-75px;} 50%{left:-50px;} 75%{left:-25px;} to{left:0px;} }
@keyframes anim2{ from{left:-100px;} 50%{left:200px;} to{left:0px;}  }
.animation2 {position:relative;-webkit-animation:anim2 1s ease-in 1s 1;animation:anim2 1s ease-in 1s 1;}

.main-timeline{position:relative;}
.main-timeline:before{content:""; display:block; width:2px; height:100%; background:#c6c6c6; margin:0 auto; position:absolute; top:0; left:0; right:0}
.main-timeline .timeline{margin-bottom:40px; position:relative;}
.main-timeline .timeline-a{color:#800;}
.main-timeline .timeline-b{color:#050;}
.main-timeline .timeline-c{color:#008;}
.main-timeline .timeline:after{content:""; display:block; clear:both;}
.main-timeline .icon{width:25px; height:25px; line-height:25px; margin:auto; margin-top:102px;position:absolute; top:0; left:0; bottom:0; right:0;}
.main-timeline .icon:before, .main-timeline .icon:after{content:""; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; transition:all 0.33s ease-out 0s;}
.main-timeline .icon:before{background:#fff; border:2px solid #c6c6c6; left:-5px;}
.main-timeline .icon:after{border:2px solid #232323; left:5px}
.main-timeline .timeline:hover .icon:before{left:5px}
.main-timeline .timeline:hover .icon:after{left:-5px}
.main-timeline .date-content{width:50%; float:left; margin-top:29px; position:relative;}
.main-timeline .date-content:before{content:""; width:36.5%; height:2px; background:#c6c6c6; margin:auto 0; position:absolute; top:0; right:10px; bottom:0;}
.main-timeline .date-outer{width:150px; height:150px; font-size:16px; text-align:center; margin:auto; z-index:1;}
.main-timeline .date-outer:before, .main-timeline .date-outer:after{content:""; width:150px; height:150px; margin:0 auto; border-radius:50%; position:absolute; top:0; left:0; right:0; transition:all 0.33s ease-out 0s;}
.main-timeline .date-outer:before{background:#fff; border:2px solid #232323; left:-10px;}
.main-timeline .date-outer:after{border:2px solid #c6c6c6; left:10px}
.main-timeline .timeline:hover .date-outer:before{left:10px}
.main-timeline .timeline:hover .date-outer:after{left:-10px}
.main-timeline .date{width:100%; margin:auto; position:absolute; top:27%; left:0}
.main-timeline .month{font-size:32px; font-weight:700}
.main-timeline .year{display:block; font-size:26px; font-weight:700; line-height:36px}
.main-timeline .timeline-content{width:50%; padding:25px 0 25px 50px; float:right}
.main-timeline .title{font-size:18px; font-weight:700; line-height:23px; margin:0 0 10px 0}
.main-timeline .description{margin-bottom:0;line-height:1.2em}
.main-timeline .timeline:nth-child(2n) .date-content{float:right}
.main-timeline .timeline:nth-child(2n) .date-content:before{left:10px}
.main-timeline .timeline:nth-child(2n) .timeline-content{padding:25px 50px 25px 0; text-align:right;}
.main-timeline .timeline:nth-child(2n) .timeline-content .description{text-align:right;}
.main-timeline .timeline:nth-child(2n) .timeline-content h3{text-align:right;}
@media only screen and (max-width:991px){
  .menu1 { margin:0px;}
  .col-sm-3.menu1 { padding:0px;}
  .menu1 a { width:auto; font-size:1em; font-weight:bold;}
  .main-timeline .date-content{margin-top:35px}
  .main-timeline .date-content:before{width:22.5%}
  .main-timeline .timeline-content{padding:10px 0 10px 30px}
  .main-timeline .title{font-size:17px}
  .main-timeline .timeline:nth-child(2n) .timeline-content{padding:10px 30px 10px 0}
}
@media only screen and (max-width:767px){
  body{background-size:auto 100%;}
  .main-timeline:before{margin:0; left:7px; }
  .main-timeline .timeline{padding-top:30px; margin-bottom:20px }
  .main-timeline .timeline:last-child{margin-bottom:0 }
  .main-timeline .icon{margin:auto 0; margin-top:78px; }
  .main-timeline .date-content{width:95%;  float:right;  margin-top:0 }
  .main-timeline .date-content:before{adisplay:none; left:10px; right:auto; width:50%;}
  .main-timeline .date-outer{width:110px;  height:110px }
  .main-timeline .date-outer:before,.main-timeline .date-outer:after{width:110px;  height:110px }
  .main-timeline .date{top:10% }
  .main-timeline .year{font-size:24px }
  .main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{width:95%; text-align:left; padding:0; margin-top:0px;}
  .main-timeline .timeline:nth-child(2n) .timeline-content .description{text-align:left;}
  .main-timeline .timeline:nth-child(2n) .timeline-content h3{text-align:left;}
  .main-timeline .title{margin-bottom:10px }
}

/******************************************************************************/
ol.info li{text-align:left;font:0.9em arial;margin:25px 30px 0px 0px;}
ol.info ol li{color:#333;font:0.9em arial;margin:10px 30px 0px 0px;}
hr.tab{margin-left:10px;display:inline;color:transparent;}
h1.saltodepagina{page-break-after:always}
.cristal{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.left h1.ficha{font-size:1em;margin:10px 5px 5px;text-align:left !important;}
.left h3.ficha{font-size:0.9em;margin:5px;text-align:left !important;}

/*especiales*/
@media print{
  body{background:none;font-size:0.7em;}
  .principal{width:690px;}
  .header{height:60px;}
  .logoizq{height:60px;width:53px;font-size:1em;padding-top:60px;background:transparent url('../img/logounamP.png') 50% 0% no-repeat;}
  .logoder{height:60px;width:60px;font-size:1em;padding-top:60px;background:transparent url('../img/logocch90x90P.gif') 50% 0% no-repeat;}
  .title{width:500px;float:left;padding-top:10px;font:1em/1.4em arial;}
  .toprint{display:none;}
  .printer{display:none;}
  .barral, .barrar{width:100% !important;}
}