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

body
{
    background-image:url(img/fondo.jpg);
	background-repeat:repeat-x;
}
#divprincipal
	{
		   width:945px; /* Tamany del recuadre de la fotografia*/
		   padding-bottom:50px; /* Espai de marges */ 
		   margin:auto;
		   height:600px;
		   visibility:visible;
		   /*background-color:#f5f3f3;*/
		   /*background-color:#FFF; /* Color de recuadre */
		   webkit-border-radius: 40px;
  		   /*border-radius: 25px;*/
		   /*box-shadow: 0px 1px 70px #ccc; /* Ombra*/
}
#divprincipalRevista
	{
		   width:945px; /* Tamany del recuadre de la fotografia*/
		   padding-bottom:50px; /* Espai de marges */ 
		   margin:auto;
		   height:1200px;
		   visibility:visible;
		   /*background-color:#f5f3f3;*/
		   /*background-color:#FFF; /* Color de recuadre */
		   webkit-border-radius: 40px;
  		   /*border-radius: 25px;*/
		   /*box-shadow: 0px 1px 70px #ccc; /* Ombra*/
}
#cabecera
	{
	display:block; 
	/*background-color: #142148;*/
	background-repeat: no-repeat; 
	background-position: top center;
	margin:0 auto 0 auto;
	margin-bottom: 3px;
	width: 100%;
	/*height:100px;*/
	color:white;
	z-index:1;
	height:200px;
	/*box-shadow: 1px 0 10px black;*/
}
span.active { 
	color:#FFF;
	}
#lengua
{
	width:1px;
	height:10px;
	background-image:url(imatges/barraINF.png);
	margin-left:873px;
	margin-top:-5px;
}
#banderasEsp
{
	margin-left:895px;
	margin-top:-14px;
	height:10px;
	width:30px;
	text-decoration:none; color:#BD1F1F;
}

a.banderasEsp{text-decoration:none; color: #BD1F1F;}
a.banderasEsp:active{text-decoration:none; color: #BD1F1F;}
a.banderasEsp:link{text-decoration:none; color: #BD1F1F;}
a.banderasEsp:visited{text-decoration:none; color: #BD1F1F;}
a.banderasEsp:hover{text-decoration:none;color:#BD1F1F;}

#banderasEng
{
	margin-left:800px;
	height:10px;
	width:150px;
	text-decoration:none; color: white;
}

a.banderasEng{text-decoration:none; color:#FFF;}
a.banderasEng:active{text-decoration:none; color:#FFF;}
a.banderasEng:link{text-decoration:none; color:#FFF}
a.banderasEng:visited{text-decoration:none; color:#FFF;}
a.banderasEng:hover{text-decoration:none;color:#FFF;}

#logo
{
	width:100%;
	height:63%;
	margin:auto;
	/*background-image:url(imatges/logoNuevo.png);*/
	background-position: top left;
	background-repeat:no-repeat;
	overflow: visible;
	margin-top:15px;
	z-index: 2;
}
#paston 
{
	margin-top:-130px;
}

/* SLIDER */ 
#slider
{
	background-image:url(imatges/sliderprueba.png);
	width: 100%;
	height:250px;
	margin-top:5px;	
	box-shadow: 2px 2px 5px #999;
}
#sliderAreas
{
	background-image:url(imatges/sliderAreas.jpg);
	width: 100%;
	height:250px;
	margin-top:5px;	
	box-shadow: 2px 2px 5px #999;
}
#sliderIndex
{
	background-image:url(img/inndex.jpg);
	width: 100%;
	height:235px;
	margin-top:10px;
	box-shadow: 2px 2px 5px #999;
}
#sliderActualitat
{
	background-image:url(img/slider2.jpg);
	width: 100%;
	height:235px;
	margin-top:10px;
	box-shadow: 2px 2px 5px #999;
}

#sliderRevista
{
	background-image:url(img/revistaslider.jpg);
	width: 100%;
	height:235px;
	margin-top:10px;
	box-shadow: 2px 2px 5px #999;
}
#sliderCorporatiu
{
	background-image:url(img/activitatsslider.jpg);
	width: 100%;
	height:235px;
	margin-top:10px;
	box-shadow: 2px 2px 5px #999;
}

#sliderActualidad
{
	background-image:url(imatges/sliderpruebaActualidad.png);
	width: 100%;
	height:250px;
	margin-top:5px;
	box-shadow: 2px 2px 5px #999;
}
#sliderContacto
{
	background-image:url(imatges/sliderContacto.jpg);
	width: 100%;
	height:250px;
	margin-top:5px;
	box-shadow: 2px 2px 5px #999;
}

#cosIndex{
	margin-top:10px;
	height:710px;
	width:100%;
	background-image:url(img/indexfons.jpg);
	
	/*background-color:#06C;*/
}
#cosActivitats{
	margin-top:10px;
	height:750px;
	width:100%;
	background-image:url(img/activitatsfons.jpg);
	
	/*background-color:#06C;*/
}
#colizquierdaActivitats{
		
        height:100%;  
        float:left;
        width:100%;
}
#colizquierdaRevista{
		
        height:2500px;  
        float:left;
        width:100%;
}
#cosCorporatiu{
	margin-top:10px;
	height:830px;
	width:100%;
	background-image:url(img/fonscorporatiu.jpg);
	
	/*background-color:#06C;*/
}
#colizquierdaCorporatiu{
		
        height:50%;  
        float:left;
        width:50%;
}
#colDretaCorporatiu{
		
        height:50%;  
        float:left;
        width:50%;
}
#cos{
	margin-top:10px;
	height:500px;
	width:100%;
	/*background-color:#06C;*/
}

#colderecha{
        height:100%;
        float:right;
        width:28%;
		margin-left:10px;
}
#cuadroderecha
{
	background-color:transparent;
	height:500px;
	width:250px;
	/*margin: 20px 5px 5px 5px;*/
}
#leermas
{
	color:#BD1F1F;
}
#todasnoticias
{
	margin-top:64px;
	margin-left:40px;
	color:#BD1F1F;
}
#colizquierda{
		
        height:100%;  
        float:left;
        width:68%;
}
#colizquierdaActualidadNoticias{
        height:100%;
        
        float:left;
        width:100%;
}
#colizquierdaActualidadIndexNoticias{
        height:100%;
		overflow:scroll;
		/*overflow : hidden;*/ 
		verflow-y : scroll;
        float:left;
        width:100%;
}
.titol{
	font-size: 11px;
	font-style: inherit; 
	color: #BD1F1F;
	padding-top:10px;
	padding-bottom:4px;
	padding-left:4px;
	width:650 px;
	border-bottom:3px #C5013F solid;	
	font-family: Helvetica, sans serif;
}
.titolDerecha{
	font-size: 11px;
	font-style: inherit; 
	color: #BD1F1F;
	padding-top:10px;
	padding-bottom:4px;
	padding-left:4px;
	width:260px;
	border-bottom:3px #C5013F solid;	
	font-family: Helvetica, sans serif;
}
.introIndex{
	margin-top: 5px;
	margin: 20px 5px 5px 5px;
	padding: 5px 0px 5px 0px;
	text-align: justify;
	width: 95%;
	line-height: 1.25;
	font-size: 15px;
	font-family: Helvetica, sans serif;
	font-style: oblique;
}
.introNoticias{
	margin-top:5px;
	margin: 20px 5px 5px 5px;
	padding: 5px 0px 5px 0px;
	text-align: justify;
	width:95%; 
	line-height: 1.1; 
	font-size: 15px; 
	font-family: Helvetica, sans serif;
	font-style:oblique;
}
.introIndexDerecha{
	margin-top:5px;
	margin: 20px 5px 5px 1px;
	padding: 5px 0px 5px 0px;
	text-align: justify;
	width:95%; 
	font-size: 15px; 
	font-family: Helvetica, sans serif;
	font-style:oblique;
}

.negrita {
	font-weight: bold;
}
#contBarra{
	
	font-style: normal;
	float:right;
	margin-top: 0px;
	padding-top:15px;
	padding-bottom:5px;
	width: 100%;
	height: 20px;
	background-image:url(imatges/barraINFES.png); 
	background-repeat:repeat-x; 
	background-color: #C5013F;
	text-align: center;
	color: white;	
}
#contBarraRevista{
	
	font-style: normal;
	float:right;
	margin-top: 0px;
	padding-top:15px;
	padding-bottom:5px;
	width: 100%;
	height: 20px;
	background-image:url(imatges/barraINFES.png); 
	background-repeat:repeat-x; 
	background-color: #C5013F;
	text-align: center;
	color: white;	
}
.continfo
{
	padding-left: 3%;
	margin-left: 0%;
	margin-top: -14px;
	text-align: center;
	color: white;
	width: 100%;
	padding-top: 11px;
	font-size: 15px;
	font-family: Helvetica, sans serif;
}
a.correu{text-decoration:none; color: white;}
a.correu:active{text-decoration:none; color: white;}
a.correu:link{text-decoration:none; color: white;}
a.correu:visited{text-decoration:none; color:#00F}
a.correu:hover{text-decoration:none; color:#00F  ;}

a.correus{font-weight: bold;}
a.correus{text-decoration:none; color: white;}
a.correus:active{text-decoration:none; color: black;}
a.correus:link{text-decoration:none; color: black;}
a.correus:visited{text-decoration:none; color: black;}
a.correus:hover{text-decoration:none;color: #BD1F1F;}

/* ****** ACTUALIDDAD ********/
#cosActualidad{
	margin-top:10px;
	height:500px;
	width:100%;
	background-image:url(imatges/fondoArea1.png);
	/*background-color:#06C;*/
}
#colizquierdaActualidad{
        height:100%;
        
        float:left;
        width:75%;
}
#links{ 
	padding-top:0px;
	
	
}
.dlink{
	margin:0; 
	border-bottom: 1px #BD1F1F solid;
	height:42px;
	padding-top:10px;
	padding-bottom:0px;
	font-size: 15px; 
	font-family: Helvetica, sans serif;
}
.dlinkult{
	margin:0; 
	height:42px;
	padding-top:10px;
	padding-bottom:0px;
}
.logo{
	border:none; 
	float:left; 
	margin-right:-168px; 
	border-radius: 	5px 5px 5px 5px;
	}
.efect{
	border:none; 
	display:none; 
	float:left; border-radius: 5px 5px 5px 5px;}
.text{
	margin-left:180px;  
	padding-top:0px; 
	margin-top:-5px; 
	line-height: 1.5; 
	}


/************** PROFESIONALES *************/ 

#colizquierdaProfesionales{
        height:100%;
        /*background-image:url(imatges/fondoActual1.png);*/
        float:left;
        width:100%;
}
#sliderProfesionales
{
	background-image:url(imatges/sliderpruebaContacto.png);
	width: 100%;
	height:250px;
	margin-top:5px;
	box-shadow: 2px 2px 5px #999;
}
#cosProfesionales{
	margin-top:10px;
	height:500px;
	width:100%;
	background-image:url(imatges/fondoPro2.jpg);
	/*background-color:#06C;*/
}
/************** CONTACTO *************/ 

#colizquierdaContacto{
        height:100%;
        background-image:url(imatges/fondoContactoCalle.png);
        float:left;
        width:100%;
		line-height: 1.5; 
}
.colu1Contacto{
	line-height: 1.5; 
	float: left;
	margin-right: -10px;
	width:95%;
	text-align: justify;	
	font-size:16px;
}
#mapa{
	float: left;
	margin: -384px 0px 50px 421px;
	border-top:3px #142148 solid;
	padding-top:17px;
	width: 	18%px;
	height: 350px;
}
.info{
	padding-top: 10px; 
	padding-left:5px;
	font-size: 15px; 
	font-family: Helvetica, sans serif;
	text-align: justify;
	width:95%; 
	font-style:oblique;
	}
.foto{
	margin-top: 5px;
	box-shadow: 1px 0 10px black
}
.local{
	width: 425px;
	height: 350px;
	border:0; 
	overflow:hidden; 
	margin:0;
	box-shadow: 1px 0 10px black
}
aa.mailinfo{text-decoration:none; color:inherit;}
a.mailinfo:active{text-decoration:none; color:inherit;}
a.mailinfo:link{text-decoration:none; color:inherit;}
a.mailinfo:visited{text-decoration:none; color:inherit;}
a.mailinfo:hover{text-decoration:none; color: #BD1F1F;}


/******************* AREAS DE TRABAJO **************/
.introAreas{
	margin-top:5px;
	margin: 20px 5px 5px 5px;
	padding: 5px 0px 5px 0px;
	text-align: justify;
	width:95%; 
	line-height: 1.25; 
	font-size: 15px; 
	font-family: Helvetica, sans serif;
	font-style:oblique;
}
#colizquierdaAreas{
        height:749px;
        background-image:url(imatges/fondoActual1.png);
		background-repeat:no-repeat;
        float:left;
        width:100%;
}
#colderechaAreas{
        height:582px;
        background-color:#CCC;
        float:right;
        width:25%;
		margin-left:0%;
}
.verticalaccordion>ul {
	 margin: 0; 
	 padding: 0; 
	 list-style:none; 
	 width: 500px;
	 }
.verticalaccordion ul>li { 
	display:block; 
	overflow: hidden; 
	margin: 0; 
	padding: 0; 
	list-style:none; 
	height:35px; 
	width:580px; 
	/* Decorative CSS */
     filter:alpha(opacity=60); 
	 opacity:.6;
  	/* CSS3 Transition Effect */ 
    transition: height 0.3s ease-in-out; 
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	 } 
.verticalaccordion ul>li>h3 
	{
     display:block; 
	 margin: 0; 
	 padding:10px; 
	 height:19px; 
	 /* Decorative CSS */ 
	 border-top:#f0f0f0 1px solid; 
	 font-family: Arial, Helvetica, sans-serif; 
	 text-decoration:none; 
	 /*text-transform:uppercase; */
	 color: #000; 
	 background: #cccccc; 
	 }
.verticalaccordion ul>li>div 
	{
	 margin:0; 
	 overflow: auto; 
	 padding:10px;
	 height:470px; /* 180 */  
	 }
.verticalaccordion ul>li:hover { 
	height: 330px; /* 160 */
	} 
.verticalaccordion:hover ul>li:hover>h3
	{
		 /* Decorative CSS */ 
	color:#fff;
	background-color: #142148;
	} 
.verticalaccordion ul>li>h3:hover
	{
	cursor:pointer;
	}
p.texte{ 
	padding:10px 0px 5px 0px;
	margin-left: 37px;
	margin-top:-7px;
	margin-right: 20px;
	height:auto;
	text-align:justify;
	font-size:15px;
	line-height:1.2;
}
.introAreas{
	margin-top:5px;
	margin: 20px 5px 5px 5px;
	padding: 5px 0px 5px 0px;
	text-align: justify;
	width:95%; 
	font-size: 15px; 
	font-family: Helvetica, sans serif;
}

#enconstruccion{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#FFF;
	margin-top:50PX;
}
/**************** MENU *************/

/*#button
{
margin-right:50px;
}
#button li {
display: inline;
}*/

	
	/*background-color: #142148;*/
/*#menu1
{ 	
	width:100%;
	height:5px;
	margin-left:-30px;
	/*background-color: #142148;
	
}
/*#button li a 
{
	font-size: 15px; 
	font-family: Helvetica, sans serif;
	text-decoration: none;
	float:left;
	margin-left:30px;
	padding: 25px;
	/*background-color: #142148;*/
	/*color: #fff;*/
/*#button li a:hover 
{
	/*background-color: #142148;*/
	/*margin-top:-2px;
	padding-bottom:12px;
	z-index:1;
	color:#BD1F1F;
}*/
/*span.active
{ 
color:#BD1F1F;
}*/