* {
		margin: 0;
		padding: 0;
}
	
body {
		margin: 0px;
		background: #7eba00;
}

/* estilo de escritura por defecto, siempre lo pongo así me ahorro hacer mas clases y de esta manera sigo una coherencia gráfica*/
body, th, td, input, textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
	}
	
	h1{
		font-size:14pt;
		color:#6d6d6d;
		padding:0px 0px 10px 0px;
	}
	img{
		border:none;
    }
	input{
	border:1px solid #333333;}
	input:hover {border:1px solid #7eba00;}
	input:focus {border:1px solid #7eba00;}
	input:focus:hover {border:1px solid #7eba00;}
	textarea{
	border:1px solid #333333;
	width:300px;}
	textarea:hover {border:1px solid #7eba00;}
	textarea:focus {border:1px solid #7eba00;}
	textarea:focus:hover {border:1px solid #7eba00;}
	.buttom{
	background:#7eba00; color:#FFFFFF; font-weight:bold; padding:3px; margin:0px;}
   hr {
		display: none;
	}
    /* estructura de la web */

	#grancontenedor {
		width: 950px;
		position:relative;
		margin: 0 auto;
		padding: 0;

	}
	.header{
		width: 950px;
		background: url(../img/header.jpg) center no-repeat;
		margin: 0 auto;
		height:29px;
		padding:0px;
	}
	.contenido{
		width: 950px;
		background: url(../img/content.jpg) center repeat-y;
		margin: 0 auto;
		padding: 0;
	}
	.cabe{margin:0px 0px 0px 0px}
			.logo{
			float:left;
			width:200px;
			height:136px;
			padding:0px 0px 0px 8px;
			}
			.verd{
			background:#7eba00;
			height:15px;
			width:723px;
			margin:0px 0px 0px 8px}
			.banner{
			width:730px;
			float:left;
			margin:0px 0px 0px 3px
			}
			.dr{
			float:left;
			width:210px;
			margin:10px 0px 0px 8px; 
			border-right: 1px solid #999;
			padding:0px 0px 0px 0px;
			
			}
			#menu {		
				list-style: none;
				margin: 30px 0px 0px 0px;
				padding: 0px;
				width: 200px;
			}
			
			#menuverd {		
				list-style: none;
				margin: 30px 0px 0px 0px;
				padding: 0px;
				width: 200px;
			}
			
			#menu a.active {
				background: url(../img/fonsboto.jpg) no-repeat;
				color: #ef7301;
			}  
			#menuverd a.active {
				background: url(../img/fonsbotoverd.jpg) no-repeat;
				color: #103A86;
			} 
			#menu li {
				font: 12px Arial, Verdana, Helvetica, sans-serif;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			#menuverd li {
				font: 12px Arial, Verdana, Helvetica, sans-serif;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#menu .sub1 li a {
				background:url(../img/fonsboto.jpg) no-repeat;
				font-size:12px;
				list-style: none;
				border-bottom: 0px solid #fff;
				color: #fff;
				display: block;
				margin: 0;
				height:26px;
				padding: 8px 0px 8px 10px;
				text-decoration: none;
			}
			#menuverd .sub1 li a {
				background:url(../img/fonsbotoverd.jpg) no-repeat;
				font-size:12px;
				list-style: none;
				border-bottom: 0px solid #fff;
				color: #fff;
				display: block;
				margin: 0;
				height:26px;
				padding: 8px 0px 8px 10px;
				text-decoration: none;
			}

			#menu .sub1 li a:hover {
				background: url(../img/fonsboto.jpg) no-repeat;
				color: #ef7301;
			}     
			#menuverd .sub1 li a:hover {
				background: url(../img/fonsbotoverd.jpg) no-repeat;
				color: #103A86;
			} 
			#menu .sub1 li a.active {
				background: url(../img/fonsboto.jpg) no-repeat;
				color: #ef7301;
			} 
			#menuverd .sub1 li a.active {
				background: url(../img/fonsbotoverd.jpg) no-repeat;
				color: #103A86;
			}     
			#menu .sub2 li a {
				background: #fff url(../img/flecha.jpg) left no-repeat;
				font-size:11px;
				list-style: none;
				margin:0px 20px 0px 7px;
				border-bottom: 5px solid #fff;
				color: #000;
				display: block;
				padding: 8px 12px 8px 15px;
				text-decoration: none;
				height:26px;
			}
			#menu .sub2 li a:hover {
				background: url(../img/fonsboto.jpg) no-repeat;
				margin:0px 20px 0px 7px;
				color: #ef7301;
			}  
			#menuverd .sub2 li a:hover {
				background: url(../img/fonsbotoverd.jpg) no-repeat;
				margin:0px 20px 0px 7px;
				color: #103A86;
			}                 
			#menu .sub2 li a:active {
				background: url(../img/fonsboto.jpg) no-repeat;
				margin:0px 20px 0px 7px;
				color: #ef7301;
			} 
			#menuverd .sub2 li a:active {
				background: url(../img/fonsbotoverd.jpg) no-repeat;
				margin:0px 20px 0px 7px;
				color: #103A86;
			}                 
			#menu a {
				background:url(../img/fonsboto.jpg) no-repeat;
				font-size:12px;
				border-bottom: 5px solid #fff;
				color: #fff;
				display: block;
				margin: 0;
				padding: 8px 0 0 15px;
				height:26px;
				text-decoration: none;
			}
			#menuverd a {
				background:url(../img/fonsbotoverd.jpg) no-repeat;
				font-size:12px;
				border-bottom: 5px solid #fff;
				color: #fff;
				display: block;
				margin: 0;
				padding: 8px 0 0 15px;
				height:26px;
				text-decoration: none;
			}
			#menu a:hover {
				background:url (../img/fonsboto.jpg) no-repeat;
				color: #ef7301;
			}
			#menuverd a:hover {
				background:url (../img/fonsbotoverd.jpg) no-repeat;
				color: #103A86;
			}
			#menu a:active {
				background:url (../img/fonsboto.jpg) no-repeat;
				color: #ef7301;
			}
			#menuverd a:active {
				background:url (../img/fonsbotoverd.jpg) no-repeat;
				color: #ef7301;
			}
			.noticias{
			width:200px;
			}
			.noticias h2{
			color:#333333;
			font-size:14px;
			font-weight:bold;
			padding:0px 0px 0px 15px;
			} 
			.noticias p{
			color:#545454;
			padding:0px 0px 0px 15px;
			}     
			.noticias a{
			color:#7eba00;
			font-weight:bold;
			text-decoration:none;}
			.noticias a:hover{
			color:#000;
			font-weight:bold;
			text-decoration:underline;} 
			
			
			.novetats{
			width:200px;
			}
			.novetats h2{
			color:#333333;
			font-size:14px;
			font-weight:bold;
			padding:0px 0px 0px 15px;
			} 
			.novetats p{
			color:#545454;
			padding:0px 0px 0px 15px;
			}     
			.novetats a{
			color:#7eba00;
			font-weight:bold;
			text-decoration:none;}
			.novetats a:hover{
			color:#000;
			font-weight:bold;
			text-decoration:underline;} 


			.caixanovetats{
				width:172px;
				height:250px;
				float:left;
				margin:5px 30px 25px 30px;
				border-bottom:1px solid #333333;
				}
				.caixanovetats .titol{
				color:#333333;
				font-size:12px;
				font-weight:bold;
					width:172px;
					height:90px;
					}
				.caixanovetats .foto{
					width:172px;
					}
			.mesnovetats{
				margin-top:10px;
				margin-bottom:20px;
				}
				.mesnovetats ul,li{
					list-style:square;
					}
			.mesnovetats ul li a{
				color:#333333;
				}
				.mesnovetats ul{
					margin-left:50px;
					}
				.mesnovetats li{
					height:30px;
					}

			.foto_ampliada{
			width:200px;
			float:left;
			margin-left:24px;
			padding:10px 10px;
			}
			.foto_ampliada2{
			width:180px;
			padding:10px 10px;
			float:left;
			margin-left:24px;
			}
			.noticias_ampliada{
			width:615px;
			padding:0px 0px 0px 10px;
			float:left;
			text-align:left;
			margin-left:24px;
			}
			.noticias_ampliada h2{
			color:#87212c;
			background:none;
			font-size:14px;
			font-weight:bold;
			padding:0px;
			}
			.noticias_ampliada a{
			color:#7eba00;
			font-weight:bold;
			text-decoration:none;}
			.noticias_ampliada a:hover{
			color:#000;
			font-weight:bold;
			text-decoration:underline;} 
			
			
			.novetats_ampliada{
			width:450px;
			padding:0px 0px 0px 10px;
			float:left;
			text-align:left;
			}
			.novetats_ampliada h2{
			color:#87212c;
			background:none;
			font-size:14px;
			font-weight:bold;
			padding:0px;
			}
			.novetats_ampliada a{
			color:#7eba00;
			font-weight:bold;
			text-decoration:none;}
			.novetats_ampliada a:hover{
			color:#000;
			font-weight:bold;
			text-decoration:underline;}               
			              
			.izq{
			float:left;
			width:650px;
			margin:20px;
			
			}
			

			.izq2{
			float:right;
			width:650px;
			height:750px;
			background:url(../img/fonspunts2.jpg)  bottom right no-repeat;
			}
			.izq3{
			float:left;
			width:650px;
			height:650px;
			background:url(../img/fonspunts2.jpg)  bottom right no-repeat;
			}
			.izq h2{
			font:Arial, Helvetica, sans-serif;
			height:60px;
			margin:15px 0px 0px 10px;
			padding:6px 0px 5px 5px;
			}
			.baix{ clear:both; padding:0px 0px 0px 20px;}
			.baix a{color:#7eba00; text-decoration:none;}	
			.baix a:hover{color:#7eba00; text-decoration:none;}		
			.text_gran{
			text-align:left;
			width:710px;
			}
			.text_gran a{
			color:#7eba00;
			font-weight:bold;
			text-decoration:none;}
			.text_gran a:hover{
			color:#000;
			font-weight:bold;
			text-decoration:underline;}  
			.ptexgran{
			padding:0px 0px 0px 20px;
			width:650px;}
			.text_gran .solo{
			padding:0px 0px 0px 20px;
			width:550px;}
			.text_gran .solo2{
			padding:0px 0px 0px 10px;
			width:550px;}
			.solo a{color:#7eba00;
			font-weight:bold;
			text-decoration:none;}
			.solo a:hover{color:#000000;
			font-weight:bold;
			text-decoration:none;}
			.solotexto{
			padding:10px 10px 10px 10px;
			float:left;
			width:620px;
			border:2px solid #ef7301;
			margin-left:24px;
			}
				.solotexto p{
			width:350px;}
			.solotexto b{
			font-weight:normal;
			color:#7eba00;
			font-size:12px;}
			.solotexto h3{
			font-weight:bold;
			color:#7eba00;
			font-size:18px;
			}
			.solotexto h3 a{
			font-weight:normal;
			color:#7eba00;
			font-size:18px;
			}
			.solotexto h3 a:hover{
			font-weight:normal;
			color:#7eba00;
			font-size:18px;
			}
			.solotexto a{color:#7eba00;
			font-weight:bold;
			text-decoration:none;}
			.solotexto a:hover{color:#000000;
			font-weight:bold;
			text-decoration:none;}
			.imagenempresa{
	float:right;
	position:absolute;
	width:200px;
	padding-top:100px;
	left: 650px;
	top: 215px;
}
			.imagenempresa img{
			padding:10px;
}
			.text_gran h2{
			color:#333333;
			font-size:14px;
			background:none;
			font-weight:bold;
			padding:0px 0px 10px 0px;}
			.text_gran h3{
			color:#000000;
			font-size:12px;
			font-weight:bold;
			padding:0px 0px 10px 0px;}
			.logos{
			width:690px;
			padding:10px 0px 10px 5px;
			border-bottom:1px dashed #999999;}
			.logo2{
			padding:5px 0px 0px 10px;
			float:left;
			width:160px;
			height:50px;
			border-right:#999999 dashed 1px;}
			.productosportada{
			width:690px; text-align:center;}
			.productosportada h1{
			font-size:14px;
			color:#fff;
			padding:10px 10px 10px 20px;
			width:650px;
			background:url(../img/fonsproductes.jpg) no-repeat left}
			.productos{
			position:relative;
			width:300px;
			height:200px;
			float:left;
			font-weight:bold;
			font-size:10px;
			color:#333333;
			padding:5px 10px;
			margin:0px 0px 5px 10px;
			border:1px solid #ef7301;}
			.productos .web{
			position:absolute;
			bottom:4px;
			left:10px;}
			.productos h2{
			color:#333333;
			height:auto;
			width:290px;
			background:none;
			float:left;
			text-align:left;
			font-size:18px;
			padding:0px;
			margin:5px 0px;
			font-weight:bold;}
			.productos h2 a{
			color:#333333;
			text-decoration:none;
			font-size:18px;
			font-weight:bold;}
			.productos h2 a:hover{
			color:#333333;
			text-decoration:none;
			font-size:18px;
			font-weight:bold;}
			.productosportadaA{
			margin:0px 0px 0px 5px;}
			.foto_productos{
			width:300px;
			float:left;
			font-weight:bold;
			font-size:10px;
			color:#333333;
			margin:22px;
			
			}
			.borde{border:2px solid #ef7301; width:615px;float:left;margin-left:24px;padding:10px 10px 10px 10px;
}
			.izq_1{ width:300px; float:left; padding:0px 0px 10px 0px;}
			.izq_1b{ width:300px; float:left; padding:0px 0px 10px 10px; text-align:justify; }
			.izq_1 b{ color:#000000; font-weight:bold;}
			.izq_1 h2{ 
			font:Arial, Helvetica, sans-serif;
			height:auto;
			text-align:left;
			background:#7eba00;
			width:270px;
			color:#000000;
			padding:5px 0px 5px 5px;
			margin:0px 0px 10px 0px;
			font-size:12px;
			font-weight:bold;}
			.izq_1b b{ color:#000000; font-weight:bold;}
			.izq_1b h2{ 
			font:Arial, Helvetica, sans-serif;
			height:auto;
			text-align:left;
			background:#7eba00;
			width:300px;
			color:#000000;
			padding:5px 0px 5px 5px;
			margin:0px 0px 10px 0px;
			font-size:12px;
			font-weight:bold;}
			.izq_2{ width:295px; float:left;padding:0px 0px 0px 10px; text-align:right;}
			.galeria{ width:50px; float: left; margin:5px; border:#999999 2px solid; }
			.galeriab{ width:150px; float: left; margin:5px;}
			.baix{ clear:both; padding:15px 0px 0px 20px;}	
	
			
	.footer{
		width: 950px;
		background: url(../img/footer.jpg) center no-repeat;
		height:29px;
		margin: 0 auto;
		padding: 0;
	}
		.planet{
		position:absolute;
		bottom:50px;
		left:13px;
			}
			.climbing{
		position:absolute;
		bottom:17px;
		left:110px;
			}
					.logo3{
	position:absolute;
	top:20px;
	left:10px;
			}
			
.bola{color:#838484; background:url(../img/botonet.jpg) no-repeat; height:36px; width:200px; float:right; padding:10px 10px; text-align:center;}
.bola a{color:#fff;}