@charset "utf-8";
/*------------------------------- reset ---------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
a img,:link img,:visited img{border:none}
ul,li{list-style-type:none}
a{color:#06f}
.strong{font-weight:bold}
.azul{color:#66f}
.rojo{color:#f00}
/*------------------------------- cuerpo ---------------------------------*/
body{margin:0;padding:0;background-color:#fc0;font:14px Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#000}
/*------------------------------- container ---------------------------------*/
#container{margin:0 auto;padding:0;width:950px;text-align:left;position:relative}
/*------------------------------- mail ---------------------------------*/
#mail{float:left;width:210px;height:20px;position:absolute;clear:both;top:68px;left:725px}
.contactar{display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:210px;height:20px}
/*------------------------------- menu ---------------------------------*/
#menu{float:left;width:950px;height:27px;position:absolute;clear:both;top:107px}
#menu a{color:#fff;text-decoration:none}
#menu a:hover{color:#000}
#menu p{float:left;padding-left:18px;padding-right:10px;background:url(img/bg/menu.gif) no-repeat;background-position:.7em .4em}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
#content, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html p{height:1%}
#content, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- content ---------------------------------*/
#content{float:left;width:950px;padding-top:170px;background:url(img/bg/head.gif) no-repeat #fff}
/*------------------------------- content-right ---------------------------------*/
#right{float:left;width:850px;display:inline;margin-left:50px;padding-bottom:40px}
#right .titulos{color:#000;text-decoration:none;padding:0 0 10px 0;display:block;font-size:24px;border-bottom:1px dashed #999;margin:0 0 10px 0;clear:both}
#right .subtitulos{text-decoration:none;padding:0 0 10px 0;display:block;margin-top:0;color:#f00;font-size:18px;margin:30px 0 0 0}
#right p{text-align:justify;margin:0 0 2em 3em;line-height:1.5em}
#right .destacado{float:right;border:1px #f00 solid;background:#ff9;padding:1em;margin:0 0 1em 2em;font-style:italic;font-size:16px;text-align:right}
#right .destacado img{float:right;padding-left:1em}
#right .destacadok{float:right;border:1px #3c3 solid;background:#cf9;padding:1em;margin:0 0 1em 2em;font-style:italic;font-size:16px;text-align:right}
#right .mistral{float:right;border:1px #3c3 solid;background:#cf9;padding:1em;font-style:italic;font-size:16px;text-align:center;display:inline;margin:20px 30px 0 30px}
#right .cat{float:right;border:1px #3c3 solid;background:#cf9;padding:1em;font-style:italic;font-size:16px;text-align:center;display:inline;margin:20px 0 0 100px}
#right .arrow{background:url(img/bg/arrow.gif) no-repeat;background-position:1em .3em;padding:0 0 1em 2.2em}
#right .ok{background:url(img/bg/ok.jpg) no-repeat;background-position:.8em 0;padding:0 0 1em 2.2em}
/*------------------------------- coli ---------------------------------*/
#coli{float:left;display:inline;width:430px;padding-bottom:4em}
/*------------------------------- cold ---------------------------------*/
#cold{float:left;display:inline;width:420px;text-align:right;padding-bottom:4em}
/*------------------------------- images ---------------------------------*/
#right table{width:850px;border:0}
#right td{text-align:center;font-size:11px;vertical-align:top;padding:20px 0}
/*------------------------------- images ---------------------------------*/
.img-centrada{margin:1em 0;text-align:center;float:left;width:100%}
.img-right{float:right;margin:0 0 1em 2em}
.img-left{float:left;margin:0 2em 1em 0}
/*------------------------------- pie ---------------------------------*/
#pie{text-align:center;position:relative;clear:left;padding:1em 0;font-size:.8em}