* { margin: 0px; padding: 0px; }

* html .xcss {display: none !important;}
html>body .IE {display: none !important;}

body {
        font: 11px verdana, arial, helvetica, sans-serif;
        margin:0px;
        padding:0px;
        color: black;
        /* background-color:grey; */
        background-color:white;
        list-style-type:disc;
}

#inside { text-align: center; 
}
        
#container {
        margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 855px;
}

#cabecera {
	    padding:5px;
		margin-bottom: 0px;
        border-style:solid;
		/* color: #008; 
		background-color: inherit;
        border-color:#003; */
        border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
        height:65px;
}

#cabecera p { padding:0px 0px 0px 100px; font: 24px/25px "Goudy Old Style", "Times New Roman", serif; }

/********************* Inicio de la barra ****************************/
#barra { position:absolute; top:15px; right:15px; /* width:300px; */ }

ul#navigation { list-style-type: none; text-align: center; }

ul#navigation li a {
	font:10px/10px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	display: block;
        height:25px;
	width: 6em;
	text-decoration: none;
	color:black;
	background-color:inherit;
	}
ul#navigation li a:hover { color: #444; background-color: #E6EAF3; /* #69C;*/ }
ul#navigation .left { float: left; }
ul#navigation .right { float: right; }
/********************** Fin de la barra *******************************/

#contenido { 
			padding: 20px 20px 20px 160px; 
			margin-left: 10px; 
			margin-right: 10px; 
			/* width: 535px; */
}

#izquierdo { float: left; 
		width: 160px; 
		margin-right: 10px; 
		padding: 5px;
		}

#izquierdo p { font:10px/14px verdana, arial, helvetica, sans-serif; }

#izquierdo h5 { font:bold 12px verdana, arial, helvetica, sans-serif; }

.derecho { float: right; 
		width: 120px;
		margin-right: 10px; 
		padding: 5px; 			
		border: 1px solid gray;
}

.derecho p { font:10px "Trebuchet MS",Verdana,Arial,Sans-serif; }
.derecho h5 { font: 16px "Trebuchet MS",Verdana,Arial,Sans-serif; }
.derecho dt { color: #999; background-color:inherit; font:11px "Trebuchet MS",Verdana,Arial,Sans-serif;}
.derecho dd { font:11px "Trebuchet MS",Verdana,Arial,Sans-serif; padding: 3px; }
.derecho dd strong { font-size:110%;  }

#menu { float: right; 
		width: 120px; 
		padding: 2px; 
	    text-align:center;
	    font:14px verdana, arial, helvetica, sans-serif;
        }

#menu h5{
    font-weight:bold;
    color:white;
    background-color:#000033;
    border-style:solid;
    border-color: #036;
    border-width:1px;
    margin-bottom:0px;
}	

#menu p{
    color:#000033;
	margin: 0px;
	padding: 5px 5px 5px 15px;
	text-indent: -10px;
	text-align: left;
   	line-height: 16px;
    background: #E6EAF3;
	border-style:solid;
	border-width:1px;
    /* border-bottom: 1px solid #036; */
}

#actualiza { float:right; padding:5px; width:140px; }

#actualiza p { font:10px/10px "Trebuchet MS",Verdana,Arial,Sans-serif; }

#presentacion {
		float: left;
		width: 350px;
		padding: 10px;
		}

#presentacion p {
		font:11px verdana, arial, helvetica, sans-serif; 
		}

#final {
		float:left;
		font:11px/18px verdana, arial, helvetica, sans-serif; 
		width: 750px;
		/* width: 620px; */
		padding: 10px;
		}

#chglog {
		font:11px/16px "Trebuchet MS",Verdana,Arial,Sans-serif; 
		padding: 5px 2px 5px 2px;
		float: right;
		clear: both;
		width: 140px;
		color: #666; 
		background-color:#eee; 
		}
		
#chglog dt { background-color: inherit; color: #55b; }
#chglog h5 { font: 20px "Goudy Old Style", "Times New Roman", serif; }
#chglog p { font:10px "Trebuchet MS",Verdana,Arial,Sans-serif; }

#piedepagina { 
		clear: both; 
		padding: 5px; 
		color: #999;
        background-color:#eee;
        border-top: 1px dashed #aaa;
        }

#piedepagina p { font:10px verdana, arial, helvetica, sans-serif; }

#copyright { color: black; background:inherit; }

#copyright p { color: black; background:inherit; }


p { font:11px/18px verdana, arial, helvetica, sans-serif; padding-top:5px; }

.normal { font:11px/22px verdana, arial, helvetica, sans-serif; }

.corto p { font:11px/18px verdana, arial, helvetica, sans-serif; }

table { font:11px verdana, arial, helvetica, sans-serif; }
table caption { font:bold 16px "Goudy Old Style", "Times New Roman", serif; }

h1 {
		margin:15px 0px 15px 0px;
        padding:0px;
        font-size:28px;
        line-height:28px;
        font-weight:900;
        color:#ccc;
        background-color:inherit;
        }
h2 { color:#ccc; background-color:inherit; font-size:22px; }
ul { font:inherit; margin-left:15px; padding:5px; }
ol { font:inherit; margin-left:15px; padding:5px; }
dt { font-weight: bold; }
dd { padding: 4px; }

li { margin-left:10px; }

fieldset { border:1px dashed #aaa; padding-left:10px; }
legend { font-weight: bold; font-size:120%; }

blockquote { font-style:italic; margin:10px; }

abbr[title] { cursor: help; }

acronym[title] { cursor: help; /* text-decoration: underline; color: grey; background-color: inherit; */ }

.parrafo { clear:both; padding:10px; }

.parrafo p:first-letter { font-size:18px; font-family: Verdana,Arial,Sans-serif; }

.parrafo p { font:11px/16px "Trebuchet MS",Verdana,Arial,Sans-serif; }

/* Cajas y columnas en las paginas */

.presentacioncaja {
		padding: 5px 2px 5px 2px;
		float: left; 
		width: 545px;
		}

.presentacioncaja p { font:12px/16px "Trebuchet MS",Verdana,Arial,Sans-serif; }

.presentacioncaja h5 { 
		padding-bottom: 5px; 
		padding-top: 10px; 
		font-family: "Goudy Old Style", "Times New Roman", serif; 
		font-weight: normal; 
		font-size:22px; }

.presentacioncaja h6 { 
		padding-bottom: 5px; 
		padding-top: 10px; 
		font-family: "Goudy Old Style", "Times New Roman", serif; 
		font-weight: normal; 
		font-size:18px; }

.presentacioncaja dt { color: #999; background-color:inherit; font:11px "Trebuchet MS",Verdana,Arial,Sans-serif;}
.presentacioncaja dd { font:11px "Trebuchet MS",Verdana,Arial,Sans-serif; padding: 3px; }
.presentacioncaja dd strong { font-size:110%;  }

.presentacioncaja ul { font: 11px/16px Verdana,Arial,Sans-serif; }

.presentacioncajaizquierda {
		padding: 5px 2px 5px 2px;
		float: left; 
		width: 200px;
		}
.presentacioncajaizquierda p { font:12px/16px "Trebuchet MS",Verdana,Arial,Sans-serif; padding:5px; }
.presentacioncajaizquierda h5 { 
		padding-bottom: 5px; 
		padding-top: 10px; 
		font-family: "Goudy Old Style", "Times New Roman", serif; 
		font-weight: normal; 
		font-size:22px; }

.presentacioncajaizquierda h6 { 
		padding-bottom: 5px; 
		padding-top: 10px; 
		font-family: "Goudy Old Style", "Times New Roman", serif; 
		font-weight: normal; 
		font-size:18px; }

.princajaizquierda {
		padding: 5px 2px 5px 2px;
		float: left; 
		width: 200px;
		}
.princajaizquierda p { font:10px/12px "Trebuchet MS",Verdana,Arial,Sans-serif; padding:5px; }
.princajaizquierda h5 { 
		padding-bottom: 5px; 
		padding-top: 10px; 
		font-family: "Goudy Old Style", "Times New Roman", serif; 
		font-weight: normal; 
		font-size:22px; }

.presentacioncajaderecha {
		padding: 5px 2px 5px 2px;
		float: right;
		width: 200px;
		}
.presentacioncajaderecha p { font:12px/16px "Trebuchet MS",Verdana,Arial,Sans-serif; padding:5px; }
.presentacioncajaderecha h5 { 
		padding-bottom: 5px; 
		padding-top: 10px; 
		font-family: "Goudy Old Style", "Times New Roman", serif; 
		font-weight: normal; 
		font-size:22px; }

.presentacionestilizada { padding-top: 10px; padding-bottom: 10px; }
.presentacionestilizada p { font:12px "Trebuchet MS",Verdana,Arial,Sans-serif; }

.fondoresaltado { padding: 10px; color: #666; background-color:#eee; }

.preguntas { 
	/* border: 1px solid blue;
	text-align: left; 
	margin:0px; padding: 0px; 
    color:#000033;
    background: #E6EAF3; */
}

.centrado { text-align:center; }

.anchopeq { width: 150px; float: right; }
.anchopeqiz { width: 150px; float: left; }

.comments {
		margin: 0px;
		padding: 0px; 
		color: inherit;
		background-color:#ddd;
        }

.comments p{
	font:10px "Trebuchet MS",Verdana,Arial,Sans-serif; 
	margin: 0px;
	padding:5px;
}

.comments h5{
	font-weight:bold;
	font-size:10px;
	font-family: Verdana,Arial,Sans-serif;
	background-color:#000033;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;}
	
.comments dt { font-size:10px;}
.comments dd { font:9px "Trebuchet MS",Verdana,Arial,Sans-serif;}

.arr{background-image:url("../imagenes/arrow.gif");background-repeat:no-repeat;padding-left:7px;padding-bottom:3px;}

.frases {
	font:16px/18px "Goudy Old Style", "Times New Roman", serif; 
	height:230px;
	width:120px;
	color:#900;
	background:inherit;
	padding:10px;
	border-bottom: 1px dashed;
}

.eneltexto {
	color:#900;
	background-color:inherit;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.eneltexto p:first-letter { font:170% "Goudy Old Style", "Times New Roman", serif; }

.eneltexto p { font:160% "Goudy Old Style", "Times New Roman", serif; }

.faq {
		font:14px "Trebuchet MS",Verdana,Arial,Sans-serif; 
		padding: 10px;
}
		
.faq dt { background-color: inherit; color: #009c46; }
.faq dd { padding: 10px; font:14px/20px "Goudy Old Style", "Times New Roman", serif}

.parasabermas { 
		float:right;
		/* width: 150px; */
		padding-left:25px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;		
		background-image:url("../imagenes/recbg2.png");
		background-repeat:no-repeat;
		border: 1px solid gray;
		/* background-position: top left;
        background-attachment: fixed; */
}

span.date { color: #999; background-color:inherit; }
span.masoscuro { color:black; background-color:inherit; font-family: "Goudy Old Style", "Times New Roman", serif;}
span.masclaro { color:gray; background-color: inherit; font-family: "Goudy Old Style", "Times New Roman", serif;}
span.masclaropeq { color:gray; background-color: inherit; font-family: "Goudy Old Style", "Times New Roman", serif; font-size:70%}
span.resaltafont { font:12px/18px "Trebuchet MS",Verdana,Arial,Sans-serif;}
span.rojo { color:red; background:inherit; font:inherit; }
span.azul { color:blue; background:inherit; font:inherit; }
span.reduce { font-size:75%; }
span.date { color: #999; background-color:inherit;}
span.converde { color:#009C46; background-color:inherit;}


.sih{font-weight:bold;font-size:10px;background-color:#000033;color:#FFFFFF;padding-left:5px;padding-top:2px;padding-bottom:2px;}
.cajaizquierda { float: left; width:100px; }
.cajaderecha { float: right; width: 150px; }
.caja { float: left; padding:8px; }
.cajados { float:right; padding:8px; }
.borde { padding:5px; border: 1px dashed #aaa; }
.separador { margin:5px; padding:5px; border-bottom: 1px solid #009c46; }
.letrabonita { font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; }
.limpiarambos { clear:both; }

/* ******************************************* P R U E B A S ************************************* */

/* lo siguiente es tomado de http://utenti.html.it/common/css/caratteri.css, 
   asociado a la pagina http://webdesign.html.it/articoli/leggi/528/more-nifty-corners/1/ 
   de Nifty Corners. Mis mas sinceras gracias.
*/

p.codice{
	margin:5px 3px; 
	background-color:#ffd; 
	color: inherit;
	border: 1px #999 dashed; 
	padding:5px; font-family:"Courier New", Courier, monospace; 
	font-size:14px; 
	font-weight: normal; 
	text-align:left; 
	overflow:scroll; 
	width:96%; 
	white-space: nowrap;
}

span.codigo{font-family:"Courier New", Courier, monospace; font-size:13px;}

p.codigo{
	margin:5px 3px; 
	background-color:#ffd; 
	color: inherit;
	border: 1px #999 dashed; 
	padding:5px; 
	font-family:"Courier New", Courier, monospace; 
	font-size:14px; 
	font-weight: normal; 
	text-align:left;
	height: 100px;
	overflow:scroll; 
}

p.code{
	margin:5px 3px; 
	background-color:#ffd; 
	color: inherit;
	border: 1px #999 dashed; 
	padding:5px; 
	font-family:"Courier New", Courier, monospace; 
	font-size:14px; 
	font-weight: normal; 
	text-align:left;
}

/* tomado de http://webdesign.html.it/articoli/leggi/528/more-nifty-corners/4/ */

div#pestana{
	float:left;
	width:533px;
	padding:8px 0px 0 15px; 
	background-color: #E6EAF3; 
	color: inherit;
	border-right: 1px solid #999; 
	border-left: 1px solid #999;
} /* background: url(navbk.jpg)  */

ul#nav,ul#nav li{list-style-type:none;margin:0px;padding:0;}
ul#nav li{float:left;width:7em;margin-right:2px;text-align: center; }
ul#nav a{display:block;text-decoration:none;padding:2px 0 5px;background: white; color: #999;}
ul#nav li.activelink a {color: #000; background-color: white; border-bottom: 1px solid #FFF}
ul#nav a:hover{color: #000; background-color: white;}

.inicioentrada {
	width:300px;
	float: left; 
}
.iniciopreview {
	width:533px;
	float: right; 
}