/* ====================================================================
   Fulla d'estils per Agenda de Girona
	Couldix
	28/02/2006
   ==================================================================== */

/*=====================================================================
	ESTILS GENERICS
=======================================================================*/

body {
	width		: 100%;
	font-family	: arial, verdana, helvetica, sans-serif;
	color		: #333;	
	margin		: 0 0 0 0;
	padding		: 0 0 0 0;
	background	: #fff;
	font-size	: 11px;
}

a, a:visited {
	text-decoration	: none;
	color			: #333;
	border-bottom	: 0px solid #666;
	font-size		: 11px;
	}

a:hover {
   	color			: #ff0000;
	text-decoration	: none;
	}

h1 {
	height			: 18px;
	background		: #ff0000;
	display			: block;
	font-size		: 13px;
	font-weight		: bold;
	color			: #fff;
	border-bottom	: 1px solid #fff;
	margin			: 0 0 0 0;
	padding			: 3px 0px 0px 3px;
	text-transform	: uppercase
	}

h1.caixa_index_titol {
	background		: #ff0000;
	font-size		: 13px;
	font-weight		: bold;
	color			: #fff;
	border-bottom	: 1px solid #fff;
	margin			: 0 0 0 0;
	padding			: 3px 0px 0px 3px;
	text-transform	: uppercase;
	height			: 18px;
}

h2 {
	color		: #666;
	font-size	: 12px;
	margin		: 0 0 0 0;
	font-weight	: bold;
	background	: #fff;
	}

h3 {
	color		: #111;
	font-size	: 12px;
	margin		: 0 0 0 0;
	padding		: 5px 0 3px 0;
	font-weight	: bold;
	background	: url(../images/separador.gif) left bottom repeat-x;
	}

table,td,div {
	font-size	: 11px;
}

p {
	text-align	: justify;
	font-size	: 11px;
	margin		: 0 0 0 0;
}

img {
   border		: 0px;
}


.imgborder {
   border		: 1px solid #333;
}


ul,ol {
   width		: 100%;
   font-size	: 11px;
   padding		: 0 0 0 20px;
   margin		: 0;
   border		: 0;
}

li {
   	width		: auto;
   	font-size	: 11px;
   	line-height	: 1.8em;
   	margin		: 0 0 0 .5em;
   	border		: 0;
   	padding		: 0 0 0 0;
}

hr {
	color		: #aaa;
	font-size	: 1px;
	background	: #fff;
}

/*==============================================================
	MAQUETACIO CSS
==============================================================*/

#container { 
    background	: none repeat scroll 0 0 #FFFFFF;
    margin		: auto;
    padding		: 0;
	width		:100%; 
	float		: left; 
/*	background	:url('../images/fons.jpg') repeat scroll center top;*/
}

#header {
    background	: none repeat scroll 0 0 #000000;
    color		: #333333;
    height		: 140px;
    margin		: 0 0 1px;
    text-align	: right;
    width		: 100%;
	float		: left;
}

#centrat{
	width		: 930px; 
	margin		: auto;
}

#menu_superior {
    background	: none repeat scroll 0 0 #111111;
    color		: #FFFFFF;
    float		: left;
    height		: 60px;
    line-height	: 40px;
    margin		: 0 0 10px;
    text-align	: left;
    width		: 100%;
}

#menu_lateral {
    background	: none repeat scroll 0 0 #FFFFFF;
    color		: #333333;
    float		: left;
    text-align	: right;
    width		: 130px;
}

#menu_s{
    float		: left;
    height		: 60px;
	width		: 100%;
}

#menu_s ul{
    float		: left;
    line-height	: 40px;
    list-style	: none outside none;
    padding		: 0;
}

#menu_s ul li{
    float: left;
    line-height: 30px;
}

#cercador {
	border-bottom	: 1px solid #CCCCCC;
    border-left		: 1px solid #CCCCCC;
    margin			: 0 0 5px;
    padding			: 3px 0 5px 5px;
    width			: 155px;
}

#main {
    background	: none repeat scroll 0 0 #FFFFFF;
    color		: #333333;
    float		: left;
    margin-left	: 15px;
    width		: 358px;
	min-height	: 1000px;
}

#main_fires {
    background	: none repeat scroll 0 0 #FFFFFF;
    color		: #333333;
    float		: left;
    margin-left	: 15px;
    width		: 595px;
	min-height	: 1000px;
}

#main_desc{    
	background	: none repeat scroll 0 0 #FFFFFF;
    color		: #333333;
    float		: left;
    margin-left	: 15px;
    min-height	: 1000px;
    width		: 585px;
}

#main_pelicula{
	width		: 595px;
	height		: 1000px;
	background	: #fff;
	margin-left	: 125px;
	color		: #333;
	padding		: 20px 10px 10px 20px;
	min-height	: 1000px;
}

#columna_dreta {
	background: none repeat scroll 0 0 #E8EBF0;
    float		: left;
    margin-left	: 10px;
    width		: 250px;
	text-align	: center;
}

#columna_dreta_index {
	background: none repeat scroll 0 0 #E8EBF0;
    float		: left;
    margin-left	: 10px;
    width		: 250px;
	height		: auto;
    min-height	: 900px;
	text-align	: center;
}

#cont_footer{
	width		: 100%; 
	float		: left; 
	background	: #CAD0DC; 
	border-top	: 2px solid #AAAAAA;
}

#footer{
    color		: #666666;
    font-size	: 9px;
    padding		: 5px 0 10px;
    text-align	: center;
    width		: 910px;
	margin		:auto;
}

#caixa_index_top_titol {
/*	width		: 358px;*/
	background	: #ff0000;
	font-size	: 13px;
	font-weight	: bold;
	color		: #fff;
	margin		: 0 0 1px 0;
	padding		: 2px 0 2px 0;
	text-transform	: uppercase;
	text-indent		: 3px;
	border			: 0px;
}

#caixa_index_top_titol_centrat {
	width		: 358px;
	background	: #ff0000;
	font-size	: 13px;
	font-weight	: bold;
	color		: #fff;
	margin		: 0 0 1px 0;
	padding		: 2px 0 2px 0;
	text-transform	: uppercase;
	text-indent		: 3px;
	text-align	: center;
	border			: 0px;
}

#caixa_index_top_titol_negre {
	width		: 358px;
	background	: #000000;
	font-size	: 13px;
	font-weight	: bold;
	color		: #fff;
	margin		: 0 0 1px 0;
	padding		: 2px 0 2px 0;
	text-transform	: uppercase;
	text-indent		: 3px;
	text-align	: center;
	border			: 0px;
}

#caixa_index_top_titol_llarg {
	width		: 100%;
	background	: #ff0000;
	font-size	: 13px;
	font-weight	: bold;
	color		: #fff;
	margin		: 0 0 1px 0;
	padding		: 2px 0 2px 0;
	text-transform	: uppercase;
	text-indent		: 3px;
	border			: 0px;
}

#caixa_index_top {
	color		: #333;
	margin		: 0 0 1px 0;
	width		: 350px;
	padding		: 4px 4px 4px 4px;
	background	: #e8ebf0;
}

#inscripcio_butlleti{
	position	: relative;
	width		: 400px;
	text-align	: center;
	background	: #eee;
	border		: 1px dotted #ccc;
	font-weight	: bold;
	padding		: 2px 2px 2px 2px;
	margin		: 0 auto;
}

#caixa_index_titol {
	width		: 358px;
	border-bottom	: 0px solid #fff;
	padding		: 0 0 0 0;
	background	: #fff;
	margin		: 0 0 0 0;
}

#caixa_index {
	color		: #333;
	margin		: 0 0 5px 0;
	width		: 358px;
	border-bottom	: 1px dotted #999;
	padding		: 0px 0px 5px 0px;
	background	: #fff;
}


#caixa_banner_central {
	width		: 358px;
	margin		: 0 0 5px 55px;
	color		: #333;
	width		: 358px;
	border-bottom	: 1px dotted #999;
	padding		: 0px 0px 5px 0px;
	background	: #fff;
}

#caixa {
	color		: #333;
	margin		: 0 0 0 0;
/*	width		: 358px;*/
	padding		: 5px 0 5px 0;
	background	: #fff;
}

#caixa_llarg {
	color		: #333;
	margin		: 0 0 0 0;
	width		: 100%;
	padding		: 5px 5px 5px 0;
	background	: #fff;
}

#caixa_desc {
	text-align	: justify;
	color		: #333;
	margin		: 0 0 0 0;
	width		: 358px;
	padding		: 5px 5px 5px 0;
	background	: #fff;
}

#caixa_entrades {
	border		: 1px dotted #ccc;
	padding		: 10px 10px 10px 10px;
}

#modul {
	padding			: 3px 0 5px 0;
	margin			: 0 0 5px 0;
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	width			: 100%;
}

#modul a img {
	display: block;
	margin: auto;
}
#modul_fb {
	padding			: 3px 0 5px 0;
	margin			: 0 0 5px 0;
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	width			: 100%;
	text-align		: center;
}
#noticies_item{
	width			: 100%;
	margin			: 0 0 5px 0;	
	padding			: 5px 0 5px 0;
	border-bottom	: 1px dotted #ccc;
}

#recomanats_seccions {
	border		: 1px solid #ccc;
	background	: #eee;
	color		: #333;
}

#banner_lateral {
    float		: right;
    width		: 160px;
}

#modul_dreta_1_titol {
	padding		: 3px 0 0px 3px;
	margin		: 0 0 1px 0;
	background	: #4b5e6d;
	color		: #fff;
	height		: 18px;
	font-weight	: bold;
}

#modul_dreta_1_cos {
	padding		: 3px 0 5px 0;
	margin		: 0 0 1px 0;
	background	: #e8ebf0;
	color		: #333;
	padding		: 5px;
}

#modul_dreta_1_cos_centrat {
	padding		: 3px 0 5px 0;
	margin		: 0 0 1px 0;
	background	: #e8ebf0;
	color		: #333;
	padding		: 5px;
	text-align	: center;
}

#modul_dreta_2_titol {
	padding		: 3px 0 0px 3px;
	margin		: 0 0 1px 0;
	background	: #cad0dc;
	color		: #111;
	height		: 18px;
	font-weight	: bold;
	text-align	: left;
}

#modul_dreta_2_cos {
	padding		: 3px 0 5px 0;
	margin		: 0 0 1px 0;
	background	: #eee;
	color		: #333;
	padding		: 5px;
}

#modul_dreta_3_titol {
	padding		: 3px 0 0px 3px;
	margin		: 0 0 1px 0;
	background	: #000;
	color		: #fff;
	height		: 18px;
	font-weight	: bold;
}

#modul_dreta_3_cos {
	padding		: 3px 0 5px 0;
	margin		: 0 0 1px 0;
	background	: #ffff50;
	color		: #000;
	padding		: 5px;
}

#modul_dreta_2_cos_centrat {
	padding		: 3px 0 5px 0;
	margin		: 0 0 1px 0;
	background	: #eee;
	color		: #333;
	padding		: 5px;
	text-align	: center;
}

#missatge {
	font-weight	: bold;
	text-align	: center;
	padding		: 20px 0 20px 0;
	color		: #333;
	background	: #fff;
}
/*=============================================================

==============================================================*/


h1.caixa_index_titol_2 {
	background	: #fff;
	display		: block;
	font-size	: 12px;
	font-weight	: bold;
	color		: #ff0000;
	padding		: 3px 0px 0px 3px;
	height		: 18px;
	border		: 0px;
}

.noticies_data {
	display		: block;
	font-size	: 9px;
	color		: #666;
}

.noticies_title {
	display			: block;
	font-weight		: bold;
}

table.taula_central {
	background: #eee;
	height	: 400px;
}

td.taula_main_central {
	background: #fff;
	width		: 420px;
}

td.taula_main_lateral {
	background: #fff;
}

td.tipus_llistat_agenda {
	border-bottom	: 1px dotted #000;
	color		: #ff0000;
	background	: #fff;
	font-weight	: bold;
	text-transform	: uppercase;
	padding			: 15px 0 3px 0;
}

tr.llistats_titol {
	font-weight		: bold;
	background		: #ddd;
}
/*=============================================================
	ENLLAÇOS
==============================================================*/

a.menu_superior, a.menu_superior:visited {
	color		: #fff;
  	margin		: 0 3px 0 3px;
  	font-weight	: bold;
	font-size	: 13px;
	background	: #111;
	text-decoration	: none;
	}

a.menu_superior:hover {
	color		: #ff0000;
	background	: #111;
	text-decoration	: none;
	}

a.menu_superior2, a.menu_superior2:visited {
	color		: #ff0000;
  	margin		: 0 3px 0 3px;
  	font-weight	: bold;
	font-size	: 13px;
	background	: #111;
	text-decoration	: none;
	}

a.menu_superior2:hover {
	color		: #FF9400;
	background	: #111;
	text-decoration	: none;
	}

a.menu_lateral, a.menu_lateral:visited {
	width		: 98%;
 	padding		: 1px 0px 1px 0px;
	color		: #111;
  	margin		: 0 0 0 0;
  	font-weight	: bold;
	font-size	: 11px;
	display		: block;
	background	: #fff;
	text-decoration	: none;
	}

a.menu_lateral:hover {
	color		: #ff0000;
	background	:  #eee;
	text-decoration	: none;
	}

a.negreta, a.negreta:visited {
  	font-weight: bold;
	border		: 0px;
	text-decoration	: none;
	}

a.negreta:hover {
	color:#ff0000;
	text-decoration	: none;
	}

a.modul1, a.modul1:visited {
  	font-weight: bold;
	border		: 0px;
	text-decoration	: none;
	color		: #fff;
	}

a.modul1:hover {
	color:#ff0000;
	text-decoration	: none;
	}

a.modul2, a.modul2:visited {
  	font-weight: bold;
	border		: 0px;
	text-decoration	: none;
	color		: #000;
	}

a.modul2:hover {
	color:#ff0000;
	text-decoration	: none;
	}


a.acte, a.acte:visited {
	font-size: 11px;
	color: #333;
  	margin: 0 0 0 0;
  	font-weight: bold;
	text-transform	: uppercase;
	}

a.acte:hover {
	color:#ff0000;
	text-transform	: uppercase;
	}

a.titol_portada, a.titol_portada:visited {
	font-size: 11px;
	color: #333;
  	margin: 0 0 0 0;
  	font-weight: bold;
	text-transform	: uppercase;
	}

a.titol_portada:hover {
	color:#ff0000;
	text-transform	: uppercase;
	}

a.recomanat, a.recomanat:visited {
	font-size: 12px;
	color: #333;
  	margin: 0 0 0 0;
  	font-weight: bold;
	text-transform	: uppercase;
	}

a.recomanat:hover {
	color:#ff0000;
	text-transform	: uppercase;
	}


a.cal {
	font-size: 11px;
	color: #333;
	padding	: 2px 2px 2px 2px;
	}

a.cal:hover {
	color:#fff;
	background	: #ff0000;
	border		: 1px solid #fff;
	}

a.caixa_index_subtitol, a.caixa_index_subtitol:visited {
	display			: block;
	font-weight		: bold;
	color			: #333;
	margin		: 0 0 0 0;
	padding			: 3px 0px 0px 0px;
	border			: 0px;
	font-size		: 11px;
	text-transform	: uppercase;
}
a.caixa_index_subtitol:hover {
	color			: #ff0000;
	text-transform	: uppercase;
}

a.caixa_index_titol_link, a.caixa_index_titol_link:visited {
    border			: 0 none;
    color			: #FF0000;
    font-size		: 12px;
    font-weight		: bold;
    height			: 14px;
    padding			: 1px 1px 1px 2px;
}
a.caixa_index_titol_link:hover {
	background-color: #EEEEEE;
    text-decoration	: underline;
}

a.caixa_index_titol_top_link, a.caixa_index_titol_top_link:visited {
	font-size	: 13px;
	font-weight	: bold;
	color		: #fff;
	border-bottom	: 0px solid #fff;
	margin		: 0 0 0 0;
	padding		: 3px 0px 0px 3px;
	text-transform	: uppercase;
 	height		: 18px;
}
a.caixa_index_titol_top_link:hover {
	color: #000;
}

.formulari {
	font-size: 10px;
}

.butons {
	font-size	: 10px;
	font-weight	: bold;
	border		: 1px groove #000;
	background	: #666;
	color		: #fff;
	padding		: 0px 0px 0px 0px;
}

.subtitol {
	font-weight	: bold;
	font-size	: 12px;
}

td.separador {
	height		: 3px;
	margin		: 0 0 0 0;
	padding		: 0 0 0 0;
	background	: #fff url(../images/separador.jpg) left center repeat-x;
}

.acte {
	font-size		: 11px;
	color			: #333;
  	margin			: 0 0 0 0;
  	font-weight		: bold;
	text-transform	: uppercase;
	}
	
/*----------------------------------------------------------------------------- DATA HEADER ----------------------*/
#data{
	color			:#FFFFFF;
	text-align		: left;
}

/*----------------------------------------------------------------------------   CONCURSOS ----------------------- */
#concurs{
	float			: left;
	background		: url("../images/separador.jpg") repeat-x scroll left bottom #FFFFFF;
	margin-top		: 15px;
}

#concurs_img{
	float			: left;
	width			: 300px;
	height			: 180px;
	text-align		: center;
}

#concurs_desc{
	float			: left;
	width			: 280px;
	min-height		: 100px;
}

#concurs_part {
    float: right;
    margin-bottom: 10px;
    min-height: 30px;
    text-align: center;
    width: 280px;
}


#concurs_desc a{
	text-align		: center;
}

#concurs_resposta{
	float			: left;
    padding-left	: 20px;
    text-align		: center;
    width			: 265px;
}

#concurs_res{
    text-align		: left;
}

#concurs_dades{
    text-align		: left;
}



/* ------------------------------------------------------------- Botó compartir -----------------------------*/
.fb_share_button { 
	display: -moz-inline-block; 
	display:inline-block; 
	padding:1px 20px 0 5px; 
	height:15px; 
	border:1px solid #d8dfea; 
	background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; 
}

.fb_share_button:hover { 
	color:#fff; 
	border-color:#295582; 
	background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; 
	text-decoration:none; 
} 


/* ------------------------------------------------------ FIRES -------------------------------------*/
.dies a
{
	font-size: 15px;
}
.dies{
	border: 1px solid red;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    text-align: center;
}

.actes a
{
	font-size: 15px;
}
.actes{
    border: 1px solid red;
    height: 90px;
    margin-top: 5px;
    padding-top: 15px;
    text-align: center;
}

.tots a
{
	font-size: 15px;
}
.tots{
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    text-align: center;
}

.fb_iframe_widget iframe {
	display: inline !important;
	position: relative !important;
}

.closebutton{
	background: -moz-linear-gradient(center top , #F9F9F9 5%, #E9E9E9 100%) repeat scroll 0 0 #F9F9F9;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #666666 !important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px 0 #FFFFFF;
}