/*------------------------------- generals ---------------------------------*/
body{margin:0;padding:0;background:#fff url(images/bg.jpg) repeat-x;font:80% Arial, Helvetica, sans-serif;color:#555;text-align:center;line-height:180%}
p{margin:1em 0}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border-style:none}
/*------------------------------- layout ---------------------------------*/
#container{margin:0 auto;width:953px;text-align:left;position:relative}
/*------------------------------- header ---------------------------------*/
#header{height:100px;background:url(images/header.jpg) no-repeat}
#header h1{margin:0;padding:0;position:absolute;top:0;left:20px;text-indent:-8000px;overflow:hidden}
#header h1 a{display:block;width:350px;height:85px}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after, #footer:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
#content, ul, li, #footer, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html #footer, * html p{height:1%}
#content, ul, li, #footer, p{display:block}
/* End hide from IE-mac */
/* end float fix */
#content{padding-bottom:1em;background-image:url(images/content-bg.gif);background-repeat:repeat-y;background-position:2.5em;float:left}
/* ------------------------------ main ---------------------------------*/
#main{float:left;display:inline;width:670px;margin:0;padding:0}
#main h2{font-weight:bold;margin:1.5em 0 .5em 0;padding:0;color:#555;font-size:200%;font-family:Georgia, Times New Roman, serif;line-height:1.3em;text-transform:uppercase}
#main h2 a{color:#555}
#cat h1{margin:0;font:110% "Courier New", Courier, mono;color:#993;text-transform:uppercase;line-height:28px;height:28px;letter-spacing:.3em;background:url(images/dotted.gif) no-repeat 0 100%;margin:0px;padding:13px 0 0 0}
/* ------------------------------ right ---------------------------------*/
#right{float:left;display:inline;width:230px;margin:0;margin-left:50px;font-size:95%}
#right h3{font-weight:bold;margin:0;padding:2em 0 .5em 2.3em;background:url(images/dotted.jpg) no-repeat 0 100%;color:#333;font:150% Georgia, Times New Roman, serif}
#right ul{margin:0;padding:1em 0 0 0}
#right li{padding:.3em 0 .3em 3em;margin:0}
#right a{color:#555}
#right p{padding:1em 0 0 0;text-align:justify;line-height:1.5em}
/* ------------------------------ dinamics ---------------------------------*/
.subtitleHTML{color:#900;font-size:1.5em;font-weight:bold;padding-top:20px;border-bottom:1px dashed #999;margin-bottom:10px}
.textoHTML{letter-spacing:0px;line-height:1.5em;text-align:justify;padding-top:1em;font-size:110%}
.imgOnRight{padding:0 0 20px 40px;float:right}
.linkHTML{font-weight:bold;letter-spacing:0.3em}
.linkHTML a{color:#993;letter-spacing:0em}
.downHTML a{color:#000;background:url(images/down.jpg) no-repeat;padding:1.8em 0 2em 11em;color:#666}
#pag a{color:#f90}
/* ------------------------------ colors ---------------------------------*/
.b9{color:#999}
.italic{font-style:italic}
.naranja{color:#993;font-weight:bold}