/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	border: 1px solid #ccb346;
	background: #fff;
	padding: 1em;
	}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Rules for the top corners and border */
.bt {
	background:url(../comu/box.png) no-repeat 100% 0;
	margin:0 0 0 12px;
	height:12px;
	}
.bt div {
	height:12px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(../comu/box.png) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(../comu/box.png) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height: 12px;
	}
.bb div {
	height:12px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(../comu/box.png) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding:0 0 0 1px;
	background:url(../comu/borders.gif) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 1px 0 0;
	background:url(../comu/borders.gif) repeat-y 100% 0;
	height: 100%; /*Hack per a IE7*/
	}
	
/*Contingut*/
.i3 {
	background: #fff;
	padding: 10px 15px;
}
	
/*
Caixa dreta
---------------------------------------------*/

/* Rules for the top corners and border */
.dr .bt {
	background-image :url(../comu/box2.png);
	margin:0 0 0 16px;
	height:16px;
	}
.dr .bt div {
	height:16px;
	width:16px;
	left:-16px;
	background-image:url(../comu/box2.png);
	}

/* Rules for the bottom corners and border */
.dr .bb {
	background-image:url(../comu/box2.png);
	margin:0 0 0 16px;
	height: 16px;
	}
.dr .bb div {
	height:16px;
	width:16px;
	left:-16px;
	background-image:url(../comu/box2.png);
	}

/* Insert the left border */
.dr .i1 {
	padding:0 0 0 5px;
	background-image:url(../comu/borders2.gif);
	margin-bottom: 0;
	}
/* Insert the right border */

.dr .i2 {
	padding:0 5px 0 0;
	margin-bottom: 0;
	background-image:url(../comu/borders2.gif);
	}

.dr .i3 {
	padding: 5px 10px;
	color: #666;
	background: #fff;
}

/* CSS for the box ends here */