/***************************** Estils de la plana ***************************/

/***************************** Estructura de la web  ***************************/

body {
	margin: 0px 10px;
	padding: 0;
	background:#FFFFFF;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
    font-size: 13px !important; 	
    text-align: center;
  }
  

#principal{
	width: 900px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	margin: 0 auto;
	padding: 0;
    text-align: left;
	}
	
#capsalera {
	padding: 0;
	margin: 0 0 5 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
	}

/***************************** La capsalera amb la imatge del contracte ***************************/

#capsimatge{
	float: left;
	width: 580px;
	height:230px;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background: url(../web_images/contratos.jpg) no-repeat;
	}

#capsserveis{
	float: right;
	width: 290px;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-left:10px;
	}

/***************************** Estructura principal de la web per moduls  ***************************/

#posts{
	float: left;
	width: 580px;
	padding: 0px;
	}

#posts_tags{
	float: left;
	width: 590px;
	height: 400px;
	padding: 0px;
	}


#posts_mapa{
	float: left;
	width: 550px;
	height: 1500px;
	padding: 0px;
	}
	
#moduldreta{
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#moduldreta-criteris{
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#moduldreta-mapa{
	float: right;
	width: 340px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}

#moduldreta-info{
	float: right;
	width: 300px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#moduldreta .presentacio1 {
	width: 290px;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left bottom;
    margin-top: 10px;
    padding-bottom: 10px;
	}
	
#moduldreta .presentacio2 {
	position: relative;
	display: block;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left top;
	padding: 1px 10px 10px 10px;
	border-bottom: none;
	color: #222;
	}

#moduldreta .tags1 {
	width: 290px;
	padding-top: 10px;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left top;
	margin: 0 0 10px 0;
	}
	
#moduldreta .tags2 {
	position: relative;
	display: block;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left bottom;
	padding: 0 10px 10px 10px;
	border-bottom: none;
	color: #222;
}

#moduldreta .testimonis1 {
	width: 290px;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left bottom;
    margin-top: 10px;
    padding-bottom: 10px;

	}
	
#moduldreta .testimonis2 {
	position: relative;
	display: block;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left top;
	padding: 1px 10px 10px 10px;
	border-bottom: none;
	color: #222;

}

#modulcentral {
	width: 900px;
	height: 20px;
	padding: 0;
	margin: 0px 0px 0 0;
	}

#modulcentral .firma1 {
	width: 900px;
	padding-top: 10px;
	margin: 0 0 0 0;
	}
	
#modulcentral .firma2 {
	width: 900px;
	position: relative;
	display: block;
	padding: 0 0px 0px 0px;
	border-bottom: none;
	color: #222;
	}

#modulcolumnes {
	width: 900px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#columna-esquerra {
	float: left;
	overflow: hidden;
	width: 250px;
	margin: 0 10px 0px 0px;
	padding-top: 10px;
	padding: 0;
}

#columna-esquerra-criteris {
	float: left;
	overflow: hidden;
	width: 580px;
	margin: 10px 10px 0px 0px;
	padding-top: 10px;
	padding: 0;
}

#columna-esquerra-logos {
	float: left;
	overflow: hidden;
	width: 590px;
	margin: 0 10px 0px 0px;
	padding-top: 10px;
	padding: 0;
}

#columna-esquerra-promo {
	float: left;
	overflow: hidden;
	width: 250px;
	margin: 0 10px 0px 0px;
	padding-top: 10px;
	padding: 0;
}

#columna-esquerra-publi {
	float: left;
	overflow: hidden;
	width: 125px;
	margin: 0 10px 0px 0px;
	padding-top: 10px;
	padding: 0;
}

#columna-central {
	float: left;
	overflow: hidden;
	width: 320px;
	margin: 0 20px 0px 0px;
}

#columna-central-post {
	float: left;
	overflow: hidden;
	width: 320px;
	margin: 0 20px 0px 0px;
}

#columna-dreta-post{
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#columna-dreta {
	float: left;
	overflow: hidden;
	width: 290px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#columna-dreta-criteris {
	float: right;
	overflow: hidden;
	width: 300px;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


/***************************** Estructura principal de la web per a planes index  ***************************/

#posts-index{
	float: left;
	width: 750px;
	padding: 0px;
	}

#posts-index_maps{
	float: left;
	width: 730px;
	padding: 0px;
	}

#posts-index_geo{
	float: left;
	width: 740px;
	padding: 0px;
	}


#posts-landing{
	float: left;
	width: 900px;
	padding: 0px;
	}


#modulesquerra{
	float: left;
	width: 300px;
	padding: 0px 0px 0px 0px;
	}

#modulesquerra2{
	float: left;
	width: 440px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  	}


#modulesquerra-landing{
	float: left;
	width: 590px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  	}

#modulesquerra_maps{
	float: left;
	width: 400px;
	margin-left:8px;
	padding-top:10px;
	
  	}

#modulesquerra_maps_cruceros{
	float: left;
	width: 400px;
	margin-left:8px;
	padding-top:0px;
	
  	}

#modulesquerra_geo{
	float: left;
	width: 430px;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 0px;
  	}

#modulesquerra3{
	float: left;
	width: 265px;
	margin-right:8px;
	padding: 0px 0px 0px 0px;
	}

#modulesquerra4{
	float: left;
	width: 465px;
	margin-right:8px;
	padding: 0px 0px 0px 0px;
	}

#modulesquerra .presentacio1 {
	width: 290px;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left bottom;
    margin-top: 10px;
    padding-bottom: 10px;
	}
	
#modulesquerra .presentacio2 {
	position: relative;
	display: block;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left top;
	padding: 1px 10px 10px 10px;
	border-bottom: none;
	color: #222;
	}

.presentacio { 
	width: 750px; 
	margin: 0 auto; 
	position: relative; 
	padding: 10px 0; 
	}
    
#entrada_adr {
	width: 120px;
	float: right;
	padding: 20px 0 0 20px ;
	margin: 0;
	background: #FFFFFF;	
   }

#entrada_adr_maps {
	width: 160px;
	float: left;
	padding: 20px 0 0 5px ;
	margin: 0;
	background: #FFFFFF;	
   }

#entrada_adr_geo {
	width: 160px;
	float: left;
	padding: 20px 0 0 0px ;
	margin: 0;
	background: #FFFFFF;	
   }

.esquerra2 {
 float:left;
 width:265;
}

.esquerra4 {
 float:left;
}

.esquerra3 {
 float:left;
 width:180;
}


.dreta-crucero {
 float:right;
 width:590; 
}


.esquerra-crucero {
 float:left;
 width:110;
}

.alinear {float: left;}

    

/***************************** Estructura del blog per als desplegables  ***************************/

#columna-esquerra2 {
	float: left;
	overflow: hidden;
	width: 285px;
	margin: 0 10px 0px 0px;
	padding-top: 10px;
	padding: 0;
}

#columna-central2 {
	float: left;
	overflow: hidden;
	width: 285px;
	margin: 0 0px 0px 0px;
}

#columna-dreta2 {
	float: left;
	overflow: hidden;
	width: 290px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#peuplana{
	clear: both;
	margin: 0;
	color:#FFFFFF;
	padding: 10px 0 10px 0;
	height: 30px;
	text-align: center;
	background: #223366;
}

#peuplana2{
	clear: both;
	margin: 0;
	color:#FFFFFF;
	padding: 10px 0 10px 0;
	text-align: center;
}

/***************************** Estils generals  ***************************/

h2 {
  font-size: 18px;
}

a:link {
	color:#EA4F00;
	}

a:visited {
	color:#EA4F00;
	}

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

a, a:active {
	font-weight: normal;
	text-decoration: none;
	}
	
.blog {
   font-size: 38px;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


/***************************** Entrades del Post  ***************************/

.entrada {
    margin: 0;
	padding: 0px 0 10px;
	margin-left: 0px;
	}
	
.entrada-cruceros {
    margin: 0;
	margin-left: 0px;
	padding-top:10px;
	}

h3.itemTitol2 {
	font-size: 170%;
	font-weight: normal;
	line-height: 100%;
	margin: 0; 
	padding: 0 0 3px 0;
	text-align: left;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	overflow:hidden;
}

h3.itemTitol2 .titolpost {

	text-decoration:none;
	color: black;

    font-family: Helvetica, Arial, Sans-Serif !important;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 23px;
    border-bottom: none !important;
}

h3.itemTitol {
	font-size: 18px;
	font-weight: normal;
	line-height: 100%;
	margin: 0; 
	padding: 0 0 3px 0;
	text-align: left;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	overflow:hidden;
}


h3.itemTitol a, h3.itemTitol a:visited {

	text-decoration:none;
	color: black;

    font-family: Helvetica, Arial, Sans-Serif !important;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: none !important;
    text-transform: lowercase;
}

h3.itemTitol .titolpost {

	text-decoration:none;
	color: black;

    font-family: Helvetica, Arial, Sans-Serif !important;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: none !important;
}

h3.itemTitol a:hover {
	text-decoration: none;
	color:#EA4F00;
    font-family: Helvetica, Arial, Sans-Serif !important;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: none !important;

}


/****** h1 *****/

h1.itemTitol {
	font-size: 170%;
	font-weight: normal;
	line-height: 100%;
	margin: 0; 
	padding: 0 0 3px 0;
	text-align: left;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	overflow:hidden;
}

h1.itemTitol-landing {
	font-size: 170%;
	font-weight: normal;
	line-height: 100%;
	margin: 0; 
	padding: 0 0 3px 0;
	text-align: left;
	position: relative;
	overflow:hidden;
}


h1.itemTitol a, h1.itemTitol a:visited {

	text-decoration:none;
	color: black;

    font-family: Helvetica, Arial, Sans-Serif !important;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 23px;
    border-bottom: none !important;
}

h1.itemTitol .titolpost {

	text-decoration:none;
	color: black;

    font-family: Helvetica, Arial, Sans-Serif !important;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 23px;
    border-bottom: none !important;
}

h1.itemTitol a:hover {
	text-decoration: none;
	color: #990000;
    font-family: Helvetica, Arial, Sans-Serif !important;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 23px;
    border-bottom: none !important;

}




.itemTexte {
	font: 1.3em Trebuchet MS ; 
	text-align: left;
	color: #333;
    padding-bottom: 0px;
    line-height: 150% !important;
    margin-bottom: 5px;	
	
}

.itemTitol em 
{
	float:right;
	margin:0;
	padding:0;
	font-size:0.5em;
	color: #4b5ba2;
	color: #999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.itemTexte h3 { 
	font-size: 1.7em;
	display: block;
	padding: 10px 0 0;
	}

.itemTexte h4 { 
	font-size: 1.5em;
	display: block;
	padding: 10px 0 0;
	}

.itemMeta{
	margin: 0 0 5px 0;
	color: #4b5ba2;
	color: #999;
	font: 1.2em Trebuchet MS ; 
    margin-bottom: 10px;
}

.item-compania{
	margin: 0 0 5px 0;
	color: #4b5ba2;
	color: #999;
	font: 1em Trebuchet MS ; 
    margin-bottom: 5px;	
}

.item-compania-places{
	margin: 0 0 5px 0;
	color: #4b5ba2;
	color: #999;
	font: 1.1em Trebuchet MS ; 
    margin-bottom: 5px;	
}

.compania {
	color: #1D53A1;
}

.uri-compania {
	color: #1D53A1;
	text-decoration: underline;
    font-weight: bold;	
}
 
.uri-compania a {
	text-decoration: underline;
	}

.uri-compania a:hover {
	text-decoration: underline;
	}

.uri-compania a:active {
	text-decoration: underline;
	}

.uri-compania a:visited {
	text-decoration: underline;
	}

.titol-compania {
	color: #000000;
}



/***************************** Ultimes entrades  ***************************/

.ultimos-posts li {
        padding: 0 0 4px 0;
        margin-left: -20px;
        list-style-type: none !important;
        }

.ultimos-posts ul {
        margin-top: -10px;
        }

.ultimos-posts-comp li {
        padding: 0 0 4px 0;
        margin-left: -20px;
        }

.ultimos-posts-comp ul {
        margin-top: -10px;
        }

.lista-criterios li {
        padding: 0 0 4px 0;
        margin-left: -10px;
        }

.ultimos-posts ol {
        margin-top: -10px;
        }



/***************************** Opcions Desplegables  ***************************/

#sideprova{
	float: right;
	width: 290px;
	margin: 0px 0px 0 0;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left bottom;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.sidepanel {
  background: transparent url(../web_images/fondo.png) no-repeat scroll left bottom;
  margin-top: 10px;
  padding-bottom: 10px;
}

.sidepanel .inner {
  background: transparent url(../web_images/fondo.png) no-repeat scroll left top;
  margin: 0; 
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
}

#moduldreta .presentacio1 {
	width: 290px;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left bottom;
    margin-top: 10px;
    padding-bottom: 10px;
	}
	
#moduldreta .presentacio2 {
	position: relative;
	display: block;
    background: transparent url(../web_images/fondo.png) no-repeat scroll left top;
	border-bottom: none;
	color: #222;
	}

.sidepanel h2 {
  cursor: pointer;
}

.sidepanel .more {
  border-top: 1px solid #999999;
  text-align: right;
  height: 15px;
  margin-top: 5px;
  padding-top: 10px;
  padding-right: 40px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

/***************************** Comentaris  ***************************/

#comentarios{
	margin: 0;
	padding:1em 0 0 0;
}

#comentarios-form 
{
	margin:10px 0;	
	padding:10px;
	background:#f9fcfc;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}

.comentarios-numero
{
	font-size:1.2em;
	font-weight:bold;	
	margin:0 5px 0 0;
}

.nocomments 
{
	text-align:center;
	color:#999;
	font-size:0.9em;
}

.comentarios-lista {
	margin: 1em 0;
	padding: 0;		
	border-top: #ddd 1px solid;
}

.comentarios-lista li 
{
	list-style:none;
	margin: 0;
	padding: 0.5em 0.5em 2em;	
	border-bottom: #ddd 1px solid;
}

.comentarios-lista li.alt 
{
    background:#f9f9f9;    
}

.comentarios-lista li.authorcomment 
{
    border:#fc9 1px solid;      
}

.comentarios-lista li .ctinfo 
{
	font-size:1em;			
}

.comentarios-lista li cite 
{
	font-style:normal;
	font-weight:bold;
}

.comentarios-lista li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}

/********************************  Comentarios ********************/

#content .comentarios-feed 
{
	background:url(../web_images/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}
#content .trackback 
{
	background:url(../web_images/link.gif) no-repeat left center;
	padding-left:20px;
}

/* Formulari */

.captcha .box 
{
	font:1em Verdana, Arial, Serif;
	border:#ccc 1px solid;
	width: 220px;
	height: 25px;
}

input.box, textarea
{
	border:#ccc 1px solid;
	background:#fff url(../web_images/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:300px;
}

input.box, textarea
{
	border:#ccc 1px solid;
	background:#fff url(../web_images/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:300px;
}

textarea{
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
}

input.box:focus, textarea:focus
{
	background:#fff url(../web_images/shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}

#submit 
{
	padding:3px 5px;
}


/***************************** Categories ******************************/

.cat1 { color:#6588c7; font-size:9px}
.cat2 { color:#999; font-size:16px}
.cat3 { color:#355897; font-size:20px}
.cat0 { color:#4568a7; font-size:30px}

/***************************** Nubol de Tags  ***************************/

.tag1 { color:#6588c7; font-size:9px}
.tag2 { color:#254887; font-size:16px}
.tag3 { color:#355897; font-size:20px}
.tag0 { color:#4568a7; font-size:30px}

.tag1, .tag2, .tag3, .tag0 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 2px;
}

#bg {
   text-align: left;
   padding:2;
   position:relative;
   background-color:#FFFFFF;
   width:200px;
   height:400px;
   line-height:1.5;
}

#bg2 {
   text-align: left;
   padding:2;
   position:relative;
}

#bg a {
   margin: 0 2px;
   text-decoration:none;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#bg2 a {
   margin: 0 2px;
   text-decoration:none;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#bg a:hover {
	text-decoration: none
}

#bg2 a:hover {
	text-decoration: none
}

.wgclass {
	font-size: 10px;
	color: #bbb;
}


/***************************** Altres estils  ***************************/

.Estilo4 {font-size: 14px}

.Estilo33 {font-size: 13px}

.Estilo8 {font-size: 24px; }

.tituloblog h1
{
   font-size: 24px;
   text-align: right;
   font-weight:normal;
}


.Estilo22 {
	font-size: 0.75em;
	color: #E2D2E4;
	display: inline;
}


.Estilo11 {font-size: 36px}

.Estilo15 {font-size: 9px}

.Estilo16 {font-size: 18px}

.Estilo17 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.esquerra {

 float:left
}

.dreta {

 float:right

}


/************************** Capsaleres i Menus #1D53A1 ***********/

div.fluid
{
	width: 96% !important;
}

#capsprincipal
{
	width:100%;
	height:100px;
	background:#223366 ;
}

.navegacio { 
    padding: 20px 15px 0 0;
}

.navegacio ul { 
	margin: 0; 
	padding: 0; 
	float: right; 
}

ul.utils_navegacio { 
	font-size: 80%; 
	clear:right; 
}

.navegacio li { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	float: left; 
	padding: 5px; 
	font-size: 130%; 
	color: #fff;
}

.navegacio a{ 
	text-decoration: none; 
	color: #fff;
}

.navegacio a:hover{ 
	text-decoration: none; 
	color: #fff;
}

.navegacio a:visited{ 
	text-decoration: none; 
	color: #fff;
}

.navegacio a:active{ 
	text-decoration: none; 
	color: #fff;
}



/**
.navegacio a:hover{ 
	text-decoration: none; 
	color: #fff;
	text-decoration: underline;
	
}
**/

#navegacio_item
{
	color: #E2D2E4;
	font-size: 1.0em;
}


#capsalera_interna
{
	position: relative;
	width: 900px;
	height:100px;
	margin: 0 auto;
}


/******************************* Logo ****************************/

#logo
{
	position: absolute;
	bottom: 0.6em;
	width: 393px;
}

#logo h1
{
   display: inline;
   color: #fff;
   font-size: 3em;
   padding-left: 0.4em;
}

#logo h2
{
	display: inline;
	padding-left: 0.5em;
	color: #E2D2E4;
	font-size: 1.0em;
}

#logo a
{ 
    text-decoration: none; 
	color: #fff;
}


/**************************************** Menu Opcions********************************************/

#opcions
{
	position: absolute;
	right: 0em;
	bottom: 0em;
}

#opcions ul
{
	list-style: none;
}

#opcions li
{
	float: left;
}

#opcions li a
{
	margin-left: 0.5em;
	display: block;
	padding: 1.1em 1.4em 1.0em 1.4em;
	background: #fff;
	border: solid 1px #fff;
	color: #616161;
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;
}

#opcions li a.active
{
	background: #CA2FAD;
	color: #fff;
	border: solid 1px #A94B97;
}


/******************************* Feed  ****************************/

#feedarea {
	padding:10px 10px 0 0; 
	float: right; 	
	width: 290px;
	padding: 1px 10px 10px 10px;
}
#feedarea dl dt {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
}
#feedarea dl dd {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
	background:url(../web_images/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}


/******************************* Promo ****************************/

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(img.php.png) no-repeat bottom right} .cssbox{ /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:10px 0 5px 30px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:10px 0 5px 30px} /* mirror .cssbox_head right/left */


/*****************************    Moduls  informatius    ****************************/

.modulinfo .modulgrafic { 
   margin-right:9px; 
   float:left; 
   display:inline;
   }

.modulinfo .modulgrafic2 { 
   margin-right:9px; 
   float:left; 
   display:inline;
   }
   
.modulinfo .modulgrafic img { 
   border:1px solid #CCCCCC
   }
   
.modulinfo .modultexte {
   display:inline; 
   height:1%;
   }
   
.modulinfo .modultexte h3 {
   font-size:12px;
   }
   
.modulinfo .modultexte p {
   font-size:11px; 
   color:#666666;
   margin-bottom:5px; 
   }

/******************** Modul 2 **********************************/

/******************** Publicitat *******************************/
#typebox {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align:center;
}

#typebox img {
/*  border: 3px solid #cccccc; */
  border: 1px outset #cccccc;
  cursor: pointer;
}

#entrada_ad {
	width: 120px;
	float: left;
	padding: 0 20px 20px 0;
	margin: 0;
	background: #FFFFFF;	
	
}

.entrada .date {
        height: 50px;
        width: 45px;
        background: url(../web_images/calendarorange.jpg) no-repeat;
        font: normal 22px Arial, Helvetica, sans-serif;
        color: #666666;
        text-align: center;
        padding: 0px 2px 0 0;
        line-height: 100%;
        float: left;
}
.entrada .date span {
        height: 16px;
        display: block;
        font: normal 11px Arial, Helvetica, sans-serif;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
}

.INST_ImageText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	line-height: 15px;
}


.INST_Image img{
	border:0px;
}

.bloc-anuncis .esquerra 
{
	float:left; 
	margin-right: 2.5em; 
	width: 235px;
	height:240px;
}

.bloc-anuncis .esquerra300
{
	float:left; 
	margin-right: 2.5em; 
	width: 300px;
	height:240px;
}

.bloc-anuncis .esquerra2 
{
	float:left; 
	margin-right: 2.5em; 
	width: 230px;
	height:240px;
}

.bloc-anuncis .central 
{
	float:left; 
	margin-right: 2.5em; 
	width: 224px;
	height:240px;
}

.bloc-anuncis .central2
{
	float:left; 
	margin-right: 0em; 
	width: 470px;
	height:240px;
}

.bloc-anuncis .dreta 
{
	float:right; 
	margin-right: 0em; 
	width: 200px;
	height:240px;
}

.bloc-anuncis .dreta300 
{
	float:right; 
	margin-right: 0em; 
	width: 300px;
	height:240px;
}

.bloc-anuncis {
    padding: 0px 0 0px;
	margin-bottom:20px;
}

.adsense { margin:0px;margin-top:15px;border:1px solid #EA4F00 }
.adsense2 { margin:0px;margin-top:10px;padding-left:10px;padding-right:10px;border:1px solid #EA4F00 }

.otros-posts li {
        padding: 0 0 4px 0;
        margin-left: -30px;
        list-style-type: none !important;
		font: 0.9em Trebuchet MS ; 
	    margin-bottom: 10px;	

        }

.otros-posts ul {
        margin-top: -10px;
        }

.otros-posts ol {
        margin-top: -10px;
        }

.otros-posts a{ 
	text-decoration: underline;
}

.otros-posts a:hover{ 
	text-decoration: underline;
}

.otros-posts a:visited{ 
	text-decoration: underline;
}

.otros-posts a:active{ 
	text-decoration: none; 
	color: #fff;
}