@import url("reset.css");
@import url("globalclass.css");

html, body {
	height: 100%;
	}
	
img, div, a, input, h3, span{ 
	behavior: url(iepngfix.htc);
	}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: url(images/bg.png) repeat-x top;
	}

#wrapper{
	width: 916px;
	margin: 0 auto -65px;
	_margin: 0 auto;
	text-align: left;
	position: relative;
	min-height: 100%;
	height: 100%;
	background: #fff url(images/wrapper-bg.png) no-repeat top center;
	}

#cmpctissue-logo a{
	width: 54px;
	height: 88px;
	margin: 0 0 0 35px;
	padding-top: 10px;
	background: url(images/logocmpctissue.png) no-repeat center center;
	display: block;
	text-indent: -300em;
	overflow: hidden;
	}

#menuempresas-home{
	height: 38px;
	position: absolute;
	top: 480px;
	margin-left: 30px;
	z-index: 3;
	}

#menuempresas-home li{
	list-style: none;
	float: left;
	}

#menuempresas-home li a{
	display: block;
	text-indent: -300em;
	overflow: hidden;
	}

#menuempresas-home .logo-elite a{
	background: url(images/logo-elite.png) no-repeat center top;
	width: 53px;
	height: 38px;
	}

#menuempresas-home .logo-elite a:hover{
	background: url(images/logo-elite.png) no-repeat center bottom;
	}

#menuempresas-home .logo-confort a{
	background: url(images/logo-confort.png) no-repeat center top;
	width: 78px;
	height: 38px;
	}

#menuempresas-home .logo-confort a:hover{
	background: url(images/logo-confort.png) no-repeat center bottom;
	}

#menuempresas-home .logo-nova a{
	background: url(images/logo-nova.png) no-repeat center top;
	width: 69px;
	height: 38px;
	}

#menuempresas-home .logo-nova a:hover{
	background: url(images/logo-nova.png) no-repeat center bottom;
	}

#menuempresas-home .logo-ladysoft a{
	background: url(images/logo-ladysoft.png) no-repeat center top;
	width: 78px;
	height: 38px;
	}

#menuempresas-home .logo-ladysoft a:hover{
	background: url(images/logo-ladysoft.png) no-repeat center bottom;
	}

#menuempresas-home .logo-babysec a{
	background: url(images/logo-babysec.png) no-repeat center top;
	width: 92px;
	height: 38px;
	}

#menuempresas-home .logo-babysec a:hover{
	background: url(images/logo-babysec.png) no-repeat center bottom;
	}


#menuempresas-home .logo-noble a{
	background: url(images/logo-noble.png) no-repeat center top;
	width: 63px;
	height: 38px;
	}

#menuempresas-home .logo-noble a:hover{
	background: url(images/logo-noble.png) no-repeat center bottom;
	}

#menuempresas-home .logo-elite-empresas a{
	background: url(images/logo-elite-empresas.png) no-repeat center top;
	width: 63px;
	height: 38px;
	}

#menuempresas-home .logo-elite-empresas a:hover{
	background: url(images/logo-elite-empresas.png) no-repeat center bottom;
	}

#menuempresas-home .logo-cotidian a{
	background: url(images/logo-cotidian.png) no-repeat center top;
	width: 76px;
	height: 38px;
	}

#menuempresas-home .logo-cotidian a:hover{
	background: url(images/logo-cotidian.png) no-repeat center bottom;
	}

.homeimg01 a, .homeimg02 a{
	display: block;
	width: 432px;
	height: 342px;
	float: left;
	text-indent: -300px;
	overflow: hidden;
	}

.homeimg01 a{
	background: url(images/home-content01.jpg) no-repeat center top;
	}

.homeimg02 a{
	background: url(images/home-content02.jpg) no-repeat center top;
	}

#number{
	width: 176px;
	height: 37px;
	background: url(images/800number.png) no-repeat center center;
	text-indent: -300px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	right: 30px;
	}

#elite-empresas-servcliente{
	text-indent: -300px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	right: 30px;
	}

#menuhome,
#menumapa{
	position: absolute;
	top: 87px;
	right: 22px;
	width: 445px;
	height: 35px;
	padding: 3px 0 0 5px;
	}

#menuhome{
	background: url(images/home-content03.jpg) no-repeat left bottom;	
	}

#menuhome li,
#menumapa li{
	list-style: none;
	float: left;	
	}

#menuhome li a,
#menumapa li a{
	display: block;
	text-indent: -300px;
	overflow: hidden;
	}
	
#menuhome .productos-empresas a,
#menumapa .productos-empresas a{
	background: url(images/homebtn01.png) no-repeat center top;
	width: 175px;
	height: 35px;
	}

#menuhome .productos-empresas a:hover,
#menumapa .productos-empresas a:hover{
	background: url(images/homebtn01.png) no-repeat center bottom;
	}

#menuhome .productos-hogar a,
#menumapa .productos-hogar a{
	background: url(images/homebtn02.png) no-repeat center top;
	width: 156px;
	height: 35px;
	}

#menuhome .productos-hogar a:hover,
#menumapa .productos-hogar a:hover{
	background: url(images/homebtn02.png) no-repeat center bottom;
	width: 156px;
	height: 35px;
	}

#menuhome .contacto a,
#menumapa .contacto a{
	background: url(images/homebtn03.png) no-repeat center top;
	width: 109px;
	height: 35px;
	}

#menuhome .contacto a:hover,
#menumapa .contacto a:hover{
	background: url(images/homebtn03.png) no-repeat center bottom;
	width: 109px;
	height: 35px;
	}

#toplinks{
	position: absolute;
	top: 10px;
	right: 30px;
	}

#toplinks a{
	display: block;
	float: left;
	margin: 0 14px;
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom: 2px solid #e5e5e5;
	color: #000;
	}

#toplinks a:hover,
#toplinks a:active{
	border-bottom: 2px solid #ec1d24;
	color: #000;
	}

#banner-image.home{
	padding-top: 27px;
	margin-left: 30px;
	}

.subindex01{
	width: 858px;
	height: 150px;
	margin: 0 auto;
	}

#footer{
	height: 45px;
	padding-top: 40px;
	clear: both;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 560px;
	text-align: center;
	}

#footer1{
	height: 45px;
	padding-top: 100px;
	clear: both;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 560px;
	text-align: center;
	}

.push{
	display: none;
	}

#footer p,
.f-contacto p{
	border-top: 1px dotted #666;
	padding-top: 5px;
	width: 520px;
	margin: 0 auto;
	}

hr{
	display: none;
	}

#menuhogar-subindex li{
	list-style: none;
	float: left;
	}

#menuhogar-subindex li a{
	display: block;
	width: 101px;
	height: 101px;
	margin: 0 8px 0 0;
	text-indent: -300em;
	overflow: hidden;
	}

#menuhogar-subindex .logo-elite a{
	background: url(images/logosubindex-elite.png) no-repeat center top;
	}

#menuhogar-subindex .logo-confort a{
	background: url(images/logosubindex-confort.png) no-repeat center top;
	}

#menuhogar-subindex .logo-nova a{
	background: url(images/logosubindex-nova.png) no-repeat center top;
	}

#menuhogar-subindex .logo-ladysoft a{
	background: url(images/logosubindex-ladysoft.png) no-repeat center top;
	}

#menuhogar-subindex .logo-babysec a{
	background: url(images/logosubindex-babysec.png) no-repeat center top;
	}

#menuhogar-subindex .logo-noble a{
	background: url(images/logosubindex-noble.png) no-repeat center top;
	}

#menuhogar-subindex .logo-cotidian a{
	background: url(images/logosubindex-cotidian.png) no-repeat center top;
	}

#content, #contact{
	width: 858px;
	color: #989898;
	}

#contact{
	margin: 25px auto;	
	}

#content{
	position: absolute;
	top: 270px;
	left: 30px;
	}

#content a,
#content a:active,
#content a:visited,
#contact a,
#contact a:active,
#contact a:visited{
	color: #989898;
	text-decoration: none;
	}
	
#content a:hover,
#contact a:hover{
	color: #474747;
	text-decoration: none;
	}

#content h2,
#contact h2{
	font-size: 2.4em;
	color: #474747;
	}

#content p,
#contact p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	}

#contact .text01,
#contact .text02,
#contact .textrut01,
#contact .textrut02,
#contact select,
#contact .textarea01,
#contact .textarea02{
	border-top: 2px solid #8e8e8e;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #e3e3e3;
	border-left: 2px solid #cecece;
	background: #f6f6f6;
	margin: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666;
	}
	
#contact .text01,
#contact .text02,
#contact .textrut01,
#contact .textrut02{
	height: 20px;	
	}
	
#contact select{
	heght: 24px;
	}

#contact .textarea01{
	height: 125px;
	}

#contact .textarea02{
	height: 80px;
	}

#contact .text01,
#contact .text02,
#contact .textarea01,
#contact .textarea02{
	width: 245px;
	}

#contact .textrut01{
	width: 65px;
	}
	
#contact .textrut02{
	width: 22px;
	}
	
#contact .select01{
	width: 245px;
	}

#contact .select02{
	width: 215px;
	}

#contact label{
	margin-top: 10px;
	}

#contact span{
	color: #f00;
	font-size: 2em;
	line-height: 0.1em;
	position: relative;
	top: 8px;
	margin-right: 0.2em;
	}


#breadcrumb{
	margin-bottom: 30px;
	}

#breadcrumb li{
	list-style: none;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 5px;
	}

#menu-subindex{
	position: absolute;
	right: 30px;
	top: 212px;
	}

#menu-subindex li{
	list-style: none;
	float: left;
	text-align: center;
	}

#menu-subindex a{
	display: block;
	text-decoration: none;
	}

#menu-subindex .prod-empresas-off a{
	background: url(images/prod-empresas.png) no-repeat center center;
	width: 179px;
	height: 36px;
	}

#menu-subindex .prod-empresas-on{
	background: #fff;
	width: 179px;
	height: 34px;
	margin: 0 3px;
	position: relative;
	top: 4px;
	}

#menu-subindex .prod-hogar-off a{
	background: url(images/prod-hogar.png) no-repeat center center;
	width: 160px;
	height: 36px;
	}

#menu-subindex .prod-hogar-on{
	background: #fff;
	width: 160px;
	height: 34px;
	margin: 0 3px;
	position: relative;
	top: 4px;
	}

#menu-subindex .cont-off a{
	background: url(images/prod-contacto.png) no-repeat center center;
	width: 113px;
	height: 36px;
	}

#menu-subindex .cont-on{
	background: #fff;
	width: 113px;
	height: 34px;
	margin: 0 3px;
	position: relative;
	top: 4px;
	}

#menu-subindex span{
	display: block;
	padding-top: 10px;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #474747;
	}

#text{
	width: 414px;
	float: left;
	}

#text1{
	width: 340px;
	float: left;
	}

#image{
	width: 414px;
	float: right;
	position: relative;
	margin: 20px 30px 0 0;
	}

#image1{
	float: right;
	position: relative;
	margin: 20px 20px 0 0;
	}

#image img{
	position: absolute;
	top: 0;
	right: 0;
	}

.out{
	display: block;
	margin: 30px 0 0;
	background: url(images/visita-btn.png) no-repeat center bottom;
	width: 175px;
	height: 27px;
	color: #474747;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}

.out:hover{
	background: url(images/visita-btn.png) no-repeat center top;
	color: #474747;
	}

.out span{
	display: block;
	padding-top: 10px;
	text-align: center;
	color: #474747;
	}

.elite-empresas-logo{
	float: left;
	margin-right: 20px;
	}

#elite-empresas-recuadros01,
#elite-empresas-recuadros02{
	width: 377px;
	margin: 20px 0 0 110px;
	clear: both;
	display: block;
	}

#elite-empresas-recuadros02{
	padding-top: 5px;
	}
	
#elite-empresas-recuadros01 li,
#elite-empresas-recuadros02 li{
	width: 90px;
	height: 90px;
	display: block;
	margin: 0 4px 0 0;
	list-style: none;
	float: left;
	color: #474747;
	font-size: 1.1em;
	}

#elite-empresas-recuadros01 span,
#elite-empresas-recuadros02 span{
	display: block;
	padding-top: 62px;
	margin-left: 5px;
	}

#elite-empresas-recuadros01 #restaurantes{
	background: url(images/prod-img01.png) no-repeat center center;
	}

#elite-empresas-recuadros02 #salud{
	background: url(images/prod-img02.png) no-repeat center center;
	}

#elite-empresas-recuadros01 #ofi-instituciones{
	background: url(images/prod-img03.png) no-repeat center center;
	}

#elite-empresas-recuadros02 #industrias{
	background: url(images/prod-img04.png) no-repeat center center;
	}

#formulary {

	}

#formulary .col01{
	margin-left: 30px;
	}

#formulary label{
	display: block;
	}

.mapasitio-ul{
	display: block;
	float: left;
	width: 284px;
	}

.mapasitio-ul li{
	font-size: 1.1em;
	margin: 5px 0 10px 20px;
	}

.mapasitio-ul span{
	font-size: 1.4em;
	padding-bottom: 10px;
	display: block;
	text-decoration: underline;	
	}

.mapasitio-bullet{
	list-style: circle;
	}

.hide{
	display: none;
	}

.f-contacto{
	width: 560px;
	height: 45px;
	padding-top: 40px;
	text-align: center;
	position: absolute;
 	z-index: 2;
	top: 840px;
	left: 50%;
	margin-left: -260px;
	}

.msitio{
	margin-top: 15px;
	margin-bottom: 15px;
	}