/* Estilos CSS */

body {
padding: 0;
margin: 0;
font: 76% Tahoma,Arial,sans-serif;
letter-spacing:0.05em;
background: url(images/bg.gif) repeat-x;
color: #303030;
}

h1 {
margin: 0em -1.2em 0.4em;
}
* html h1 {
margin: 0em 0 0.4em;
}

h2 {
margin: 0 0 1em 0;
font-size: 1.6em;
font-weight: normal;
}

h3 {
margin: 1em 0 0.5em 0;
font-size: 1.4em;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
color:#3399FF;
letter-spacing:0.05em;
}
h4 {
margin: 1em 0 0.5em 0;
font-size: 1.2em;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
color:#3399FF;
letter-spacing:0.05em;
}

p {
margin: 0 0 1.4em 0;
line-height: 1.5em;
text-align: left;
}

a {
text-decoration: none;
color: #3399FF;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

.right {
float: right;
}
.left{
float:left;
}
.clear{clear:both}

#logo{
width:12em;
height:6em;
}

#toptabs {
font-size:0.9em;
margin:0.8em auto -1em;
}

#toptabs p {
text-align: right;
color: #333333;
}

.toptab {
padding: 0.3em 0.5em 0.3em 0.5em;
margin: 0 0 0 0.4em;
text-decoration: none;
color: #808080;
}

.toptab:hover {
color: #505050;
text-decoration: none;
}

.activetoptab {
padding: 0.3em 0.5em 0.3em 0.5em;
margin: 0 0 0 0.4em;
color: #3399FF;
text-decoration: none;
}

.activetoptab:hover {
text-decoration: none;
}

#contenedor {
margin: 0 auto;
width:80em;
}

.whitetext{
color:#FFFFFF;
}

#navitabs {
clear: both;
margin:0.4em 0;
}

.navitab {
padding:0.4em 1.5em;
text-decoration: none;
background: #808080 url(images/corner.gif) no-repeat scroll right top;
color:#ffffff;
}

.navitab:hover {
text-decoration: none;
background: #333333 url(images/corner.gif) top right no-repeat;
}
* +html .activenavtab{
margin:0;
}
* html .activenavtab{
margin:0;
}
.activenavtab {
padding:0.4em 1.5em;
color: #FFFFFF;
text-decoration: none;
background: #84B0E8 url(images/corner.gif) no-repeat scroll right top;
}

.activenavtab:hover {
text-decoration: none;
}

#main{
background:#FFFFFF url(images/bgshade.gif) repeat-x scroll 0 0;
color:#454545;
float:left;
padding:1.4em 1em 0;
width:60.5em;
}

#box {
background: #f4f4f4;
color: #666666;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
padding:0 1em 0 0.5em;
}
#imgtelemed{
margin:0.5em;
width:6.15em;
height:6.15em;
}
#textbox{
margin-left:9em;
margin-top:-5.8em;
float:left;
}
* html #textbox {
margin-top:-6.8em;
width:40em;
}

#footer { 
	clear: both; 
	font-size:0.9em;
	color: #808080;
	background: #FFF;
	padding: 0.5em 0;
	border-top: 1px solid #ccc;
	width:69.5em;
	text-align:center;
}
#footer p{
text-align:center;
}
#footer ul li{
font-size:.9em;
display:inline;
list-style:none;
margin-right:1em;
}

.hide {
display: none;
}

.destacar{
font-size:1.1em;
color:#3399FF;
margin-left:1em;
}
.destaca{
color:#3399FF;
}

#letraroja{
color:#FF0000;
}

.destacasubralla{
border-bottom:#3399FF thin dotted;
}

.letrapeq{
font-size:.9em;
color:#666666;
}

.actualiza {
color:#999999;
float:right;
font-size:0.9em;
}

.tresniveles{
background:transparent url(images/llistes_bullet.gif) no-repeat scroll 0 0.4em !important;
}
.tractaments{
float:left;
width:18em;
}

#main ul{
margin:0;
padding-left:1em;
}
#main ul li {
background:transparent url(images/llistes_bullet.gif) no-repeat scroll 0 0.4em;
list-style-position:outside;
list-style-type:none;
padding-bottom:0.9em;
padding-left:1.2em;
padding-top:0;
}
#main ul li ul{
	padding-top:0.8em;
	padding-left:0.8em;
}
#main ul li ul li{
background:transparent url(images/llistes_bullet2.gif) no-repeat scroll 0 0.4em;
}

/*************PPAL******************/
#drblasi{
float:right; 
margin:-1em 1em 1em;
}
#drblasi img{
width:8.23em;
height:9.85em;
}

/***************EQUIPO**************/
#fotocv{
float:left;
margin-right:1em;
margin-bottom:1em;
}
/***********************************/

/*************LOCALITZACI�*********/
#mapamappy{
float:right;
width:24.67em;
}

#antefooter{
clear:both;
margin:0.5em 0 0 1em;
}
/*********************************/

/********* BARRA LATERAL *********/
#barra_lateral{
float:right;
margin-left:1em;
width:16em;
}

#galeria{
/*float:left;*/
width:16.2em;
}
#imgSrc{
width:16em;
height:12em;
border:#84B0E8 thin solid;
}
#siguiente{
display:block;
float:right;
margin-top:0.5em;
font-size:0.9em;
}
#anterior{
display:block;
float:left;
margin-top:0.5em;
font-size:0.9em;
}
#fletxa_ant{
width:1.07em;
float:left;
margin:0.6em 0.5em 0 0;
}
#fletxa_seg{
width:1.07em;
float:right;
margin:0.6em 0 0 0.5em;
}
/*Telemedicina*/
#telemed p{
float:left;
font-size:0.9em;
margin:-6em 0 0 7.8em;
}
#accedir{
float:left;
margin:-3.8em 0 0 11em;
}
#telepsiqui{
float:left;
height:7.4em;
margin:0;
width:14.25em;
}
/*Adobre Reader*/
#adobereader{
float:left;
width:14.2em;
}
#adobereader img{
float:left;
margin:0.5em 0.5em 0 0;
width:2.07em;
}
#adobereader p{
float:left;
font-size:0.9em;
margin-top:1.5em;
}

p#acreditacions {
margin-top:2em;
}

div#wma{
margin:0;
}
#wma img{
width:6.6em;
height:4.6em;
border:none;
}

div#qweb {
margin-top:2em;
clear:both;
float:left;
}
div#qweb img {
width:8em;
height:2.55em;
border:none;
}

div#hon {
float:left;
margin-top:2em;
clear:both;
}
div#hon img {
border:none;
float:left;
}
div#hon p {
border:medium none;
float:left;
font-size:0.85em;
margin:0.2em 0 0 1em;
width:12.5em;
}
p#colaboradors {
	clear:both;
	float:left;
	margin-top:2em;
}
div#atencion {
	float:left;
	clear:both;
	margin-top:0;
}
div#atencion img {
	width:12.4em;
}