/* Begin Typography and Colors */
/* superior - derecho - inferior - izquierdo*/
html
{
    position: relative; 
    min-height: 100%;
}

body { /*Ok*/
	font-size: 10px;
	font-family: "Verdana";
	text-align: center;
	margin: 0 0 65px;
	/*margin:10px 0px 0px 0px;*/
	/*background-image:url(img/fondo.jpg)*/
	}

footer
{
    width: 100%;
    bottom: 0;
    position: absolute;
    height: 60px;
	background-color:#e0e0e0;
}

menu
{
	font-size: 25px;
	color:#0066CC;
	text-align:left;
	font-family:Calibri;
	margin:15px 0px 10px 10px;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Verdana";
	}

h1 { /*Titulo de la hoja*/
	font-size: 25px;
	color:#0066FF;
	text-align:left;
	font-family:Calibri;
	margin:15px 0px 10px 10px;
	text-decoration:none;
	}

h2  { /*Subtitulos de las hojas*/
	text-align:left;
	font-size: 16px;	
	color:#FF6600;
	font-weight:normal;
	padding: 10px 0px 0px 10px;
	}

h3 { /* titulo de los servicios*/
	font-size: 14px;
	color:#333333;
	text-decoration:none;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}

h4  { /*campos del contacto*/
	font-size: 11px;
	color:#333333;
	text-decoration:none;
	margin: 0px 0px 0px 10px;
	vertical-align:top;
	text-decoration:none;
	}

h5  { /*titulo del encabezado */
	font-size: 10px;
	text-align:center;
	color:#333333;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	}

h6  { /* para los titulos de los items y subitems*/
	font-size: 10px;
	color:#000000;
	text-align: center;
	font-weight:normal;
	}
	
h2 a, h3 a, h4 a {
	color:#666666;
	text-decoration:none;
	}

a:hover{
	font-family:"Calibri";
	color:#0066FF;
	font-size: 12px;
	}

a {
	font-family:"Calibri";
	color:#999999;
	text-decoration:none;
	font-size: 12px;
	}
	
/* End Typography and Colors */


/* superior - derecho - inferior - izquierdo*/
/* Begin Structure */

.texto { /*Ok*/
	text-align:justify;
	font-family:"Verdana";
	font-size: 14px;	
	color:#333333; /*Gris*/
	font-weight:normal;
	padding: 0px 10px 0px 10px;
	}
	
.letra { /*LETRA GRANDE DE LAS CATEGORIAS*/
	text-align:center;
	font-family:"Verdana";
	font-size: 40px;	
	color:#FFFFFF;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	}
	
.tit_obra { /*Ok*/
	text-align:center;
	font-family:"Trebuchet MS";
	font-size: 12px;	
	color:#333333;
	font-weight:bold;
	height:55;
	background-image:url(img/fondo_celda.jpg);
	}

.pie { /*Ok*/
	text-align:center;
	font-family:"Verdana";
	font-size: 10px;	
	color:#F4F4F4;
	font-weight:bold;
	}
			
.imagen { /*Ok*/
	text-align:center;
	width: 150px;
	padding: 5px 10px 5px 15px;
	}	

.buscar { /*Ok*/
	text-align:right;
	font-family:"Verdana";
	font-size: 11px;	
	color:#666666; /*Gris*/
	font-weight:normal;
	padding: 0px 10px 0px 0px;
	}
	
.tit_categoria { /*Ok*/
	text-align:left;
	font-family:"Verdana";
	font-size: 16px;	
	color:#999999; /*Gris*/
	font-weight:normal;
	padding: 0px 0px 0px 120px;
	}
	
.items_tabla { /*Ok*/
	text-align:justify;
	font-family:"Verdana";
	font-size: 11px;	
	color:#333333; /*Gris*/
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	height:15px;
	background-color:#F4F4F4;
	}	
/* End Structure */

#footer {
	width: 100%;
	background: url(img/fondo_pie.jpg) left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#footer p {
	height:20;
	margin-top: 5px;	
	line-height: normal;
	text-align: center;
}

#footer p.destacado{
	font-size:12px;
	background-repeat:repeat-x;
}

.CampoFormulario {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	height: 19px;
	width: 350px;
	line-height: 12px;
	border: 1px solid #CCCCCC;
}

.CampoFormularioMensaje {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	height: 45px;
	width: 330px;
	line-height: 12px;
	border: 1px solid #CCCCCC;
}

.TextoBody {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	text-align:right;
	padding: 0px 10px 10px 20px;
}

.zoom{
	/* Aumentamos la anchura y altura durante 2 segundos */
	transition: width 2s, height 2s, transform 2s;
	-moz-transition: width 2s, height 2s, -moz-transform 2s;
	-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
	-o-transition: width 2s, height 2s,-o-transform 2s;
}
.zoom:hover{
	/* tranformamos el elemento al pasar el mouse por encima al doble de
	   su tamaņo con scale(2). */
	transform : scale(2);
	-moz-transform : scale(2);      /* Firefox */
	-webkit-transform : scale(2);   /* Chrome - Safari */
	-o-transform : scale(2);        /* Opera */
}