@charset "utf-8";
/* CSS Document */
html, body {width:100%; height:100%;}
a {
outline: none;
} 
* {margin:0; padding:0;}
.blanc{color:#FFF;}
img {border:0;behavior: url(../iepngfix.htc); }
body {background-color:#18829a;color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;

	scrollbar-face-color:#18829a; 
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #18829a;
	scrollbar-3dlight-color: #CCC;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #CCC;
	scrollbar-darkshadow-color: #18829a;}
#main {position:absolute;left:50%;top:50%;height:550px;margin-top:-275px;width:800px;margin-left:-400px;text-align:center;}
#main #dins {position:relative;height:500px;background-color:#fff;overflow:hidden}
#main #baix {position:relative;height:40px;margin-top:5px;color:#fff;text-align:left;font-size:10px;}
#baix a:link, #baix a:visited {color:#c7e1e6;text-decoration:none;}
#baix a:hover {color:#fff;text-decoration:underline;}

#logo{display:block;float:left;margin-left:0px;position:absolute;left:-215px;top:20px;}
.home {background-image:url(../img/home_bkg.jpg); background-repeat:no-repeat;}

#envolcall-menu{padding-top:100px;height:200px;width:700px;position:absolute;top:150px;right:0px;z-index:0}
#menu{background:#D60025;height:19px;width:625px;text-align:left;padding-left:20px;margin-left:80px;z-index:1001;position:absolute;top:250px;right:-645px;}
#menu,#menu ul{list-style:none;}
#menu li{position:relative;width:125px;display:block;float:left;display:inline;}
#menu a:link,#menu a:visited{z-index:1;display:block;padding-top:1px;display:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFFFFF;text-decoration:none;font-weight:normal;padding-left:8px;}
#menu ul a:link,#menu ul a:visited{opacity:0.7;filter:alpha(opacity=70);background:#FFF;display:block;width:100px;margin-bottom:2px;float:left;font-family:Trebuchet MS;font-size:11px;color:#000000;text-decoration:none;padding-left:5px;}
#menu ul a:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100);}
#menu ul{display:none;position:absolute;z-index:1001;top:19px;left:0px;width>:100px;padding:3px;}
#menu ul li{display:block;clear:both;width:100px;}
/*
#envolcall-menu{padding-top:100px;height:200px;width:700px;position:absolute;top:150px;right:0px;z-index:0}
#menu{background:#D60025;height:19px;width:625px;text-align:left;padding-left:20px;margin-left:80px;z-index:1001;position:absolute;top:250px;right:-645px;}
#menu,#menu ul{list-style:none;}
#menu > li{position:relative;width:125px;display:block;float:left;display:inline;}
#menu > li > a:link,#menu > li > a:visited{z-index:1;display:block;padding-top:1px;display:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFFFFF;text-decoration:none;font-weight:normal;padding-left:8px;}
#menu > li > ul > li > a:link,#menu > li > ul > li > a:visited{opacity:0.7;filter:alpha(opacity=70);background:#FFF;display:block;width:100px;margin-bottom:2px;float:left;font-family:Trebuchet MS;font-size:11px;color:#000000;text-decoration:none;padding-left:5px;}
#menu > li > ul > li > a:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100);}
#menu > li > ul{display:none;position:absolute;z-index:1001;top:19px;left:0px;width>:100px;padding:3px;}
#menu > li > ul > li{display:block;clear:both;width:100px;}*/

/* generic */
#logoDins{position:absolute;top:20px;left:0px;z-index:120}
#dins #col-a{width:185px;float:left;margin-top:90px;text-align:left;padding-left:30px;margin-right:15px;font-size:11px;height:500px;}
#dins #col-a p{line-height:11.5px;}
	#col-a h2{font-size:30px;font-weight:normal;color:#000}
	#col-a h2.blanc{font-size:30px;font-weight:normal;color:#FFF}
	div.blanc p,div.blanc a{font-size:11px;font-weight:normal;color:#FFF}
#dins #col-b{width:570px;float:left;display:block;height:500px;position:relative;}

	#galeria{position:absolute;bottom:10px;left:10px;list-style:none;width:550px;}
	#galeria li{float:left;display:inline;width:78px;height:78px;}
		#galeria li a:link,#galeria li a:visited{width:60px;height:60px;display:block;margin:0px auto;position:absolute;top:100px;}
		#galeria li a:hover{border:1px solid #FFF}

	#scroll{width:300px;height:400px;overflow:auto;list-style:none;position:absolute;top:50px;left:50px;padding-right:40px;}	
		#scroll li{float:left;width:120px;height:120px;margin-left:20px;margin-bottom:20px;}	
		#scroll li a:link,#scroll li a:visited{width:120px;height:120px;display:none;margin:0px auto;display:block;}
		#scroll li a:hover{border:1px solid #FFF}
		
#menuFlotant{text-align:left;position:absolute;top:220px;right:0px;display:block;z-index:1001}
#menuGeneric{text-align:left;z-index:1001}
#menuGeneric,#menuGeneric ul{list-style:none;}
#menuGeneric li{display:block;clear:both;}
#menuGeneric a:link,#menuGeneric a:visited{width:100px;display:block;background:#D60025;padding-top:1px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;text-decoration:none;font-weight:normal;padding-left:8px;}
#menuGeneric ul a:link,#menuGeneric ul a:visited{display:block;padding-bottom:2px;font-family:Trebuchet MS;font-size:11px;color:#000000;text-decoration:none;padding-left:5px;width:95px;background:#FFF;}
#menuGeneric ul{display:none;background:#FFFFFF;opacity:0.8;filter:alpha(opacity=80);width:95px;margin-left:7px;padding:0px 3px 0px 3px;}
#menuGeneric ul li{display:block;clear:both;}

/*
#menuFlotant{text-align:left;position:absolute;top:220px;right:0px;display:block;z-index:1001}
#menuGeneric{text-align:left;z-index:1001}
#menuGeneric,#menuGeneric ul{list-style:none;}
#menuGeneric > li{display:block;clear:both;}
#menuGeneric > li > a:link,#menuGeneric > li > a:visited{width:100px;display:block;background:#D60025;padding-top:1px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;text-decoration:none;font-weight:normal;padding-left:8px;}
#menuGeneric > li > ul > li > a:link,#menuGeneric > li > ul > li > a:visited{display:block;padding-bottom:2px;font-family:Trebuchet MS;font-size:11px;color:#000000;text-decoration:none;padding-left:5px;}
#menuGeneric > li > ul{display:none;background:#FFFFFF;opacity:0.8;filter:alpha(opacity=80);width:95px;margin-left:7px;padding:0px 3px 0px 3px;}
#menuGeneric > li > ul > li{display:block;clear:both;}
*/

/* Contacte */
#col-ac{width:385px;float:left;margin-top:80px;text-align:left;font-size:11px;}
#col-bc,.defecte{width:305px;margin-top:80px;float:left;font-size:11px;}
#col-bc a:link,#col-bc a:visited,.defecte a:link,.defecte:visited{font-size:11px;color:#18829A}
#map_canvas{width:200px;height:190px;border:1px solid #000;margin:8px 0px 8px 0px;overflow:hidden;}
#form_ok,#form_ko{margin:50px auto;WIDTH:250PX;}
.form_pres{margin:00px auto;width:300px;font-size:10px;}
	.form_pres label.detall{padding-top:5px;float:left;font-size:11px;}
	.form_pres input[type=text]{width:300px;background:#8bcad8;color:#000;border:0px;font-size:11px;height:15px;padding:2px;}
	.form_pres p.error{width:270px;color:#d3000e;text-align:left;float:left;font-style:italic;font-size:10px;float:left}
	.form_pres textarea{width:300px;background:#8bcad8;color:#000;border:0px;font-size:11px;height:80px;padding:2px}
	.form_pres div.cb{height:0px;}
	.buto{background:#8bcad8;font-size:11px;height:18px;padding:2px;color:#FFF;border:none;}


/* CONFIGURADOR */
.cu{z-index:0;}
.elem{z-index:50;}
#col-confA{width:190px;float:left;}	
#col-confB{width:610px;float:left;height:500px; background:#D7D7D7;position:relative;}
	#col-confB img.elem{position:absolute;top:0px;left:0px;display:none;width:610px;height:500px;}	
#caixacuina,#caixamoble,#caixaterra{padding-bottom:5px;background:#d7d7d7;width:160px;margin:5px auto;display:block;height:155px;}	
#caixacuinames{padding-bottom:5px;background:#d7d7d7;width:160px;margin:5px auto;display:block;height:185px;}	
#caixacuinames ul{list-style:none;margin:5px auto;overflow:auto;height:150px;width:150px;clear:both;}	
#caixamoble1,#caixamoble2,#caixaterrames{padding-bottom:5px;background:#d7d7d7;width:160px;margin:5px auto;display:block;height:90px;}	
#caixacuina ul,#caixamoble ul,#caixaterra ul{list-style:none;margin:5px auto;overflow:auto;height:120px;width:150px;clear:both;}	
#caixamoble2 ul,#caixamoble1 ul,#caixaterrames ul{list-style:none;margin:5px auto;overflow:auto;height:60px;width:150px;clear:both;}	
#caixamoble ul li,#caixamoble1 ul li,#caixamoble2 ul li,#caixaterra ul li,#caixaterrames ul li{float:left;padding-left:5px;padding-bottom:5px;width:33px}	
#caixamoble ul li a,#caixaterra ul li a{display:block;text-decoration:none;width:33px;height:20px;border:1px solid #FFF;}	
#caixamoble1 ul li a,#caixamoble2 ul li a,#caixaterrames ul li a{display:block;text-decoration:none;width:33px;height:20px;border:1px solid #FFF;}	
.lacuina{width:150px;height:50px;border:none;}
.lamoble,.laterra{width:43px;height:25px;border:none;}
	#col-confA h3{color:#000;font-weight:bold;font-size:15px;float:left;margin:3px 0px 5px 15px}
.linkA{color:#8bcad8;font-size:11px;text-decoration:none;font-weight:bold;}

/*
#caixavitro{width:200px;height:95px;position:absolute;top:30px;left:15px;background:#FFFFFF;z-index:51;filter:alpha(opacity=80);opacity:0.8;}
#caixaparet{width:200px;height:95px;position:absolute;top:30px;left:215px;background:#FFFFFF;z-index:51;filter:alpha(opacity=80);opacity:0.8;}
#caixavidre{width:200px;height:95px;position:absolute;top:30px;left:415px;background:#FFFFFF;z-index:51;filter:alpha(opacity=80);opacity:0.8;}
#caixavidresi{width:265px;height:95px;position:absolute;top:30px;left:315px;background:#FFFFFF;z-index:51;filter:alpha(opacity=80);opacity:0.8;}
#caixavitro > div,#caixaparet > div,#caixavidre > div,#caixavidresi > div{position:relative;width:197px;overflow:hidden;height:70px;margin:4px auto;float:left;top:-15px;}
#caixavitro > div > div,#caixaparet > div > div,#caixavidre > div > div,#caixavidresi > div > div{position:absolute;top:0;left:0;}
#caixavitro div > a,#caixaparet div > a,#caixavidre div > a,#caixavidresi div > a{float:left;margin-left:10px;text-decoration:none;}
#caixavitro div > p{width:55px;height:55px;display:block;}
#caixavitro > a{float:left;text-decoration:none;color:#000;margin:5px 10px 0px 10px;font-size:16px;font-weight:bold;}
#caixaparet > a,#caixavidre > a{float:left;text-decoration:none;color:#000;margin:-5px 10px 0px 10px;font-size:16px;font-weight:bold;}
#caixaparet div div a,#caixavidre div div a{display:block;text-decoration:none;width:33px;height:20px;float:left;}	
#caixavidresi div div a{display:block;text-decoration:none;width:55px;height:55px;float:left;}	
#caixavitro h3,#caixavidresi h3{color:#000;font-weight:bold;font-size:15px;float:left;padding:3px 20px 3px 37px;position:relative;height:12px;top:-18px;filter:alpha(opacity=80);opacity:0.8;background:#FFF;}
#caixaparet h3,#caixavidre h3{color:#000;font-weight:bold;font-size:14px;float:left;padding:3px 20px 3px 37px;position:relative;height:12px;top:-18px;filter:alpha(opacity=80);opacity:0.8;background:#FFF;}
#caixavitro span{font-size:11px;color:#000;width:50px;display:block}*/

#caixavitro{width:175px;height:95px;position:absolute;top:30px;left:20px;background:#FFFFFF;z-index:51;}
#caixaparet{width:175px;height:95px;position:absolute;top:30px;left:220px;background:#FFFFFF;z-index:51;}
#caixavidre{width:175px;height:95px;position:absolute;top:30px;left:420px;background:#FFFFFF;z-index:51;}
#caixavitro h3,#caixavidre h3,#caixaparet h3{color:#000;font-weight:bold;font-size:15px;float:left;padding:3px 30px 3px 20px;position:relative;height:12px;top:-18px;background:#FFF;}
#caixavitro ul,#caixavidre ul,#caixaparet ul{list-style:none;margin:5px auto;overflow:auto;height:60px;width:150px;clear:both;}
#caixavitro ul li,#caixavidre ul li,#caixaparet ul li{float:left;padding-left:5px;padding-bottom:5px;width:33px}
#caixavitro ul li a,#caixavidre ul li a,#caixaparet ul li a{display:block;text-decoration:none;width:33px;height:20px;border:1px solid #EEE;}

#ofertes {list-style:none;width:450px;height:400px;overflow:auto;margin-top:60px;}
#ofertes li{float:left;margin-right:20px;}
#ofertes li a,#ofertes li div{float:left;text-align:left;}
#ofertes li div{width:120px;margin-left:10px;}
#ofertes li div p{font-size:10px;text-align:left;}


.silestone{position:absolute;top: 50%;left: 50%;z-index:120;margin-left:-62px;margin-top:-19px;}
/* MATERIALS */
#col-aM{width:230px;height:410px;float:left;display:block;}
#col-bM{width:570px;height:410px;float:left;display:block;}
#materials{width:780px;height:75px;margin:0px auto;clear:both;}
#materials > div{position:relative;width:720px;overflow:hidden;height:65px;margin:4px auto;float:left;top:5px;}
#materials > div > div{position:absolute;top:0;left:0;}
#materials div > a.noHover:link,#materials div > a.noHover:visited{float:left;margin-left:10px;text-decoration:none;filter:alpha(opacity=100);opacity:1;border:1px solid #FFF;display:block;width:53px;height:53px;}
#materials div > a.noHover:hover,#materials div > a.siHover:link,#materials div > a.siHover:visited,#materials div > a.siHover:hover{float:left;margin-left:10px;text-decoration:none;filter:alpha(opacity=100);opacity:1;border:1px solid #000;display:block;width:53px;height:53px;}
#materials > a{float:left;text-decoration:none;color:#000;margin:25px 10px 0px 10px;font-size:16px;font-weight:bold;}
.exemple{position:absolute;top:0px;right:0px;display:none;}
.motiu{position:absolute;top:0px;left:0px;display:none;}
.titMat{display:none;text-align:left;font-size:11px;color:#FFF;text-transform:uppercase;height:15px;width:780px;}
#sobreTitMat{width:780px;height:15px;background:#CC0000;padding-left:10px;padding-right:10px;z-index:67px;clear:both;}

#__cvfl-coverflow-wrapper {
	margin:0px auto;
	height:90px;
	width:800px;
	text-align:center;
}
#__cvfl-coverflow-wrapper canvas{
        position: absolute;
}

#__cvfl-coverflow{
		
        height: 80px;
        margin: 10 auto;
        position: absolute;
        width: 800px;
        bottom:0px;
        left:250px;
}

DIV#col-aM.loading,DIV#col-bM.loading {
            background: url(../img/spinner.gif) no-repeat center center;
        }

/* RECURSOS */

.cb{clear:both;}
.fl{float:left;}
.fr{float:right;}
.tal{text-align:left;}
.tar{text-align:right;}
.novisible{display:none}