.capacentradora{
position:absolute;
left:50%;
width:90%;
height:80%;
margin-left:-512px;
margin-top:3%;
display: block;
z-index:1;
}
.capacontenedor {
position:absolute;
width: 1024px;
height: 534px;
}
.capataules {
	position:relative;
	max-width:750px;
	top:100px;
}
.capataulestext {
position:relative;
max-width:750px;
top:100px;
font-family: Arial, Helvetica, sans-serif;
font: bolder;
font-size: 12px;
color: #5E8FAA;
}



.cycle-slideshow {
	display: block;
    max-width:800px;
    height: 1000px;
}
.cycle-slideshowentrada {
	display: block;
    max-width:1200px;
    height: 1000px;
}

.center {
	position: absolute; bottom:10px; left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font: bolder;
	font-size: 12px;
	color: #5E8FAA;
	z-index:600;
}

.capafinestra {
position:absolute;
width:800px;
height:1500px;
margin-left:250px;
}
.capafinestrapreview {
position:absolute;
width:170px;
height:420px;
left:40px;
top:350px;
	}
.capafinestraentrada {
position:absolute;
width:1000px;
height:1000px;
margin-top:-400;
z-index:0;
top:0;
}
.capaentradalogo {
position:absolute;
width:400px;
height:900px;
z-index:600;
top:0;
}

.capabandatitol{
	position:absolute;
	width:65px;
	left:40px;
	}

.capabandatitol2{
	position:absolute;
	width:750px;
	top:50px;
	}
.imageshow{
	max-width:100%;
	max-height:100%;
	height:auto;
	width:auto;
	}
.imagecover{
	height:175px;
	width:auto;
	overflow:hidden;
	}
.capaindexvertical{
	position:absolute;
	width:190px;
	height:320px;
	left:40px;
	top:50px;
	}
	
.capalogo{
	position:absolute;
	width:430px;
	height:300px;
	left:40px;
	top:370px;
	}
.taula2
{
width:175px;
border-color: #FFF;
border-style:solid;
border-width: thick ;
}

.taula2marco2
{
border:none; 
width:175px;
max-height:175px;
width:auto;
border-color: #FF9000;
border-style:solid;
border-width: thick ;
}

.taulaindexvertical
{
width:170px;
border-style:dotted;
border-left:hidden;
border-right:hidden;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font: bolder;
font-size: 10px;
color: #5E8FAA;
}
.taulapublicacio
{
width:177px;
max-height:175px;
border-color: #FF9000;
border-style: dotted;
border-width: thin;

}
.taulapublicaciowww
{
width:57px;
max-height:125px;
border-color: #FF9000;
border-style: dotted;
border-width: thin;
}
.taulalogo
{
width:300px;
border-style:hidden;
border-left:hidden;
border-right:hidden;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font: bolder;
font-size: 10px;
color: #5E8FAA;
}
.taulaindexhoritzontal
{
width:750px;
border-style:dotted;
border-left:hidden;
border-right:hidden;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font: bolder;
font-size: 10px;
color: #5E8FAA;
}
.taulapublic {
height:240px; 
overflow:hidden; 
border-color:#000000; 
border-style:none dashed dashed none;
vertical-align:top;
}
.taulanews
{
border-style: none;
border-left:hidden;
border-right:hidden;
border-width:0px;
font-family: Arial, Helvetica, sans-serif;
font: bolder;
font-size: 10px;
color: #5E8FAA;
text-transform: uppercase;
}
.marquee {position:relative;
     overflow:hidden;
     width:800px;
     height:22px;
     border: none;
     }
.marquee span {white-space:nowrap;}

.iframefitxanews {
	position: absolute;
	width: 750px;
	height: 1000px;
	z-index: 4;
	top:80px;
}
.iframeentrada {
	width: 1200px;
	height: 1000px;
	z-index: 0;
}
.iframeanunciblog {
	position: absolute;
	width: 800px;
	height: 300px;
	z-index: 8;
}
.iframefitxa {
	position: absolute;
	width: 780px;
	height: 2000px;
	z-index: 4;
}
.iframefitxallarga {
	position: absolute;
	width: 780px;
	height: 5500px;
	z-index: 4;
}
 
.textestilopetit {
	font-family: Arial, Helvetica, sans-serif;
	font: bolder;
	font-size: 10px;
	color: #5E8FAA;
}
.textestilopetitlogo {
	font-family: Arial, Helvetica, sans-serif;
	font: bolder;
	font-size: 20px;
	color: #5E8FAA;
}
.textestiloidiom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #5E8FAA;
}
.texttitolprojecte{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	line-height: normal;
	text-align: right;
	text-transform: none;
	font-style: normal;
	font-weight: normal;
	position:absolute;
	width: 425px;
	height: 20px;
	z-index: 5;
	left:580px;
	top: 510px;
	}
.textestilo1 {
	color: #5E8FAA;
	text-decoration:none;
}
.textentrada {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	font-variant: normal;
	text-transform: uppercase;
	position:absolute;
	width:228px;
	left:40px;
	height:200px;
	top:10px;
}
.texttextes {
	font-family: Arial, Helvetica, sans-serif;
	color:  #00F;
	font-size:10px;
	}
.textnews {
	font-family: Arial, Helvetica, sans-serif;
	color:  #5E8FAA;
	font-size:10px;
	text-transform: uppercase;
	}
.textactius {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FF9000;
	text-decoration:none;
	color:#FFF;
	}
.textmini {
	font-family: Arial, Helvetica, sans-serif;
	color: #5E8FAA;
	font-size:9px;
	}
a:link {
	color: #5E8FAA;
	text-decoration:none;
}
a:visited {
	color: #5E8FAA;
	text-decoration:underline
	text-decoration:none;
}
a:active {
	color: #5E8FAA;
	text-decoration:none;
	
}
a:hover {
	color: #0C0;
	text-decoration:none;

}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(255,144,0, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view {
   width: 182px;
   margin: 0px;
   float: left;
   border: none ;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
   width: 182px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
	width: auto;
	height:180px;
	position: relative;
}
.view h2 {
font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   font: bolder;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 12px;
   margin: 30px 0 0 0;
}
.view p {
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 15px;
   text-align: center;
}
.view a.info {
	font-family: Arial, Helvetica, sans-serif;
   display: inline-block;
   padding: 6px 48px ;
   background: rgba(0, 0, 0, 0.3);
   color: #fff;
   text-transform: uppercase;
   
}
.viewwww {
   width: 107px;
   margin: 0px;
   float: left;
   border: none ;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}			
