@charset "utf-8";
html, body {width:100%; height:100%; margin:0; padding:0; background:#676767 url(imagenes/bg.jpg) repeat-x top;}
#cpo{width:750px; margin:auto; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
#cabecera{width:750px; height:30px;text-align:right; font-size:12px; float:right;}
#logo{width:750px; height:140px; float:left; text-align:center;}
#menu{width:750px; float:left; height:226px;}
.boton{width:180px; height:220px; float:left; margin:3px; }
#cuerpo_ch{width:750px; height:650px; float:left; margin-top:10px; }
#cuerpo{width:750px; height:650px; float:left; margin-top:10px; background:url(imagenes/bg_cpo.jpg) no-repeat top center; }
#pie{width:100%; background:#676767 url(imagenes/bg_pie.jpg) repeat-x top; padding-top:30px; height:180px; float:left; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:16px;  }
a:link{color:#999999; text-decoration:none;}
a:hover{color:#111111; text-decoration:underline;}
a:active{color:#FF0000; text-decoration:underline;}
a:visited{color:#FF6600; text-decoration:none;}
img{border:0 none;}
#datos{text-align:center; font-size:13px; width:650px; margin:auto; height:150px; }
h3, dt, .naranja {color: #FF6600; font-weight:bold;}
h4{color:#FF6600; text-align:center;}
dl{padding-left:90px;}
.izq{text-align:left; float:left; width:50%;}
.der{text-align:right; float: right; width:50%;}
.txt{padding-left:10px; padding-right:10px; text-align:justify; }
#medio_cpo{width:553px;height:650px;background:url(imagenes/bg_mdio_cpo.jpg) no-repeat center top;float:left;padding-left:3px;}
li{list-style-image:url(imagenes/flecha.jpg);}
.titulo{width:100%;height:50px; text-align:center; padding-top:3px; background:url(imagenes/bg_titulo.gif) no-repeat center top ;}
.columna{width:190px;height:650px;text-align:left; background:#fff; float:left; }
.columna h2{text-align:center;}
.fila{ width:223px; height:95px; text-align:left; padding:5px; margin:7px; float:left; }
.thumb{width:80px; height:80px; float:left; background:#FFFFFF url(imagenes/cargador.gif) no-repeat center; margin:6px;}
.desc{text-align:center; width:110px; float:left; height:80px; padding-top:15px; font-weight:bold; padding-left:8px;}
.proce{width:740px; height:110px; float:left; margin:3px 0px 0px 5px;}
.img_proce{width:190px; height:110px; float:left;}
.txt_proce{width:500px; height:74px; float:left; padding:20px; text-align:justify; }
.txt_proce p:first-letter {color:#000000; float:left; padding-right:10px; font-size: 600%; }
#frame{width:550px; text-align:center; height:500px; float:left; padding-top:25px;}
.frame{background:#FFFFFF url(imagenes/cargador.gif) no-repeat center; border:#CCCCCC solid 1px; padding:2px;}
.fila2{width:315px; height:140px; padding-top:50px; padding-left:50px; float:left; }
.thumb2{width:140px; height:110px; float:left; }
#vent{text-align:center;}
.thumb img, .thumb2 img, .img_proce img, #vent img, .vent1 img, .vent2 img, .vent3 img{border:#CCCCCC solid 1px; padding:2px;}
.vent1{width:400px; float:left; text-align:center;}
.vent2{width:330px; padding-top:50px; float:left; text-align:center; height:200px;}
.vent3{text-align:center; float:left; width:330px;}