form {
	padding: 0px;
	margin: 0px;
}
div{-moz-box-sizing:border-box;box-sizing:border-box;padding:0px;margin:0px; }


body
{
	font-family: arial;
	font-size: 12px;
	color: #000;
	background: #fff;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

table
{
	width: 390
	font-family: arial;
	font-size: 12px;
	color: #000;
	text-align: left;
	padding: 2px;
	margin: 0px;
}
a
{
 color: #000;
}

h1 {
  font-size:28px;
  font-weight: 500; 
  display: block;
  margin: 10px 0px 5px 0px;
  color: rgb(24,87,145);
}

h2 
{
  font-size:16px;
  font-weight:bold; 
  display: block;
  margin: 0px 0px 5px 0px;
}
h3 
{
  font-size:14px;
  font-weight:bold; 
  display: block;
  margin: 5px 0px 5px 0px;
}

ul
{
list-style-type:none;
margin: 10px;
padding: 5px;

}

.lista
{
margin-top: 5px;
background-image:url(/ico/accept.png);
background-repeat:no-repeat;
background-position:0px 2px; 
padding: 0 0 0 20px;
}

.listaOn
{
margin-top: 5px;
background-image:url(/ico/calendar_go.png);
background-repeat:no-repeat;
background-position:0px 2px; 
padding: 0 0 0 20px;
}

.listaM
{
margin-top: 5px;
background-image:url(/ico/bullet_green.png);
background-repeat:no-repeat;
background-position:0px 2px; 
padding: 0 0 0 20px;
}

.calendar
{
margin-top: 5px;
background-image:url(/ico/date.png);
background-repeat:no-repeat;
background-position:0px 2px; 
padding: 0 0 0 20px;
}



.superTitulo
 {
   
   background:url("/imatges/titol-i.png") no-repeat left top;
	 color:#fff;
	 font-weight: bold;
	 font-size: 17px;
	 font-family: arial;
	 padding: 1px;
   
   text-decoration: none;
   height: 20px;
	}
	.superTitulo a {
	color:#000;
	padding: 1px 25px 0 25px;
	background:url("/imatges/titol-d.png") no-repeat right top;
	text-decoration: none;
	}
	
.sombrablanca { position: relative; left: 1px; top: 1px; color: #fff;}
.textoSombra { position: absolute; left: -1px; top: -1px;}
.textoSombra:hover {color:#0467c4;}

.mediumTitulo
 {
	 color:#3f5a05;
	 font-weight: bold;
	 font-size: 14px;
	 font-family: arial;
	 font-style: italic;
	 display: block;
   padding: 5px 5px 5px 0;
   text-decoration: none;
	}
	
.foros
{
margin-top: 5px;
background-image:url(/ico/comment.png);
background-repeat:no-repeat;
background-position:0px 2px; 
padding: 0 0 0 20px;
}

	.interes
	{
	 margin: 0 20px 20px 0; 
	 padding: 10px 25px 10px 25px;
	 width: 620px;
	 height: 100px;
	 background:url("/imatges/continguts.png") no-repeat left top;
	 line-height: 25px;
	 font-size: 14px;
 	}

	.itemBlock
	{
	 display:block;
	 margin-top:10px;
	 font-size: 12px;
	 font-family: arial;
	 color: #000;
	 clear:both;
	}
	
		.itemBlockHalf
	{
	 display: inline;
	 width: 480px;
	 margin: 10px 15px 0px 0px;
	 font-size: 12px;
	 font-family: arial;
	 color: #000;
	 float:left;
	}
	
	.itemBlockTercio
	{
	 display: inline;
	 width: 310px;
	 margin: 15px 8px 10px 8px;
	 font-size: 12px;
	 font-family: arial;
	 color: #000;
	 float:left;
	}
	
			.itemBlock4
	{
	 display: inline;
	 width: 120px;
	 margin: 15px 3px 10px 3px;
	 font-size: 12px;
	 font-family: arial;
	 color: #000;
	 float:left;
	}
		.item4
		{
	 height: 100px;
	 // height: 110px;
	}
	
	.itemLink
	{
	 color: #000;
	 text-decoration: underline
	}
	
	.item
	{
	 display:block;
	 padding:5px;
	 height: auto;
	 height: 78px;
	 // height: 88px;
	 color: #353535;
	 text-decoration:none;
	 /* background: #f6f6f6; */
	 overflow: hidden;
	}
	
	.itemTercio
	{
	 height: 93px;
	 // height: 103px;
	}
	
		.itemFotoHome
	{
	 height: 150px;
	 // height: 163px;
	}
	.itemRutaHome
	{
	 height: 123px;
	 // height: 133px;
	}
	
	.item:hover
	{
	 background: #FFFFCC;
	}
	
	.item IMG
	{
	  margin: 0 5px 0 5px;
	}
	.itemP
	{
	  margin-top: 5px; display: block;
	}
	
	.itemTitulo
	{
	margin: 5px 0 10px 0;
	font-size: 14px;
	color:#5b5b5b;
	font-weight: bold;
	}
	
	.piada
	{
	 padding: 2px;
	 /* background: #f6f6f6; */
	 color: #5b5b5b;
	 margin: 5px 0 10px 10;
	}
	
	.piada:hover
	{
	 background: #FFFFCC;
	}
	
	.piada img
	{
	 margin-left: -10px;
	}
	.piada:hover
	{
	 background: #FFFFCC;
	}
	
	
	.comments
	{
	 width:800px;
	 margin: 5px 5px 10px 0px;

	}
	.comment
	{
	 padding: 5px;
	 display: block;
	 margin: 0px 4px 0px 0px;
	 font-size: 12px;
	 line-height: 15px;
	 font-family: arial;
	 color: #7c7c7c;
	 /*background: #fcfcfc;*/
	 text-decoration: none;
	}
	
	.comment:hover
	{
	 background: #FFFFCC;
	}
	
	.comentariosItem{
	background-color: #fff;
	font-family: arial;
	font-size: 12px;
	color: #7c7c7c;
	padding: 10px;
	display: block;
}
	
		.benvinguda
	{

	 font-size: 30px;
	 font-family: Times New Roman;
	 color: #005900;
	 font-style: italic;
	 font-weight: bold;
	 }
	
	#principal{
	text-align: left;
	padding: 10px;
	background-color:#fff;
	font-family: arial;
	font-size: 12px;
	color: #000;

	}
	

	#login 
	{ 
	background: #ECECEC url(/imatges/boxTop.gif) no-repeat left top;
	 width: 160px;
	 color:#191919;
	 text-align: left;
	 overflow: hidden;
	}
	
	#login #log 
	{ 
	padding: 10px;
	background: url(/imatges/boxBottom.gif) no-repeat left bottom;
  }
	
	
	#cabecera
	{
	text-align: right;
	width:1010px;
	height: 140px;
	background: url(/imatges/cabecera_cemt.jpg) repeat-x scroll left top; 
	}
	#cabeceraInner
	{
	width:1010px;
	height: 105px;
	}
#menuSuperior
	{
	width:1010px;
	height: 35px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
  text-align: left;
  overflow: hidden;

	}


	
	#Pie
	{
	border-top: 15px solid #e7edde;
	clear: both;
	padding:11px;
	width:1010px;
	height: 39px;
	font-family: arial;
	font-size: 12px;
	color: #666;
	}
	
	#Pie a
	{
	color: #555;
	text-decoration: none
	}
	#Pie a:hover
	{
	color: #000;
	}
	
	#Pie div
	{
	width: 550px;
	float: right;
	text-align: right;
	position: relative;
	top: -5px;
	}
	#Pie img
	{
	position: relative;
	bottom: -2px;
	}
	
	#googlesearch{
	width:610; 
	text-align:left; 
	display: block;
	}
	
 .inputtext
	{
	border: 1px solid #b5b5b5;
	width: 470px;
	font-size:14px;
	}
	
	
	#content{
	margin: auto;
	text-align: left;
	background: #fff;
	width:1010px; 
	padding:0px;
	font-family: arial;
	font-size: 12px;
	color: #5b5b5b;
	}
	

  #usuariosonline{
  margin: 10px;
  }
  #usuariosonline img{ vertical-align: middle }
  #usuariosonline a {color: #fff; text-decoration: none;font-size: 10px;}
  
  #migita{
  border-top: 15px solid #e7edde;
  width: 1010px;
  padding: 5px 0 0px 20px;
  font-family: arial;
  font-size: 11;
  color: #5b5b5b;
  }
  #migita a
  {
   color: #5b5b5b;
  }
  
	.comentariosItemTitulo{
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		display: block;
	}


.formuComentarios{
		font-family: arial;
		font-size: 12px;
		padding: 10px;
		display: block;
	}
	
.formuComentarios input{
			vertical-align: middle;
			margin: 2px;
		}
.formuComentarios .text{
			width: 200px;
			border: 1px #5b5b5b solid;
		}
.formuComentarios .boton{
			width: auto;
		}
.formuComentarios textarea{
			width: 700px;
			height: 100px;
			border: 1px #5b5b5b solid;
		}
		
		
	
  #tabs2 {
      float:left;
      width:100%;
      font-size:15px;
      line-height:normal;
      color:#74675B;
      }
     #tabs2 ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
	  
      }
     #tabs2 li {
      display:inline;
      margin:0 ;
      padding:0;
      
      }
    #tabs2 a {
      float:left;
      background:url("/imatges/on-i.png") no-repeat left top;
      margin:0 10px 0px -1px;
      padding:0 0 0 4px;
      text-decoration:none;
      border-bottom: 3px solid #000;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url("/imatges/on-d.png") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    

	   #tabs2 .seleccionado a{
	    cursor: default;
      float:left;
      background:url("/imatges/off-i.png") no-repeat left top;
      margin:0px 10px 0px -1px;
      padding:0 0 0 4px;
      text-decoration:none;
      border-bottom:3px solid #f8f8f8;
      }
    #tabs2 .seleccionado span{
      float:left;
      display:block;
      background:url("/imatges/off-d.png") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
      
       #tabs2 .menu a{
       cursor: pointer;
      float:left;
      background:url("/imatges/menu-i.png") no-repeat left top;
      margin:0px 10px 0px -1px;
      padding:0 0 0 4px;
      text-decoration:none;
      border-bottom:3px solid #f8f8f8;
      }
    #tabs2 .menu span{
      cursor: pointer;
      float:left;
      display:block;
      background:url("/imatges/menu-d.png") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
	
	
	
	a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(/imatges/form_buttons.png);
    _background-image:url(/imatges/form_buttons.png);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

.rounded {
background: url(/imatges/rounded-i.png) no-repeat left top;
padding: 5px 5px 8px 5px;
//padding: 0px 0px 0px 8px;
}

.rounded span {
background: url(/imatges/rounded-d.png) no-repeat right top;
padding: 5px 8px 8px 2px;
//padding: 2px 8px 12px 2px;
height: 25px;
margin-bottom: -8px;
//margin-bottom: -18px;
}

.rounded input {
border: none;
background: #FFF;
}
