@charset "UTF-8";
/* CSS Document */

/****************************************************************
****************************Reset CSS***************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*************************************************Fin del Reset*********/



/************************Layout general********************************/

body{
	background:url(../images/background.jpg) repeat top left;
	font-family:Arial, Helvetica, sans-serif;
}

.container{
	width:962px;
	min-height:110px;
	margin:0px auto 0px auto;
}

.containerFt{
	width:962px;
	height:auto;
	margin:0px auto 0px auto;
}

#WrapImageHead {
background:url(../images/WrapImage.gif) repeat-x scroll left top;
display:table;
width:100%;
margin:0px;
border-top:2px solid #111;
border-bottom:1px solid #666;
overflow:hidden;
height:auto;
min-height:110px;
}

#WrapImageCont{
	background:url(../images/WrapImageCont.gif) repeat scroll top left;
	display:table;
	width:100%;
	margin:0px;
	border-top:2px solid #fff;
	border-bottom:2px solid #000;
}

#WrapImagefooter{
	background:url(../images/WrapImagefoot.gif) repeat-x scroll top left;
	display:table;
	width:100%;
	height:42px;
	margin:0px;
	border-top:1px solid #111;
	border-bottom:2px solid #111;
}

	a{
		font-weight:600;
		color:#F4801A;
		text-decoration:none;
	}
	
	a:hover{
		text-decoration:underline;
	}


/************************************Fin del layout general*******************/


/**********************************************************************Header***********
*****************************************************************************************/

#headder{
	width:100%;
	height:110px;
	background:url(../images/headder.jpg) no-repeat top center;
	position:relative;
	overflow:hidden;
}


#headder h1 a{
	width:353px;
	height:52px;
	display:block;
	float:left;
	margin-top:46px;
}

	/*******************Navegación********************/
    
    ul#navigation {
        float:right;
        width:547px;
        height:33px;
        margin-top:26px;
        display:block;
        
    }
    
    #navigation li{
        float:left;
        display:block;
    }

        .inici a, .inici_ESP a {
            background:url(../images/NavigationMenu.gif) no-repeat 0px bottom;
            width:83px;
            height:33px;
            display:block;
            text-indent:-9000px;
        }
        
        .inici a:hover, .inici_ESP a:hover{
            background-position:0px top;
        }
        
            .iniciActual a, .iniciActual_ESP a{
                background:url(../images/NavigationMenu.gif) no-repeat 0px top;
                width:83px;
                height:33px;
                display:block;
                text-indent:-9000px;
            }
            
        /*******************************************************************************ESTE ES EL NUEVO BOTÓN (SERVEIS)********************************/
        .serveis a, .serveis_ESP a{
            background:url(../images/NavigationMenu.gif) no-repeat -83px bottom;
            width:107px;
            height:33px;
            display:block;
            text-indent:-9000px;
        }
        
        .serveis a:hover, .serveis_ESP a:hover{
            background-position:-83px top;
        }
        
            .serveisActual a, .serveisActual_ESP a{
                background:url(../images/NavigationMenu.gif) no-repeat -83px top;
                width:107px;
                height:33px;
                display:block;
                text-indent:-9000px;
            }
            
        /**********************************FIN DEL NUEVO BOTÓN*********/
        
        .portfolio a, .portfolio_ESP a{
                background:url(../images/NavigationMenu.gif) no-repeat -190px bottom;
                width:118px;
                height:33px;
                display:block;
                text-indent:-9000px;
        }
        
        .portfolio a:hover, .portfolio_ESP a:hover{
            background-position:-190px top;
        }
        
            .portfolioActual a, .portfolioActual_ESP a{
                    background:url(../images/NavigationMenu.gif) no-repeat -190px top;
                    width:118px;
                    height:33px;
                    display:block;
                    text-indent:-9000px;
            }
        
        .noticies a, .noticies_ESP a{
            background:url(../images/NavigationMenu.gif) no-repeat -308px bottom;
            width:114px;
            height:33px;
            display:block;
            text-indent:-9000px;
        }
        
        .noticies a:hover, .noticies_ESP a:hover{
            background-position:-308px top;
        }
        
            .noticiesActual a, .noticiesActual_ESP a{
                background:url(../images/NavigationMenu.gif) no-repeat -308px top;
                width:114px;
                height:33px;
                display:block;
                text-indent:-9000px;
            }
        
        .contacta a, .contacta_ESP a{
            background:url(../images/NavigationMenu.gif) no-repeat -423px bottom;
            width:124px;
            height:33px;
            display:block;
            text-indent:-9000px;
        }
        
        .contacta a:hover, .contacta_ESP a:hover{
            background-position:-423px top;
        }
  
            .contactaActual a, .contactaActual_ESP a{
                background:url(../images/NavigationMenu.gif) no-repeat -423px top;
                width:124px;
                height:33px;
                display:block;
                text-indent:-9000px;
            }
        
        /*************************************CASTELLANO*****/
        
        .inici_ESP a{
            background:url(../images/NavigationMenu_ESP.gif) no-repeat 0px bottom;
        }
       
            .iniciActual_ESP a{
                background:url(../images/NavigationMenu_ESP.gif) no-repeat 0px top;
            }
            
        .serveis_ESP a{
            background:url(../images/NavigationMenu_ESP.gif) no-repeat -83px bottom;
        }
        
            .serveisActual_ESP a{
                background:url(../images/NavigationMenu_ESP.gif) no-repeat -83px top;
            }  
        
        .portfolio_ESP a{
                background:url(../images/NavigationMenu_ESP.gif) no-repeat -190px bottom;
        }
        
            .portfolioActual_ESP a{
                    background:url(../images/NavigationMenu_ESP.gif) no-repeat -190px top;
            }
        
        .noticies_ESP a{
            background:url(../images/NavigationMenu_ESP.gif) no-repeat -308px bottom;
        }
        
            .noticiesActual_ESP a{
                background:url(../images/NavigationMenu_ESP.gif) no-repeat -308px top;
            }
        
        .contacta_ESP a{
            background:url(../images/NavigationMenu_ESP.gif) no-repeat -423px bottom;
        }
        
            .contactaActual_ESP a{
                background:url(../images/NavigationMenu_ESP.gif) no-repeat -423px top;
            }
        
        /*********************************************************************************************************************************************************
        ********************************************************************************************************************Fin de Navegación**************************
        **************************************************************************************************************************************************************/
		
	.avis {
		float:right;
		height:26px;
	}
	
	.avis a{
		color:#FFF;
		float:left;
		text-decoration:none;
		font-size:.8em;
		margin:6px 10px auto auto;
	}
	
	.avis a:hover{
		text-decoration:underline;
	}
	
	
	.idioma{
		width:85px;
		height:25px;
		display:block;
		float:left;
	}
	
	.idioma{
		width:85px;
		height:25px;
		background:url(../images/idioma.gif) no-repeat scroll bottom;
		/*text-indent:-9000px;*/
		display:block;
		margin:0px;
		z-index: 1000;
		font-size:13px;
	}
	.idioma a{
		margin-left:10px;
		text-decoration: none;
	}
	
		.idioma a:hover{
			text-decoration: underline;
			background-position:top;
			cursor:pointer;
		}
		.idioma a.titol_idioma:hover{
			background-position:top;
			text-decoration: none;
		}
/************************************Fin del Header*******************/


/**********************************************************************Footer***********/

#pie{
	width:911px;
	float:left;
	margin-top:8px;
}

#pie p{
	font-size:.86em;
	color:#FFF;
	float:left;
	display:inline;
}
	
	#pie .derecha{
		float:right;
		margin-right:6px
	}
	
	.WNlogo {
		width:49px;
		height:25px;
		position: absolute;
		margin:2px 0px auto auto;
	}
	
	.WNlogo a{
		width:49px;
		height:25px;
		display:block;
		background:url(../images/wnLogo.gif) no-repeat scroll;
		
	}
	
	.WNlogo em.showme {
	background:url(../images/tooltipWatsnext.png) no-repeat;
	width: 122px;
	height: 34px;
	position: absolute;
	top: -60px;
	left: -73px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:.9em;
	color:#fff;
	z-index: 2;
	display: none;
	}

	
/**********************************************************************Fin del Footer***********/


/**********************************************************************Contenido home***********
*****************************************************************************************/

/************************Banner***********/	
 img.banner{
	 float:left;
	 border:1px solid #ddd;
	 margin-top:1px;
 }
 
 .textoBanner{
	 float:right;
	 width:310px;
	 height:208px;
	 text-align:left;
	 overflow:hidden;
	 margin:10px 20px auto auto;
 }
 	.textoBanner h2{
		padding-bottom:1em;
	}
	
 	.textoBanner h2 a{
		font-size:1.2em;
		color:#808080;
		text-decoration:none;
	}
	
	.textoBanner h2 a:hover{
		color:#666;
	}
	
	
	
/* Easy Slider */

	#contSlider{
		width:100%;
		height:290px;
		overflow:hidden;
		position:relative;
		float:left;
	}


	#slider{
		border:4px solid #FFF;
		background-color: white;
		height:279px;
		margin:3px auto auto 59px;
		overflow:hidden;
		-moz-box-shadow: 0px 4px 8px #111;  
		-webkit-box-shadow: 0px 4px 8px #111;
		background:url(images/ajax-loader.gif) #ffffff no-repeat 50% 50%; 

		}	
		#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
			
	#slider li{ 
		width:828px;
		height:271px;
		background-color:#fff;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:relative;
		left:12px;
		top:-178px;
		}	
	#nextBtn{ 
		left:895px;
		top:-255px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:47px;
		height:58px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}
		
		#prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            text-indent:-9000px;
            }

/* // Easy Slider */

/**************************************Fin del Banner***********/


#contIntro{
	width:956px;
	display:table;
	position:relative;
	float:left;
	background:url(../images/contenidos.gif) repeat;
	border:2px double #bababa;
	border-top:none;
	padding-bottom:35px;
	margin-bottom:14px;
}

@font-face {  
font-family: 'Rockwell';  
src: url('../fonts/Rockwell.ttf');
}

	#Intro{
		width:684px;
		float:left;
		margin:12px auto auto 136px;
	}
	
		#Intro h1{
			font-family:Rockwell;
			font-weight:500;
			font-size:1.8em;
			line-height:1.2em;
			margin-bottom:10px;
			color:#808080;
			text-shadow: 0px 1px 1px #fff;
		}
		
		#Intro p{
			line-height:1.3em;
			font-size:1.07em;
			color:#333;
			margin-top:1em;
		}
		
		#Intro a{
			color:#111;
			text-decoration:underline;
		}
		
		#Intro a:hover{
			color:#F4801A;
		}
		
/*********************************************************Sliding Boxes****************************/

#contBoxes{
	width:100%;
	position:relative;
	float:left;
	padding-bottom:21px;
}
#contBoxes a:hover{
	text-decoration: none;
}

.boxgrid{ 
	width: 300px; 
	height: 230px; 
	margin:0px 28px auto 0px; 
	float:left;
	background-color:#1A1A1A;
	border: solid 1px #F1F1F1;
	overflow: hidden; 
	position: relative; 
}

.boxgrid2{ 
	width: 600px; 
	height: 150px; 
	margin:0px 28px 30px 65px; 
	float:left;
	background-color:#1A1A1A;
	border: solid 1px #F1F1F1;
	overflow: hidden; 
	position: relative; 
}

	#dreta{ 
	margin:0px 0px auto 0px; 
	float:right;
	}

.boxgrid img, .boxgrid2 img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 1px solid #333; 
}

.boxgrid p, .boxgrid2 p{ 
padding: 0 8px;
margin-top:10px; 
color:#fff; 
font-size:.8em;
line-height:1.4em;
position: relative;
float: left;
width: 100%;
}

.boxgrid2 p {
	width: 40%;
}

.boxgrid h3, .boxgrid2 h3{ 
padding: 0 8px;
margin-top:7px; 
color:#fff;
font-weight:500;
line-height:1.4em;
position: relative;
float: left;
width: 65%;
}
.boxgrid h3{
	width: 100%;
}
.boxgrid2 h3:hover{
	color: #F4801A;
	cursor: pointer;
}
				
.boxcaption{ 
float: left; 
position: absolute;
background: rgb(60, 60, 60);
background: rgba(40, 40, 40, .84); 
height: 230px; 
width: 100%;
}

.boxcaption2{ 
float: left; 
position: absolute;
background: rgb(60, 60, 60);
background: rgba(40, 40, 40, .84); 
height: 230px; 
width: 100%;
}



.caption .boxcaption {
top: 190px;
left: 0;
}

.caption2 .boxcaption2 {
top: 115px;
left: 0;
}

/*******************************************Fin de Sliding Boxes****************************/	
		

/**********************************************************************Fin de Contenido home
*****************************************************************************************/


/**********************************************************************Portfolio**************
*****************************************************************************************/

/*******************************************Menú****************************/

#lateralCont{
	width:206px;
	height:auto;
	float:left;
	background:url(../images/cabeza_menu.png) no-repeat top;
	margin-top:-44px;
}

	#lateralCont h3 {
		font:1.2em Arial, Helvetica, sans-serif;
		margin:14px auto 0px 10px;
		padding-bottom:7px;
		background:url(../images/bordeResaltado.gif) repeat-x bottom;
		width:88%;
	}
	
		#lateralCont h3 a{
		color:#4D4D4D;
		text-shadow: 0px 1px 1px #fff;
		padding-left:7px;
		}
		
	#lateralCont ul{
		margin-left:10px;
		width:88%;
	}
	
	#lateralCont ul li{
		background:url(../images/bordeResaltado.gif) repeat-x bottom;
		padding-bottom:3px;
	}
	
		#lateralCont ul li a{
			color:#000;
			font-weight:500;
			display:block;
			text-decoration:none;
			width:93%;
			padding:8px 7px;
			
		}
		
		#lateralCont ul li a:hover{
			background-color:#FFA81D;
			color:#FFF;
		}
		
		#lateralCont ul li a.current{
			color:#FFF;
			font-weight:500;
			display:block;
			text-decoration:none;
			width:93%;
			padding:8px 7px;
			background-color:#FFA81D;
			opacity: .8;
		}

/*******************************************Fin de Menú****************************/

/*****************************************Contenido portfolio**********************/

#mainContent{
	width:757px;
	height:auto;
	display:table;
	position:relative;
	float:left;
	background:url(../images/contenidos.gif) repeat;
	border:2px solid #bababa;
	border-top:none;
	padding-bottom:21px;
	margin:0px 0px 14px -5px;
}

#content{
	width:722px;
	float:left;
	margin:auto auto auto 7px;
}


	

	.cajacontenido{
		width:100%;
		position:relative;
		float:left;
		margin-top:14px;
		padding-bottom:14px;
		min-height: 370px;
		background:url(../images/bordeResaltado.gif) repeat-x bottom;
	}
	
		.cajacontenidoNoborder{
		width:100%;
		position:relative;
		float:left;
		margin-top:14px;
		padding-bottom:14px;
		background:none;
		}
		
		.cajacontenido2{
		width:100%;
		position:relative;
		float:left;
		margin-top:14px;
		padding-bottom:14px;
		background:url(../images/bordeResaltado.gif) repeat-x bottom;
	}
		
		.textoPortfolio {
		float:right;
		width:390px;
		height:auto;
		min-height:140px;
		padding-bottom:14px;
		margin:0px;
		text-align:left;
		}
		
		.textoIntroServeis {
		float:right;
		height:auto;
		min-height:400px;
		padding-bottom:14px;
		margin-left: 10px;
		text-align:left;
		}
		
		.textoPortfolio2 {
		float:right;
		width:356px;
		height:auto;
		min-height:140px;
		padding-bottom:14px;
		margin:0px;
		text-align:left;
		}
	
		.textoPortfolio2 h1{
			font-family:Rockwell;
			font-weight:500;
			font-size:1.4em;
			line-height:1.2em;
			margin-bottom:10px;
			color:#808080;
			text-shadow: 0px 1px 1px #fff;
		}
		
		.textoPortfolio2 ul{
			margin:14px auto 14px 14px;
		}
		
		.textoPortfolio2 li{
			margin-bottom:7px;
		}
		
			.titol{
				font-weight:600;
			}
	.filaDescripcion{
		width:100%;
		position:relative; 
		float:left;
		margin-bottom: 5px;
	}
		.tituloDescripcion{
			width:27%; 
			position:relative; 
			float:left;
			text-align: right;
		}
		.contenidoDescripcion{
			width:70%; 
			position:relative; 
			float:right;
		}
		.tituloDescripcion_last{
			width:40%; 
			position:relative; 
			float:left;
		}
		.contenidoDescripcion_last{
			width:60%; 
			position:relative; 
			float:right;
		}
	
	.imagenclip {
	  position: relative;
	  float:left;
	  height: 188px;
	  width: 267px;
	  background-color:#444;
	  border: solid 1.2pt #F1F1F1;
	}
	
	.imagenclip img {
	  position: absolute;
	  clip: rect(4px 265px 186px 4px);
	}
	
	.imagenclip img.clipTotal {
	  position: absolute;
	  clip: rect(4px 263px 201px 4px);
	}
	
	img.imgRantTitulo2 {
	  position: absolute;
	  clip: rect(4px 596px 146px 4px);
	}
	div.imgRantTitulo2{
		position: relative;
		float: left;
		width: 600px;
		height: 150px;
		background-color: #444444;
		margin-bottom: 20px;
		margin-left: 70px;
	}
	.GaleriaProyecto{
		position:relative;
		float:left;
		width:336px;
		height:auto;
		padding:7px;
		background-color:#666666;
	 	border: solid 1.2pt #F1F1F1;
	}
	
		.imageBig {
		  position: relative;
		  float:left;
		  height: 233px;
		  width: 336px;
		  background-color:#000;
		}
		
		.GaleriaProyecto p{
			float:left;
			margin-bottom:7px;
		}
			.GaleriaProyecto p:hover{
				cursor: pointer;
			}
		.GaleriaProyecto a{
			float:left;
			display:block;
			width:60px;
			height:60px;
			overflow:hidden;
			background-color:#333;
			margin-right:6px;
			border:1px solid #000;
		}
		
		.GaleriaProyecto .bigImg{
			height: 233px;
			width: 336px;
			margin-right: 0px;
			border: none;
		}
		
		.GaleriaProyecto a#nomargin{
			margin-right:0px;
		}
		
		.GaleriaProyecto a:hover{
			border:1px solid #FFA81D;
		}
		.GaleriaProyecto .bigImg:hover{
			border: none;
		}
		.GaleriaProyecto a.inactiu{
			float:left;
			display:block;
			width:60px;
			height:60px;
			overflow:hidden;
			background-color:#333;
			margin-right:6px;
			border:1px solid #FFA81D;
		}
		
	
		
/************************* Parte Pastor *******************************/

/**************** Noticies ****************/

#mainNoticies{
	width:956px;
	height:auto;
	display:table;
	position:relative;
	float:left;
	background:url(../images/contenidos.gif) repeat;
	border:2px solid #bababa;
	border-top:none;
	padding-bottom:21px;
	margin:0px 0px 14px -5px;
}

#contentNoticies{
	width:921px;
	float:left;
	margin:auto auto auto 7px;
}

.cajacontenidoNoticies{
	width:885px;
	position:relative;
	float:left;
	margin-top:14px;
	padding-bottom:14px;
	background:url(../images/bordeResaltado.gif) repeat-x bottom;
	margin-left:30px;
}

.textoNoticies {
	float:right;
	width:550px;
	height:auto;
	min-height:140px;
	padding-bottom:14px;
	margin:0px 0px auto 62px;
	text-align:left;
}
.textoNoticiesServei{
	float:left;
	height:auto;
	min-height:140px;
	padding-bottom:14px;
	margin:0px 0px auto 0px;
	text-align:left;
	width: 100%;
}
	.textoNoticiesServei h4{
		position: relative;
		float: left;
		width: 100%;
		padding-left: 20px;
		color: #F4801A;
	}
.anterior{
	position:relative;
	float:left;
	font-size:.9em;
	line-height:1.3em;	
	margin-left:30px;
	margin-top:20px;
}

.seguent{
	position:relative;
	float:right;
	font-size:.9em;
	line-height:1.3em;	
	margin-top:20px;
	margin-right:3px;
}

/**************** Noticies Detall *********************/

.cajacontenido_noticiesDetall{
	width:885px;
	position:relative;
	float:left;
	margin-top:14px;
	padding-bottom:14px;
	background:url(../images/bordeResaltado.gif) repeat-x bottom;
	margin-top:14px;
	margin-left:30px;
}

.tornar{
	position:relative;
	float: left;
	font-size:.9em;
	margin-left:21px;
	margin-top:10px;
}

.tornar a{
	color:#666;
	text-decoration: none;
	font-weight:500;
}

.tornar a:hover{
	text-decoration:underline;
	color:#333;
}

#menuMigas{
	float:left;
	width:885px;
	height:35px;
	background:url(../images/breadcrumb.gif) repeat-x scroll top left;
	border:2px solid #bababa;
	margin-top:14px;
	margin-left:30px;
	border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
}

/********************* Contacta ***********************/

.contactaForm{
	background-color:#444;
	 border: solid 1pt #F1F1F1;
	 position:relative;
	 float:left;
	 width:auto;
	 height:auto;
	 margin:14px 7px 42px 0px;
	
}

.contentContacta{
	width:345px;
	height:421px;
	margin:1px;
	display:table;
	position:relative;
	background:url(../images/contenidos.gif) repeat;
	
}

.contentContacta_dreta{
	width:240px;
	height:auto;
	display:table;
	position:relative;
	float:right;
	background:url(../images/contenidos.gif) repeat;
	border:2px solid #bababa;
	border-top:none;
	padding-top:14px;
	padding-bottom:21px;
}

h2.titolContacta{
	position: relative;
	float: left;
	width:100%;
	margin-top:14px;
	margin-bottom:7px;
	text-align: center;
	
}

.filaContacta{
	position: relative;
	float: left;
	width:100%;
	margin-top:10px;
}

.div_textContacta{
	position: relative;
	float: left;
	margin-right:2px;
	width:100px;
}

.textContacta{
	position: relative;
	float: right;
	margin-right:2px;
	text-align: right;
	font-size:0.9em;
	font-weight: bold;
	margin-top:4px;
}

.div_inputContacta{
	position: relative;
	float: right;
	margin-left:2px;
	width:240px;
}

.inputContacta{
	position: relative;
	float: left;
	width:225px;
	border:2px solid #bababa;
	height: 20px;
}

.inputContactaCV{
	position: relative;
	float: left;
	width:223px;
	height: 25px;
	margin-left:2px;
}

.textareaContacta{
	position: relative;
	float: left;
	width:225px;
	height:91px;
	border:2px solid #bababa;
}

.textPetitContacta{
	position: relative;
	float: left;
	font-size:0.8em;	
	margin-top:5px;
}

	.botonEnviar {
		float:left;
		margin:0px 0px auto auto;
		width:76px;
		height:27px;
		display:block;
		margin-top:5px;
	}
	
	.botonEnviar a{
		width:76px;
		height:27px;
		background:url(../images/01_enviar.gif) no-repeat scroll bottom;
		display:block;
		text-indent:-9000px;
	}
	
	.botonEnviar a:hover{
		background-position:top;
	}
	
h3.titolContactaInfo{
	position: relative;
	float: left;
	display:block;
	width:80%;
	margin-top:20px;
	margin-left:40px;
	font-size:1.2em;
	color:#4D4D4D;
}

.textContactaInfo, .textContactaInfo2{
	position: relative;
	float: left;
	margin-left:40px;
	font-size:0.8em;
	line-height:1.4em;
	margin-top:5px;	
}

.textContactaInfo2{
	margin-top:20px;
	margin-bottom:7px;
}


.textContactaInfo a, .textContactaInfo2 a{
	text-decoration:none;
	display:block;
	widows:100%;
}

.textContactaInfo a:hover, .textContactaInfo2 a:hover{
	text-decoration:underline;
}

.error{
	background-color: #ff9999;
}
.filaError{
	position: relative;
	float: left;
	width:100%;
}
.div_textError{
	padding: 5px;
	text-align: center;
	color: #ff9999;
	font-size: 0.7em;
	display: none;
	margin-top: 10px;
}
.div_textSuccess{
	padding: 5px;
	text-align: center;
	color: black;;
	font-size: 0.7em;
	display: none;
	margin-top: 10px;
}
/**********************************************************************Parámetros generales
*****************************************************************************************/

		
		.textoBanner p,.textoPortfolio p, .textoPortfolio2 p, .textoNoticies p, .textoPortfolio2 li{  /*** Modificado por pastor ***/
			color:#333;
			font-size:.9em;
			line-height:1.4em;
			margin-bottom:14px;
		}
		
		#content h2, #contentNoticies h2, .contactaForm h2{
			color:#4D4D4D;
			font-size:1.3em;
			padding-bottom:5px;
		}
		
		#content h2 a, #contentNoticies h2 a{
			color:#4D4D4D;
		}
		
		#contentNoticies h6{
			color:#4D4D4D;
			font-size:0.8em;
			padding-bottom:14px;
		}
		
		.botonmes, .botonmesNoticies {
		float:right;
		margin:0px 22px auto auto;
		width:66px;
		height:27px;
		display:block;
		}
		
		.botonmes a, .botonmesNoticies a{
			width:66px;
			height:22px;
			padding-top:5px;
			background:url(../images/mes.gif) no-repeat scroll bottom;
			display:block;
			text-indent:23px;
			font-size:.94em;
			font-weight:500;
			color:#FFF;
		}
		
		.botonmes a:hover, .botonmesNoticies a:hover{
			background-position:top;
			text-decoration:none;
		}
		
		.botonmesNoticies {
			margin:0px 0px auto auto;
		}
		
		
		
		
/* PASTOR */
/************* Idiomas Menu desplegable **************/

.idioma ul{
		width:85px;
		height:46px;
		background:url(../images/00_idiomaSelect.png) no-repeat scroll bottom;
		position: relative;
		float: left;
		padding-top:5px;
		display: none;
		
}
.idioma a{
	font-size:1em;
	position: relative;
	float: left;
}



/**************** Slide navigator ************/



/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 640px; 
    height:220px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { }





/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:165px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:176px;
	height:120px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	.scrollable .active2{
		border:1px solid #FFA81D;
	}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}







/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:65px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  		{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 



/* position and dimensions of the navigator */ 
.navi { 
    margin-left:328px; 
    width:200px; 
    height:20px; 
} 
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url(../images/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
    cursor: pointer;
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}



/********** TOOLTIP ***********/

.items em {
	background: url(../images/tooltipPortfolio.png) no-repeat;
	width: 184px;
	height: 35px;
	position: absolute;
	top:180px; /*-100px*/
	text-align: center;
	padding-top:25px;
	padding-left:6px;
	padding-right:6px;
	font-style: normal;
	z-index: 2;
	display: block;
	margin-left:15px;
	font-size: 0.7em;
	color: white;
}

ol {
  color: #999999;
  margin-left: 15px;
  margin-top: 15px;
  width: 70%;
  position: relative;
  float: left;
}
ol p {
  font-weight: bold;
  height: 40px;
}
ol p a.granText{
	text-decoration:none;
	color: #808080;
}
ol p a.granText:hover{
	text-decoration:none;
	cursor: pointer;
	color: #F4801A;
}
ol li{
	position: relative;
	float: left;
	width: 100%;
}
.intro_gestio_energetica{
	position: relative;
	float: left;
	padding: 10px;
	text-align: justify;
	color:#333;
	font-size:.9em;
	line-height:1.4em;
	margin-bottom:14px;
}
.unpelmargin{
	margin-left: 40px;
	width: 90%
}
.total{
	width: 100%;
}

		h1.granTitol{
			font-family:Rockwell;
			font-weight:500;
			font-size:1.8em;
			line-height:1.2em;
			margin-bottom:10px;
			color:#808080;
			text-shadow: 0px 1px 1px #fff;
		}
		h4.granTitol{
			font-weight:500;
			font-size: 1.2;
			line-height:1.2em;
			margin-bottom:5px;
			color:#808080;
			text-shadow: 0px 1px 1px #fff;
			position: relative;
			float: left;
			margin-left: 20px;
		}
		p.granTitol{
			line-height:1.3em;
			font-size:1.07em;
			color:#333;
		}
.recicla{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	margin-left: 60px;
	margin-top: 20px;
}
.granImg{
	position: relative;
	float: left;
	width: 300px;
	margin-left: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
}