/***********************************************************
	Template Habitat 01 para Couldix Habitat
	Autor: Couldix
	Fecha: 13 julio 2006
	web: www.couldix.com
***********************************************************/
body {
	margin			: 0 0 0 0;
	padding		: 0 0 0 0;
	text-align	: center;
	font-family		: Trebuchet MS, Arial narrow, Arial, Helvetica, sans-serif;
	color	: #666
}

a, a:visited {
font-size: 11px;
font-family		: Trebuchet MS, Arial narrow, Arial, Helvetica, sans-serif;
text-transform: lowercase;
text-decoration: none;
color:#2496dd;
}

a:hover {
font-family		: Trebuchet MS, Arial narrow, Arial, Helvetica, sans-serif;
text-transform: lowercase;
text-decoration: underline;
color:#666;
}

td, p, div {
	font-size: 11px;

}
.negrita {
	font-weight: bold;
}

h1
{
	text-align: left;
}

p{text-align: left;}
/***********************************************************
	MAQUETACION
***********************************************************/
#container {
	width	: 760px;
	margin: 0 auto;
	background	: #fff;
}

#header {
	width	: 838px;
	height	: 300px;
	margin	: 0 0 0 18px;
	background: url(../images/header4.jpg) center no-repeat;
	}
	
#top-nav {
	width	: 525px;
	height	: 40px;
	margin		: 0 0 0 210px;
	}
	
#top-nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
	}	

#top-nav li{
	padding: 0;
	margin: 0;
	float: left;
	}	
	
#language {
	float: left;
	margin	: 0 0 0 15px;
	width:	180px;
	height: 30px;
}

#search {
	position	: absolute;
	top	: 210px;
	margin	: 0 0 0 12px;
	padding	: 5px 0 0 35px;
	background: url(../images/l-b.jpg) bottom left no-repeat;
	width	: 200px;
	height	: 207px;
}

#main {
	width: 595px;
	height	: 400px;
	margin: 20px 0 0px 265px;
	text-align: left;
	}
html>body div#main {
min-height: 400px;
height: auto;
}

#sidebar
{
	float: left;
}

#col {
	position	: absolute;
	top	: 425px;
	margin	: 0 0 0 0;
	background: #fff;
	width	: 220px;
}

#module-title {
	height	: 30px;
	width	: 220px;
	margin	: 0 0 0 29px;
	background: url(../images/bg_module_title.jpg) top left no-repeat;
}

#module-body {
	text-align: left;
	width	: 220px;
	height	: 180px;
	margin	: 0 0 0 12px;
	padding	: 0 0 0 30px;
	font-size	: 11px;
	color	: #666;
	background: url(../images/l-b.gif) bottom left no-repeat;
}

#module-body ul{
	list-style: none;
	padding: 0;
	margin: 0;
	}	

#module-body li{
	list-style: none;
	padding: 0;
	margin: 0;
	}	

#footer {
	width	: 850px;
	border-top	: 6px solid #2496dd;
	margin	: 20px 0 0 12px;
	padding	: 10px 0 0 0;
	font-size	: 11px;
	font-weight	: normal;
	color	: #888;
	background	: #fff;
}

/***********************************************************
	ESTILOS ITEMS PORTADA
***********************************************************/
.item_portada {
	display: block;
	width: 470px;
	height: 150px;
	border-bottom: 4px solid #ddd;
	margin: 5px 0 2px 0;
	text-align: left;
}

.item_portada .titulo {
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

.item_portada .imagen {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 20px 0 0;
}

/***********************************************************
	ENLACES
***********************************************************/
#top-nav a, #top-nav a:visited {
	display	: block;
	float	: left;
	width	: 100px;
	margin	: 0 0 0 30px;
	padding	: 3px 0 0 0;
	border-top	: 6px solid #666;
	color	: #666;
	font-family		: Trebuchet MS, Arial narrow, Arial, Helvetica, sans-serif;
	font-weight	: bold;
	font-size			: 12px;
	text-decoration	: none;
	text-transform		: uppercase;
}

#top-nav a:hover {
	border-top	: 6px solid #2496dd;
	color		: #2496dd;
	}
	
#module-body a,#module-body a:visited {
	display	: block;
	width: 165px;
	margin	: 0 0 0 0px;
	padding	: 3px 0 0 5px;
	font-family		: Trebuchet MS, Arial narrow, Arial, Helvetica, sans-serif;
	text-shadow		: 1px 1px 1px #2A7DB3;
	color	: #666;
	font-weight	: bold;
	font-size			: 11px;
	text-decoration	: none;
	text-transform		: uppercase;
	border-left: 5px solid #fff;
}

#module-body a:hover {
	color		: #2496dd;
	border-left: 5px solid #ddd;
	}
	
.form {
font-size: 11px;
}

.button {
font-size: 11px;
}

#contacte
{
	text-align: left;
}