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

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* esta hoja de estilos esta bajo una licencia de Creative Commons */

/* Proposito: desahacer algunos de los estilos por defecto de los navegadores*/


/* los subrayados de los enlaces tienden a hacer el texto mas dificil de leer porque oscurecen las formas de la parte de abajo de las palabras*/
:link,:visited { text-decoration:none; }

/* quitamos los marcadores de lista ( puntos ) por defecto, porque generalmente usamos las listas por motivos semanticos*/
ul,ol { list-style:none }

/* evitamos los tamaños inconsistentes por defecto que los navegadores aplican a los titulos*/
h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,pre,code { font-size:1em; }


/* quitar la inconsistencia entre navegadorses de los margin y padding por defecto en ul y ol*/
/* el espaciado por defecto en los titulos ni encaja ni se alinea con el espacio entre lineas, así que nos libramos de el*/
/*colocamos a cero los espaciados alrededor de pre, form, body, html, p, blockquote tambien en en los elementos de formulario quitamos sus margenes y rellenos */
ul,ol,li,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* A alguien le han parecido alguna vez una buena idea los bordes azules alrededor de las imagenes enlazadas o visitadas? */
a img,:link img,:visited img { border:none }

/* quitamos la fuente itálica por defecto de la etiqueta address*/
address { font-style:normal }

#contenedor{width:800px;position:absolute; margin-left:-400px;left:50%;}

body{background-color: #ffffff;}




/*                      Cabecera Patronaje, esca...   */
h1{position:absolute;top:1px;left:205px;font-family:arial, helvetica, sans-serif;font-size:18px;font:bold;color:gray;}

/*                      Cabecera Servicios para....     */
h2{position:absolute;top:30px;left:205px;font-family:Arial, Helvetica, sans-serif;font-size:15px;font:bold;color:gray;}

h3{position:absolute;top:80px;left:205px;font-family:Arial, Helvetica, sans-serif;font-size:26px;font:bold;color:gray;
}
/*       h9 es el LOGO  */	
h9{position:absolute;top:1px;left:0px;}
h10{position:absolute;top:590px;left:125px;font-family:Arial, Helvetica, sans-serif;font-size:15px;font:bold;color:gray;}

/*                     Espacio para contenido imagen izquierda  */
#fondocontenido{
position:absolute;
top:120px;
left:0px;
height:350px;
width:190px;
border: 2px double #75114a;
}

/*                     Espacio para contenido principal   */
#texto{
border: 2px double #75114a;
position:absolute;
top:120px;
left:192px;
/*background: url(imgs/fondotexto.jpg);*/
padding: 15px;
text-align:justify;
height:320px;
width:570px;
font-family: Arial, Helvetica, sans-serif;
color:gray;
font-weight:bold;
font-size:14px;
}


/*                                           Boton de menu IMAGENMIX GRANDE */

#menuindex1	
{position:absolute;top:120px;left:0px;width:800px;height:280px;padding:0;margin:0;list-style-type:none;}
#menuindex1 li a
{position:absolute;}
#menuindex1 li#imagenindex1
{background-image:url(imgs/imgindex.jpg);margin: 0px 0px 0px 0px;}		
#menuindex1 li#imagenindex1 a
{background-image:url(imgs/imgindex.jpg);	width:800px;	height:280px;	margin: 0px 0px 0px 0px;	outline:none;	}
#menuindex1 li#imagenindex1 a:hover
{background-image:url(imgs/imgindexcolor.jpg);margin: 0px 0px 0px 0px;}

/*                                           Botones de pequeños de servicios en INDEX       */

#menuservindex 
{display:block;position:absolute;top:415px;left:0px;padding:0;margin:0;list-style-type:none;float:left;text-indent:-5000px;}
#menuservindex li a	
{float:left;height:133px;}

#menuservindex li#patronindex 
{background-image:url(imgs/imgpatronbase1smallbn.jpg); width:200px; height:133px; margin: 0px 0px 0px 0px; outline:none; float:left;}		
#menuservindex li#patronindex a
{background-image:url(imgs/imgpatronbase1smallbn.jpg); width:200px; height:133px; margin: 0px 0px 0px 0px; outline:none; float:left;}
#menuservindex li#patronindex a:hover
{background-image:url(imgs/imgpatronbase1small.jpg);   width:200px; height:133px; margin: 0px 0px 0px 0px; outline:none;}

#menuservindex li#escaladoindex 
{background-image:url(imgs/imgescalado1smallbn.jpg); width:200px; height:133px;  outline:none; float:left;position:absolute; left:200px;}		
#menuservindex li#escaladoindex a
{background-image:url(imgs/imgescalado1smallbn.jpg); width:200px; height:133px;  outline:none; float:left;}
#menuservindex li#escaladoindex a:hover
{background-image:url(imgs/imgescalado1small.jpg);   width:200px; height:133px;	 outline:none;}

#menuservindex li#marcadoindex 
{background-image:url(imgs/imgmarcada1smallbn.jpg);	width:200px; height:133px;  outline:none; float:left;position:absolute; left:400px;}		
#menuservindex li#marcadoindex a
{background-image:url(imgs/imgmarcada1smallbn.jpg);	width:200px; height:133px;  outline:none; float:left;}
#menuservindex li#marcadoindex a:hover
{background-image:url(imgs/imgmarcada1small.jpg);   width:200px; height:133px;  outline:none;}

#menuservindex li#tablaindex 
{background-image:url(imgs/otrosserv200133bn.jpg); width:200px; height:133px;  outline:none; float:left;position:absolute; left:600px;}		
#menuservindex li#tablaindex a
{background-image:url(imgs/otrosserv200133bn.jpg); width:200px;	height:133px;  outline:none; float:left;}
#menuservindex li#tablaindex a:hover
{background-image:url(imgs/otrosserv200133.jpg);   width:200px; height:133px;  outline:none;}

/*                                                            MENU GENERAL DE BOTONES                            */

#menu
{display:block; float:left; position:absolute; top:70px; left:194px; padding:0; margin:0; list-style-type:none; text-indent:-5000px;}
#menu li a 
{float:left; height:45px;}

#menu li#nosotros 
{background-image:url(imgs/botonnosotros.jpg);		 width:100px; height:45px;  float:left; outline:none;}
#menu li#nosotros a
{background-image:url(imgs/botonnosotros.jpg);		 width:100px; height:45px;  float:left; outline:none;}
#menu li#nosotros a:hover
{background-image:url(imgs/botonnosotroshover.jpg);  width:100px; height:45px;  outline:none;}

#menu li#servicios 
{background-image:url(imgs/botonservicios.jpg);	    width:100px; height:45px; float:left; outline:none; position:absolute; left:101px;}
#menu li#servicios a
{background-image:url(imgs/botonservicios.jpg);		width:100px; height:45px; float:left; outline:none;}
#menu li#servicios a:hover
{background-image:url(imgs/botonservicioshover.jpg);width:100px; height:45px; outline:none;}

#menu li#clientes 
{background-image:url(imgs/botonclientes.jpg);   	width:100px; height:45px; float:left; outline:none; position:absolute; left:202px;}
#menu li#clientes a
{background-image:url(imgs/botonclientes.jpg);   	width:100px; height:45px; float:left; outline:none;}
#menu li#clientes a:hover
{background-image:url(imgs/botonclienteshover.jpg); width:100px; height:45px; outline:none;}

#menu li#enlaces 
{background-image:url(imgs/botonlinks.jpg);    		width:100px; height:45px; float:left; outline:none; position:absolute; left:303px;}
#menu li#enlaces a
{background-image:url(imgs/botonlinks.jpg);     	width:100px; height:45px; float:left; outline:none;}
#menu li#enlaces a:hover
{background-image:url(imgs/botonlinkshover.jpg);  	width:100px; height:45px; outline:none;}

#menu li#contacto 
{background-image:url(imgs/botoncontacto.jpg);   	width:100px; height:45px; float:left; outline:none; position:absolute; left:404px;}
#menu li#contacto a
{background-image:url(imgs/botoncontacto.jpg);    	width:100px; height:45px; float:left; outline:none;}
#menu li#contacto a:hover
{background-image:url(imgs/botoncontactohover.jpg);	width:100px; height:45px; outline:none;}


#menu li#volver 
{background-image:url(imgs/botonretorno.jpg);   	width:100px; height:45px; float:left; outline:none; position:absolute; left:505px;}
#menu li#volver a
{background-image:url(imgs/botonretorno.jpg); 	width:100px; height:45px; float:left; outline:none;}		
#menu li#volver a:hover
{background-image:url(imgs/botonretornohover.jpg);width:100px; height:45px; outline:none;}


/*                                                                   MENU DE BOTONES SERVICIOS Y VOLVER                       */

#menuser 
{display:block;	float:left; position:absolute; top:70px; left:194px; padding:0;	margin:0; list-style-type:none;	text-indent:-5000px;}
#menuser li a 
{float:left;height:45px;}

	
#menuser li#serviciosser 
{background-image:url(imgs/botonservicios.jpg);     width:100px; height:45px; margin: 0px 5px 0px 0px; outline:none; float:left;}
#menuser li#serviciosser a 
{background-image:url(imgs/botonservicios.jpg);		width:100px; height:45px; margin: 0px 5px 0px 0px; outline:none; float:left;}
#menuser li#serviciosser a:hover
{background-image:url(imgs/botonservicioshover.jpg);width:100px; height:45px; margin: 0px 5px 0px 0px; outline:none;}

#menuser li#volverser   
{background-image:url(imgs/botonretorno.jpg);    width:100px; height:45px; outline:none; float:left; position:absolute; left:101px;}
#menuser li#volverser a
{background-image:url(imgs/botonretorno.jpg);	width:100px; height:45px; outline:none; float:left;}
#menuser li#volverser a:hover
{background-image:url(imgs/botonretornohover.jpg);width:100px; height:45px;  outline:none;}

#volv
{display:block;	float:left; position:absolute; top:70px; left:596px; padding:0;	margin:0; list-style-type:none;	text-indent:-5000px;}
#volv li a
{float:left; height:45px;}

#volv li#contacto
{background-image:url(imgs/botoncontacto.jpg);		width:100px; height:45px; margin:0px 5px 0px 0px; outline:none; float:left;}
#volv li#contacto a
{background-image:url(imgs/botoncontacto.jpg);		width:100px; height:45px; margin:0px 5px 0px 0px; outline:none; float:left;}
#volv li#contacto a:hover
{background-image:url(imgs/botoncontactohover.jpg); width:100px; height:45px; margin:0px 5px 0px 0px; outline:none;}

#volv li#volver 
{background-image:url(imgs/botonretorno.jpg);	width:100px; height:45px; outline:none; float:left; position:absolute; left:101px;}		
#volv li#volver a
{background-image:url(imgs/botonretorno.jpg);	width:100px; height:45px; outline:none; float:left;}
#volv li#volver a:hover
{background-image:url(imgs/botonretornohover.jpg);width:100px; height:45px; outline:none;}

/*                                                                   MENU GRAFICO PAGINA de SERVICIOS 1 Y 2                       */



#menuservicios1	
{display:block;float:left;position:absolute;top:120px;left:-30px;padding:0;margin:0;list-style-type:none;text-indent:-5000px;}
#menuservicios1 li a
{float:left;height:260px;}

#menuservicios1 li#patro100 
{background-image:url(imgs/imgpatronbase1bn.jpg);  width:390px; height:260px; margin: 0px 0px 0px 0px; float:left; outline:none; }		
#menuservicios1 li#patro100 a
{background-image:url(imgs/imgpatronbase1bn.jpg);    width:390px; height:260px; margin: 0px 0px 0px 0px; float:left; outline:none; }
#menuservicios1 li#patro100 a:hover
{background-image:url(imgs/imgpatronbase1.jpg);  width:390px; height:260px; margin: 0px 0px 0px 0px; outline:none;}

#menuservicios1 li#escal100 
{background-image:url(imgs/imgescalado1bn.jpg);    width:390px; height:260px; float:left; outline:none; position:absolute; left:390px;}
#menuservicios1 li#escal100 a
{background-image:url(imgs/imgescalado1bn.jpg);      width:390px; height:260px; float:left; outline:none; }
#menuservicios1 li#escal100 a:hover
{background-image:url(imgs/imgescalado1.jpg);    width:390px; height:260px;  outline:none;}


#menuservicios2
{display:block;float:left;position:absolute;top:381px;left:-30px;padding:0;margin:0;list-style-type:none;text-indent:-5000px;}
#menuservicios2 li a
{float:left; height:260px;}

#menuservicios2 li#marca100 
{background-image:url(imgs/imgmarcada1bn.jpg);	width:390px; height:260px; margin: 0px 0px 0px 0px; float:left; outline:none;}		
#menuservicios2 li#marca100 a
{background-image:url(imgs/imgmarcada1bn.jpg);	width:390px; height:260px; margin: 0px 0px 0px 0px; float:left; outline:none;}
#menuservicios2 li#marca100 a:hover
{background-image:url(imgs/imgmarcada1.jpg);	width:390px; height:260px; margin: 0px 0px 0px 0px; outline:none;}

#menuservicios2 li#otrosserv 
{background-image:url(imgs/otrosserv390260bn.jpg);	width:390px; height:260px; float:left;outline:none; position:absolute; left:390px;}		
#menuservicios2 li#otrosserv a
{background-image:url(imgs/otrosserv390260bn.jpg);	width:390px; height:260px;  float:left;outline:none;}
#menuservicios2 li#otrosserv a:hover
{background-image:url(imgs/otrosserv390260.jpg);	width:390px; height:260px;  outline:none;}


#p1{font-family: Arial, Helvetica, sans-serif;color:gray;font-weight:bold;font-size:16px;position:absolute;top:250px;left:10px;}
#p2{position:absolute;top:160px;left:198px;border:ridge;}
#p3{font-family: Arial, Helvetica, sans-serif;color:gray;font-weight:bold;font-size:16px;position:absolute;top:500px;left:10px;}
#p4{position:absolute;top:410px;left:198px;}

#p5{position:absolute;top:383px;left:425px;}

#p6{font-family: Arial, Helvetica, sans-serif;color:gray;font-weight:bold;font-size:16px;position:absolute;top:260px;left:525px;}
#p7{position:absolute;top:303px;left:525px;}


#p10{font-family: Arial, Helvetica, sans-serif;color:gray;font-weight:bold;font-size:16px;position:absolute;top:250px;left:10px;}
#p20{position:absolute;top:160px;left:198px;}

#p50{position:absolute;top:400px;left:350px;}

#p60{font-family: Arial, Helvetica, sans-serif;color:gray;font-weight:bold;font-size:16px;position:absolute;top:540px;left:10px;}
#p70{position:absolute;top:450px;left:185px;}

#p100{font-family: Arial, Helvetica, sans-serif;color:gray;font-weight:bold;font-size:16px;position:absolute;top:250px;left:10px;}
#p200{position:absolute;top:160px;left:188px;}

#p500{position:absolute;top:425px;left:350px;}

#p600{font-family: Arial, Helvetica, sans-serif;color:gray;font-weight:bold;font-size:16px;position:absolute;top:540px;left:10px;}
#p700{position:absolute;top:480px;left:195px;}



#t1
{
width:780px;
text-align:;
font-family: Arial, Helvetica, sans-serif;
color:gray;
font-weight:bold;
font-size:16px;
position:absolute;
top:180px;
left:10px;
}

#t2
{
font-family: Arial, Helvetica, sans-serif;
color:gray;
font-weight:bold;
font-size:16px;
position:absolute;
top:270px;
left:10px;
}

#t22
{
border:  ridge #75114a;
position:absolute;
top:290px;
left:10px;
}
#t3
{
font-family: Arial, Helvetica, sans-serif;
color:gray;
font-weight:bold;
font-size:16px;
position:absolute;
top:270px;
left:290px;
}
#t33
{
border:  ridge #75114a;
position:absolute;
top:290px;
left:290px;
}

#t4
{
font-family: Arial, Helvetica, sans-serif;
color:gray;
font-weight:bold;
font-size:16px;
position:absolute;
top:270px;
left:590px;
}
#t44
{
border:  ridge #75114a;
position:absolute;
top:290px;
left:590px;
}
#t5
{
width:300px;
font-family: Arial, Helvetica, sans-serif;
color:gray;
font-weight:bold;
font-size:18px;
position:absolute;
top:450px;
left:590px;
}
#t55
{
border:  ridge #75114a;
position:absolute;
top:470px;
left:590px;
}

#cor{ position:absolute;top:120px;left:1px;height:292px;width:260px; background-color:#FF9900;}                               
#corte{margin: 22px 0px 0px 22px;}
#cortetex{margin:10px 10px 0px 10px;text-align:center;font-family: Arial, Helvetica;color:gray;font-weight:bold;font-size:16px;}

#maq{position:absolute;top:120px;left:269px;height:292px;width:260px;  background-color:#CCFF33;}                               
#maquina{margin: 22px 0px 0px 22px;}
#maquinatex{margin:10px 10px 0px 10px;text-align:center;font-family: Arial, Helvetica;color:gray;font-weight:bold;font-size:16px;}

#tab{position:absolute;top:120px;left:537px;height:292px;width:260px; background-color:#00CC66;}                               
#tabla{margin: 22px 0px 0px 22px;}
#tablatex{margin:10px 10px 0px 10px;text-align:center;font-family: Arial, Helvetica;color:gray;font-weight:bold;font-size:14px;}

#med{position:absolute;top:420px;left:1px;height:292px;width:260px; background-color:#FF99FF;}                               
#medidas{margin: 22px 0px 0px 22px;}
#medidastex{margin:10px 10px 0px 10px;text-align:center;font-family: Arial, Helvetica;color:gray;font-weight:bold;font-size:16px;}

#pat{position:absolute;top:420px;left:269px;height:292px;width:260px;  background-color:#6633FF;}                               
#patmed{margin: 22px 0px 0px 22px;}
#patmedtex{margin:10px 10px 0px 10px;text-align:center;font-family: Arial, Helvetica;color:gray;font-weight:bold;font-size:16px;}

#esc{position:absolute;top:420px;left:537px;height:292px;width:260px;  background-color:#CCFFFF;}                               
#escal{margin: 22px 0px 0px 22px;}
#escaltex{margin:10px 10px 0px 10px;text-align:center;font-family: Arial, Helvetica;color:gray;font-weight:bold;font-size:16px;}


#nombre {
font-size:14px;
background:#002a5c;
font:bold;
color:white;
}

#mail {
font-size:14px;
background:#002a5c;
font:bold;
color:white;
}

#telefono {
font-size:14px;
background:#002a5c;
font:bold;
color:white;
}

#comentarios {
font-size:14px;
background:#002a5c;
font:bold;
color:white;
}


/*                                 MENU PRIMERO  */