@charset "utf-8";

html {
	  background-image: url(../img/debut_dark.png);
	 }

.global {
         
         font-family: 'Oxygen', sans-serif;
		 color:#EEE;
		 background-attachment:fixed;
		 font-size:14px; 
		 width:100%;
        }

.warp {
	   width: 800px;
	   height: 917px;
	   margin: 0px auto 0px auto;
      }
		   
#espacio_blanco {
	             width:100%;
				 height:8px;
	            }
				
#imagen_cabecera {
	              border-radius:5px 5px 0px 0px;
				  /*behavior: url(js/bordes_redondeados_IE.htc); /* Hack para bordes redondeados IE */
	             }				
				
#kenburns {
	       border:none;
		   width:800px;
		   border-color:#333;
		   margin: -3px 0px 0px 0px;
	      }
		  
#cabecera {
	        width:100%;
			height:auto;
			margin: 0px 0px 0px 0px;
	       }
				
.barra_top {
	        margin: 0px 0px 3px 0px;
	       }
				
/*BOTONES*/
		 
.boton_home {
	         background-image: url(../img/boton_home.png);
	         background-repeat: no-repeat;
	         width: 115px;
	         height: 40px;
			 float:left;
		    }
			
.boton_home:hover {
	               background-position: 0 -40px;
	              }	
		 
.boton_ceramicas {
                  background-image: url(../img/boton_ceramicas.png);
                  background-repeat: no-repeat;
                  width: 114px;
                  height: 40px;
				  float:left;
	             }
				 
.boton_ceramicas:hover {
	                    background-position: 0 -40px;
	                   }
					   
.boton_otros_productos {
                        background-image: url(../img/boton_otros_productos.png);
                        background-repeat: no-repeat;
                        width: 114px;
                        height: 40px;
						float:left;
	                   }
					   
.boton_otros_productos:hover {
	                          background-position:0 -40px;
	                         }
							 
.boton_empresa {
                background-image: url(../img/boton_empresa.png);
                background-repeat: no-repeat;
                width: 114px;
                height: 40px;
				float:left;
	           }
			   
.boton_empresa:hover {
	                  background-position:0 -40px;
	                 }
					 
.boton_galeria {
                background-image: url(../img/boton_galeria.png);
                background-repeat: no-repeat;
                width: 114px;
                height: 40px;
				float:left;
	           }
			   
.boton_galeria:hover {
	                  background-position:0 -40px;
	                 }
				  
.boton_clientes {
                 background-image: url(../img/boton_clientes.png);
                 background-repeat: no-repeat;
                 width: 114px;
                 height: 40px;
				 float:left;
	            }
				
.boton_clientes:hover {
	                   background-position:0 -40px;
	                  }
					  
.boton_contacto {
                 background-image: url(../img/boton_contacto.png);
                 background-repeat: no-repeat;
                 width: 115px;
                 height: 40px;
				 float:left;
	            }
				
.boton_contacto:hover {
	                   background-position:0 -40px;
	                  }
					 
/*FIN BOTONES*/
		
#cuerpo {
         height:500px;
         width: 800px;
		 background-image:url(../img/fondo.png);
         border-radius: 0px 0px 5px 5px;
		 /*behavior: url(js/bordes_redondeados_IE.htc); /* Hack para bordes redondeados IE */ 
		 margin: -6px 0px 0px 0px;
		 position:absolute;
	    }
		
#caja {
	   width: 700px;
	   height: auto;
	   margin: 10px auto;
	   
	  }
		 
/* SECCIONES */
p {
   text-indent:10px;
  }
  
.medio {
	    text-align: center;
	   }
  
#items {
	    text-indent:0px;
		margin: 0px 0px 15px 10px;
	   }
  
table {
		border:solid;
		border-width:1px;
		border-color:#333;
		width:100%;
	   }
	  
tr {
	border:solid;
	border-width:1px;
	border-color:#333;
   }
   
td {
	border:solid;
	border-width:1px;
	border-color:#333;
   }
   
.columna {
	      font-weight:bold;
		  background-color:#CCC;
		  color:#333;
	     }
		 
.resaltado {
	      font-weight:bold;
	     }
		 
.tabla_espacio {
	            margin: 20px 0px 20px 0px;
	           }

h1 {
    margin: 0px 0px 0px 0px;	
	}  
  
#titulo {
	     color: #E1E1E1;
		 font-weight:bold;
		 font-size:20px;
		 text-indent:5px;
	    }
		
#separador {
	        margin: 0px 0px 5px 0px;
	       }
		   
h2 {
    margin: 0px 0px 0px 0px;	
	}  
		
#subtitulo {
	        color: #63B9E2;
		    font-weight:bold;
		    font-size:16px;
	       }
		   
h3 {
	font-size:14px;
	font-weight:normal;
	}
		   
.primer_subtitulo {
	               margin: 3px 0px 0px 0px;
	              }
		   
#primer_parrafo {
	             margin: -10px 0px 0px 0px;
	            }

#banda_azul {
	         margin:47px 0px 0px 72px;
			 z-index:1;
	        }

#index_slogan {
	          width:430px;
	          text-align:center;
			  font-size:28px;
			  margin: -128px auto 0px auto;
			  z-index:2;
			  color:#006;
			  font-family: 'Crafty Girls', cursive;
	         }
			 
#index_contenido_cuerpo {
	               position:absolute;
                   width: 430px;
                   margin: 68px 0px 0px 195px;
                   height: auto;
				   font-size:18px;
	              }
			 
#index_contenido {
	              width:410px;
				  margin: -80px 0px 0px 0px;
	             }
				 
#index_fotos {
	          margin:-4px 0px 0px -115px;
	         }
			 
#fotos_centrado1 {
	             width:100%;
				 margin: 0px 0px 0px 270px;
	            }
				
#foto1 {
	    width: 60px;
		height: 50px;
		background-image:url(../img/ceramicas/H1t.jpg);
		float:left;
	   }
	   
#foto2 {
	    width: 99px;
		height: 50px;
		background-image:url(../img/ceramicas/H2t.jpg);
		margin: 0px 0px 0px 68px;
	   }
				
#fotos_centrado2 {
	             width:254px;
				 margin: 0px 0px 0px 225px;
	            }
				
#foto3 {
	    width: 53px;
		height: 50px;
		background-image:url(../img/ceramicas/C1t.jpg);
		float:left;
	   }
	   
#foto4 {
	    width: 76px;
		height: 50px;
		background-image:url(../img/ceramicas/C2t.jpg);
		margin: 0px 0px 0px 4px;
		float:left;
	   }
	   
#foto5 {
	    width: 109px;
		height: 50px;
		background-image:url(../img/ceramicas/C3t.jpg);
		margin: 0px 0px 0px 145px;
	   }	   
	   	
#fotos_centrado3 {
	             width:250px;
				 margin: 0px 0px 0px 245px;
	            }
				
#foto6 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/R1t.jpg);
		float:left;
	   }
	   
#foto7 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/Tr2t.jpg);
		margin: 0px 0px 0px 4px;
		float:left;
	   }
	   
#foto8 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/TrCu1t.jpg);
		margin: 0px 0px 0px 148px;
	   }	
	   
#foto9 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/Ci3t.jpg);
		float:left;
		margin: 4px 0px 0px 74px;
	   }
	   
#foto10 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/P2t.jpg);
		float:left;
		margin: 4px 0px 0px 4px;
	   }
	   
#foto11 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/P7t.jpg);
		margin: 4px 0px 0px 0px;
	   }	
	   

#foto12 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/T1t.jpg);
		margin: 4px 0px 0px 74px;
		float:left;
	   }
	   
#foto13 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/Cu3t.jpg);
		margin: 4px 0px 0px 4px;
		float:left;
	   }
	   
#foto14 {
	    width: 66px;
		height: 50px;
		background-image:url(../img/ceramicas/CuR1t.jpg);
		margin: 4px 0px 0px 0px;
	   }	
	   
#link {
	   color:#999;
	  }
					
#link:hover {
	         color:#63B9E2;
	        }
			 
.ceramicas_fotos {
	              height: 50px;
				  border-radius: 3px;
                  /*behavior: url(js/bordes_redondeados_IE.htc); /* Hack para bordes redondeados IE */
				  border:solid;
				  border-width:2px;
				  border-color: #999;
                 }
				 
.ceramicas_fotos:hover {
	                    border-color: #63B9E2;   
				       } 
					   
#otros_productos_fichas {
	                     width:700px;
						 height:30px;
						 margin: 24px 0px 25px 0px;
	                    }
						
#centrado {
	       width:430px;
		   margin: 0 auto;
	      }
					
#ficha_instrucciones {
	                   width:200px;
					   float: left;
					   line-height:30px;
					   text-align:center;
					   border:solid;
					   border-width:2px;
					   border-color: #999;
					   color: #999;
					   margin: 0px 15px 0px 0px;
	                 }
					 
#ficha_instrucciones:hover {
					        border-color: #63B9E2;
					        color: #63B9E2;
	                       }

#ficha_seguridad {
	              width: 200px;
				  float: left;
				  line-height:30px;
				  text-align:center;
				  border:solid;
				  border-width:2px;
				  border-color: #999;
				  color: #999;
	             }
				 
#ficha_seguridad:hover {
				        border-color: #63B9E2;
				        color: #63B9E2;
	                   }
					   
.galeria_fotos {
	              height: 72px;
				  border-radius: 3px;
                  /*behavior: url(js/bordes_redondeados_IE.htc); /* Hack para bordes redondeados IE */
				  border:solid;
				  border-width:2px;
				  border-color: #999;
                 }
				 
.galeria_fotos:hover {
	                    border-color: #63B9E2;   
				       } 
				 
#formulario {
	         width: 500px;
			 text-align: left; 
			 margin: 0px 0px 0px 130px;
	        }		
			
#camp {
	  margin: 0px 0px 7px 0px;
	 }
	 
#camp:hover {
	         color: #63B9E2;
	        }
			
#campo {
	    width: 150px;
		float: left;
		text-align: right;
		margin: 0px 5px 0px 0px;
	   }
	   
#campo_form {
	         width: 150px;
			 border:solid;
			 border-width:1px;
			 border-color:#999;
	        }
			
#campo_text_area {
	              width: 150px;
				  height: 50px;
				  border:solid;
			      border-width:1px;
			      border-color:#999;
	             }
			
#requerido {
	        font-weight: bold;
			color: #63B9E2;
			margin: 0px 27px 20px 0px;
	       }			
		   
#mensaje {
	      text-align: left;
		  width: 100%;
	     }
		 
.requerido {
	        height: 18px;
			margin-top: -7px;
	       }
			
#boton_enviar {
	           float: right;
			   margin-right: 192px;
	          }	  
			  
#fotos_galeria {
	            margin: 0px 0px 0px 20px;
	           }
			  
#clientes {
		   width:125px;
		   height:75px;	   
		   border:solid;
		   border-color:#63B9E2;
		   border-width:2px;
		   background-color:#FFF;
		   text-align:center;
		   border-radius:5px;
		   float:left;
		   behavior: url(js/bordes_redondeados_IE.htc); /* Hack para bordes redondeados IE */
           position:relative;
		   margin: 0px 5px 5px 0px; 
	      }
		  
#clientes_imagen_alto {
	                   height:73px;
	                  }

#clientes_imagen_ancho {
				        width:123px; 
                        position:absolute;
						top:0;
						bottom:0;
						left:0; 
						right: 0;
						margin:auto;				
	                   }
/* FIN SECCIONES */

/* FOOTER CERALAR */		  
.footer_ceralar {
	             height: 100px;
	             background-image: url(../img/debut_dark.png);
	             border-top: solid 1px rgb(170, 170, 170);
	            }			
/* FIN FOOTER CERALAR */

/* FOOTER GIGLI */
.footer {
         height: 40px;
         background-color: #000;
         font-weight: normal;
         width: 100%;
		 position:absolute;
        }
		
.footer_contenido {
	               margin: auto;
                   width: 484px;
	              }		
				  		
.footer h5 {
            font-family: Arial, Helvetica, sans-serif;
	        font-size: 10px;
            color: #fff;
            text-align: center;
	        float: left;
	        margin: 14px 20px 0px 0px;
	        font-weight: normal;
		   }
		   
.footer img.foot_xrex {
                       margin-top: 6px;
                       color: white;
                       text-align: center;
                       float: left;
                       margin-right:20px;
	                  }

.footer img.foot_facebook {
                           margin-top: 8px;
                           color: white;
                           text-align: center;
                           float: left;
                           margin-right: 20px;
                           height: 25px;
                           width: 25px;
						  }
						  
.footer img.foot_twitter {
                          margin-top: 8px;
                          color: white;
                          text-align: center;
                          float: left;
                          height: 25px;
                          width: 25px;  
                         }
						 
.footer .footer_contenido h5 a {
	                            font-family: Arial, Helvetica, sans-serif;
	                            color: #CCC;
	                           }
									   
.footer .footer_contenido h5 a:hover {
	                                  color: #999;
	                                 }
											 
.footer h5 a {
	          font-family: Arial, Helvetica, sans-serif;
              text-decoration: none;
              padding-left: 10px;
              color: gray;
             }
			 
		  
/* FIN FOOTER GIGLI */