/* CSS Document */
body {
	background: url(../body_pics/bckgr_body.jpg) repeat-x top #1B45AF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1D377E;
	margin-top:10px;}
	
* {margin: 0;
   padding: 0;} /* evita problemas para los distintos navegadores */
		
p {margin: 0px;text-align: justify;}	
h1 {margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#1D62B3;
	text-align:left}
h2{/*titulo*/
	padding:8px 0 0 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#D7EAFC;
	text-align:left}

/*h3 {/*menu--
	margin: 0px;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0A0B2A;
	text-align:center;
	margin-top:13px}	*/

.clear{clear:left;}/*para q contenido no se desborde IMPORTANTE:utilizar siempre que se superpongan dos div */
.flota_right {float:right;}/*situa el div a la derecha y a la izq respectivament,si no funciona con uno, reforzarlo con el otro*/
.flota_left {float:left;}
.pic_border {border:3px solid #C8CCD1}

.titulo {
	width:225px;
	height:26px;
	background:url(../body_pics/bckgr_title.gif) no-repeat bottom;
	padding-bottom:3px;
	float:left}
	
/*enlaces ----------------------------------------------------------*/	
a.enlace { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1D377E;
	text-decoration:underline}	
	
a.enlace:hover{ 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1D377E;
	text-decoration:none}
	
a.enlace:active{ 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1D377E;
	text-decoration:none}	

a.enlace2 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #1D377E; 
	font-size:11px;
	text-decoration:none;}
	
a.enlace2:hover{ 
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #1D377E; 
	font-size:11px;
	text-decoration:underline;}			
	
a.enlace3 { 
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #CDE4FB; 
	font-size:11px;
	text-decoration:none;}
	
a.enlace3:hover{ 
	font-family:Tahoma, Arial, Helvetica, sans-serif; COLOR: #1D377E; 
	font-size:11px;
	text-decoration:none;}			
/*-------------------------------------------------*/	
	
#contenedor{
	width:979px;
	margin:0 auto;
	text-align:center;
	background:url(../body_pics/bckgr_contenedor.gif) repeat-y #E4EFFA}
	 
#top{
	width:979px;}
	
#cuerpo{
	width:979px;}
	
/*menu ---------------------------------*/		
#menu{
	float:left;
	width:198px;
	margin:0 12px;}
	
* html #menu{
	margin:0 7px;}	
	
#menu_catalogo{
	background: url(../body_pics/bckgr_menu_catalogo.jpg) repeat-x #1E67BD;
	width:198px;}
	
#menu_catalogo li { 
	BACKGROUND-POSITION: 25px 3px; /*atencion se pueden poner cordenadas para situar el icono*/
	BACKGROUND-IMAGE: url(../body_pics/icon_list.gif); 
	BACKGROUND-REPEAT: no-repeat;
	padding-left:40px;
	list-style-type:none;
	text-align:left
	}			
	
#contenido{
	float:left;
	width:729px;
	background-color:#D0E5FA;
	margin-left:10px;
}	
	
#central{
	float:left;
	width:484px;
	margin:3px}
	
/*clases------------------------------*/		
.pic_border_blue {border:3px solid #1D62B3}	

	
/*home------------------------------*/		
#central_top{
	float:left;
	width:242px;
	height:162px}
	
#central_top p{
	width:225px;
	padding:5px;}
	
#central_bottom{
	width:484px;
	/*height:236px*/}

#box1 {
	float:left;
	width:256px;
	height:196px;
	background:url(../body_pics/bckgr_box1.gif) no-repeat #FFF;
	margin-left:3px}	
	
#box2 {
	float:left;
	width:188px;
	height:196px;
	background:url(../body_pics/bckgr_box2.gif) no-repeat #FFF;
	margin-left:18px}					
	
#right{
	float:left;
	width:225px;
	padding:0px 4px}
	
/*quienes somos-----------------------*/	
#central_left, #central_right {
	float:left;
	width:227px;
	height:390px}
	
#central_right {
	padding:35px 0 0 20px;
	text-align:justify}	
	
.bckgr_quienes { background:url(../body_pics/fondo_herrajes_ramos.jpg) no-repeat bottom center}	
.margen_texto { width:95%; margin-top:5px}
.margen_top {margin-top:35px}

/*catalogo----------------------------------------*/
.paginacion_activo{ 
	font-weight:bold;
	color:#FFF;
	background-color:#1D62B3;
	padding:0 2px}
	
.subrayado{ 
	border-bottom:solid 2px #1D62B3}
	
.resaltado{
	border:solid 1px #1D62B3;
	background-color:#92C5F9;}
	
.margen{
	padding-left:12px}	
	
/*publicidad grafica----------------------------------------*/	
.margen_imagen {
	margin:5px 0 0 3px}	
.bckgr_publicidad { background:url(../body_pics/fondo2_herrajes_ramos.jpg) no-repeat bottom right}

/*publicidad grafica----------------------------------------*/	
.bckgr_internacional { background:url(../body_pics/internacional_h_ramos.jpg) no-repeat middle right}	

/*contacto------------------------------*/
.bckgr_mapa{ background:url(../body_pics/mapa_herrajes_ramos.gif) no-repeat;}

/*historia------------------------------*/	
#central_historia{
	float:left;
	width:484px;
	margin:3px}	
					
#central_historia p{
	width:95%; 
	margin-top:5px}	
	
imagen_txt{
	float:left;
	padding:2px;
	padding-left:0}	
	
/*valor nacional / presencia internacional---------------------------*/	
#central_left li{
	margin-left:20px;
	list-style-type: square;
	text-align: justify}
	
#central_foto{
	float:left;
	width:99%;
	margin:3px}
	
#left_mas_foto{
	width:225px;
	float:left;
	margin:0 10px 0 5px}			
							
						
/*footer------------------------------*/		
#footer{
	width:979px;
	height:31px;
	background:url(../body_pics/bckgr_footer.gif) no-repeat;
	margin-top:10px}			

#footer p{ 
	text-align:right;
	padding:5px 100px 0 0 }