/****************************************************************************************
CONTENEDORES
****************************************************************************************/
body {
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,p,form {
    margin: 0;
    padding: 10px 0;
}

ul {
    margin: 0;
    padding: 15px;
}

blockquote {
    background-color: #f0f0f0;
    margin: 10px 0px;
    padding: 0px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

blockquote p {
    font-style: italic;
}

blockquote div.autor {    
    padding: 0 0 10px 0;
}

/****************************************************************************************
LAYOUT
****************************************************************************************/

#arriba {
	width: 100%;
	height: 110px;
	text-align: center;
}

#arriba_interior {
	width: 780px;
	height: 110px;
	margin: 0 auto;
	text-align: left;
}

#menu_superior {
	margin: 0;
	padding: 10px 0 10px 10px;
	height: 20px;
}

#menu_superior li {
	display: block;
	float: right;
	padding: 0 6px 0 6px;
	list-style: none; 
}


#menu_principal {
	margin: 30px 0 0 0;
	padding: 0 0 0 129px;
	height: 40px;
}

#menu_principal li {
	display: block;
	height: 30px;
	width: 100px;
	float: left;
	margin: 0 0 0 10px;
	padding: 5px 10px 5px 10px;
	list-style: none; 
	text-align: center;
	vertical-align: middle;
}

#grafico {
	width: 100%;
	text-align: left;
	clear:both;
}

#grafico_interior {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

#principal {
	width: 100%;
	min-height: 300px;
	text-align: left;
	clear:both;
}

#principal_interior {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 30px 0;
}

#abajo {
	height: 20px;
	clear: both;
	background: url(images/abajo_sombra.jpg) center 0 no-repeat #FFF;
}

#pie_interior {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

#menu_inferior {
	margin: 0;
	padding: 0 10px;
	height: 12px;
}

#menu_inferior li {
	display: block;
	float: right;
	padding: 0 6px 0 6px;
	list-style: none; 
}

div.col1de2 {
	float: left;
	width: 380px;
	padding: 0 9px 0 0 ;
}

div.col2de2 {
	float: left;
	width: 380px;
	padding: 0 0 0 9px;
}

div.col1de2gc {
	float: left;
	width: 480px;
	padding: 0 9px 0 0 ;
}

div.col2de2gc {
	float: left;
	width: 280px;
	padding: 0 0 0 9px;
}

div.clear {
	clear: both;
}

/****************************************************************************************
DECORACIONES
****************************************************************************************/

* {
	font-family: arial, helvetica, sans-serif; 
	color: #555;
}

a:link {
	text-decoration: none; color: #36f; 
}

a:visited {
	text-decoration: none; color: #36f; 
}

a:active {
	text-decoration: none; color: #36f; 
}

a:hover{
	text-decoration: none; color: #F80; 
}

#menu_superior a:link {
	text-decoration: none; color: #777;
}

#menu_superior a:visited {
	text-decoration: none; color: #777;
}

#menu_superior a:active {
	text-decoration: none; color: #777;
}

#menu_superior a:hover{
	text-decoration: none; color: #F80; 
}

#menu_principal a:link {
	text-decoration: none; color: #555;
}

#menu_principal a:visited {
	text-decoration: none; color: #555;
}

#menu_principal a:active {
	text-decoration: none; color: #555;
}

#menu_principal a:hover{
	text-decoration: none; color: #111;
}


#menu_inferior a:link {
	text-decoration: none; color: #999;
}

#menu_inferior a:visited {
	text-decoration: none; color: #999;
}

#menu_inferior a:active {
	text-decoration: none; color: #999;
}

#menu_inferior a:hover{
	text-decoration: none; color: #555; 
}

#menu_superior {
	font-size: 10px;
	line-height: 11px;
}

#menu_superior li {
	border-style: dotted;
	border-color: #CCC;
	border-width: 0 1px 0 0;
}

#menu_superior li.primera {
	border-width: 0;
}

#menu_inferior {
	font-size: 10px;
	line-height: 11px;
}

#menu_inferior li {
	border-style: dotted;
	border-color: #CCC;
	border-width: 0 1px 0 0;
}

#menu_inferior li.primera {
	border-width: 0;
}

#menu_principal {
	background: url(images/logo.gif) 0px 10px no-repeat;
	font-size: 11px;
	line-height: 14px;
}

#arriba {
	background: url(images/arriba_fondo.gif) 0 -40px repeat-x;
}

#pie {
	padding: 20px 0 20px 0;
	font-size: 10px;
	color: #999;
}

img {
	border: 0;
}

ul.listado {
	margin: 0;
	padding: 0;
}

ul.listado li {
	list-style: none;
	margin: 0;
	padding: 8px 0;
	border-width: 0 0 1px 0;
	border-color: #999;
	border-style: dotted;
}

ul.listado li:hover {
	list-style: none;
	margin: 0;
	padding: 8px 0;
	background-color: #eee;
	border-width: 0 0 1px 0;
	border-color: #999;
	border-style: dotted;
}

ul.especificaciones {
	margin: 0;
	padding: 0;
}

ul.especificaciones li {
	list-style: none;
	margin: 0;
	padding: 8px 0;
	border-width: 0 0 1px 0;
	border-color: #999;
	border-style: dotted;
}

ul.checklist {
	margin: 0;
	padding: 0;
}

ul.checklist li {
	list-style: none;
	margin: 0;
	padding: 8px 0 8px 26px;
	background: url(icons/9.png) 0 center no-repeat;
}

ul.checklist2 {
	margin: 0;
	padding: 0;
}

ul.checklist2 li {
	list-style: none;
	margin: 0;
	padding: 4px 0 8px 26px;
	background: url(icons/10.png) 0 center no-repeat;
}

#fr_buscar {
	padding-bottom: 20px;
}

#et_buscar {
	display: block;
	float: left;
	width: 60px;
	padding: 0 0 0 139px;
	line-height: 20px;
	vertical-align: center;
	color: #999;
}

#consulta {
	display: block;
	float: left;
	height: 16px;
	width: 130px;
	background: url(images/buscar_input.gif) repeat-x;
	border: 1px #ccc solid;
}

#buscar {
	display: block;
	float: left;
	height: 20px;
	width: 40px;
	background: url(images/buscar_boton.gif);
	border: 0;
}

div.descarga {
    height: 20px;
    padding: 10px 10px 10px 40px;
    line-height: 20px;
    background: url(icons/46.png) 10px center no-repeat;
    list-style: none;
    font-size: 13px;
    background-color: #e0e0e0;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

pre {
    padding: 10px;
    background-color: #e0e0e0;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/****************************************************************************************
TEXTO
****************************************************************************************/

#principal h1 { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 22px; font-weight: normal; }
#principal h2 { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 18px; font-weight: normal; }
#principal h3 { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 14px; font-weight: normal; }
#principal p  { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 12px; text-align: justify; line-height: 20px;}
#principal p  * { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 12px; text-align: justify; line-height: 20px;}
#principal label { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 12px; text-align: justify; line-height: 20px;}
#principal ul.listado li { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #555; }
#principal ul.listado li a { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #555; }
#principal ul.especificaciones li { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 12px; text-align: justify; color: #555; }
#principal ul.especificaciones li a { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 12px; text-align: justify; color: #555; }
#principal ul.checklist li { font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; font-size: 14px; text-align: left; color: #444; }
#principal ul.checklist2 li { font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 12px;  line-height: 16px; color: #555; }
#principal blockquote div.autor {    font-family: 'Trebuchet MS', arial, verdana, helvetica, sans-serif; font-size: 12px; text-align: right; color: #bbb;}
#principal pre { font-family: courier-new, monospace; font-size: 12px; color: #555; }
#navegacion { font-family: arial, verdana, helvetica, sans-serif; font-size: 10px; }
div.descarga a:link , div.descarga a:visited {color:#555;}