/* CSS Document */
	
body { margin:0;
	background-image: url(../images/fondo_css.jpg);
	background-position:left top;
	background-color:rgb(5,10,14);
	background-repeat:repeat-x;
	width:7095px; color:#fff; font:10px/12px Arial;
}
a { text-decoration:none; }
ul, ol { margin:0; list-style:none; }
img { border:0 none; }

/* _________________________________________________________________ TOP __________________________________________________________________ */

#top { width:7095px; background:url(../images/top_repeat.gif) repeat-x top #000;  color:#fff; position:fixed!important; *position:absolute; *top:0; *left:0; display:block; }
#top .separacion { width:1365px; height:46px; padding:0 0 0 52px; float:left; }
#top img { float:left; margin-right:24px; }
img.left { float:left; margin-right:24px; }

#top ul { font:11px Arial; height:45px; width:700px; padding:0; }
#top ul li { margin:0; display:block; padding:0 2px 2px; width:70px; float:left; text-align:center; }
#top ul li a { margin:0; display:block; color:rgb(51,153,204); padding:14px 0 14px;  }
#top ul li a:hover { color:rgb(255,255,255); background:url(../images/indicador.gif) no-repeat top center; }

/* _________________________________________________________________ DIVICIONES ____________________________________________________________ */

#parte1,
#parte2,
#parte3,
#parte4,
#parte5 { width:1332px; float:left; margin:46px 85px 0 0; min-height:600px }
#parte1 { }
#parte2 { background: url(../images/pinture_2.jpg) top right no-repeat; }
#parte3 { background: url(../images/pinture_3.jpg) top right no-repeat; }
#parte4 { background: url(../images/pinture_4.jpg) top right no-repeat; }
#parte4 { background: url(../images/pinture_5.jpg) top right no-repeat; }


/* _________________________________________________________________ TITULOS _______________________________________________________________ */

h1 { display:block; height:49px; padding:21px 0 0 52px; margin:0; font:normal 17px/15px Arial; }

h1 span { font:normal 11px Arial; }
h2 { font:14px Arial; color:#fff; margin:0; display:block; height:18px; padding:5px 0 0 19px; margin:0 0 0 7px; background:url(../images/bullet_parrafos.gif) left no-repeat; }
h3 { font:normal 13px Arial; padding-top:5px; width:162px; height:60px; float:left; position:absolute; left:63px; top:0; }

/* _________________________________________________________________ AREA TEXTO ____________________________________________________________ */

.textos { margin-left:50px; }

.armick { height:240px; width:36px; background: url(../images/final_gris.png) no-repeat top center; float:left; 
	*background:url(../images/final.gif) no-repeat top center; }

/* _________________________________________________________________ MATERIAL ______________________________________________________________ */

.textos .material { color:#333; display:block; width:646px; min-height:273px; margin-left:36px; position:relative; 
	background-image: url(../images/fondo_negro.png) !important; *background-image:none; *background-color:#000;
}

	@media all and (min-width: 0px) {
	.textos .material { margin-left:35px; }
	}

/* _________________________________________________________________ CAPABILITIES __________________________________________________________ */

.material p.capab { color:#fff; padding:20px; font:11px/15px Arial; }
.material ul { color:#fff; font:11px/15px Arial; }
.material ul li { display:block; height:15px; width:300px; border:1px solid #666666; padding:3px 3px 3px 8px; margin:0 0 5px 0  }

/* _________________________________________________________________ TEXTOS ________________________________________________________________ */

.textos p { margin-left:0; margin:10px 0 0 0 ; }


.textos #pic a { color:#fff; border:1px solid rgb(90,90,90); width:238px; padding:3px 0 3px 20px; display:block; }

.textos #pic a:hover { border:1px solid rgb(153,153,153); border-right:0 none; background:url(../images/bullet_parrafos.gif) left no-repeat; }

.gallery_seleccion { font:13px Arial; margin:0 10px; }

/* _________________________________________________________________ EFECTO DE IMAGENES ____________________________________________________ */

#pic { width:250px; position:relative; top:-10; }
#pic a .large { display:block; height:1px; width:1px; position:absolute; top:-1px; left:-1px;  } /*La imagen está pequeña*/
#pic a.p1, 
#pic a.p1:visited { left:0; top:0; }
#pic a.p1 .la_muestra,
#pic a.p1:hover .large { display:block; height:273px; width:386px; position:absolute; left:260px; top:-33px; background: url(../images/cargando.gif) no-repeat center center #fff; /*Cargador*/ }

/* _________________________________________________________________ BARRA BLANCA ___________________________________________________________ */

.sep_blanca { display:block; width:646px; margin:0 0 0 36px; }
.sep_blanca img { width:646px; height:22px; }

/* _________________________________________________________________ TEXTO INFERIOR __________________________________________________________ */

.parrafos { display:block; width:682px; background:url(../images/fondo_negro.png)!important; 
	*background-image:none!important; *background-image:none; 
	*background-color:none!important;*background-color:#000;}
.parrafos .barra { background: url(../images/columna_falta.gif) left repeat-y; height:97px; position:relative; }
.parrafos .barra p { font:10px Arial normal; }
.parrafos span { font:normal 11px Arial; padding-top:5px; float:left; }
.parrafos a { color: #CCC; text-decoration: underline; }

/* _________________________________________________________________ CONTACT _________________________________________________________________ */

.contact_info { margin:20px 0 0 43px; width:639px; }
.contact_info img.regla { float:left; margin-right:15px; }
.contact_info span { margin:2px 0 0 0; display:block; width:150px; float:left; color:#999; }