/* GENERALES
-------------------------------------------------- */


* {
	margin: 0;
	padding: 0;	
}

html {
	height: 100%;
	background-color: #fff;
}

body {
	width: 864px;
	min-height: 100%;              /* era ---> min-height: 100%; */
	margin: 0 auto;
	background: url(../img/fondo.gif) left top repeat-y;
	font-family: Tahoma, "Trebuchet-MS", Arial, sans-serif;
	font-size: 11px;
	color: #4e4e4e;
}

ul {
	list-style: none;	
}

abbr, acronym {
	border: 0;
	cursor: help;	
}

abbr.conBorde{
	border-bottom: 1px dotted #000;
}

a {
	outline: none;  /*----------------------------------------------------------*/
	color: #505050;	
}




/* ESTRUCTURA
-------------------------------------------------- */


div#contenedor {
	position: relative;
	overflow: hidden;
	min-height: 100%;              /* era ---> min-height: 100%; */
	padding-bottom: 40px;
	background: url(../img/fondoInferior.gif) left bottom no-repeat;	
}

div#cabecera {
	overflow: hidden;
	width: 864px;
	padding: 25px 0 10px 0;
	background: url(../img/fondoCabecera.gif) left top no-repeat;
}

div#menu {
	position: absolute;
	right: 0px;
	top: 147px;
	width: 136px;
}

div#contenidos {
	float: left;
	display: inline;
	width: 726px;
	margin-left: 10px;
	padding-top: 17px;
	background: url(../img/borde.gif) left top repeat-x;
}

div#pie {
	float: left;
	display: inline;
	width: 726px;
	margin: 5px 0 0 10px;
	padding-top: 12px;
	background: url(../img/borde.gif) left top repeat-x;
	color: #707070;
}




/* CABECERA
-------------------------------------------------- */


div#cabecera h1 {
	float: left;
	display: inline;
	width: 106px;
	height: 88px;
	margin-left: 28px;
}

div#cabecera h1 a {
	float: none;
	overflow: hidden;
	display: block;
	width: 106px;
	height: 0;
	margin: 0;
	padding: 88px 0 0 0;
	background: url(../img/logo.gif) left top no-repeat;
}

div#cabecera ul{
	display: inline;
	margin:70px 134px 0 0;
	float:right;
}

div#cabecera ul li{
	display: inline;
	font-weight: bold;
	margin: 75px 20px 0 0;
}

div#cabecera ul li a {
	/*margin: 75px 20px 0 0;*/
	padding-left: 6px;
	text-decoration: none;
	background: url(../img/itemFlechitaVerde.gif) left center no-repeat;
	font-weight: normal;
}

div#cabecera a:hover {
	text-decoration: underline;	
}




/* MENÚ
-------------------------------------------------- */


div#menu li dd ul {
	margin: 0 6px 0 19px;
}

div#menu div#patrocinadores ul {
	height: auto;
	margin-left: 11px;
}

div#menu li#inicio,
div#menu li#quienes-somos,
div#menu li#domotica,
div#menu li#caroline,
div#menu li#productos-y-soluciones,
div#menu li#servicios {
	float: left;
	clear: left;
	width: 136px;
}

div#menu li dd li {
	margin-bottom: 2px;
	line-height: 13px;
}

div#menu li dd {
	display: none;
	padding: 2px 0 2px 0;
}

div#menu.quienes-somos li#quienes-somos dd,
div#menu.la-empresa li#quienes-somos dd,
div#menu.nuestros-valores li#quienes-somos dd,
div#menu.equipo-humano li#quienes-somos dd,
div#menu.sala-prensa li#quienes-somos dd,
div#menu.domotica li#domotica dd,
div#menu.beneficios li#domotica dd,
div#menu.nuestra-vision li#domotica dd,
div#menu.caroline li#caroline dd,
div#menu.introduccion-caroline li#caroline dd,
div#menu.descripcion li#caroline dd,
div#menu.caroline-premium li#caroline dd,
div#menu.caroline-remoto li#caroline dd,
div#menu.caroline-paquetes li#caroline dd,
div#menu.arquitectura li#caroline dd,
div#menu.ventajas li#caroline dd,
div#menu.en-hogar li#caroline dd,
div#menu.en-empresa li#caroline dd,
div#menu.para-personas li#caroline dd,
div#menu.productos-y-soluciones li#productos-y-soluciones dd,
div#menu.soluciones-para-hogar li#productos-y-soluciones dd,
div#menu.soluciones-para-empresa li#productos-y-soluciones dd,
div#menu.soluciones-para-personas li#productos-y-soluciones dd,
div#menu.servicios li#servicios dd,
div#menu.linea-902 li#servicios dd,
div#menu.mantenimiento-y-servicio-tecnico li#servicios dd,
div#menu.instalacion-servicios li#servicios dd {
	display: block;
}

div#menu li#inicio a,
div#menu li#quienes-somos dt,
div#menu li#domotica dt,
div#menu li#caroline dt,
div#menu li#productos-y-soluciones dt,
div#menu li#servicios a {
	overflow: hidden;
	display: block;
	height: 0;
	margin-bottom: 1px;
	padding-top: 24px;
	background-position: left top;
	background-repeat: no-repeat;
}

div#menu li#inicio a {
	background-image: url(../img/menuInicio.gif);
}

div#menu li#quienes-somos dt {
	background-image: url(../img/menuQuienesSomos.gif);
}

div#menu li#domotica dt {
	background-image: url(../img/menuDomotica.gif);
}

div#menu li#caroline dt {
	background-image: url(../img/menuCaroline.gif);
}

div#menu li#productos-y-soluciones dt {
	padding-top: 31px;
	background-image: url(../img/menuProductosYSoluciones.gif);
}

div#menu li#servicios a {
	background-image: url(../img/menuServicios.gif);
}

div#menu.inicio li#inicio a,
div#menu.quienes-somos li#quienes-somos dt,
div#menu.la-empresa li#quienes-somos dt,
div#menu.nuestros-valores li#quienes-somos dt,
div#menu.equipo-humano li#quienes-somos dt,
div#menu.sala-prensa li#quienes-somos dt,
div#menu.domotica li#domotica dt,
div#menu.nuestra-vision li#domotica dt,
div#menu.beneficios li#domotica dt,
div#menu.caroline li#caroline dt,
div#menu.caroline-premium li#caroline dt,
div#menu.caroline-remoto li#caroline dt,
div#menu.caroline-paquetes li#caroline dt,
div#menu.introduccion-caroline li#caroline dt,
div#menu.descripcion li#caroline dt,
div#menu.arquitectura li#caroline dt,
div#menu.ventajas li#caroline dt,
div#menu.en-hogar li#caroline dt,
div#menu.en-empresa li#caroline dt,
div#menu.para-personas li#caroline dt,
div#menu.productos-y-soluciones li#productos-y-soluciones dt,
div#menu.soluciones-para-hogar li#productos-y-soluciones dt,
div#menu.soluciones-para-empresa li#productos-y-soluciones dt,
div#menu.soluciones-para-personas li#productos-y-soluciones dt,
div#menu.servicios li#servicios a,
div#menu.linea-902 li#servicios dt,
div#menu.mantenimiento-y-servicio-tecnico li#servicios dt,
div#menu.instalacion-servicios li#servicios dt {
	background-position: -136px 0;
	cursor: default;
}
 
div#menu li#inicio a:hover,
div#menu li#quienes-somos dt:hover,
div#menu li#domotica dt:hover,
div#menu li#caroline dt:hover,
div#menu li#productos-y-soluciones dt:hover,
div#menu li#servicios a:hover {
	background-position: -136px 0;
	cursor: pointer;
}

div#menu li dd li a {
	text-decoration: none;
	color: #303030;
}

div#menu.la-empresa li dd li#la-empresa a,
div#menu.nuestros-valores li dd li#nuestros-valores a,
div#menu.equipo-humano li dd li#equipo-humano a,
div#menu.nuestra-vision li dd li#nuestra-vision a,
div#menu.sala-prensa li dd li#sala-prensa a, 
div#menu.beneficios li dd li#beneficios a,
div#menu.introduccion-caroline li dd li#introduccion-caroline a,
div#menu.descripcion li dd li#descripcion a,
div#menu.caroline-premium li dd li#caroline-premium a,
div#menu.caroline-remoto li dd li#caroline-remoto a,
div#menu.caroline-paquetes li dd li#caroline-paquetes a,
div#menu.arquitectura li dd li#arquitectura a,
div#menu.ventajas li dd li#ventajas a,
div#menu.en-hogar li dd li#en-hogar a,
div#menu.en-empresa li dd li#en-empresa a,
div#menu.para-personas li dd li#para-personas a,
div#menu.soluciones-para-hogar li dd li#soluciones-para-hogar a,
div#menu.soluciones-para-empresa li dd li#soluciones-para-empresa a,
div#menu.soluciones-para-personas li dd li#soluciones-para-personas a,
div#menu.linea-902 li dd li#linea-902 a,
div#menu.mantenimiento-y-servicio-tecnico li dd li#mantenimiento-y-servicio-tecnico a,
div#menu.instalacion-servicios li dd li#instalacion-servicios a {

	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

div#menu li dd li a:hover {
	text-decoration: underline;
}




/* CONTENIDOS
-------------------------------------------------- */


div#contenidos object,
div#contenidos img {
	display: block;
	margin-left: 18px;
}




/* PIE
-------------------------------------------------- */


div#pie p {
	float: left;
	display: inline;
	margin-left: 8px;
	text-transform: uppercase;
	font-size: 9px;
}

div#pie address {
	float: right;
	display: inline;
	margin-right: 8px;
	font-style: normal;
	font-size: 10px;
}
