body{margin:0px;padding:0px;font:1em helvetica,arial;background:#DFF9F8 url('../img/back02.jpg');background-size:cover;overflow-y:scroll;}
.main{background:RGBA(255,255,255,.4);padding:0px;width:1146px;margin:0px auto;}
.header{text-align:center;height:110px;clear:both;margin-bottom:0px;padding:10px;background:#fff;}
.logoizq{width:120px;float:left;font:bold 1.2em arial;letter-spacing:6px;color:#444;text-align:center;padding-top:90px;background:transparent url('../img/logounam.png') 50% 0% no-repeat;}
.logoder{width:120px;float:right;font:bold 1.2em arial;letter-spacing:6px;color:#444;text-align:center;padding-top:90px;background:transparent url('../img/logoCCH90x90.gif') 50% 0% no-repeat;}
.title{width:885px;float:left;padding-top:10px;font:1.2em/1.4em arial;color:#069;}
.title .big{font-weight:bold;font-size:1.1em;}
.title .slogan{font-size:0.9em;font-style:italic;}
.menu ul{margin:0px;float:right;border-top:3px solid RGB(40,162,162);}
.menu li{background:RGBA(43,172,172,1);color:#fff;list-style:none;float:right;margin-right:10px;font-size:0.95em;}
.menu li.disable{padding:7px 10px;font-style:italic;background:RGBA(40,162,162,.4);}
.menu li a{color:#fff;font-weight:bold;display:block;padding:7px 10px;}
.menu li a:hover {background-color:RGBA(40,162,162,1); color:#ff0;}
.menuiz ul{width:35px;margin-top:100px;padding:0px;float:left;text-align:center;}
.menuiz li{margin:10px 0px;width:33px;background:RGBA(33,133,133,1);color:#fff;list-style:none;padding:5px 0px;}
.menuiz li span{font:bold 1em verdana;margin-left:26px;margin-bottom:-12px;margin-top:-5px;padding:1px;color:RGB(204,17,17);border:1px solid RGB(204,17,17);float:left;}
.menuiz li.disable{background:RGBA(33,133,133,.5);font-style:italic;}
.menuiz li.disable em{font-style:italic;}
.menuiz li.disable:hover{background:RGBA(33,133,133,.5);width:33px;}
.menuiz li:hover, .menuiz li.vistoso{background:RGBA(40,162,162,1);width:45px;}
.menuiz li em{font:bold 0.85em/1.1em verdana;display:block;}
.menuiz li a{display:block;color:#fff;padding:5px;}
.menuiz li a:hover{color:#ff0;}
.content{text-align:center;min-height:600px;margin:30px 0px;}
.content.menu1{width:786px;border-left:4px solid #ddd;}
.content.menu2{width:642px;border-left:4px solid #ddd;border-right:4px solid #ddd;}
.content.semblanza {width:670px;text-align:justify;border:3px groove #ccc;padding:0px 50px 0px 70px;font:italic 1.1em/1.7em serif;background-color:#DBE5F1;margin:20px 10px;border-radius: 75px;-ms-border-radius:75px;-webkit-border-radius:75px;-khtml-border-radius:75px;}
.content.semblanza p {text-indent:-30px;margin:20px 0px;}
.content.semblanza p.title {text-indent:0px;font-weight:bold;font-size:1.2em;color:#595959;letter-spacing:2px;text-align:center;margin:30px auto;}
.content.semblanza li {text-align:justify;font:italic 1em serif;margin:10px 0px;}
.prefooter{text-align:center;margin:20px auto;}
.prefooter a img{width:auto;height:45px;margin:0px 50px;border:5px solid transparent;}
.prefooter a img:hover{margin:0px 50px;border-color:#89BFBF;}
.footer{font:0.9em arial;background:RGBA(26,106,106,1);text-align:center;min-height:90px;color:#fff;clear:both;padding:0 20px;}
.footer a{color:#fff !important;}
.firmaUNAM{float:right;width:100px;height:90px;background:url('../img/firmaUNAM.png') 50% 50% no-repeat;background-size:100%;}
marquee.front {font:bold italic 1em verdana,arial;padding:0px;color:#c11;}
.convoca{margin:80px 30px 0px 60px;text-align:left;font-size:1em;line-height:2em;}
.capital:first-letter{float:left;color:black;background:transparent;border:1px solid #7f1184;font-size:80px;line-height:60px;padding:2px;font-family:times;margin-right:5px;}
.convoca1 li{margin-top:12px;}
.convoca2{list-style-type:lower-alpha;}
.convoca2 li{margin:0px;}

/*MODAL*/
.reveal-modal{background:#fff;visibility:hidden;display:none;margin-top:50px;left:14%;width:70%;position:absolute;z-index:41;padding:5px 30px;box-shadow:0px 0px 10px rgba(0,0,0,0.4);}
.reveal-modal iframe {border:2px solid #7cf;}
.reveal-modal .close-reveal-modal{font-size:2.2em;line-height:0.5;position:absolute;top:8px;right:11px;color:#999;text-shadow:0px -1px 1px rgba(0,0,0,0.6);font-weight:bold;cursor:pointer;}
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:rgba(40,162,162,.7);z-index:40;display:none;top:0px;left:0px;}

h1{font:small-caps bold 1.3em verdana;color:#7f1184;}
h2{font:bold italic 1.2em verdana;margin:10px;}
h3{font:bold 1em helvetica, arial;color:#666;margin:0px;}
h4{font:bold 1em helvetica, arial;text-align:center;margin:0px 10px;}
h5{font:0.8em helvetica, arial;text-align:center;margin:5px;}
a{text-decoration:none;color:#132B75;}
a:hover{color:#f40;}
a.vistosa{text-decoration:underline;font-weight:bold;}
a img{border:5px solid transparent; padding:0px; margin:0px;}
a img:hover{border:5px solid #ddd; padding:0px; margin:0px;}
hr.blue{width:95%;height:3px;border:none;background:#86a2c9;margin:15px auto;}
/******************************************************************/
.infolist li{margin:15px 40px;text-align:justify;}
p{margin:15px 30px;text-align:justify;}
p.buttons{text-align:center;margin:20px;}
p.buttons input{background-color:RGBA(204,17,17,.8);color:#fff;margin:0px 2px;padding:5px 8px;}
p.buttons input:hover{color:#ff0;background-color:RGBA(204,17,17,1);}
p.buttons input.disabled{font-style:italic;background:RGBA(204,17,17,.4);}
p.buttons a{color:#c11;border:1px solid #000;font:bold 1.2em/2.5em arial;padding:5px 10px;border-radius:1em 2em;-moz-border-radius:1em 2em;-webkit-border-radius:1em 2em;-khtml-border-radius:1em 2em;}
p.buttons a:hover{color:red;border:1px solid red;}
p.error{background:url('../img/errorIcon20.jpg') no-repeat;font:bold 1em helvetica, arial;color:#da0000;margin:10px 20px;padding:2px 25px;height:20px;}
p.instruccion{background:url('../img/flechaIcon20.jpg') no-repeat;font:italic 1.1em helvetica, arial;margin:15px 40px;padding:2px 25px;min-height:25px;}
p.aviso{background:url('../img/avisoIcon20.jpg') no-repeat;font:italic 1.1em helvetica, arial;margin:15px 40px;padding:2px 25px;min-height:25px;}
p.informacion{background:url('../img/infoIcon20.jpg') no-repeat;font:italic 1.1em helvetica, arial;margin:15px 40px;padding:2px 25px;min-height:25px;}
p.negritas{font-weight:bold;font-variant:small-caps;font-size:110%;}
p.destacado{font:bold 1em helvetica, arial;margin:15px 25px;color:#132b75;}
table.contenedor{margin:10px auto;text-align:center;font:1em helvetica, arial;}
table.contenedor h3{margin-top:-10px;padding:0px;}
table.blue{width:95%;margin:0px auto;border-collapse:collapse;font-size:0.9em;}
table.blue caption{text-align:left;margin:10px 0px 0px;font-weight:bold;}
table.blue th{font-weight:bold;text-align:center;background:#86a2c9;color:#fff;padding:4px;border:2px solid #86a2c9;}
table.blue td{border:2px solid #86a2c9;text-align:center;padding:5px;}
table.blue table{margin:20px auto 0px;font-size:1em;}
table.blue table td{border:none;text-align:right;}
table.color{width:95%;margin:0px auto;border-collapse:collapse;font-size:0.9em;}
table.color caption{text-align:left;margin:10px 0px 0px;font-weight:bold;}
table.color th{font-weight:bold;text-align:center;color:#fff;padding:4px;background:#ccc;border:2px solid #ccc;}
table.color td{text-align:center;padding:5px;border:2px solid #ccc;background-color:#ddd;}
table.green th{color:#fff;background-color:#8AAE3E;border-color:#8AAE3E;}
table.green td{border-color:#8AAE3E;background-color:#ceb;}
table.chocolate th{color:#fff;background-color:#d95;border-color:#d95;}
table.chocolate td{border-color:#d95;background-color:#fec;}
table.trabajo{background:#eee;width:95%;margin:10px auto;padding:5px;color:#132b75;}
table.situacion{width:90%;margin:auto;font-size:1em;}
table.situacion table{font-size:1em;width:100%;}
fieldset{border:1px solid #c11;margin:5px auto;}
fieldset legend{color:#c11;font:italic bold 1.1em helvetica,arial;}
fieldset.ficha{text-align:left;border:1px solid #0E6B37;margin:5px auto;width:90%;}
fieldset.ficha legend{color:#0E6B37;font:italic bold 1em helvetica,arial;}
fieldset.ficha p{text-align:left;margin:10px auto;}
fieldset.vistoso{font-size:0.9em;background-color:#eee;}
fieldset.comprobante{padding:15px 25px;color:#333;font-size:1em;line-height:2em;width:80%;text-align:left;}
fieldset.magistrales{width:90%;height:130px;}
fieldset.magistrales h2{font-size:0.9em;margin-bottom:0px;}
fieldset.magistrales h3{font-size:0.9em;margin:0px;}
.fotos_bottom{width:100%;margin-top:20px;}
.fotos_bottom p{font-size:2.5em;color:#ac2;margin:0px 0px 0px 20px;font-family:courier;}
.fotos_bottom img{padding:0px;width:180px;border:4px solid white;}
.fotos_bottom img:hover{padding:0px;width:180px;border:4px solid yellow;}

table.caratula{width:85%;margin:auto;}
table.caratula th{font:small-caps bold 1.8em 'comic sans ms', helvetica, arial;padding:1em 0em 0em 0em;}
table.caratula td{text-align:center;font:small-caps italic bold 1em helvetica, arial;color:gray;}
table.bluetable{width:100%;margin:0px auto;font-family:helvetica, arial;}
table.bluetable caption{font:small-caps bold 1.1em helvetica, arial;color:#c11;text-align:left;margin:10px 0px 0px;}
table.bluetable td{border:1px solid #ccc;padding:5px;font-size:1.1em;}
#title{text-align:center;height:60px;width:95%;margin:0px auto;padding:10px;}
#logoizq{float:left;}
#logocen{background:url('../img/text1.png') no-repeat;float:left;width:500px;height:60px;margin:auto 145px;}
#logoder{float:right;}
#transparencia{position:absolute;z-index:1;display:none;background-color:#fff;margin-top:35px;width:970px;opacity:0.9;filter:alpha(opacity="90");}
#transparenciamensaje{width:600px;margin:100px auto;z-index:2;}
.form_error{border:2px solid red;background:url('../img/errorIcon20.jpg') no-repeat center 15px;padding:45px;font:small-caps bold 1em verdana,helvetica,sans-serif;color:red;}
.table_ficha{background:#f0f0f0; padding:10px; margin:0px auto; border:1px solid gray; font:1em verdana,helvetica,sans-serif;}
.label{padding:5px 5px;text-align:right;}
.ayuda{background:url(../img/ayuda.gif) no-repeat center center;width:18px;height:18px;}
input{font-family:verdana,helvetica,sans-serif;font-size:0.9em;padding:4px;border-style:solid;}
.inputNormal{border:1px solid olive;}
.inputError{border:1px solid #ff0000;background-color:#fff4f0;color:#ff0000;}
.flotante0{position:absolute;z-index:0;}
.flotante1{position:absolute;z-index:1;}
.flotante1 a{display:block;background:url(../img/trans0.png);}
.flotante1 a:hover{background:url(../img/trans50.png);opacity:0.4;filter:alpha(opacity="40")};
textarea{font-family:verdana,arial,helvetica,sans-serif;font-size:13px;border:1px solid olive;}
button{width:100px; height:22px; font-family:verdana; font-size:11px; }
/* mensajes de ayuda */
#mensajesayuda{width:160px;font-family:verdana;font-size:10px;border:1px solid #000000;position:absolute;top:0px;left:0px;display:none;text-align:center;}
#ayudatitulo{background-color:#000000; color:#ffffff; padding:1px;}
#ayudatexto{vertical-align:middle;padding:2px;}
/*opciones para formulario de contacto*/
#contacto{margin:0px 40px;padding:15px;padding-top:30px;}
#contacto h2{margin-top:35px;margin-bottom:0px;font:small-caps 1.3em 'trebuchet ms';color:#aaa;letter-spacing:1px;}
#contacto h3{font-weight:bold;color:#000;font-size:0.9em;letter-spacing:1px;}
#contacto h4{font:normal 0.9em courier,arial;margin-bottom:15px;}
#contacto.comite{padding:30px 15px;}
#contacto.comite h2{font-size:1.6em;color:#666;font-weight:bold;letter-spacing:0px;}
#contacto.comite h3{color:#c11;letter-spacing:1px;}
#contacto.comite h4{font:italic normal 0.9em verdana;color:#666;}
#contacto.comite fieldset{width:70%;margin-top:30px;}
#contacto.comite fieldset p{font:bold 1em verdana;margin:30px 40px;}
div.col1{float:left;width:48%;}
div.col2{float:left;width:48%;border-left:10px solid #ddd;}
div.spacer{clear:both;}

.memorias{padding:50px 100px;}
.memorias .mem_div{float:left;margin:20px;}
.memorias .mem_item{color:#fff;border-collapse:collapse;font-size:0.95em;}
.memorias .mem_item td,.memorias .mem_item td a img{border:0;padding:0;margin:0;}
.memorias .mem_item td a{display:block;border:1px solid transparent;font-size:0.9em;color:#fff;}
.memorias .mem_item td a:hover{border:1px solid yellow;color:yellow;}
.memorias .mem_item td a.disabled{font-style:italic;font-size:80%;color:#ccc;cursor:default;pointer-events:none;}
.memorias .mem_item table{border-collapse:collapse;}
.memorias .mem_item table td a{padding:19px 5px;} 
.memorias .back1{background:RGBA(0,80,46,1);}
.memorias .back2{background:RGBA(0,0,0,1);}
.memorias .back3{background:RGBA(0,0,0,.6);}
.memorias .back4{background:RGBA(0,0,0,.3);}
.memorias .back5{background:RGBA(204,17,17,1);}
.memorias .back6{background:RGBA(204,17,17,1);}
.memorias .back7{background:RGBA(204,17,17,.6);}
.memorias .back8{background:RGBA(204,17,17,.3);}
.memorias p{margin:0px}
.memorias .are{color:red;}
.memorias .mod{margin-left:30px;color:blue;}
.memorias .tit{margin-left:60px;color:green;}
.memorias .tit a{color:green;}
.memorias .pla{margin-left:90px;color:#aaa;}
.memorias .aut{margin-left:90px;color:#aaa;}
/*.memorias .tabs{margin:30px auto 0px 20px;padding:0;float:left;list-style:none;height:25px;border-bottom:1px solid #00f;border-left:1px solid #00f;width:95%;}
/*.memorias .tabs li{float:left;margin:0;padding:0px 10px;height:24px;line-height:24px;border:1px solid #999;border-left:none;margin-bottom:-1px;overflow:hidden;position:relative;background:#ccc;}
.memorias .tabs li a{text-decoration:none;color:#000;display:block;font-variant:small-caps;font-size:0.875em;outline:none;}
.memorias .tabs li a:hover{background:#ccc;}
.memorias .tabs li.active, ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff;}
/*.memorias .tab_container{border:1px solid #999;border-top:none;overflow:hidden;clear:both;float:left;width:95%;background:#fff;margin:0px auto 0px 20px;}
.memorias .tab_content{padding:30px;}
.memorias .infolist li{margin:15px 40px;text-align:justify;font-size:0.875em;}
.memorias .infolist li{margin:10px 40px;text-align:justify;font-size:0.875em;}
.memorias .uroman {list-style-type:upper-roman;}
.memorias .lalpha {list-style-type:lower-alpha;}*/

.gray{color:#666;}
.lightgray{color:#aaa;}
.right{text-align:right !important;}
.negritas{font:small-caps bold 110% helvetica, arial;}
.rojo{color:#ff0000;}
.ok {height:25px;font-size:10px;}

/***
 *** Styles for tabs
 ***/
ul.tabs{margin:20px auto 0px 50px;padding:0;float:left;list-style:none;height:25px;border-bottom:1px solid #999;border-left:1px solid #999;width:90%;}
ul.tabs li{float:left;margin:0;padding:0;height:24px;line-height:24px;border:1px solid #999;border-left:none;margin-bottom:-1px;overflow:hidden;position:relative;background:#ccc;}
ul.tabs li a{text-decoration:none;color:#000;display:block;font-size:1.2em;padding:0 15px;border:1px solid #fff;outline:none;}
ul.tabs li a:hover{background:#ccc;}
html ul.tabs li.active, html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff;}
.tab_container{border:1px solid #999;border-top:none;overflow:hidden;clear:both;float:left;width:90%;background:#fff;margin:0px auto 30px 50px;}
.tab_content{padding:20px;font-size:1.2em;}


/* 
border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;
box-shadow:#666 2px 2px 5px;-moz-box-shadow:#666 2px 2px 5px;-webkit-box-shadow:#666 2px 2px 5px;
background:linear-gradient(#EEFF99,#66EE33);background:-moz-linear-gradient(#EEFF99,#66EE33);background:-webkit-linear-gradient(#EEFF99,#66EE33);background:-ms-linear-gradient(#EEFF99,#66EE33);background:-o-linear-gradient(#EEFF99,#66EE33);background:-webkit-gradient(linear,0 0,0 bottom,from(#EEFF99),to(#66EE33));-pie-background:linear-gradient(#EEFF99,#66EE33);
*/
 
/**********************************************************************************************************
 ********************************* INCORPRACION DE ARCHIVO MICROSITE.CSS **********************************
 *********************************************************************************************************/
#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.8em arial;-moz-border-radius:25px 5px;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;}
div.error{border:1px dotted #f00; font:bold 1em/1.1em arial; color:#d00; text-align:left; padding:5px; margin:5px 10px;}
div.error div{font:1em/1.2em arial; margin:0px 0px 0px 10px;}
/*Tablas*/
.ficha1{margin:3px auto;text-align:center;color:#333;font-size:1em;}
.ficha1 th{background:#fee;font-weight:normal;text-align:right;padding:5px;}
.alumno th{background:#968AB2;font-weight:normal;text-align:right;padding:5px;color:#fff;}
.inscrip_profesor{text-align:right;margin-left:180px;padding:10px;border:1px solid #ccc;}
.inscrip_alumno{text-align:right;margin-left:180px;padding:10px;border:1px solid #ccc;}
.inscrip_profesor a{font-weight:bold;}
.inscrip_alumno a{font-weight:bold;color:#A54BFF;}
.inscrip_alumno a:hover{color:red;}
.ficha1 input, .ficha1 select, .ficha1 textarea{font:bold italic 0.9em verdana;color:#333;border:1px inset #ccc;}
.ficha1 input:hover, .ficha1 select:hover, .ficha1 textarea:hover{font:bold italic 0.9em verdana;color:#333;border:1px inset #ccc;background-color:#ffa;}
.ficha1 input[type=checkbox]{color:#333;}
table.comprobante{padding:10px;color:#555;font-size:1em;margin:auto;width:80%;}
.form0{margin:5px auto;text-align:center;color:#555;font-size:1.1em;}
.form0 input,.form0 select{font:bold italic 0.8em verdana;color:#333;}
.form0 textarea{font:italic 0.8em verdana;color:#000;}
.listado{width:95%;margin:auto;border-collapse:collapse;font-size:1em;}
.listado th{border:2px solid #ceb;color:#fff;background:#0E6B37;}
.listado td{border:2px solid #0E6B37;}
.tenue th{border:1px solid #bbb;background:#ccc;}
.tenue td{border:1px solid #bbb;}
.listvert{width:95%;margin:auto;font-size:1em;color:#333;}
.listvert th{background:#ceb;font-weight:normal;padding:5px;min-width:200px;}
.listvert td{border:2px solid #ceb;}
.bkcolor{background:#ceb;}
ul.info {margin:25px 0px;}
ul.info li{text-align:left;color:#0E6B37;font:small-caps bold 1em verdana,helvetica,arial;margin:15px 0px;}
ul.dot1 li{text-align:justify;color:#052;font:1.2em verdana,arial;padding-left:55px;min-height:55px;margin:20px 50px;list-style:none;background:url('../img/dot1.png') no-repeat;}
a.pdf{padding:5px 5px 5px 50px;margin:30px;background:url('../img/pdfIcon.gif') no-repeat;}
/*li{text-align:justify;font:1em verdana,helvetica,arial;margin:0px 0.8em;}*/
.bloque {border:1px dashed #006;text-align:center;color:#000;font:small-caps bold 1.1em arial;padding:4px 0px;margin:25px;}
.nota {font:0.9em verdana,helvetica,arial;text-align:justify;}
/*CLASES GENERALES*/
.hrright{width:60%;margin:10px 0px 0px auto;}
.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;}
.justify {text-align:justify;margin-left:5px;margin-right:5px;}
.subt1{font:bold small-caps 1em verdana;letter-spacing:-0.5;padding:2px 5px;}
.subt2{font:bold small-caps 0.9em verdana;padding:2px 5px;color:#333;}
.blue{color:#0E6B37;background-color:#fee;}
.red{color:#f00;}
.arrow{padding:4px 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;}
.registro{margin:auto;}
.registro th{text-align:right;font:normal 0.9em verdana;}
.registro td{font:normal 1em verdana;border:0px !important;padding:4px 0px !important;text-align:right !important;}
.volverinicio{display:none;}
/*ESPECIALES*/
@-webkit-keyframes blinker{ from{opacity:1;left:0px;top:0px;} 25%{opacity:.8;left:5px;top:5px;} 50%{opacity:.6;left:0px;top:10px;} 75%{opacity:.8;left:-5px;top:5px;} to{opacity:1;left:0px;top:0px;} }
@keyframes blinker{ from{opacity:1;left:0px;top:0px;} 25%{opacity:.8;left:5px;top:5px;} 50%{opacity:.6;left:0px;top:10px;} 75%{opacity:.8;left:-5px;top:5px;} to{opacity:1;left:0px;top:0px;} }
.blink {position:relative; text-decoration:blink; -webkit-animation-name:blinker; animation-name:blinker; -webkit-animation-iteration-count:2; animation-iteration-count:2; -webkit-animation-timing-function:cubic-bezier(1,0,0,1); animation-timing-function:cubic-bezier(1,0,0,1); -webkit-animation-duration:.5s; animation-duration:.5s;}
@-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-name:anim1;animation-name:anim1;-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);animation-timing-function:cubic-bezier(1,0,0,1);-webkit-animation-duration:.4s;animation-duration:.4s;}
@-webkit-keyframes anim2{ from{left:-20px;} 50%{left:80px;} to{left:0px;} }
@keyframes anim2{ from{left:-20px;} 50%{left:80px;} to{left:0px;}  }
.animation2 {position:relative;-webkit-animation:anim2 1.2s ease-in 1s 1;animation:anim2 1.2s ease-in 1s 1;}

@media print {
 .main{width:100%;} 
 .content{width:100%;padding-bottom:30px;} 
 .toprint{display:none;}
}