html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font-family: 'Open Sans', sans-serif;
  font-size:12pt;
  color:#8f8f8f;
}

#miniheader {height:40px; background:#FFFFF;}

#header {height:50px; background:#FF8400;}
#header .logo {margin-top:10px; width:286px; height:31px;}
#header .consultafolio {float:right; margin-top:20px;}
#header .labelconsulta {color:#9f9f9f;}
#header .textfolio {width:150px; border-top:none; border-right:none; border-bottom: 1px solid #9f9f9f; border-left:none;  color:#9f9f9f}
#header .consulta {background:url(../images/consultar.png) top left no-repeat; width:22px; height:22px; cursor: pointer; border-top:none; border-right:none; border-bottom: 1px solid #9f9f9f; border-left:none; position:relative; left:-4px;  color:#9f9f9f}

#menu {height:42px; background:#ededed; border-bottom:1px solid #a0a0a0;}
#menu .titulo_opciones {float:right; margin-top:12px; margin-right:10px; color:#bebebe;}
#menu .opciones {float:right;}
#menu .opciones li {float:left;}
#menu .opciones li a {display:block; text-decoration:none; color:#6d6d6d; background:#dbdbdb; padding:15px; border-left:1px solid #a0a0a0; font-size:9pt;}
#menu .opciones li a:hover {background:#d1d1d1;}

/* #footer {height:180px; background:#425057;} */
#footer {height:230px; background:#FF8400;}
#footer img {margin-top:50px;}
#footer p {color:#ffffff; margin-top:70px;}
#footer p a {text-decoration:none; color:#39cc85;}
#footer p a:hover {text-decoration:underline;}
#footer span {color:#ffffff;}
#footer .terminos {background:url(../images/terminosycondiciones2.png) 0 -3px no-repeat; padding-left:30px; padding-bottom:3px; color:#FF8400; }
#footer .telefono {background:url(../images/contacto-telefono.png) 0 -3px no-repeat; padding-left:30px; padding-bottom:3px;}

#content {display:flex; background:#ededed; padding-top:20px; padding-bottom:40px;}
#content h1 {font-size:22pt; color:#747474; margin-bottom:10px; margin-top:20px;}
#content h2 {font-size:22pt; color:#b2b2b2; margin-bottom:10px; margin-top:20px;}
#content p {margin-bottom:10px; line-height:16pt;}
#content img {margin-bottom:10px;}
#content li {background: url(../images/bullet.png) 0 5px no-repeat; padding-left:20px; margin-bottom:10px;}
#content a {text-decoration:none; color:#39cc85;}
#content a:hover {text-decoration:underline;}
#content li a {color:#8f8f8f;}
#content strong {color:#4f4f4f; font-weight:bold;}

/* Portada */
#content .acercade h1 {margin-top:80px;}
#content .acercade img {display:block; margin-left:auto; margin-right:auto; margin-top: 80px; margin-bottom: 80px;}
#content .acercade p {font-size:15pt;}
#content .tramites h2 {margin-top:80px;}
#content .tramites ul {background:#e2e2e2; padding-left:20px; padding-top:10px; padding-bottom:10px; margin-bottom: 80px;}
#content .tramites li a {font-size:14pt;}

/* Aquí agregar el código CSS3 para las demás páginas por favor */