/* CSS Atrium Business Center by Enric */

/* Genericos */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url("../images/linea_bg.gif") repeat-x;
	background-position: 0 111px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #333333;
	}

img {
	border: 0;
	}
	
img.right {
	float:right;
	border: 1px solid #aaa;
	padding: 1px;
	margin: 0 10px 10px 20px;
	}
	
img.left {
	float:left;
	border: 1px solid #aaa;
	padding: 1px;
	margin: 0 20px 10px 10px;
	}
	
a {
   color: #444;
  }

p.clear {
	margin: 0;
	padding: 0;
	clear: both;
	}
	
span.nota {
	font: 11px "Trebuchet MS", sans-serif;
	color: #888;
	margin-left: 15px;
	}
	
p.aviso {
		font: .8em/1.4em "Trebuchet MS", sans-serif;
		margin: 0 0 15px 5px;
		color: #FF3333;
		}
	
	

/*******Zonas generales********/

div.all {
	margin: 0 auto;
	width: 770px;
	}
	
div.bloque-izquierda {
	float: left;
	width: 230px;
	}
	
div.bloque-derecha {
	text-align: left;
	float: right;
	width: 540px;
	}


/******Franja con logo y foto del bloque izquierda*******/

div.franja {
	margin: 0;
	width: 224px;
	float: right;
	}
	
	div.franja h1 {
		margin: 0;
		padding: 0;
		}

/*Contenidos*/
	div.textos {
		/*text-align: left;*/
		margin: 0;
		padding: 5px 0 0 15px;
		width: 510px;
		}
		
		div.textos h1 {
			margin:0;
			padding: 0 0 10px 0;
			}
			
		div.textos h1.home {
			margin:0;
			padding: 0 0 20px 0;
			}
			
		div.textos h3 {
			margin: 0;
			padding: 0;
			}
			
		div.textos h4 {
			margin: 25px 0 0 5px;
			padding: 0;
			}
			
		div.textos p {
			font: .8em/1.4em "Trebuchet MS", sans-serif;
			margin: 0 0 15px 5px;
			}
			
		div.textos p.separado {
			font: .8em/1.4em "Trebuchet MS", sans-serif;
			margin: 10px 0 0 25px;
			}
			
		div.textos p.home {
			font: .8em/1.4em "Trebuchet MS", sans-serif;
			margin: 0 0 0 5px;
			}
			
		div.textos p.empresa {
			font: .8em/1.4em "Trebuchet MS", sans-serif;
			margin: 15px 0 10px 15px;
			}
			
		div.textos ul {
		margin: 10px 0 25px 25px;
		padding: 0;
		}
		
		div.textos li {
			padding: 0 0 0 12px;
			list-style: none;
			background: url(../images/vinyeta.gif) no-repeat;
			background-position: 0 7px;
			font: .8em/1.6em "Trebuchet MS", sans-serif;
			}
			
		div.textos ul.menor {
		margin: 4px 0 5px 30px;
		}
		
		div.textos li.menor {
			padding: 0 0 0 12px;
			list-style: none;
			background: url(../images/vinyeta_off.gif) no-repeat;
			background-position: 0 6px;
			font: 13px/1.5em "Trebuchet MS", sans-serif !important;
			}
		
			
/******** Lista seccion empresa ***********/

div.textos ul.izquierda {
		margin: 0 0 0 25px !important;
		width: 200px;
		float: left;
		}
		
#map {
		font: .8em "Trebuchet MS", sans-serif !important;
		margin: 25px 0 25px 15px;
		border: 1px solid #aaa;
		padding: 1px;
		}
			
			
/**************Tres modulos de la home***********************/

	div.modulo-home {
		width: 155px;
		margin: 20px 0 25px 20px;
		*margin: 20px 0 25px 20px;
		float: left;
		}
		
	div.modulo-home-primero {
		width: 150px !important;
		margin: 20px 0 25px 10px !important;
		*margin: 20px 0 25px 5px !important;
		}

	div.modulo-home h3 {
		width: 150px;
		margin: 0;
		padding-bottom: 4px;
		background: url(../images/subrayado_home.gif) no-repeat bottom right;
		}
	
	div.modulo-home ul {
		margin: 10px 0 20px 17px;
		padding: 0;
		}
	
		div.modulo-home li {
			padding: 0 0 0 8px;
			list-style: none;
			background: url(../images/vineta_modulos_home.gif) no-repeat;
			background-position: 0 8px;
			font: .7em/1.6em "Trebuchet MS", sans-serif;
			}
		
	div.modulo-home img.images {
			margin: 3px 0 0 -10px;
			padding: 0;
			float: right;
			}
			
			
/**************Modulo gris inferior de la home y cajas *********************/

	div.modulo-home-gris {
		width: 520px;
		/*height: 175px;*/
		margin: -7px 0 25px 0;
		*margin: 1px 0 25px 0;
		_margin: -23px 0 25px 0;
		padding: 0;
		float: left;
		background: url(../images/bg_pastilla_gris.gif) no-repeat bottom right;
		background-color: #f4f4f4;
		}
		
	div.contenedor-izquierda {
		float: left;
		width: 210px;
		margin: 0 25px 0 25px;
		*margin: 20px 15px 0 15px;
		}
		
	div.contenedor-izquierda p {
		font: .7em/1.6em "Trebuchet MS", sans-serif;
		margin: -5px 0 0 15px;
		}
		
	div.contenedor-izquierda ul {
		margin: -5px 0 18px 15px;
		padding: 0;
		}
	
		div.contenedor-izquierda li {
			padding: 0 0 0 8px;
			list-style: none;
			background: url(../images/vineta_inferior_home.gif) no-repeat;
			background-position: 0 6px;
			font: .7em/1.6em "Trebuchet MS", sans-serif;
			}
		
		
			
/********** Modulo de los banners********************/

div.modulo-banner {
	width: 199px;
	background: url(../images/middle_banner.gif) repeat-y top;
	margin: 10px auto;
	}

	div.modulo-banner p.top {
		margin: 0;
		background: url(../images/top_banner.gif) no-repeat top;
		height: 44px;
		overflow: hidden;
		}
		
	div.modulo-banner p {
			margin: 10px 5px 10px 15px;
			font: .8em/1.4em "Trebuchet MS", sans-serif;
			text-align: left;
			background: url(../images/bg_banner.gif) no-repeat bottom right;
			}
			
	div.modulo-banner p.donde {
			background: url(../images/bg_banner2.gif) no-repeat bottom right;
			}
			
	div.modulo-banner p.bottom {
		margin: 0;
		background: url(../images/bottom_banner.gif) no-repeat top;
		height: 6px;
		overflow: hidden;
		}
		


/********Postits**********/

div.postit {
	width: 192px;
	margin: 0 auto;
	}
		
		
/******** Pastilla gris comentario en contenido ***********/

	div.pastilla-gris {
		width: 460px;
		margin: 35px 0 25px 25px;
		padding: 10px;
		background-color: #f3f3f3;
		}
		
		div.pastilla-gris p {
		margin: 0;
		padding: 0;
		}
		

/******** Pagina contactar ***********/

input , label, textarea {
	margin-left: 15px;
	}

input.submit {
	margin-left: 20px;
	margin-bottom: 25px;
	font-weight: bold;
	}
	
/*Tabla de la comparativa*/	

table.comparativa {
	font: .8em/1.4em "Trebuchet MS", sans-serif;
	margin: 0 0 35px 20px;
	text-align: center;
	border-collapse:collapse;
	}
	
	table.comparativa td, table.comparativa th {
		padding: 3px;
		}

	table.comparativa th {
		background: #fff;
		border-bottom:1px solid #aaa;
		width: 15%;
		}
		
	table.comparativa tr.gris {
		background: #f5f5f5;
		}
		
	table.comparativa td.titulo {
		text-align: left;
		padding-left: 10px;
		width: 25%;
		}


/*Footer*/

div.footer {
	margin-top: 25px;
	margin-bottom: 20px;
	width: 770px;
	background: url(../images/bg_footer.gif) repeat-x top left;
	}

div.footer p{
	margin: 0;
	text-align: left;
	padding: 10px 0 0 20px;
	font: 11px Arial, sans-serif;
	color: #444;
	word-spacing: 0.15em;
	}