/* Documento CSS estructura*/
body{color:#000; padding:0px; margin:0px; font:9px/10px  Arial, Helvetica, sans-serif;  background-image:url(images/bg.png); padding-top:10px;  
 }
div, ul, li, h1, h2, h3, h4, h5, h6, p, img{
	margin:0px;
	padding:0px;
	margin-right: 0px;
	margin-top: 0px;
}
ul{list-style-type:none;}




/* cont */

#cont { position:relative; width:900px; margin:0 auto;  background-color:#000; border-bottom:#fff solid 1px ;  }

#cont_ { position:relative; width:900px; margin:0 auto;  border-bottom:#fff solid 1px ; background-image:url(images/fondo.png); background-repeat:no-repeat; background-color:#000;} 


/* top */
#top{ position:relative; width:900px; background-image:url(images/fondo.jpg);}

#top_{ position:relative; width:900px; }

#top_01{ position:relative;   width:78px; height:76px; float:right; border:#FFF solid 1px;}

#top_02{ position:relative; width:189px; height:30px; float:right; 
border-top:#FFF solid 1px; 
border-bottom:#FFF solid 1px; 
border-left:#FFF solid 1px; 
}

#top_03{ position:relative;   width:630px; height:17px; float:right; background-image:url(images/banda_01.png); }


#top_04{
	position:relative;
	width:443px;
	height:10px;
	float:right;
	background-image:url(images/banda_01_.png);
	margin-top:3px;
}

#franja_01{ position:relative;   width:820px; height:6px; background-image:url(images/banda_03.png); margin-bottom:10px; clear:both; }

#franja_02{ position:relative;   width:100%; height:100px; background-image:url(images/banda_02.png); margin-bottom:4px; }

#franja_03{ position:relative;   width:100%; height:20px; background-image:url(images/banda_02.png); }


/* columnas */

#columna_izq_ {position:relative; width:262px; background-image:url(images/columna_izq.png); float:left;   } 

#columna_izq_ ul { padding:22px 20px 0 20px;}

#columna_izq_ ul li { padding:12px 0 12px 10px; border-bottom:#C4C6C8 dotted 1px;}

#columna_izq_ ul li.no_line { padding:12px 0 11px 10px; border-bottom:0px;}

#columna_izq_ ul li a{font:11pt/15pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#E0E1E2; text-decoration:none; }

#columna_izq_ ul li a:hover{color:#333;}



#columna_izq {position:relative; width:262px; background-image:url(images/columna_izq.png);   }

#columna_izq ul { padding:22px 20px 0 20px;}

#columna_izq ul li { padding:12px 0 12px 10px; border-bottom:#C4C6C8 dotted 1px;}

#columna_izq ul li.no_line { padding:12px 0 11px 10px; border-bottom:0px;}

#columna_izq ul li a{font:11pt/15pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#E0E1E2; text-decoration:none; }

#columna_izq ul li a:hover{color:#333;}

#columna_blanca_01 {position:relative; width:312px; height:299px; background-image:url(images/cuadrado_01_blanco_01.png); }

#columna_blanca_02 {position:relative; width:217px; height:240px; background-image:url(images/cuadrado_02_blanco_01.png); }

#columna_der {position:relative; width:430px; padding:10px 30px 0 30px;  float:left;  } 



/* medio */

#medio{ position:relative; width:900px; z-index:10; margin-bottom:2px;   }
/* line */

#line_01 { position:relative; width:100%; height:2px; border-top:solid 1px #5A92A9;}


/* sep y clear */

#sep_01 { position:relative; width:100%; height:143px; clear: both;} 

#sep_02 { position:relative; width:100%; height:237px; clear: both;} 

#sep_03 { position:relative; width:100%; height:40px; clear: both;  background-image:url(images/banda_02_.png); } 

#sep_vertical_01 { position:relative; width:10px; height:10px; float:left;} 



#clear { position:relative; width:100%; height:14px; padding-top:1px; clear:both;}




/* banner */
#banner { position:relative; width:900px; height:200px; border-bottom:#fff solid 1px ;} 

#banner_ { position:relative; width:820px; padding:5px 0 7px 0; border-right:#fff solid 1px ; border-bottom:#fff solid 1px; border-top:#fff solid 1px; background:#000; min-height:310px;} 

#banner_01 { position:relative; width:210px; height:112px; background-image:url(images/banner_01.png); float:left; padding-top:29px;} 

#banner_02 { position:relative; width:180px; margin:5px 0 0 14px; height:75px;} 

/* pie */
#pie { position:relative; width:900px; height:30px; margin:0 auto; padding:0 0 0 0; margin:4px 0 4px 0; background-color:#333;  background-image:url(images/bg_01.png);   }

#cuadraditos_01{ position: relative; width:11px; height:11px; margin-right:17px; background-color:#000000; float:left;}

#pie_ { position:relative; width:900px; height:30px; margin:0 auto; padding:0 0 0 0;  }

#placa { position:relative; width:900px; height:63px; margin:0 auto; background-image:url(images/placa_pie.png); margin:5px 0 5px 0; margin:0 auto;  }

#placa ul { padding:8px 8px 0 0;}

#placa ul li { float:right; padding:0 5px 0 5px; }

#placa ul li a {font:8pt/11pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#939598; text-decoration:none;}

#placa ul li a:hover { color:#333; }



/* campos */
.campos_01 {position:relative; width:256px; border:#A7A9AC solid 1px; height:15px; font:9pt/12pt Arial, Helvetica, sans-serif; background-color:#000;   color:#A7A9AC; font-weight:normal;

}

.campos_02 {position:relative; width:256px;border:#A7A9AC solid 1px;  height:100px; font:9pt/12pt Arial, Helvetica, sans-serif;  color:#A7A9AC; background-color:#000;    font-weight:normal;}


.altura_100 { height:100px;}

/* alturas */

.altura_350 { height:350px;}