*{margin:0;padding:0;} 
body {margin:0}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
.normal{	background-color:#fff;}

.lletrad {
	color:#09f;
	font-weight:bold;
}
.trauma {
	color:#21134d;
	font-weight:bold;
}


@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}

/*barratop*/

#barratop{
	font-size:1.2em;
	padding-top:10px;
	background-color:#a0e0ff;
	background-image:url(../img/topfons.gif);
	height:88px;
	border-bottom:2px solid #09f;
}

#barratop a{
	color:#fff;
	text-decoration:underline;
}

#barratop a:hover {
	color:#21134d;
}

#quadrelogo{
position:relative;
margin-top:-10px;
}

.logo { position: absolute;}
.logohover {position: absolute;}

 #capsalera{
	margin-left:35px;
	margin-top:5px;
}


a{
	color:#09f;
	text-decoration:none;
}

a:hover {
	color:#21134d;
	text-decoration:underline;
}

/*nav*/

.menu{
padding:5px;
text-align:center;
font-family: Verdana,sans-serif;
display:block;
background-image:url(../img/menufons.gif);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:89px;
margin-right:8px;
background-color:#1E5F97;
}

.menu:hover{
	background-image:none;
	background-color:#1E5F97;
}

.menu a{
	color:#fff;
}


#menuseleccionat{
padding:5px;
text-align:center;
font-family: Verdana,sans-serif;
display:block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#1E5F97;
width:89px;
margin-right:8px;
}

#menuseleccionat subseleccionat{
text-decoration:none;
}

#menudesplegable{position:relative;margin-left:-18px;}
#menudesplegable, #menudesplegable ul{list-style:none;}
#menudesplegable li {float:left;}
#menudesplegable ul li a {display: block;text-decoration: none; position: relative; }
#menudesplegable ul li a:hover, #menudesplegable ul li a:over, #menudesplegable ul{ position: relative; display:block;}
#menudesplegable li.off a:hover, #menudesplegable li:hover a, #menudesplegable li.over a {color: #fff;}
#menudesplegable li ul{position:absolute;left:-999em;}
#menudesplegable li:hover ul, #menu li ul:hover {left:auto;}


.submenu{
	display:block;
	float:none;
	clear:both; /*sense cap al costat??*/
	margin-top:6px;
	background:none;
	font-size:1.05em;
}
.subsubmenu{
	margin-left:20px;
	font-size:1em !important;
}

.subsubmenulat{
	background:  url("../img/menulat.gif") 0 5px no-repeat;
	margin-left:10px;
	padding-left:14px;
	font-size:1em !important;
	margin-top:10px !important;
}

#menulat {
	list-style:none;
	margin-left:-13px;
}

#menulat li {
	margin-top:17px;
	font-size:1.25em;
}

.submenu a{
	color:#fff;
}
.submenu:hover{
	text-decoration:underline;
}

#subseleccionat{
	text-decoration:none;	
	display:block;
	float:none;
	clear:both; /*sense cap al costat??*/
	font-size:0.9em;
	margin-right:10px;
	font-size:1.1em;
}

.desplegable{
	margin-top:-1px;
	margin-left:-5px;
	padding:10px;
	padding-left:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index:100;
	background-color:#1e5f97;
	font-size:0.9em;
}

#molles{
margin-top:50px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
background-color:#fff;
border: solid 1px #09f;
}

#portada{
margin-top:35px;
/*font-size:4em;
text-align:center;
font-family:"Expletus Sans", Verdana, serif;
font-size:bold;
margin-bottom:10px;
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;*/
  /* 50% transparent */
}

/*barramiddle*/

#barramiddle{
padding-bottom: 240px;
padding-left:10px;
background-image: url(../img/middlefons.gif);
background-repeat:repeat-x;
background-position:top;
}

#barramiddle p {text-align:justify}

.titolnav2{
	color:#000;
	text-transform:none;
	font-size:0.75em;
	padding:5px;
}

.nav2{
	list-style:none;
	text-transform:uppercase;
	font-size:1.25em;
	width:135px;
	background-color:#d1d1d1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px;
	background: rgba(255,255,255,0.7);
	margin-left:-5px;

	margin-bottom:30px;
}

.nav2 {
	margin-top:0px;
}

.nav2 a {
	text-decoration:none;
	display:block;
	
}
.nav2 a:hover{
	color:#fff;
}

.menunav2{
padding:5px;
font-family: Verdana,sans-serif;
text-decoration:none;
margin-bottom:3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#fff;
}

.menunav2:hover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*-moz-box-shadow: 1px 1px 1px #000;
  	-webkit-box-shadow: 1px 1px 1px #000;
  	box-shadow: 1px 1px 1px #000;*/
}

.nav2toni a{
	color:#f24e4e;
}
.nav2toni:hover, #nav2tonisel{
background-color:#f24e4e;
}

#nav2submenus{
	list-style:none;
	font-size:0.9em;
	
}

#nav2submenus li {
	margin-bottom:5px;
	margin-top:1px;
}
#nav2submenus a{
	color:#fff;
	text-decoration:none;
	display:block;
	
}
#nav2submenus a:hover{
	text-decoration:underline;
}

#bloccentral{
background-color:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:20px;
width:730px;
/*zoom: 1;
filter: alpha(opacity=70);
opacity: 0.8;*/
background: rgba(255,255,255,0.8);  /* 50% transparent */
}

.divbloccentral{
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #09f;
	padding:20px;
	margin-bottom:10px;
	min-height:160px;
}

.divbloccentral img{
	border:1px solid #09f;
}

.divbloccentral ul{
	list-style:none;
}
.divbloccentral li{
	background:  url("../img/menulat.gif") 0 5px no-repeat;
	padding: 0 0 5px 15px;
}

.pimg{
	text-align:center !important;
}

.divblocmenu{
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #09f;
	padding:3px 0px 3px 10px;
	text-align:left;
}

.especialista{
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #09f;
	padding:12px;
	margin-bottom:10px;
	margin-right:5px;
	margin-left:5px;
	width:141px;
	float:left;
	text-align:center;
	height:287px;
}

.galeria {
float:left;
margin-right:12px;
margin-left:12px;
margin-bottom:10px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.galeria:hover {
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

#textalfredo{
	font-size:0.7em;
}
#imgalfredo{
	margin-right:20px;
	margin-bottom:4px;
	float:left;
	border: 1px solid #09f;
}

/*.divbloccentral:hover{
	background: rgba(255,255,255,1);
	-moz-box-shadow: 2px 2px 2px #555;
  	-webkit-box-shadow: 2px 2px 2px #555;
  	box-shadow: 2px 2px 2px #555;
}*/

.logotipfooter{
	opacity:0.6;
	filter:alpha(opacity=60);
	margin-left:5px
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.logotipfooter:hover{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;	
}

#pagination a:link, #pagination a:visited {
margin-bottom: 20px;
margin-right: 5px;
padding: 6px 8px;
background-color:#878787;
background-image:url(../img/fonsboto.gif);
border:1px solid #555;
text-decoration: none;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height:35px;
}

#pagination a:hover {
	background-image:url(../img/fonsbotoactive.gif);
}

#pagination a:active {
	position: relative;
	top:1px;
	background-image:url(../img/fonsbotoactive.gif);
}


#pagination .active {
margin-top: 20px;
margin-right: 5px;
padding: 7px 9px;
text-decoration: none;
color:#000;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #444;
-moz-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.3);
-webkit-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.3);
box-shadow: inset -1px -1px 1px rgba(255,255,255,0.3);
}

	
/*footer*/

#barrabottom{
	color:#fff;
	position: relative;
    margin-top: -243px; /* negative value of footer height */
    height: 223px;
    clear:both;
	background-image:url(../img/bottomfons.gif);
	padding:10px;
}

#barrabottom a{
	color:#fff;
	text-decoration:underline;
}

#barrabottom a:hover {
	color:#21134d;
}

#barrabottom li {float:left; width:110px;}
/*#barrabottom .grup{clear:right;width:105px;}
#barrabottom ul li{position: relative;}
#barrabottom li ul{position:absolute; font-size:0.9em;}*/

.escritama{line-height:1.25;margin-bottom:1.1em;display:block;font-size:1.2em;line-height:1;margin-bottom:1em;font-weight:bold;}

#back-top {
	position: fixed;
	margin-left:70px;
	bottom: 5px;
	color: #21134d;
}

#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	line-height:1;
	color: #21134d;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #21134d;
	text-decoration: none;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 3px;
	background: #09f url(../img/up-arrow.gif) no-repeat center center;
	color: #21134d;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #21134d;
}

/*formularis*/

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color:#fff;
	width:65px;
	height:18px;
	padding: 6px 8px;
	border:1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #878787;
	background-image:url(../img/fonsboto.gif);
	font-family: Verdana,sans-serif;
	margin-top:2px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/*

margin-bottom: 20px;
margin-right: 5px;
padding: 6px 8px;
background-color:#878787;
background-image:url(../img/fonsboto.gif);
border:1px solid #555;
text-decoration: none;
color:#fff;
-moz-border-radius: 5px;
border-radius: 5px;
line-height:35px;
width:50px;
}
*/

.button:hover {
	text-decoration: none;
	background-color:#1E5F97;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.button:active {
	position: relative;
	top: 1px;
	background-color:#21134d;
}

.buttoninput {
height:30px;
width:72px;
}

.buttonactive {
	display: inline-block;
	outline: none;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color:#fff;
	width:65px;
	height:19px;
	padding: 6px 8px;
	border:1px solid #555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #444;
	-moz-box-shadow: inset -2px -2px rgba(255,255,255,0.2);
	-webkit-box-shadow: inset -2px -2px rgba(255,255,255,0.2);
	box-shadow: inset -2px -2px rgba(255,255,255,0.2);
}

input[type=text] {
	width: 200px; height: 26px; 
	padding: 3px 5px 0px 5px; margin: 0 0 10px 0;
	/*background: #333;*/
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	font-family:Verdana, sans-serif;
	margin-right:5px;
	line-height:1;
	color:#fff;
}
.inputnormal{
	background: #09f;
}

.inputerror{
	background:#f33;
}

input[type=text]:focus {
	background: #fff;
	color:#000;
}


textarea {
	padding: 5px 30px 10px 20px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #fff;
	font-family:Verdana, sans-serif;
	margin-top:-1px;
	margin-bottom:10px;
}

textarea:focus {
	background: #fff;
	color:#000;
}


/*--------------- Nou styleshow ----------------*/

/*--Main Container--*/

.main_view {
	float: left;
	position: relative;
}

/*--Window/Masking Styles--*/

.window {
	/*height:363px;	
	width: 580px;*/
	height:370px;	
	width: 945px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	border: 1px solid #09f;
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
}

.image_reel img {float: left;}
/*--Paging Styles--*/




.paging {
	position: absolute;
	bottom: 10px; right: 20px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	/*-moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
	box-shadow: 2px 2px 2px rgba(0,0,0,1);*/
}

.paging a {
	padding: 6px 10px;
	text-decoration: none;
	color: #878787;
	background-color: #fff;
	margin-right: 5px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

.paging a.active {
	color:#fff;
	background-color: #09f;;
}

.paging a:hover {
	color:#000;
	background-color: #09f;;
}

#imatgecentral{
	margin-top:10px;
}

#imatgecentral img {
	position: relative;	
}

#imatgecentral h3 {
	position:absolute; 
	top:320px;
	color:#fff;
}

#imatgecentral h3 span {
	width:700px; 
	background:rgb(0, 0, 0);  
	background: rgba(0, 153, 255, 0.7);  
	padding:9px 20px 9px 30px;
  	filter: "prodig:DXImageTransform.Microsoft.gradient(startcolorstr=#00000050,endcolorstr=#00000050;)";  
  	zoom: 1;  
}

#imatgecentral a {
	text-decoration:none;
}

#imatgecentral a:hover {
	text-decoration:none;
}