/* Estilos comunes en toda la web */

/* activar para ayuda visual en maquetación */
/* div {border: solid 1px #f00;} ************/

body {
	margin: 10px 0 10px 0;
	padding: 0;
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 1em;
	text-align: center;
	line-height: 1em;
	color: #45556F;
	background:  #8C97A8 url(../imagenes/body_bkg.jpg) repeat-x top;
}

/* Elementos estructurales */

#contenedor {
	position: relative;
	margin: 0 auto;
	padding: 0;
 	width: 775px;
 	background: transparent url(../imagenes/pagina_bkg.gif) repeat-y;
}
#cuerpo {
	width: 746px;
	padding: 5px 14px 5px 14px;
}
#cabecera {
	float: left;
	position: relative;
	width: 775px;
	height: 135px;
	background: url(../imagenes/pagina_cabecera.gif) no-repeat;
	top: 0px;
}
#servicios {
	float: left;
	position: relative;
	width: 775px;
	height: 300px;
 	background: url(../imagenes/pagina_servicios.gif) no-repeat;
	font-weight: bold;
	font-size: 70%;
	line-height: 0.6em;
	text-align: left;
}
#trabajos {
	position: relative;
	float: left;
	width: 775px;
	height: 305px;
	background: url(../imagenes/pagina_trabajos.gif) no-repeat;
}
#formulario {
	position: relative;
	float: left;
	width: 775px;
	height: 305px;
	background: url(../imagenes/pagina_formulario.gif) no-repeat;
	font-weight: bold;
	font-size: 70%;
	line-height: 0.6em;
	text-align: left;
}
#pie {
	position: relative;
	clear:both;
	width: 775px;
	height: 44px;
 	font-size: 85%;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
 	background: transparent url(../imagenes/pagina_pie.gif) bottom no-repeat;
}

/* Contenedores de texto */

#cabecera #informacion {
	float: right;
	height: 115px;
	text-align: center;
	padding: 20px 40px 0 0;
}
#cabecera #informacion p {
	font-size: 70%;
}

/* Etiquetas */

#navegador h3 {
	font-size: 70%;
 	font-weight: normal;
	color: #46566F;
}
#menu h1 { 	
	font-size: 100%;
	color: #000000;	
	line-height: 0.6em;
}
#menu h1 a { 	
	font-size: 100%;	
}

/* Clases */

.clear {
	clear: both;
}
.text {
 	font-size: 75%;
}
.text a {
	color: #0000EE;
}

/* Ayuda para los buscadores - Textos incluidos en imágenes */

.descripcion_imagen {
	display: none;
}

/* Estilos de texto */
#contenedor #trabajos p.texto {
	text-align: left;
	color: #d32b0b;
	font-size: 65%;
	line-height: 1.5em;
	margin: 145px 0 0 18px;
}
#contenedor #trabajos #primero {
	float: left;
	height: 228px;
	width: 182px;
	margin: 48px 0 0 24px;
	*margin: 48px 0 0 12px;
	background: transparent url('../imagenes/trabajos/1.gif') no-repeat;
}
#contenedor #trabajos #segundo {
	float: left;
	height: 228px;
	width: 182px;
	margin: 48px 0 0 0;
	background: transparent url('../imagenes/trabajos/2.gif') no-repeat;
}
#contenedor #trabajos #tercero {
	float: left;
	height: 228px;
	width: 182px;
	margin: 48px 0 0 0;
	background: transparent url('../imagenes/trabajos/3.gif') no-repeat;
}
#contenedor #trabajos #cuarto {
	float: left;
	height: 228px;
	width: 182px;
	margin: 48px 0 0 0;
	background: transparent url('../imagenes/trabajos/4.gif') no-repeat;
}

#contenedor #servicios p.ac {
	line-height: 2.7em;
	margin: 95px 0px 0px 120px;
}
#contenedor #servicios p.cg {
	line-height: 2.7em;
	margin: 66px 0px 0px 120px;
}

/* Formularios */
#contenedor #formulario #contactar_datos {
	position: relative;
	float: left;
	margin: 55px 10px 0 30px;
	text-align: right;
	color: #FFFFFF;
	line-height: 2em;
}
#contenedor #formulario #contactar_campos {
	position: relative;
	float: left;
	width: 300px;
	margin: 55px 0 0 0;
	text-align: left;
}
#contenedor #formulario input.texto {
	width: 200px;
	height: 20px;
	border: none;
	background: transparent url('../imagenes/input.text.gif') no-repeat;
}
#contenedor #formulario textarea.textarea {
	width: 300px;
	border: none;
	background: transparent url('../imagenes/input.textarea.gif') no-repeat;
}
#contenedor #formulario input.boton {
	width: 79px;
	height: 21px; 
	padding: 25px 0 0 50px;
}
#contenedor #formulario .respuesta {
	position: relative;
	float: left;
	margin: 60px 0 0 100px;
	font-size: 170%;	
	color: #FFFFFF;
	line-height: 2em;
}