/*Documento CSS para www.servaesma.com

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:
**************************************************************************************/


@import 'elementos_generales.css';
@import 'sidebar.css';
@import 'menus.css';

/*************************************************************************************
	Elementos 
**************************************************************************************/
* {
	margin:0px;
	padding:0px;
}
/**************************************************************************************
	BODY 
**************************************************************************************/
body {
	background:#333 url(../imagenes/bg_body.jpg) fixed center top no-repeat;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	letter-spacing:0px;
	color:#666;
}

/***************************************************************************************
	CONTENEDOR
***************************************************************************************/
#contenedor {
	width:800px;
	margin:auto;
}
/***************************************************************************************
	CABECERA
***************************************************************************************/
#cabecera {
	padding-top:4px;
	width:100%;
	height:176px;
	background: url(../imagenes/bg_cabecera.jpg) no-repeat;
	margin-bottom:5px;
}

/***************************************************************************************
	CONTENIDOS
***************************************************************************************/
#contenido {
	text-align:left;
}
/**********************************
		BLOQUES CONTENIDOS
**********************************/
.bloque_p,
.bloque_m,
.bloque_g {
	float:left;
}

.bloque_p {width:200px;}
.bloque_m {width:300px;}
.bloque_g {width:500px;}
.bloque_sg {
	float:left;
	width:800px;
}
	
	.bloque_cab {
		background:#fff;
		height:60px;
	}
	.bloque_cuerpo {
		padding:20px;
		min-height:190px;
		margin-top:-2px;
	}
	.bloque_pie {
		background:url(../imagenes/bloque_pie.jpg) no-repeat;
		height:13px;
	}
	
/**********************************
		PRINCIPAL (contenedor swf)
**********************************/
#principal {
	width:800px;
	height:185px;
	background:#fff url(../imagenes/bloque_pie.jpg) bottom no-repeat;
	margin-bottom:5px;
}

/***************************************************************************************
	SECCIONES
***************************************************************************************/
/**********************************
		SERVICIOS INDEX
**********************************/
/* ELECTRICISTAS */
#cab_electricistas {background:url(../imagenes/cab_electricistas.jpg) no-repeat;}
#cuerpo_electricistas {background:#fff url(../imagenes/bg_electricistas.jpg) no-repeat;}
/* PINTORES */
#cab_pintores {background:url(../imagenes/cab_pintores.jpg) no-repeat;}
#cuerpo_pintores {background:#fff url(../imagenes/bg_pintores.jpg) no-repeat;}
/* CARPINTEROS */
#cab_carpinteros {background:url(../imagenes/cab_carpinteros.jpg) no-repeat;}
#cuerpo_carpinteros {background:#fff url(../imagenes/bg_carpinteros.jpg) no-repeat;}
/*FONTANEROS */
#cab_fontaneros {background:url(../imagenes/cab_fontaneros.jpg) no-repeat;}
#cuerpo_fontaneros {background:#fff url(../imagenes/bg_fontaneros.jpg) no-repeat;}
/* ANTENISTAS */
#cab_antenistas {background:url(../imagenes/cab_antenistas.jpg) no-repeat;}
#cuerpo_antenistas {background:#fff url(../imagenes/bg_antenistas.jpg) no-repeat;}
/* ALBANILES */
#cab_albaniles {background:url(../imagenes/cab_albaniles.jpg) no-repeat;}
#cuerpo_albaniles {background:#fff url(../imagenes/bg_albaniles.jpg) no-repeat;}

/**********************************
		SERVICIOS
**********************************/
#cab_servicios {background:url(../imagenes/cab_servicios.jpg) no-repeat;}
#cuerpo_servicios {background:#fff url(../imagenes/bg_servicios.jpg) no-repeat;}

ul#servicios {
	padding:20px;
	/*text-align:left;*/
	text-indent:10px;
	background:#fff url(../imagenes/bg_servicios.jpg) no-repeat;
	margin-top:-2px;
}
ul#servicios li {
	display:block;
	width:100%;
	height:25px;
	border-bottom:#999 1px dotted;
	line-height:25px;
}

ul#servicios a {
	font-weight:bold;
	color:#333;
}
ul#servicios a:hover {
	color:#900;
	text-decoration:underline;
}
/**********************************
		EMPRESA
**********************************/
#cab_empresa {background:url(../imagenes/cab_empresa.jpg) no-repeat;}
#cuerpo_empresa {background:#fff url(../imagenes/bg_empresa.jpg) no-repeat;}
/**********************************
		BUFETE
**********************************/
#cab_bufete {background:url(../imagenes/cab_bufete.jpg) no-repeat;}
#cuerpo_bufete {background:#fff url(../imagenes/bg_vaesma.jpg) no-repeat;}
/**********************************
		OFERTAS
**********************************/
#cab_ofertas {background:url(../imagenes/cab_ofertas.jpg) no-repeat;}
#cuerpo_ofertas {background:#fff url(../imagenes/bg_vaesma.jpg) no-repeat;}
#cuerpo_ofertas ul {
	margin:15px 0px 20px 0px;
	border-bottom:#ccc 1px dotted;
	min-height:155px;
}
#cuerpo_ofertas li {
	float:left;
}
#cuerpo_ofertas img {
	padding:2px;
	margin:0px 10px 10px 0px;
	border:#999 1px solid;
}
/**********************************
		COLABORADORES
**********************************/
#cab_colaboradores {background:url(../imagenes/cab_colaboradores.jpg) no-repeat;}
#cuerpo_colaboradores {background:#fff url(../imagenes/bg_vaesma.jpg) no-repeat;}

/**********************************
		TRABAJOS
**********************************/
#cab_trabajos {background:url(../imagenes/cab_trabajos.jpg) no-repeat;}
#cuerpo_trabajos {background:#fff url(../imagenes/bg_vaesma.jpg) no-repeat;}

ul.listado_trabajos {
	padding:15px;
	border-bottom:#999 1px dotted;
	margin-bottom:40px;
	/*text-align:left;*/
}
	
	ul.listado_trabajos li {
		margin-bottom:20px;
	}
	ul.listado_trabajos h2 {
		font-style:italic;
		font-size:16px;
		color:#900;
	}
	ul.listado_trabajos p {
		text-indent:20px;
	}
	ul.listado_trabajos img {
		padding:1px;
		margin:0px 5px;
		border:#ccc 1px solid;
	}
.pop_mov {
    text-align:center;
}
/**********************************
		CONTACTO
**********************************/
#cab_datos_contacto {background:url(../imagenes/cab_datos_contacto.jpg) no-repeat;}
#cuerpo_datos_contacto {background:#fff url(../imagenes/bg_datos_contacto.jpg) no-repeat;}
#cab_form_contacto {background:url(../imagenes/cab_form_contacto.jpg) no-repeat;}
#cuerpo_form_contacto {background:#fff url(../imagenes/bg_form_contacto.jpg) no-repeat;}
#cuerpo_datos_contacto, #cuerpo_form_contacto{height:290px;}

/*datos de contacto */
#cuerpo_datos_contacto ul {
	/*text-align:left;*/
}
#cuerpo_datos_contacto li {
	height:25px;
	line-height:25px;
	border-bottom:#999 1px dotted;
}


/* formulario de contacto */
form {width:450px;}
form ul {
	height:25px;
	width:100%;
	margin-bottom:10px;
	text-align:right;
}
form li {
	margin:0px;
	padding:0px;
	float:left;
	display:block;
}
form label {
	width:130px;
	margin-right:10px;
	display:block;
	border-bottom:#999 1px dotted;
}
input.entrada_g {
	width:310px;
	height:25px;
}
textarea#mensaje {
	width:310px;
	height:100px;
}
input.boton {
	margin-top:5px;
	float:left;
	width:100px;
	height:30px;
	font-size:11px;
	font-weight:bold;
}
form p {
	display:block;
	width:430px;
	padding-bottom:10px;
}

/***************************************************************************************
	PIE WEB
***************************************************************************************/
#pie {
	margin-top:7px;
	width:100%;
	height:115px;
	background:#ccc url(../imagenes/bg_pie.jpg) no-repeat;
}

/***************************************************************************************
	EXTRAS
***************************************************************************************/

.limpia {
	clear:both;
}

a#idominiun {
	float:right;
	height:20px;
	margin-top:15px;
}
	a#idominiun:hover {
		text-decoration:none;
	}
	a#idominiun img {
		border:none;
	}