body { 
	margin: 0; 
	padding: 0; 
	background: #fff url(images/bg.gif) repeat-x; 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
}
.formu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.Estilo3 {
	color: #FFFFFF;
	font-size: smaller;
}
.Estilo4 {
	font: normal  Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	color: #333; 
	text-decoration: none;
}
.Estilo5 {
	font: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 18px;
	font-weight: bold; 
	color: #333; 
	text-decoration: none;
}

/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: inherit; }
a:hover { color: #808080; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }

/* CONTENT WRAPPER */

#main {
	width: 900px;
	margin: 0 auto 0 auto;
}

/* TOP LEFT LOGO */

#logo {
	float: left;
	padding: 10px 0 0px 10px;
	background: #fff url(images/logocepta.jpg) no-repeat bottom left;
	width: 240px;
	height: 55px;
}
	#logo h1 { color: #000; background: #fff; }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float: right; 
	background: #fff url(images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 50px 1px 0 0; 
	margin: 0; 
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(images/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(images/baractive.gif) no-repeat bottom left; 
		color: #444; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #000; 
		background: #f8f8f8; 
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #8D9CAF url(images/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p {
	padding: 14px 15px;
	margin: 0;
	text-align: justify;
}

	/* LEFT VERTICAL MENU */
	
	#menu_left {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
	border-bottom: 2px solid #e2e2e2;
	width: 250px;
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */
	
#intro_right {
	width: 635px;
	color: #547592;
	margin: 0 0 6px 0;
	height: 45px;
	border: 2px solid #e2e2e2;
	background: #BCCEDA url(images/intro2.jpg) no-repeat;
	float: left;
}
	#intro_right h1 {
	margin: 0 0 0 0;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
}
	.box {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
	.note {
		padding: 15px 15px 20px 100px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		background: #FFFFAD url(images/package.gif) no-repeat;
		color: #585616;
	}
	.patro {
		padding: 15px 15px 20px 30px;
		border: 1px solid #cccccc;
		margin: 0 0 5px 0;
	}

/* RIGHT SIDE */

#right {
	float: left;
	width: 640px;
	margin-left: 10px;
}
	.leftcol { 
		float: left; 
		padding: 12px 15px;
		width: 260px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
	.special {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
	}
	.notalegal {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		border-top: 1px solid #ccc;
		background: #eee;
		color: #444;
		font-size: 9px;
		font-family: Tahoma;
	}

/* FOOTER */

#footer {
	clear: both;
	padding: 5px;
	border-top: 1px solid #ccc;
	text-align: center;
	margin-top: 20px;
}
#header {
	width: 900px;
	margin: 25px auto 0 auto;
	height: 70px;
}
#intro_right p {
	padding-left: 10px;
}
.destacatcol {
	float: left;
	padding: 5px 20px;
	border:#ccc 1px solid;
	margin: 0 0 20px 0;
	clear: both;
	width: 595px;
}
.image2 {
	float: left;
	border: 2px solid #e2e2e2;
	padding: 3px;
	margin: 0 5px 10px 0;
}
#patrocinadors {
	float: left;
	padding: 5px 20px;
	border:#ccc 1px solid;
	margin: 0 0 20px 0;
	clear: both;
	width: 595px;
	height: 200px;
}
#patrocinadors li {
	display: inline;
	list-style: none;
}

#directori {
	float: left;
	padding: 5px 20px;
	border:#ccc 1px solid;
	margin: 0 0 20px 0;
	clear: both;
	width: 595px;
	height: 100px;
}
#directori li {
	display: inline;
	list-style: none;
}


ul#navmenu-h {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 500px; /*For KHTML*/
	list-style: none;
	height: 24px;
	padding-top: 30px;
	float: left;
	padding-left: 2px;
}

ul#navmenu-h li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	height: 24px;
	position: relative;
}

ul#navmenu-h ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	width: 160px;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
	width: 260px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline;
}

/* Root Menu */
ul#navmenu-h a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: #EEE;
	color: #666;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 24px!important;
	height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 260px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

#menu_sup {
	float: left;
	padding: 10px 0 0 10px;
	width: 640px;
	height: 60px;
}
.image3 {

	float: none;
	border: 2px solid #e2e2e2;
}
#boxmembers {

	border: 0px solid #ccc;
	margin: 0 0 1px 0;
	padding-left: 15px;
}
#boxmembers p {
	line-height: normal;
	padding-left: 15px;
}
#boxmembers li {
	line-height: normal;
	list-style: none;
	padding: 3px;
}
#intro_right .grey {
color: #333333; background-color:transparent;
}
#banners {
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#banners ul {

	float: none;
}
#banners li {
	float: none;
	list-style: none;
	display: inline;
}








.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #ccc;
	color: #546F92;
	background: url(shade.gif) top left repeat-x;
	font: bold 10px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	background-color: #E5EAF2;
}

.shadetabs li a:visited{
color: #546F92;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #546F92;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	background-color: #eee;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: #eee;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

@media print {
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid #ccc; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #ccc; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid #ccc;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
.tabscol {

	float: left;
	padding: 5px 0;
	margin: 0 0 20px 0;
	clear: both;
	width: 595px;
}






/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 10px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}


.ddsubmenustyle li a{
display: block;
width: 160px;
color: #666666;
background-color: #eee;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #666;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: #ccc;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}




/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
	margin: 0;
	padding: 0;
	font: bold 10px Verdana;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	padding-top: 0px;
	height: 30px;
}

.mattblackmenu li{
	display: inline;
	margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid #ccc; /*right divider between tabs*/
color: #666666;
background: #eee;
}

.mattblackmenu li a:visited{
color: #666666;
}

.mattblackmenu li a:hover{
background: #ccc; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: #ccc; /*background of tab with "selected" class assigned to its LI */
}


/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	border-top: 1px solid #ccc;
}

.markermenu ul li a{
background: #f2f2f2; /*light gray background*/
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #ccc;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #FFFFFF;
background-color: #eee;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: #ccc;
color: #FFFFFF;
}
#ddtopmenubar {
	float: left;
	width: 620px;
	padding-top: 30px;
	padding-left: 5px;
}
.boxservei {
	margin:10px 10px 0px 6px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	width: 150px;
	height: 200px;
	float: left;
}

.boxgrip {
	margin:10px 10px 10px 6px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	color: #444;
	width: 150px;
	float: left;
}
.boxgrip2 {
	margin:10px 10px 10px 6px;
	padding: 5px 15px;
	border: 1px solid #ccc;
	color: #444;
	width: 360px;
	float: left;
}


.boxservei2 {
	margin:10px 10px 0px 6px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	width: 250px;
	height: 130px;
	float: left;
}


.h2servei {
	font: bold 1.2em "Trebuchet MS", Helvetica, Sans-Serif;
	background-color: #CCCCCC;
	text-align: center;
}

.h2servei2 {
	font: bold 2.0em "Trebuchet MS", Helvetica, Sans-Serif;
	background-color: #CCCCCC;
	text-align: center;
}

.special2 {
	margin:0 5px 0 0;
	padding: 0 0 0 0;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	width: 140px;
	font-size: 9px;
}

.special4 {
	color: #444;
	font-size: 9px;
}

.boxmemoria {

	margin:15px 10px 0px 20px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	width: 143px;
	float: left;
}
.boxestrategic {
	margin:15px 10px 0px 15px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	width: 140px;
	float: right;
}
.boxassociat {

	margin:10px 0 0px 0px;;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	width: 595px;
	float: left;
}

.title_point {
	cursor: pointer;


}
.title_point6 {
	cursor: pointer;
	padding: 1px 15px 1px;
	font-weight: normal;
}
.pointed {
	padding: 5px 15px 1px 20px;
	font-weight: normal;
	border-bottom: 1px solid #CFCFCF;
}
.pointedformacio {
	padding: 5px 15px 1px 20px;
	font-weight: normal;
	border-bottom: 1px solid #CFCFCF;
	background-color: #FFFFFF;
}
.pointedpremsa {

	padding: 5px 15px 1px 10px;
	font-weight: normal;
	border-bottom: 1px solid #CFCFCF;
	background-color: #eee;
}
#boxpremsa {


	margin:10px 0 0 0;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	width: 595px;
	float: left;
}
#boxpremsa li {
	list-style: none;
}
.special2 {
	margin:0px 0 20px 0;
	padding: 0 0;
	border: 1px solid #ccc;
	color: #444;
	width: 200px;
}
.special3 {

	margin:0 0 20px 0;
	padding: 5px 20px;
	border: 1px solid #ccc;
	color: #444;
	width: 595px;
}
h4 {
clear: both; font-size: 1em; color: #000; padding: 0 14px; margin: 0;
}
.image4 {
border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 0 0;
}




/* paginador */
	.pagination p {
	float:right;
	width: 450px;
	position:relative;
	text-align:right;
	padding-top: 10px;
	padding-bottom: 10px;
}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#eee;}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#666}
	.pagination * {
	margin:0;
}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}

.pagination h2 {
margin-top:-1.45em;padding:0;border:none
}











.boxempresa {

	margin:10px 10px 5px 6px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	color: #444;
	width: 250px;
	float: left;
}
.imagelogoemp {


	float: none;
	border: 1px solid #cccccc;
}
h4 {
	clear: both;
	font-size: 1em;
	color: #000;
	background: #fff url(images/h3bg.gif) no-repeat center left;
	padding: 0 14px;
	margin: 0;
	font-weight: normal;
	border-bottom: solid #666666 1px;
}
h6 {
	clear: both;
	font-size: 1em;
	color: #000000;
	padding: 0 14px;
	margin: 0;
	font-weight: normal;
	background: url(images/h3bg.gif) no-repeat center left;
	border-bottom: solid #666666 1px;
}
.boxsubvencio {


	margin:15px 10px 0px 0px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	width: 495px;
	float: left;
}
.boxli {
	margin: 0 0 3px -20px;
	list-style: none;
	border-bottom: solid 1px #cccccc;
}

.boxdirectori {
	width: 285px;
	height: 125px;
	float: left;
	padding: 2px 2px;
	border: 1px solid #ccc;
	margin: 5px; 0 15px 0;
}

	.boxtot {
		width: 640px;
		margin: 0 0 1px 0;
	}
.special5 {

	color: #444;
	font-size: 9px;
}
.Ofertes_main {
	color: #444;
	font-size: 9px;
	width: 600px;
	float: left;
	margin-top: 10px;
}
.Ofertes_right {
	color: #444;
	font-size: 9px;
	width: 150px;
	float: right;
}
.Ofertestop {

	color: #444;
	font-size: 9px;
	width: 640px;
	float: left;
	margin-bottom: 5px;
}
.boxoferta {

	width: 270px;
	height: 140px;
	float: left;
	padding: 2px 6px 2px 10px;
	border: 1px solid #ccc;
	margin: 5px; 0 15px 0;
}
.ofertatitol {

0 15px 0;
	color: #FF6600;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: -10px;
	text-align: center;
}
.boxoferta ul {
0 15px 0;
	list-style: none;
}
.boxoferta ul li {

0 15px 0;
	list-style: none;
	margin-left: -40px;
}
.ofertalinea {


0 15px 0;
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 5px;
	text-align: center;
}
.ofertalink {




0 15px 0;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
#boxopinio p {
0 15px 0
	padding-right: 10px;
	padding-right: 10px;
}

#boxopinio {
	width: 623px;
	float: left;
	padding: 2px 2px 2px 10px;
	border: 1px solid #ccc;

0 15px 0;
	height: 150px;
	margin-bottom: 10px;
}
.opiniotitol {


0 15px 0;
	color: #FF6600;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}
.opinioinfo {



0 15px 0;
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: right;
}
.opinioautor {
	clear: both;
	margin:0px 0 20px 0;
	background: #eee;
	color: #444;
	font-size: 9px;
	font-family: Tahoma;
	padding: 5px 20px;
}
#boxopinio2 {
	width: 270px;
	padding: 2px 10px 2px 10px;
	border: 1px solid #ccc;
0 15px 0;
	height: 280px;
	margin-bottom: 10px;
	float: left;
	margin-left: 10px;
}