body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;font-weight:normal;}

.color-yellow 	{background:#f2bc00;}
.color-red    	{background:#dd0000;}
.color-blue  	{background:#5585d7;}
.color-white  	{background:#dfdfdf;}
.color-orange 	{background:#f66e00;}
.color-error 	{
	background-color: #C30;
}
.color-nivell2	{background-color: #FFCEAE;color: #000;}
.color-green 	{background:#8dc100;}
.color-gris		{background-color: #F3F3F3;background-image: url(../img/fons_filtre.jpg);background-repeat: repeat;}
.color-login	{background-color: #F3F3F3;background-image: url(../img/fons_login.jpg);background-repeat: repeat;}

#columns .column{float: left; min-height: 400px; height: auto !important; height: 400px; width:50%;}
#columns .column_error{
	width:100%;
	margin-top: 100px;
}
#columns #column1{width:60%;}
#columns #column2{width:40%;}
#columns #column_lateral{width:15%;}
#columns #column_lateral_valid{width:28%;}/*estil de validació*/
#columns #column_central{
	overflow:auto;
	width:85%;}

#columns #column_lateral .widget{margin-right:7%;}
#columns #column1 .widget {margin-right:7%;}
#columns #column3 .widget {margin-left:7%;}
#columns .widget{ margin-top: 8px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#columns .widget3{margin-right:7%;
				  margin-top: 8px;
		  		  -moz-border-radius: 5px;
				  -webkit-border-radius: 5px;
				  color: #000;
				  font-size: 0.82em;
				  font-weight: normal;
				  padding-top: 4px;
				  padding-right: 5px;
				  padding-bottom: 5px;
				  padding-left: 25px;
				  }
#columns .widget2 {margin-top: 2px;
				   -moz-border-radius: 5px;
				   -webkit-border-radius: 5px;
				   color: #FFF;
				   font-size: 0.8em;
				   font-weight: normal;
				   padding-top: 5px;
				   padding-right: 5px;
				   padding-bottom: 5px;
				   padding-left: 5px;
				   }
#columns .widget .widget-head {
					color: #FFF;
					overflow: hidden;
					width: 100%;
					height: 23px;
					line-height: 23px;
					}
#columns .widget .widget-head2 {
					color: #FFF;
					overflow: hidden;
					width: 100%;
					height: 18px;
					line-height: 18px;
					}
#columns .widget .widget-head h3 {
					padding: 0 5px;
					float: left;
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 0.9em;
					}
#columns .widget .widget-head2 h4 {
					float: left;
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 0.8em;
					color: #000;
					font-weight: normal;
					background-image: url(../img/indent1.png);
					background-repeat: no-repeat;
					background-position: left center;
					text-indent: 10px;
					padding-top: 0;
					padding-right: 5px;
					padding-bottom: 0;
					padding-left: 5px;
					margin-left: 5px;}
#columns .widget .widget-content {
					color: #333;
					-moz-border-radius-bottomleft: 4px;
					-moz-border-radius-bottomright: 4px;
					-webkit-border-bottom-left-radius: 4px;
					-webkit-border-bottom-right-radius: 4px;
					line-height: 1.2em;
					overflow: hidden;
					background-color: #EBEBEB;
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 0.8em;
					padding-top: 1px;
					padding-right: 5px;
					padding-bottom: 1px;
					padding-left: 5px;}			
					
#columns .widget .widget-content p {padding: 0.5em 0;}
#columns .widget .widget-content img {float: right; margin: 10px; border: 1px solid #FFF;}
#columns .widget .widget-content pre {padding: 0.5em 5px; color: #EEE; font-size: 12px;}
#columns .widget .widget-content ul {padding: 5px 0 5px 2px;list-style: disc;}
#columns .widget .widget-content ul li {padding: 0px 0;}
#columns .widget .widget-content ul.images {padding: 7px 0 0 0; list-style: none;height: 1%;}
#columns .widget .widget-content ul.images li {display: inline;float: left;}
#columns .widget .widget-content ul.images img {display: inline; float: left; margin: 0 0 7px 7px;}
@media only screen and (max-width: 1024px) {
#columns #column_lateral{width:18%;}
#columns #column_central{
	overflow:auto;
	width:82%;}
}
@media only screen and (max-width: 860px) {
#columns #column_lateral_valid{width:30%;}
#columns #column_lateral{
		width:17%;
		 font-size: 0.8em;
		}
#columns #column_central{
	overflow:auto;
	width:83%;}

}