body{font-size:1em;background:#fff;margin:0px;padding:5px;text-align:center;}
#contenedor{width:100%;margin:0 auto;text-align:center;}
#principal{margin:0px auto;padding:2px 10px;background:#fff;}
div.error{background:url("https://www.eventos.cch.unam.mx/ssaa/estrategiasdigitales/img/erroricon20.jpg") 0% 50% no-repeat;border:2px dotted #f00;font:bold 1em/1.1em arial;color:#d00;text-align:left;padding:10px 22px;margin:10px;}
div.error div{font:1em/1.3em arial;padding-left:15px;}
div.success{background:url("https://www.eventos.cch.unam.mx/ssaa/estrategiasdigitales/img/bullet_checked32.gif") 0% 50% no-repeat;border:2px dotted #0c0;font:bold 1em/1.1em arial;color:#0a0;text-align:left;padding:10px 40px;margin:10px;}
hr.green{width:95%;height:3px;border:None;background:#D4E5F5;margin:0px auto 10px auto;}
ul.infolist li{margin:15px 40px;text-align:justify;}
button{text-align:center;}
button p{font:small-caps bold 1em helvetica,arial;margin:5px;color:#132B75;text-align:center;}
button:hover{cursor:pointer;}
h1{font:bold 1.3em helvetica,arial;color:#7f1184;text-align:center;font-family:arial;color:#ff6600;}
h2{font:bold 1.1em helvetica,arial;text-align:center;color:#666;margin:10px;}
h3{font:bold 1em helvetica,arial;color:#666;text-align:center;margin:0px;}
h4{font:bold 1em helvetica,arial;text-align:center;margin:0px 10px;}
h5{font:0.8em verdana;text-align:center;margin:5px;}
a{text-Decoration:None;}
p{margin:15px 30px;text-align:justify;}
.buttons{text-align:center;margin:20px;}
.buttons input{background-color:#56c;color:#fff;border:2px outset #00f;margin:0px 2px;padding:5px;}
.buttons input:hover{color:#ff0;background-color:#128;cursor:pointer;}
.buttons input:disabled{background-color:#ddd;color:#888;border-color:#000;cursor:default;}
p.instruccion{background:url("https://www.eventos.cch.unam.mx/ssaa/estrategiasdigitales/img/FlechaIcon20.jpg")no-repeat;font:italic 1em helvetica,arial;margin:0px 25px;padding-left:25px;}
p.aviso{background:url("https://www.eventos.cch.unam.mx/ssaa/estrategiasdigitales/img/AvisoIcon20.jpg")no-repeat;font:italic 1em helvetica,arial;min-height:20px;margin:15px 20px;padding:2px 25px;}
p.negritas{font:bold 0.9em verdana;text-align:center;margin:25px;}
p.destacado{font:bold 1em helvetica,arial;margin:15px 25px;color:#132B75;text-align:center;}
table.gray{border-collapse:collapse;border:2px solid #ccc;margin:auto;font:13px arial;}
table.gray th{background:#ccc;border:1px solid #ddd;font-weight:bold;padding:4px;}
table.gray tr.head td{text-align:center;font:bold 0.8em arial;}
table.gray td{padding:4px;border:1px solid #ccc}
table.vertical th{text-align:right;width:25%;padding:2px 10px;}
table.vertical td{text-align:left;padding:2px 10px;}
table.contenedor{margin:10px auto;text-align:center;font:1em helvetica,arial;}
table.green{width:95%;margin:0px auto;}
table.green .negritas{font-Variant:Small-Caps;font-Weight:bold;font-Size:0.9em;}
table.green caption{text-align:Left;margin:10px 0px 0px;font-Weight:bold;font-Size:0.9em;}
table.green th{font-Weight:bold;font-Size:0.9em;text-align:center;background:#D4E5F5;color:#676a16;padding:4px;}
table.green td{font-Family:helvetica,arial;border:2px solid #D4E5F5;text-align:center;padding:5px;}
table.green table{margin:20px Auto 0px;}
table.green table td{border:None;text-align:Right;font-Size:0.8em;}
table.trabajo{background:#EEE;width:95%;margin:10px auto;padding:5px;font:bold 0.9em helvetica,arial;color:#132B75;}
.negritas{font:Small-Caps bold 110% helvetica,arial;}
table.situacion{width:90%;margin:auto;font-Size:1em;}
table.situacion table{font-Size:1em;width:100%;}
fieldset{border:2px solid #D4E5F5;margin:5px auto;}
fieldset legend{color:#7A8BCC;font:italic bold 1em helvetica, arial;}
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:#132B75;text-align:Left;margin:10px 0px 0px;}
table.bluetable td{border:1px solid #132B75;padding:5px;font-Size:1.1em;}
#title{text-align:center;height:60px;width:95%;margin:0px auto;padding:10px;}
#logoizq{float:Left;}
#logoder{float:Right;}
div.query_string{border:2px solid #ccc;background:#ddd;text-align:left;}
.form0{margin:auto;color:#555;}
.form0 td{text-align:left;padding:2px 10px;}
.form0 input,.form0 select{font:bold italic 0.9em verdana;color:#333;width:100%;}
.form0 textarea{font:italic 0.9em verdana;color:#000;}
.bkcolor{background:#D4E5F5;font:0.8em helvetica,arial,Sans-Serif;}
.center{text-align:center;}
.left{text-align:left;}
.flotante{display:inline;font-size:0.9em;margin:10px;width:270px;}
/* Pie */
p.pie{border-top:3px solid #eee;margin:2em auto 0em;font:0.9em sans-serif,arial;color:#666;text-align:center;}
p.pie a{font-weight:bold;color:#666;text-decoration:none;}
td.right{padding:5px 0px;text-align:right;font:0.9em helvetica,arial,Sans-Serif;}
#selecter{font:italic 1em arial;color:#666;}
#selecter2{font:bold 1em arial;color:#000;}
.show{text-align:left;display:block;}
.noshow{text-align:left;display:none;}
#change{width:16px;height:16px;background:url("https://www.eventos.cch.unam.mx/ssaa/estrategiasdigitales/img/iconChange.gif") no-repeat;float:right;cursor:pointer;}
.listeval{font-size:1em;margin:auto;width:940px;border-collapse:collapse}
.listeval th{text-align:center;font-size:0.9em;border:1px solid gray;}
.listeval td{text-align:center;margin:auto;border:1px solid gray;border-top:0px;}
.listado{width:95%;margin:auto;border-Collapse:Collapse;}
.listado th{border:2px solid #D4E5F5;color:#7A8BCC;}
.listado td{border:2px solid #D4E5F5;font-size:0.8em;}