html, body {overflow-x:hidden;height:100%;}

body { 
	background-color: #fff;
	margin:0;
	min-height: 100%;
}

.base {  
	background-color: #FFF;
	/*text-align: center;*/
	padding-top:21px;
	padding-bottom:21px;
}


/*header*/
#cont-header {position:relative;width:auto;height:auto;}
#cont-header a.logo {display:none;position:absolute;width:335px;height:153px;top:0px;left:0px;background:#fff url("nuova-home/logo.jpg") 0px 0px no-repeat;clear:both;float:left;z-index:100;}
/*tools*/
#tools {position:relative;width:100%;height:48px;float:none;}
#tools ul {list-style:none;width:auto;height:100%;margin:0px 10px 0px 0px;float:right;}
#tools li {display:inline;position:relative;width:auto;height:100%;padding:0;line-height:35px;float:left;}
#tools li a,
#tools li span {
	font-size:12px;
	color:#000;
	text-decoration:none;
	float:left;
}
#tools li a:hover {color:#959393;font-size: 13px}
#tools li span {padding:0 10px;}
#tools li.li1 {position:absolute;height:51px;padding:0px;right:325px;background:url("nuova-home/bg_li1.gif") 0px 0px no-repeat;float:left;}
#tools li.li1 a {width:98px;height:auto;padding:12px 0px 15px 0px;font-size:11px;color:#fff;line-height:12px;text-transform:uppercase;background:none;clear:both;float:left;}
#tools li.li1 a:hover {color:#eee;}
#tools li.li2 {margin-left:4px;padding-left:6px;border-left:2px dotted #d9d9d9;}
#tools li.li2 a {color:#fff;background:url("nuova-home/bg_sx_li2.gif") 0px 0px no-repeat;float:left;}
#tools li.li2 a span {cursor:pointer;height:24px;padding:0px 6px;line-height:22px;background:url("nuova-home/bg_dx_li2.gif") top right no-repeat;float:left;}
#tools li.li2 a:hover {color:#efefef;}

/*banner-logo*/
#banner-logo {position:relative;width:100%;height:116px;}
#banner-logo img {margin-left:25px;float:left;}
#banner-logo img.logo-soler-palau {margin-top:38px;float:left;}
#banner-logo p {position:absolute;top:4px;right:25px;
	font-size:26px;
	font-weight:600;
	color:#2e6cb3;
	letter-spacing:-1px;
	text-align:right;
	float:left;}
	#banner-logo p span {font-size:18px;}

	.title,.aplicaciones {
		padding: 20px;
		background: #f8f8f8;
	}

	.apl-img {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;

	}
	.apl-img:hover{
		-webkit-transform: scale(0.95); 
		-moz-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);

	}
	.foot {
		background: #123a71;
		color: white;
		font-size: 13px !important;
	}
	.foot a {
		color:white;
		text-decoration: none;
	}
	.foot a:hover {
		color: white;
	}
	.compania {
		height: auto;
	}
	.text-center.compania-text {
		color: #156db1;
		font-weight: bold;
		font-size: 22px;
	}

	.texto {
		font-weight: normal;
		color: #000;
		text-align: justify;
	}
	div.panel {
		background: #f6f6f6 !important;
	}
	.nav-pills .nav-link.active {
		background-color: #fff !important;
		font-weight: bold;
		color:#386cb2 !important;
	}
	/*menu*/
	.navbar {
		padding: 0px !important;
		margin: 0px !important;
	}
	.nav-item a {
		color:white !important;
		text-align: center;
	}
	.nav-item {
		width:auto;
		line-height:40px!important;
		float:left!important;
		font-size:13px !important;
	}
	.nav-link {
		color: #000 !important;
		font-size: 14px !important;
	}
	.nav-link:hover {
		background-color: #fff !important;
		color:#386cb2 !important;
	}
	.no-text{
		color: black;
	}
	.no-text:hover {
		text-decoration: none;
		color:black;
	}
	/*submenu icons*/
	/* Closed submenu icon */
	.compania .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
		content: " \f0d7";
		font-family: FontAwesome;
		display: inline;
		text-align: right;
		padding-left: 10px;
	}
	/* Opened submenu icon */
	.compania .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
		content: " \f0da";
		font-family: FontAwesome;
		display: inline;
		text-align: right;
		padding-left: 10px;
	}

	.submenu {
		color: #000 !important;
		font-size: 15px;
		background: #e2e2e2;
		padding: 10px;
		display: block;
		margin: 8px;
	}
	.submenu:hover {
		background-color: #fff !important;
		color:#386cb2 !important;
		text-decoration: none;

	}


	/*Efecto de imagen productos*/
	.hovereffect {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: center;
		cursor: default;
		transition: all 500ms ease;
		margin-bottom: 20px
	}

	.hovereffect .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		left: 0;
		background-color: rgba(255, 255, 255, 0.7);
		top: -200px;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.1s ease-out 0.5s;
		transition: all 0.1s ease-out 0.5s;
	}

	.hovereffect:hover {
		box-shadow: 0 0rem .5rem .2rem rgba(0,0,0,.075) !important;
	}
	.hovereffect:hover .overlay {
		opacity: 1;
		filter: alpha(opacity=100);
		top: 0px;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.hovereffect img {
		display: block;
		position: relative;
	}

	.hovereffect h2 {
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		position: relative;
		font-size: 17px;
		padding: 10px;
		background: #006db7;
		-webkit-transform: translateY(-200px);
		-ms-transform: translateY(-200px);
		transform: translateY(-200px);
		-webkit-transition: all ease-in-out 0.1s;
		transition: all ease-in-out 0.1s;
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	.hovereffect:hover h2 {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	.hovereffect a.info {
		font-weight: bold;
		display: inline-block;
		text-decoration: none;
		padding: 7px 14px;
		text-transform: uppercase;
		margin: 30px 0 0 0;
		background-color: #006db7;
		-webkit-transform: translateY(-200px);
		-ms-transform: translateY(-200px);
		transform: translateY(-200px);
		-webkit-transition: all ease-in-out 0.2s;
		transition: all ease-in-out 0.2s;
	}

	.hovereffect a.info:hover {
		box-shadow: 0 0 5px #fff;
	}

	.hovereffect:hover a.info {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		color: #fff;
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	/* termina efecto de imagen productos*/