/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.8em;
	margin:0em 0em 1.2em;
	margin:0pt;
	padding:0pt;
	text-align:left;
	background-color: #E0E0E0;
}
.clear{
       clear:both;
}

h1{
margin-top:0.7em;
margin-bottom:0.3em;

}

h2{
font-size:18px;


color:#003366;
}

h3{
font-size:14px;
color:#003366;

}

h4{
font-size:10px;
color:#000000;

}


.img-dreta{
	float:right;
	margin-right:30px;
	margin-left:20px;
	padding:3px;
	border: 1px solid #CCCCCC;
}

hr{ 
border: 1px dotted #ccc;
height: 1px;
background-color: #006699;
}

.resalta{
	color:#416ba0;
	font-weight: bold;
}

.ini ul{
list-style-type:none;
margin:0pt;
padding:0pt;
font-size:0.95em;
line-height:1.8em;
margin:0em 0em 0em;

}

.ul1 ul{
list-style-type:none;
margin:0pt;
padding:0pt;
font-size:0.85em;
line-height:1.8em;
margin:0em 0em 0em;
}

.li1 li{

margin:0pt;
padding:0pt 0pt 0pt 0px;
list-style-type:none;
font-size:0.85em;
line-height:1.8em;
margin:0em 0em 0em;

}

.ini li{
background:transparent url(images/struct/icon/bullet.gif) no-repeat scroll 0pt 0.4em;
margin:0pt;
padding:0pt 0pt 0pt 15px;
list-style-type:none;
font-size:0.95em;
line-height:1.2em;
margin:0em 0em 1.2em;

}

#col-dreta h2{
	margin-bottom:0;
	margin-top:0;
	color:422319;
}

.img-portada{  }

p{
font-size:0.95em;
line-height:1.8em;
margin:0em 0em 1.2em;
}


.en1 {
	text-decoration:none;
	color:#003366;
	font-size:10px;
}

.en1a {
	text-decoration:none;
	color:#003366;
	font-size:12px;
}

.en1:hover {
	text-decoration:none;
	color:#006699;
	font-size:10px;
	background-color: #F5F5F5;
}
.en1a:hover {
	text-decoration:none;
	color:#006699;
	font-size:12	px;
	background-color: #F5F5F5;
}

.en3 {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	font-weight: bold;
	background-color: #F3F3F3;
}

.en2 {
text-decoration:none;
	color:#003366;
	font-size:12px;
}

.en2:hover{
background-color:#003366;
color:#FFFFFF;

}





#swap{
	height:auto;
	margin:auto;
	width:960px;
	border:solid 0.1em #333333;
	margin-bottom:1em;
	background-color:#FFFFFF;
	
}

#header{
	height:10em;
	padding:0pt;
	width:auto;
	clear:both;
	background:transparent url(images/struct/cap_fons.jpg) repeat-x scroll center top;
}

#logo{
	float:left;
	margin:0px 0pt 0pt 17px;
	padding:0pt;
}

#logo h1{
margin-top:7px;;

}

#enllasos{
	float:right;
	margin-top:1em;
	margin-right:1em;
	text-decoration:none;
	display:block;
}

#telf-head{
	float:right;
	padding:0pt;
	text-align:right;
	width:15em;
	color:#344f96;
	font-size:medium;
	font-weight: bolder;
	margin-top: 3em;
	
	margin-bottom: 0pt;
	margin-left: 0pt;
	
}

#date{
	background-color:#344f96;
	width:100%;
	color:#FFFFFF;
	float:left;
	text-align:left;
	padding-top:0.1em; padding-bottom:1em;
	
	font-size:smaller;
	
	
}
.date{margin-left: 1em; margin-top:1.5em; float:left; color:#FFFFFF; font-size:x-small;}




	
/* Cos central */
#cos{ 
	padding:0pt;
	width:auto;
	background-image:url(images/struct/bg_cos.png);
	background-repeat:repeat-y;
	background-position:left;
	
	/*background-image:url(images/struct/bordercol.png);
	background-position: 150px 0;
	background-repeat:repeat-y;*/
	
	}
#cos-central-top{
margin-bottom:2em;

}


#col-esquerra-box{ float:left;}

#col-esquerra{
	
	margin: 0.1em 0pt 1em 0px;
	padding: 0 0px 0 0px;
	width:168px;
	/*background:transparent url(images/struct/sideboxlight_bg.gif) repeat-y scroll;*/
	
}


#col-dreta{ 
	float:right;
	width:772px;
	margin-bottom: 0pt;
	
	background-color:#FFFFFF;
	padding-top:0.2em;
	padding-bottom:1em;
	
	padding-left:0.2em;
	height:auto;
	
}

#cos-central-top{
	margin-bottom:2em;
	margin-top:1em;
}

#cos-esquerra{
	float:left;
	width:370px;
	height:180px;
}
#cos-dreta{
	float:right;
	width:370px;
	height:180px;
}

#caixa-banner{
/*	padding:0.5em; */
	padding:0.5em; */
}

#caixa-banner-text h3{
margin-top:0em;

}

#caixa-banner-img{
float:left;
width:80px;

}
#caixa-banner-text{
float:right;
width:220px;

}

#col-dreta p{
font-size:0.95em;
line-height:1.8em
	padding-right:10px;

	padding-left:10px;

}

#productos{
width:772px;


}

#productos h2{
background-image:url(images/struct/bg_titol_p.png);
background-repeat:repeat-x;
background-color:#FEF3F7;
padding:1em 0 10px 10px;
font-size:18px;
}


#productos h4{
font-size:15px;
color:#4a342d;
}

#productos ul li ul {
font-size:11px;
}
#productos ul li ul li{
	text-decoration:none;
	
	list-style-image:url(images/iconos/bullet_ok.png);
}


/* NOTICIES */

#box-noticies{
	border: solid 1px #E85400;
	background-color:#FEF3E7;
	margin: 1em 1em 1.5em 1em;
	padding: 0.5em 1em;
}


#box-noticies h3{
border-bottom: #E85400 solid 1px;
}

#box-noticies img{
 border:1px solid #E85400;
}

/* CONTINGUTS CENTRALS        NO poden superar el 94% de ample, ja que te els marges al 6% */
#cos-ctleft{ float:left; width:343px; padding-left:6px; margin:auto; }
#cos-ctright{ float:right; width:343px; margin:auto; }
#cos-cbleft{ float:left; width:343px; padding-left:6px; margin:auto; }
#cos-cbright{ float:right; width:343px; margin:auto; }

#caixa1 { width:360px; height:306px; background-image:url(images/struct/cap1.png); background-repeat:no-repeat; font-size:0.85em;}
#caixa2 { width:360px; height:306px; background-image:url(images/struct/cap2.png); background-repeat:no-repeat; font-size:0.85em;}
#caixa3 { width:360px; height:306px; background-image:url(images/struct/cap3.png); background-repeat:no-repeat; font-size:0.85em;}
#caixa4 { width:360px; height:306px; background-image:url(images/struct/cap4.png); background-repeat:no-repeat; font-size:0.85em;}

#caixa1 h2, #caixa2 h2, #caixa3 h2, #caixa4 h2{ visibility:hidden;}
#caixa1 ul, #caixa2 ul{ margin-top:14em;}
#caixa2 p{ width:330px; margin-left:1.5em;}
#caixa3 p{ width:330px; margin-left:1.5em;}
#caixa4 p{ width:330px; margin-left:1.5em;}


#box-aplicacio{
border:solid #666666;
background-color:#F8F8F8;
border-top:0px;
border-width:1px;
padding:4px;


}

/* PAGINACIO */
#box-paginacio{
	
	padding:0.5em 1em 0.5em 1em;
	margin:auto;
	height:20px;
	width:140px;
}



/* PEU */
#footer{
	background-image:url(images/struct/bgfooter.png);
	background-repeat:repeat-x;
	padding-top:1em;
	padding-bottom:1em;
	background-color:#CCCCCC;
	font-size:small;
	text-align:center;
	width:100%;
	height:2.5em;
	color:#FFFFFF;
	
}

.headerbar{

color:#E85400;
font-family:Arial, Helvetica, sans-serif;



padding-left:1em;

margin-top:14px;

}

.arrowlistmenu{
width: 150px;
margin-bottom:3em;


}

.arrowlistmenu h2{ margin-top:0; color:#FFFFFF; font-size:14px;}

.arrowlistmenu .headerbar{

background:transparent url(images/struct/boxtopblue188.png) no-repeat scroll 0pt;
width:170px;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
padding-left:4px;
}

.arrowlistmenu ul li{
padding-bottom: 0em; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #4a342d;
background: url(images/struct/icon/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 4px 0 0 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
background-color: #FEF3E7;
}

.arrowlistmenu ul li a:visited{
color: #97532F;
}

.currentarraw{
color: #FF6633;
background-color: #FEF3E7;
border-right:4px #FF6633 solid;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FF6633;
background-color: #FEF3E7;
border-right:4px #FF6633 solid;
}




/* CAIXA ESQUERRA --------------------------------------------------------------*/
.boxbottom{
background:transparent url(images/struct/slideleft_bottom.png) no-repeat scroll left bottom;
height:6px;
margin:0pt 1px;
clear:both;
display:block;
font-size:1px;

line-height:1px;
margin:0pt;
padding:0pt;

}
/* SUBMENU PRODUCTES  ------------------------------------------------------------*/
#modernbricksmenu2{
	padding: 0;
	width: 772px;
	border-top: 5px solid #f37803; /*Brown color theme*/ 
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;

}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;

}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #4a342d;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #e5e5e5; /*Brown color theme*/ 
border-top: 1px solid white;

}

#modernbricksmenu2 a:hover{
background-color: #f37803; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #f37803; /*Brown color theme*/ 
color: white;
border-color: #f37803; /*Brown color theme*/ 
}




/* ADMINISTRACIO --------------------------------------------------------------- */

.text1b{
	font-size:10px;
	color:#E85400;
	font-weight: bold;
}
.f a:hover, .m15 a:hover, .d3 a_hover{ color:#000000;}
.f a:link, .m15 a:link, .d3 a:link{ color:#E85400;}
.f a:visited, .m15 a:visited, .d3 a:visited{ color:#0066CC;}
.f, .m15, .d3 { font-size:10px;}


/* ----------------------------------------------------------------------------- */


/* top MENU */


.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 0.9em Arial;
width: 100%;

background: black url(images/struct/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;

}

.solidblockmenu li a{
float: right;
color: white;
padding: 0.7em 0.9em;
text-decoration: none;
border-right: 0.1em solid white;
display:block;

}

.solidblockmenu li a:visited{
color: #FFFFFF;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #333333;
background: transparent url(images/struct/blockactive.gif) center center repeat-x;
}

#marco-navegacion{ 
	background-image:url(images/struct/bar-top.png); 
	height:15px; 
	background-repeat:repeat-x;
	width:100%;
	padding:0;
	
	/* SOLS PER IE 7, posem arterisc */
	*margin-top:0.5em;
	
}



<!--[ if IE ] >

p.iepara{ 
padding-top: 1em;
}

<!--[ endif ]-->