html { height: 100%; margin-bottom: 1px; } /* força a que es vegi la barra de scroll del navegador*/

* {
	margin:0px;
	padding:0px;
}
#wrap {
	position:relative;
	width:800px;
	margin:0 auto;
}
#header {
	position:relative;
	color:#FFFFFF;
	background: #00A2E1 url(/img/cruma_head4.jpg) no-repeat;
	height:80px;
	padding-top:12px;
}
#logo-cruma {
	position:absolute;
	top:10px;
	left:0px;
}
#header-aux {
	padding:65px 10px 3px 5px;
	color:#FFF;
	background: url(/img/corners-header-bottom.gif) no-repeat left bottom;

}
#header-aux li {
	list-style-type: none;	
	display:inline;
}

#header-aux #mn-empresa,
#header-aux #mn-filtracion,
#header-aux #mn-idioma,
#header-aux #mn-cliente {
	visibility:hidden;
	position:absolute; 
	right:5px;
	top:72px;
}
#nav-principal {
	color:#FFFFFF;
	font-size:11px;
	padding-bottom:2px;
	border-bottom:1px solid #FFF;
	width:100%;
	position:absolute;
	top:51px;
}
#nav-principal ul {
	float:right;
}
#nav-principal li {
	list-style-type: none;
	/*width:100%*/
	display:inline;
	/*padding:0;
	margin:0;*/
	float:left;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #FFF;
}
#content {	
	float:right;
	width:660px;
	margin-top:5px;
}
#content-main {
	width:494px;
	float:left;
	background: #FFFFFF url(/img/corners-content-top.gif) no-repeat left top;
	padding:5px 15px 0px 15px;
	min-height:530px;
	height: auto !important;
	height: 530px;
}
/* contingut a una columna*/
#content-main-one {
	width:630px;
	float:left;
	background: #FFFFFF url(/img/corners-content-top-one.gif) no-repeat left top;
	padding:5px 15px 0px 15px;
	/*height:300px;*/
	min-height:350px;
	height: auto !important;
	height: 350px;
}
#foot-corner {
	width:524px;
	background: #FFFFFF url(/img/corners-content-bottom.gif) no-repeat left bottom;
	padding:15px 0px 0px 0px;
	clear:both;
}
#foot-corner-one {
	width:660px;
	background: #FFFFFF url(/img/corners-content-bottom-one.gif) no-repeat left bottom;
	padding:15px 0px 0px 0px;
	clear:both;
}
#content-second {
	width:131px;
	float:right;
}

#content-second #box-destacat {
	background: url(/img/bg-box2.gif) repeat-y left top;
}
#content-second #box-destacat h1 {
	font-size:10px;
	background: url(/img/bg-box2-top.gif) no-repeat left top;
}
#content-second #box-destacat h2 {
	font-size:10px;
	background: url(/img/bg-box2-bottom.gif) no-repeat left bottom;
}
#content-second #box-destacat p {
	padding:0px 8px 5px 9px;
}

#content-second #box-flash {
	padding:3px 0px 0px 0px;
}

#nav-second {
	float:left;
	width:135px;
	padding-top:5px;
}
#nav-second li {
	list-style-type: none;
	margin-bottom:3px;
}

#nav-second h3 {
	font-size:11px;
	height:15px;
	background: url(/img/bg-tit-menu-second.gif) no-repeat left top;
	font-weight:bold;
	color:#FFF;
	padding-left:5px;
}

#nav-second h4 {
	font-size:11px;
	height:15px;
	background: url(/img/bg-tit-menu-second-anim.gif) no-repeat left top;
	font-weight:bold;
	color:#FFF;
	padding-left:5px;
}

#header-aux a:link,
#header-aux a:visited,
#nav-principal a:link,
#nav-principal a:visited {
	color:#FFFFFF;
	text-decoration:none;
	/*display:block;*/
}
#header-aux a:hover {
	text-decoration:underline;
}

#nav-second a.small:link,
#nav-second a.small2:link,
#nav-second a.small:visited,
#nav-second a.small2:visited,
#nav-second a.large:link,
#nav-second a.large:visited {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-left:5px;
	padding-top:3px;
	width:130px;	
	
}
#nav-second a.small:link,
#nav-second a.small:visited {
	height:17px;
	background: url(/img/bg-link-menu2-small.gif) no-repeat left top;
}
#nav-second a.small2:link,
#nav-second a.small2:visited {
	height:20px;
	color:#FFF;
	background: url(/img/bg-link-menu2-small-vert.gif) no-repeat left top;
}
#nav-second a.large:link,
#nav-second a.large:visited {
	height:32px;
	background: url(/img/bg-link-menu2-large.gif) no-repeat left top;
}
#nav-second a.small:hover,
#nav-second a.large:hover {
	color:#00A2E1;	
}

#nav-second a.small2:hover {
	color:#00A2E1;	
	background: url(/img/bg-link-menu2-small-vert-hover.gif) no-repeat left top;
}
#nav-second a.small:hover {
	background: url(/img/bg-link-menu2-small-hover.gif) no-repeat left top;
}
#nav-second a.large:hover {
	background: url(/img/bg-link-menu2-large-hover.gif) no-repeat left top;
}

.box {	
	background: #FFFFFF url(/img/box-bottom.gif) left bottom no-repeat;
}

.box h1 {
	font-size:1px;
	background: url(/img/box-top.gif) no-repeat left top;
} 

.box p,
.box div {
	padding:0 5px 5px 5px;
}


.dos-cols {
	display:inline;	
}

.dos-cols .col-esq {
	float:left;
	width:235px;
}
.dos-cols .col-dret {
	float:right;
	width:235px;
}

.cols-2 {
	display:inline;		
}
.cols-2 .col-esq-prima {
	float:left;	
	width:146px;
}
.cols-2 .col-dret-ampla {
	float:right;
	width:460px;
}

.cols-prods {
	display:inline;		
}

.cols-prods .cols-esq {
	float:left;	
	width:200px;
}

.cols-prods .cols-dret {
	float:right;
	width:406px;
}
.cols-prods .tit-principal,
.cols-prods .contingut {
	padding-bottom:12px;
}

/* diferents layouts en columnes */

#layout1,
#layout2,
#layout3,
#layout4,
#layout5,
#generic {
	display:inline;	
}
#layout1 .sub-titol,
#layout2 .sub-titol,
#layout3 .sub-titol,
#layout4 .sub-titol,
#layout5 .sub-titol,
#generic .sub-titol {
	padding-bottom:40px;	
}
#layout1 #col-esq {
	float:left;	
	width:192px;
}
#layout1 img {
	float:right;
	padding-left:23px;
}
#layout1 #col-inf {
	clear:both;	
}

#layout2 #col-esq {
	float:left;	
	width:407px;
}
#layout2 img {
	float:right;
	padding-left:23px;
}
#layout3 #col-dret {
	float:right;	
	width:407px;
}
#layout3 img {
	float:left;
	padding-right:23px;
}
#layout4 #col-esq {
	float:left;	
	width:192px;
}
#layout4 #col-dret {
	float:right;	
	width:407px;
}
#layout4 img {
	clear:both;
	padding-bottom:4px;
}
#layout5 #col-sup {
	clear:both;	
}
#layout5 #col-esq {
	float:left;	
	width:299px;
}
#layout5 #col-dret {
	float:right;	
	width:299px;
}

#layout1 a,
#layout2 a,
#layout3 a,
#layout4 a,
#layout5 a {
	color: #00A2E1;
	text-decoration:underline;
}
#generic .principal {
	min-height:400px;
	height: auto !important;
	height: 400px;
}
#equip-serie {
	width:250px;
	float:left;
	padding-bottom:30px;
}
#equip-opcional {
	width:400px;
	float:left;
	padding-bottom:30px;
}
.img-equip {
	float:right;
}
.cols-dret h2 {
	clear:both;
}
.amagat {
	display:none;
}
#glosario div div {
	padding-bottom:5px;
	padding-top:5px;
}
#glosario a {
	color:#00A2E1;
}
#flashfiltracion {
	float:right;
	margin-top:40px;
	margin-left:10px;
	margin-bottom:10px;
}