Lorem ipsum dolor sit amet
En caso que hubiera dos tipos de pestañas, se denominarian: pesf2, pesf3,...
asi correlativamente
*/
.pesf2 { display:none;}
/*ESTILOS PARA CAJAS*/
.caj-entrad {margin-top:1em;}
.caj-form{ padding:0.3em; border:0.083em solid #99936F; margin-left:24.5em; background:#FDFDFB; font-size:0.75em; line-height:1.2em;}
/* caja de error*/
.caj-error{width:98%;background:#EFEEE5 url(ico_error.gif) 0.3em 0.5em no-repeat;border-bottom:0.083em solid #54502F;font-size:1.2em; color: #54502F;padding:0.5em 0.5em;font-weight:bold; margin-bottom:0.5em; }
.caj-error span {padding-left:1.3em;}
.caj-exito {width:98%;background:#EFEEE5 url(ico_exito.gif) 0.3em 0.5em no-repeat;border-bottom:0.083em solid #54502F;font-size:1.2em; color: #54502F;padding:0.5em 0.5em 0.5em 0.5em;font-weight:bold; margin-bottom:0.5em;}
.caj-exito span {padding-left:1.3em;}
/* caja de la cabecera*/
.caj-cab{float:left;width:13em;}
.caj-pestana{display:none;}
/*caja para imagenes*/
.caj-img{float:left;padding-right:0.5em;}
/*caja datos formulario*/
.caj-dtsfrm {padding:0.3em;border:0.083em solid #99936F;margin-left:20.5em;background:#FDFDFB;font-size:0.75em;line-height:1.2em;}
/* ESTILO PARA LA PAGINACION */
.pag {display:none; }
/* Formulario general */
.form {margin-top:1.2em;}
.form fieldset {}
.form fieldset legend { text-indent:-10000em; margin:-10em; }
.form fieldset label { clear:both; margin-top:0.8em; float:left; width:15em; margin-right:0.5em; font-size:100%; font-weight:bold; text-align:left;}
.form fieldset em { clear:both; margin-top:0.8em; float:left; width:13em; margin-right:0.5em; font-size:0.75em; font-weight:bold; text-align:right; font-style:normal;}
.form fieldset .lbl { font-size:0.75em; }
.form fieldset .lbl-rad { clear:none; margin-top:0.8em; float:left; width:72%; padding:0em 0.5em; font-size:0.75em; text-align:left; font-weight:normal;}
.form fieldset .lbl-chx { clear:none; margin-top:0.8em; float:left; width:auto; padding:0em 0.5em; text-align:left; font-weight:normal;}
.form fieldset .cps { margin-top:0.3em; }
.form fieldset .rad { float:left; margin-top:0.8em; border:none; vertical-align:middle;}
.form fieldset .chx { float:left; margin-top:0.8em; border:none; vertical-align:middle;}
.form fieldset .tex { margin-top:0.8em; height:6em; border:0.0625em solid #878787; }
.form fieldset .sel { margin-top:0.8em; margin-right:0.8em; }
.form fieldset .sel2 { margin-top:0.8em; margin-right:0.8em; width:35%; }
.form fieldset .cps-err { margin-top:0.8em; background:#eee;}/*campo texto*/
.form fieldset .tex-err { margin-top:0.8em; height:6em; border:0.0625em solid #878787; background:#eee;}/*campo textarea*/
.form fieldset .rad-err, .form fieldset .chx-err { float:left; margin-top:0.8em; border:0.0625em solid #ff0000; vertical-align:middle;}/*campo radio y check*/
.form fieldset .sel-err { margin-top:0.8em; background:#eee;}/*campo select*/
.form sup { vertical-align:top; padding-left:0.1em; color:#FFA200; }
.form small { display:block; margin:0em 0em 0em 11.6em; color:#515151; font-size:70%; }
.form small.msn-err { color:#FF0000;}
.form .dist-btn { clear:both; padding:1em 0em 0em 8em;}
.form .dist-btn2 { clear:both; padding:1em 0em 0em 14.1em;}
.form .caj-brd { width:95%; padding-top:0.5em;}
#form-opc .lst li span { font-size:0.75em; color:#000;}
.form fieldset .enl-mas { float:left; margin-top:0.8em;}
.form button { vertical-align:bottom; border:0; font-size:0.8em; background:transparent; padding:0em;}
.form fieldset h3{font-size:0.875em;}
.form fieldset .sem{font-size:75%;}
.form fieldset .btn-form{display:none;}
.form small.f1 {margin:0 0 0 13.2em;font-size:75%;}
.form sup {color:#5C5835;}
/* ESTILOS PARA TEXTO */
.txt-des { color:#5B4413; font-size:1.1em; font-weight:bold; } /* Estilo para el texto destacado en general */
.tit {font-family:"Times New Roman", Arial, Verdana;font-size:2em; color:#54502F; font-weight:normal; padding-bottom:0.2em;} /* Estilo para titulo */
.sub { } /* Estilo para la subtitulo */
.ent {padding-left:0em;font-weight:bold;} /* Estilo para la entradilla */
.ent-f1 { } /* Esilo para la entradilla con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */
.des { font-size:1.13em; font-weight:bold; color:#5B4413; font-family:Arial, Verdana; } /* Estilo para destacado */
.des2 { font-size:1.45em; font-weight:bold; color:#5B4413;}
.barra {background: url(barra.gif) 5em 0.25em no-repeat; margin:0 0.3em 0 0;}
.not {font-size:0.75em;}
/* ESTILOS PARA MARGENES */
.marg1 {margin-left:0.15em;}
/* ESTILOS PARA EL CUERPO */
.cpo { text-align:left; margin-right:0.4em; margin-top:0.15em;} /*Estilos para el cuerpo 1*/
.cpo p{ padding:0.5em 0;color:#FFFDEC;}
.cpo h2{font-size:2em;margin-top:0.3em;}
.cpo h3{background:none;color:#FFF; font-size:1.09em; font-weight:bold; padding-bottom:0.5em;}
.cpo h4{font-size:0.5em;}
.cpo a {padding-left:1.2em;color:#FAF9F4; text-decoration:underline;font-weight:bold;background:url(lupa2.gif) 0 0.1em no-repeat;}
.cpo strong{color:#FFCC00; font-weight:bold;}
.cpo ul {}
.cpo ul li {font-weight:bold; color:#FFFDEC; background:url(flechas_ul.gif) 0 0.55em no-repeat; padding-left:0.8em;}
.cpo ul li a {}
.cpo ol {margin-left:1.3em;}
.cpo ol li {font-weight:normal; color:#FFFDEC; padding-left:0.8em; background:none;}
.cpo ol li a {}
li.par {/*display:block;*/width:20em;float:right;color:#FFFDEC;}
li.impar{/*display:block;*/width:15em;float:left;color:#FFFDEC;}
.cpo2 {clear:both; text-align:left; margin-top:0.8em; } /*Estilos para el cuerpo 2*/
.cpo2 h3 {font-size:1.4em; color:#5B4413; font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; border-bottom:0.083em solid #FFFDEC; margin:0.5em 0;}
.cpo2 h4 {font-size:1.2em; color:#FBCF63;}
.cpo2 strong { }
.cpo2 .imagenes a {display:none;}
.cpo2 ul { }
.cpo2 ul li { background:url(guion.gif) 0 0.6em no-repeat; padding-left:0.8em; }
.cpo2 ol { }
.cpo2 li { }
.cpo2 p { margin:0em 0.5em 0.5em 0em; color:#FFFDEC; }
.cpo2 span p { color:#FFFDEC; }
.cpo3 {clear:both; text-align:left; margin-top:0.8em; } /*Estilos para el cuerpo 3*/
.cpo3 h3 {font-size:1.4em; color:#5B4413; font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; border-bottom:0.083em solid #FFFDEC; margin:0.5em 0;}
.cpo3 h4 {font-size:1.2em; color:#FBCF63;}
.cpo3 strong { }
.cpo3 .imagenes a {display:none;}
.cpo3 ul {}
.cpo3 li {list-style:inside;/*background:url(guion2.gif) 0 0.7em no-repeat;*/ list-style-image: url(guion2.gif); }
.cpo3 ol { }
.cpo3 p { margin-bottom:0.5em; }
.cpo4 {clear:both;text-align:left; margin-top:0.8em; }
.cpo4 h3 {font-size:1.4em; color:#5B4413;font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; border-bottom:0.083em solid #FFFDEC; margin:0.5em 0;}
.cpo4 h4 {font-size:1.2em; color:#FBCF63;}
.cpo4 strong { }
.cpo4 .imagenes a {display:none;}
.cpo4 ul { }
.cpo4 li {list-style:inside;/*background:url(guion2.gif) 0 0.7em no-repeat;*/ list-style-image: url(guion2.gif); }
.cpo4 ol { }
.cpo4 li { }
.cpo4 p { margin-bottom:0.5em; }
.cpo5 {clear:both; text-align:left; margin-top:0.8em; } /*Estilos para el cuerpo 3*/
.cpo5 h3 {font-size:1.4em; color:#5B4413; font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; border-bottom:0.083em solid #FFFDEC; margin:0.5em 0;}
.cpo5 h4 {font-size:1.2em; color:#FBCF63;}
.cpo5 strong { }
.cpo5 .imagenes a {display:none;}
.cpo5 ul {}
.cpo5 li {background:transparent url(guion2.gif) 0em 0.9em no-repeat; padding-left:1.2em;}
.cpo5 li.impar, .cpo5 li.par {background:transparent url(guion3.gif) 0em 0.9em no-repeat;}
.cpo5 li.impar {width:18.1em;}
.cpo5 li.par {width:18.12em;}
.cpo5 ol { }
.cpo5 p { margin-bottom:0.5em; }
.adr {color:#FFFDEC;}
.adr p {display:inline;}
/*ESTILOS PARA ANCHOS*/
.an1{width:30%;}
.an2{width:15%;}
.an4{width:19.8%;}
.an3{width:32.5%;}
.an5 {width:10%;}
.an10{width:13em;}
/* ESTILOS PARA IMAGENES */
img { }
a.img { }
a.img:hover { }
.img-sm { } /* Estilo para imagenes sin marcos */
.img-cm { } /* Estilo para imagenes con marcos */
.img-dch { float: right; } /* Estilos para imagenes que flotan a la derecha */
.img-dch-padd { }
.img-izq { float: left; } /* Estilos para imagenes que flotan a la izquierda */
.img-izq-padd { }
/* ESTILOS PARA ENLACES */
a {color:#5B4413; } /* Enlaces en general */
a:hover { }
a.des{color:#FFCC00; font-size:1.18em; background:url(flechas.gif) 0 0.25em no-repeat; text-decoration:underline; padding-left:0.8em;}
a.des:hover{text-decoration:none; }
a.enl {color:#5B4413; padding-left:0em; text-decoration:underline;}/* Estilo para enlace */
a.enl-mail {color:#5B4413; background:url(bullet3.gif) 0 0.5em no-repeat; padding-left:0em; text-decoration:underline;}/* Estilo para enlace */
a.enl:hover { text-decoration:none; }
a.boton {background: url(boton.gif) 0 0 no-repeat; height:2.9em; color:#FFFFFF; font-weight:bold; font-size:1.3em; display:block; text-decoration:none; text-align:center; padding:0.2em 1.4em 0 0;}
a.boton:hover {background: url(boton.gif) 0 -3.2em no-repeat; height:2.9em; color:#FFFFFF; font-weight:bold; font-size:1.3em; display:block; text-decoration:none; text-align:center; padding:0.2em 1.4em 0 0;}
/* ESTILOS PARA LA LINEAS */
.lin-f1 { background:url(linea.jpg) top left repeat-x; vertical-align:middle;}
.lin-f2 { background:url(linea_pts.gif) 0 0.8em repeat-x; width:100%;}
.lin-hr {display: block; height:0.083em; border: 0 solid #FFF; border-bottom: 0.083em solid #FFF;}
/* ESTILOS PARA FLOTAR Y ALINEAR */
.flo-img { float: left;}
.flo-izq { float: left; }
.flo-dch { float: right; }
.ali-izq { text-align: left; }
.ali-dch { text-align: right; }
.ali-cen { text-align: center; }
.ali-top { vertical-align: top; }
.ali-btt { vertical-align: bottom; }
.ali-med { vertical-align: middle; }
/* ESTILOS PARA ESPACIOS Y DIMENSIONES */
.padd { }
.padd-top { padding: 0.83em 0 0 0; }
.padd-btt { padding: 0 0 0.83em 0; }
.padd-izq { padding: 0 0.83em 0 0; }
.padd-dch { padding: 0 0 0 0.83em; }
.marg-top { margin: 1.3em 0em 0em 0em;}
.marg1 {margin-bottom:0.8em;}
/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.brr { clear: both; }
.sinb {border:none;}
.ocu { display:none; }
.ocultar {display:none;}
.con:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.con { display : inline-block; }
* html .con { height : 1%; }
.con { display : block; }