html,body{ background-image:url(./images/imgFondo02.gif); background-repeat:repeat-x; background-position:top left; margin:0; padding:0; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.83em}
#todo{position:absolute;text-align:left; background-image: url(./images/imgFondo.gif); background-repeat:no-repeat; background-position:top left; width:auto; margin:0; padding:0}
	html>body #todo{margin:0; padding:0}
	
/*
h1{font-size:1.2em; font-family:"Times New Roman", Times, serif; float:right; color:#fff; margin:1.8em 2em 0 0; padding:0}
	html>body h1{font-size:1.2em; margin:1.8em 4em 0 0; padding:0 0 0.8em 0}	
h2{font-size:1em; color:#00365f; margin:0; padding:0}/* text-transform:uppercase}*/

/*Clases estilos de componentes*/
.inputBoton{ height:17px; background:none; border:0px; background-image:url(images/fondoBoton.jpg); background-repeat:repeat-x; color:#fff; font-family:Verdana; font-size:10px}
.inputDominios{ height:16px; width:16px; background:none; border:0px; background-image:url(images/icoMundo.png); background-repeat:repeat-x; color:#fff; font-family:Verdana; font-size:10px; text-decoration:underline; cursor:pointer; margin-left:20px;}
.inputBotonDisabled{ height:17px; background:none; border:0px; background-image:url(images/fondoBotonDisabled.jpg); background-repeat:repeat-x; color:#fff; font-family:Verdana; font-size:10px}
.inputCaja{border:1px solid #7F9DB9; background-color:#F5F4EA; height:11px; width:100px; font-family: Verdana; font-size:10px; padding:2px; margin:0 3px 0 3px}
.inputSelect{border:1px solid #FFDDBA; background-color:#F5F4EA; font-family: Verdana; font-size:10px; padding:2px; margin:0 3px 0 3px} 
.titularComun{font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0e538c; margin: 1.2em 0.3em 1em 0.3em; padding:0; text-transform:uppercase; float:none;text-decoration:underline;}

/*Estilos cabecera ····························································· */
#cabecera{ background-image:url(./images/logo.gif); background-position:right top; background-repeat:no-repeat; /*height:6.8em*/}
	/*html>body #cabecera{ height:5.8em}/*Navegadores modernos*/
	/*html:first-child #cabecera{ height:6.7em}/*Solo Opera*/

#cabecera div{ margin:0; padding:7.8em 0 0 4%;} 
 	html>body #cabecera div{ padding:6.5em 0 0 4%; }/*Navegadores modernos*/
	html:first-child #cabecera div{ padding:7.5em 0 0 4%}/*Solo Opera*/

#cabecera ul{ list-style-type:none; margin:0; padding:0 4% 1% 0; width:auto; border-bottom:1px solid #000000; border-left:1px solid #000000}
#cabecera ul img{ border:0; margin:0 0.3em 0 0.3em;}
#cabecera ul li table /*td tr*/{ border:0; padding:0; margin:1em 3em 0 0; display:inline}
#cabecera ul li table input{ margin:0 0.3em 0 0.3em}
/*#cabecera .inputCaja{border:1px solid #FFDDBA; margin:0 3px 0 3px; background-color:#F5F4EA; height:11px; width:100px; font-family: Verdana; font-size:10px; padding:2px}*/

#cabecera li{ display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.90em; margin:0 0 0 0;padding:0 5em 0 0}
	html>body #cabecera li{ margin:0 5em 0 0; padding:0 0 2em 0; font-size:0.80em;}/*Navegadores modernos*/

#cabecera ul li div{ padding:0px; display:inline}

#cabecera li a{ color:#8e084f}
#cabecera li a:hover{ color:#8e084f; text-decoration:none}

#cabecera ul.migas{ list-style-type: none; margin:0px; padding:0px; color:#98074c; border:0px; font-size:0.90em}
	html>body #cabecera ul.migas{font-size:1.0em}
#cabecera ul.migas li{ display:inline; margin:0; padding:0}
#cabecera ul.migas li a{ color:#98074c; text-decoration:none}
#cabecera ul.migas li a:hover{ color:#98074c; text-decoration: underline}


/*Estilos Contenido de desarollo ·····························································*/
#content{ width:100%; margin:1em 0 0 0; padding:0}
#content .izq{ width:75%; background-image:url(./images/imgEsqSupIzq.gif); background-position:top left; background-repeat:no-repeat; float:left; margin: 0 0 0 2%}
	html>body #content .izq{ margin:0 0 0 4%}

#content .a{background-image:url(./images/imgEsqSupDer.gif); background-position:top right; background-repeat:no-repeat}
#content .b{background-image:url(./images/imgEsqAbaIzq.gif); background-position: bottom left; background-repeat:no-repeat}
#content .c{background-image:url(./images/imgEsqAbaDer.gif); background-position: bottom right; background-repeat:no-repeat}
#content .d{ margin:0}
#content .e{ margin:0px 7px 0px 7px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8}


/*Estilos Principales ·····························································*/
#content .home {margin:5px -7px 5px -7px; padding:10px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8}


/*Diseño para titulares*/
/*CG.20080222*/
#content .home h1{font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0e538c; margin: 1.2em 0.3em 1em 0.3em; padding:0; text-transform:uppercase; float:none}
#content .home h2{font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#880101; margin: 0.5em 0 0.8em; padding:0 0 0.7em 0; font-style:italic; border-bottom:2px solid #0e538c; float:none}
#content .home h3{font-size:1em; color:#003c6f; margin:1.2em 0.3em 1em 0.3em; padding:0; text-transform:uppercase; float:none}
#content .home em{font-weight:lighter; color:#790101}
#content .home strong{color:#700000}
#content .home a{color:#336598}
#content .home a:hover{color:#fbfcfc; text-decoration:none; background-color:#19678f}
#content .home p{color:#000; padding:0; margin:0.5em 0.3em 0.5em 0.3em; line-height:1.4em}
#content .home ul{list-style-type:disc; list-style-position:inside; color:#000; margin:0.5em 0.3em 0.5em 0.3em; line-height:1.4em}
#content .home li{color:#000; margin:0.5em 0.3em 0.5em 0.3em; line-height:1.4em}
#content .home img{text-decoration:none; border:0}

#content .home div{font-size:11px; display: block}

/*CG.20080312. Texto que debe aparecer como aviso con fondo en párrafos*/
#content .home .pspan{color:#880101;background-image:url(./images/imgFondoSpan.gif);background-position: left top;padding:0.5em 0.2em 0.5em 0.2em;background-repeat: repeat}

/*CG.20080526. Texto que sale en aviso de error o falta de contenidos*/
#content .home .perror{color:#880101;background-image:url(./images/imgFondoSpan.gif);background-position: left top;padding:0.5em 0.5em 0.5em 0.5em;background-repeat: repeat; font-weight:bold; text-align:center; border:1px solid #850909}

/*CG.20080314. Texto tipo respuesta como en Deno_Certif.aspx 
REFERENCIA: 080314102142083920 */
#content .home .texta{color:#0d639f;padding:0.2em; font-weight:100}

/*CG.20080526. Texto idem a texta para labels que simulan un link*/
#content .home .textUnderline{color:#0d639f;padding:0.2em; font-weight:100; text-decoration:underline; cursor:pointer}


/*CG.20080314. Texto de aviso de validaciones de formularios*/
#content .home .aviso{color:#e26052; padding:0.2em; font-weight:bolder}


/*Diseño para las tablas*/
/*Roberto Gómez. 20080313*/
#content .home table{width:100%}
#content .home table .titulares{font-weight:bold; background-image:url(./images/imgFondoTh.gif); background-repeat:repeat-x; color:#a23143; padding:0 0.5em 0 0.5em; text-align:left}
#content .home table td{padding:0.5em}
#content .home table .titulares td{padding:0 0.5em 0 0.5em}
#content .home table tr td{ border-Bottom:1px solid #ffddba; padding:0.5em; display:table-cell}
#content .home table tr td a{color:#336598}
#content .home table tr td a:hover{color:#fbfcfc; text-decoration:none; background-color:#19678f}
#content .home table .invisible{border:0; padding:0.5em}

/*CG.20080312*/
/*Tabla que tiene borde para secciones formularios*/
#content .home .tableSeccion{width:100%; border:1px solid #f4ebe2}
#content .home .tableSeccion tr td{border-Bottom:1px solid #ffddba; padding:3px; margin:5px; display:table-cell}
#content .home .tableSeccion .invisible{border:0; padding:0.5em}

/*CG.20080312*/
/*Tabla invisible*/
#content .home .tableNone{width:100%; border:0}
#content .home .tableNone tr td{border:0; padding:0.5em; display:table-cell}

/*CG.20080520*/
/*Estilos para secciones que tienen texto e imagen y se desfiguran en Firefox
#membrete_gral {width:100%; margin:0px}
#membrete_text {width:80%; float:left}
#membrete_img  {width:140px; float:right}
*/


/* Estilos derecha ·····························································*/
/* #content .der{ width: 20%; float: right;}
/* #content .der ul{ margin:0 0 1em 0; padding:0; color:#a0a0a0; width:95%}
/* #content .der ul li{ border:1px solid #a0a0a0; background-image:none; margin:0.2em 0 0.2em 0; padding:0.2em 0.2em 0.2em 1em; list-style-type:none; background-image:url(./images/icoPunto.gif); background-repeat:no-repeat; background-position:left 0.5em}
/* #content .der ul li.titular{ background-image:url(./images/imgFondoTh.gif); background-repeat:repeat-x; color:#a23143; border:0; font-weight:700; background-position:top}
/* #content .der p{color:#cda87e; font-weight:700}

/*Estilos derecha ·····························································*/
#content .der{ width: 20%; float: right;}
#content .der .tipo1 { margin:0.5em 0 0.5em 0; padding:0.2em; background-image:url(images/imgFondoTh.gif); background-repeat:repeat-x; color:#a23143; border:0; font-weight:700; background-position:top}
#content .der .tipo1 a{ text-decoration:none; color:#a23143}
#content .der .tipo2 { border:1px solid #a0a0a0; background-image:none; margin:0.2em 0 0.2em 0; padding:0.2em 0.2em 0.2em 1em; background-image:url(./images/icoPunto.gif); background-repeat:no-repeat; background-position:left 0.5em}
#content .der .tipo2 a{ text-decoration:none; color:#6C6C6C }
#content .der .tipo2 a:hover{text-decoration:underline; color:#a23143}
#content .der .tipo2 .activo{text-decoration:underline; color:#a23143}

/*Estilos para el pie de pagina ····························································· */
#pie{color:#6C6C6C;font-weight:bold;width:1000px; margin:0; padding:0; margin-left:0px;background-image: url(./images/fondoPie.png); background-repeat:no-repeat; background-position:top left;}
	html>body #pie{ clear:both}

	
/*Estilo para el mensaje modal ................................................................. */
.urlDecorationMano {text-decoration:underline; cursor:pointer;}

.modalBackground
{
	background-color: #d3d3d3;
	filter: alpha(opacity=30);
	opacity: 0.3;

}
.panelModal
{
	border-top-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	background-color: #ffffff;
	border-bottom-style: outset;	
	text-align: center;
	padding-top: 60px;
}