@charset "utf-8";
/* CSS Document */

body {
	background-repeat: repeat;
	background-image: url(imagenes/172.gif);
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 25px;}

.Estilo1 {font-family: Verdana, Arial, Helvetica, sans-serif}

a {text-decoration: none;outline:none;}

#FlashID:active {outline:none;}

.linea{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;}

a img {border:none;}

h4 { margin: 0; padding: 0; font-size: 12px;}

/******************************
*           Pagina            *
*******************************/

.wrapper {
	margin: 			0 auto;
	width: 				 740px;
	position:		  relative;}

/* <<<<<<<<<<<<<<<<<<< HEADER
*/
.header{
	background: url(imagenes/head.jpg) no-repeat;
	height:				 110px;
	width:				 740px;
	margin: 0px;}
	
.flash {
	float:				  left;
	margin-left: 		  20px;}
	
* html .flash { margin-left: 10px;}

.head{
	float:				 right;
	font-size:			  11px;
	text-decoration:	  none;
	width: 				 250px;
	height: 			  85px;
	text-align: 		 right;
	padding: 	 15px 40px 0px;}	
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/


/*<<<<<<<<<<<<<<<<<<< CONTENIDO
*/
.region {
	background: url(imagenes/cont.jpg) repeat-x;
	width:		 		 740px;
	height:				 393px;
	padding: 		 		 0;
	margin:					 0;}

.cont {
	margin: 	   		   0px;
	margin-left: 		  20px;
	padding:		       0px;
	height: 		     350px;
	width: 			     700px;}	
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

/*<<<<<<<<<<<<<<<<<<<<<< FOOTER
*/ 
.foot{
	background: url(imagenes/foot.jpg) no-repeat;
	text-decoration:	  none;
	font-size:			  10px;
	margin: 			   0px;
	height: 		 	  34px;
	width: 				 740px;
	text-align: 		center;
	padding:			   1px;}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/


/*<<<<<<<<<<<<<<<<<<<< HOME
*/
.home a{
	width: 				175px;
	height: 			291px;
	display: 			block;
	text-indent:	  -9999px;
	float:left;}
	
.banos a{background: url(imagenes/banos.jpg) no-repeat top left;}
.obras a{background: url(imagenes/obras.jpg) no-repeat top left;}
.oficinas a{background: url(imagenes/oficinas.jpg) no-repeat top left;}
.escolar a{background: url(imagenes/escolars.jpg) no-repeat top left;}
.home a:hover{background-position: top right;}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/


/* -------------CONTACTO-------------*/
.contacto { background:#EEE9D5; width: 700px; height: 300px;}
.texto-contacto {float:left; margin-left: 25px;}
.contacto img {float: left; margin-left: 25px;}
* html .texto-contacto { margin-left: 12px;}

/*---------- PRE-CATALOGO  ----------*/
.intro { padding: 25px 30px;float:left; width: 460px; height: 291px;}
* html .intro { padding: 20px 30px 0px 30px; height: 271px;}
* html .intro h4 { font-size: 12px;}

.catalogo h3{font-size:16px; color:#006600; padding-bottom: 3px; width: 150px; display:inline; .display: block;}

.catalogo a { color:#006600;}
	
.catalogo a:hover {color: #000; border-bottom: 1px black dotted;}

/*------------CATALOGOS--------------*/

.contenido-catalogo{ background:#EEE9D5; width: 700px; height: 291px;}

/*------------------------------BAÑOS------------------------------*/
.eco a{background: url(imagenes/menu%20banos/beco.jpg) no-repeat top;}
.foresta a { background: url(imagenes/menu%20banos/bforesta.jpg) top;}
.walkiria a { background: url(imagenes/menu%20banos/bwalkira.jpg) top;}
.lujo a { background: url(imagenes/menu%20banos/blujo.jpg) top;}
.lavadero a { background: url(imagenes/menu%20banos/blavadero.jpg) top;}
.madera a{ background: url(imagenes/menu%20banos/bmadera.jpg) top;}
/*------------------------------OBRAS------------------------------*/
.cocinas a{ background: url(imagenes/menu%20obras/cocinasa.jpg) top;}
.aberturas a{ background: url(imagenes/menu%20obras/puertaa.jpg) top;}
.placard a{ background: url(imagenes/menu%20obras/placara.jpg) top;}
.equipamento a{ background: url(imagenes/menu%20obras/equipamientoa.jpg) top;}
/*------------------------------ESCOLAR-----------------------------*/
.armarios a{ background: url(imagenes/menu%20escolar/armarios.jpg) top;}
.pupitres a{ background: url(imagenes/menu%20escolar/pupitres.jpg) top;}
.pizarrones a{ background: url(imagenes/menu%20escolar/pizarrones.jpg) top;}
.estanterias a{ background: url(imagenes/menu%20escolar/estanterias.jpg) top;}
.escritorios a { background: url(imagenes/menu%20escolar/escritorios.jpg) top;}
/*------------------------------OFICINA-----------------------------*/
.archiveros a{ background: url(imagenes/menu%20oficina/archiveros.jpg) top;}
.bibliotecas a{ background: url(imagenes/menu%20oficina/bibliotecas.jpg) top;}
.puestos a{ background: url(imagenes/menu%20oficina/puestos.jpg) top;}
.sillas a{ background: url(imagenes/menu%20oficina/sillas.jpg) top;}
.escritorios-o a{ background: url(imagenes/menu%20oficina/escritorios.jpg) top;}


.boton a {
	width:				116px;
	height:			    116px;
	display: 			block; 
	text-indent: 	  -9999px;
	float:				 left;
	margin:	20px 0px 0px 45px;}
	
.boton a:hover {
	opacity: 			  0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
	
/*.prox a:hover{ 
	text-indent: 0px;
	color: #000;
	font-size:16px;
	line-height: 250px;}
	
* html .prox a:hover{
	overflow: hidden;
	text-indent: -9999px;}
*/	
* html .esc { margin-bottom: 2px;}
	
/*------------- QUIENES -------------*/

.quienes-fondo{ background:#EEE9D5 url(imagenes/menu%20quienes/quienes.jpg) no-repeat; width: 700px; height: 291px;}
.slideshow {position: relative;}
.slideback { width: 270px; height: 291px; position:absolute; z-index:1;}
.quienes { width: 410px; margin-left: 270px; padding: 10px;}