body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background-color:white;
}

#contenidor {
width:708px;
border:1px solid #ccc;
padding:20px;
position:relative;
}

#contenedor-audioblog {
color: #26648b;
}
#contenedor-audioblog a:link, #contenedor-audioblog a:visited{
color: #26648b;
font-weight:bold;
}
#contenedor-audioblog a:hover {
color: #000000;
}

.fondo-azul-redondo {
	height:60px;
	width:650px;
	background:#ffffff url('../img/cuadro-redondo.gif') 0 0 no-repeat;
	color:#000000;
}
.fondo-azul-redondo a:link, .fondo-azul-redondo span{
	color: #26648b;
	font-weight:bold;
}




h1, h2, h3, h4, h5 ,h6, p {
font-size:12px;
font-weight:normal;
margin:0;
padding:0;
}

div.comentari {
	position:absolute;
	width:200px;
	padding:15px;
	border:1px dotted red;
	color:red;
	font-size:10px;
	left: 765px;
	line-height:16px;
}

div.galeria {
float:left;
display:inline;
width:90px;
margin-right:10px;
margin-bottom:15px;
}

.trencaFloat {clear:both}
.flotaEsquerra {float:left}
.flotaDreta {float:right}

code {color:green;font-size:14px}

/* mides text */
.xxGran {font-size:24px}
.xGran {font-size:18px}
.Gran {font-size:14px}
.normal {font-size:12px}
.Petit {font-size:11px}
.xPetit {font-size:9px}
.xxPetit {font-size:7px}


/* colors text */
.vermell, a.vermell:link,a.vermell:visited,a.vermell:hover {color:red}
.verd, a.verd:link,a.verd:visited,a.verd:hover {color:#339900}
.gris, a.gris:link, a.gris:visited, a.gris:hover{color:#666666}
.negre, a.negre:link,a.negre:visited,a.negre:hover {color:black;}
.blau {color:#0066FF}

/* vincles */
a:link,a:visited,a:hover {color:#0000FF}

/* separadors */
.separador_horitzontal {
height:4px;
background-color:#cce0eb;
}

.separador_vertical {
width:20px;
background:transparent url(../img/pixel_separador.gif) center top repeat-y;
}

/* caixa */
.caixa {border:1px solid #444 !important}

/* taula simple */
table.simple, table.simple td {
margin:0;
padding:0;
border:0;
border-collapse:collapse;
}

table.ambBorde {
margin:0;
padding:0;
border-collapse:collapse;
border:1px solid #999;
}

table.ambBorde td, table.ambBorde th {
padding:5px;
border-collapse:collapse;border:1px solid #999;
}

/* colors de fons */
.fonsGroc {background-color:#FFFF99}
.fonsGris {background-color:#CCCCCC}

/* aliniacions */
.aTop {vertical-align:top}
.aRight {text-align:right}
.aCenter {text-align:center}
.aBottom {vertical-align:bottom}
.aLeft {text-align:left}

/* mides */
.cent {width:100%;}
.w45 {width:45px}
.w200 {width:200px}
.w708 {width:708px}
.w344 {width:344px}

/* marges */
.Persobre {margin-top:5px}
.xPersobre {margin-top:10px}
.xxPersobre {margin-top:15px}
.xxxPersobre {margin-top:20px}

.Perdreta {margin-right:5px}
.xPerdreta {margin-right:10px}
.xxPerdreta {margin-right:15px}
.xxxPerdreta {margin-right:20px}
.xxxxPerdreta {margin-right:25px}
.xxxxxPerdreta {margin-right:30px}

.Persota {margin-bottom:5px}
.xPersota {margin-bottom:10px}
.xxPersota {margin-bottom:15px}
.xxxPersota {margin-bottom:20px}

.Peresquerra {margin-left:5px}
.xPeresquerra {margin-left:10px}
.xxPeresquerra {margin-left:15px}
.xxxPeresquerra {margin-left:20px}
.xxxxPeresquerra {margin-left:25px}
.xxxxxPeresquerra {margin-left:30px}
.xxxxxxPeresquerra {margin-left:35px}
.xxxxxxxPeresquerra {margin-left:40px}
.xxxxxxxxPeresquerra {margin-left:45px}
.xxxxxxxxxPeresquerra {margin-left:50px}

/* espaiats */
.Espaiat {padding:5px !important}
.xEspaiat {padding:10px !important}
.xxEspaiat {padding:15px !important}
.xxxEspaiat {padding:20px !important}


/* sistema pestanyes */
td.cela_buida {width:15px;border-bottom:1px solid black}
td.pestanya_inactiva {background-color:#CCCCCC;border:1px solid black;font-size:11px;padding:3px;width:190px;text-align:center}
td.pestanya_triada {border:1px solid black;border-bottom:1px solid white;font-size:11px;padding:5px;width:190px;text-align:center}