/*
Theme Name: Mystique - GRC
Theme URI: http://digitalnature.eu/themes/mystique/
Description: Child theme of Mystique. Please leave this one activated for proper customizations to Mystique.
Version: 1.0
Author: Gael & digitalnature
Author URI: http://digitalnature.eu/
Template: mystique
*/

/* Add your own CSS here if you want */



/* Color de fons de la pàgina */
body {
	background-color: #318bbb;
}



/* Treiem la imatge de coloraines del fons */
#page {
	background: transparent;
}



/* Foto de fons al peu de la web i espai entre el copyright i els sponsors */
#page-ext {
/*	background: #318bbb url(images/bg.jpg) no-repeat scroll center bottom;	/* Imatge de fons */
	background-color: transparent;
	background-image: url("images/bg.jpg");
	background-position: center bottom;
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-bottom: 210px !important;													/* Espai entre el peu i els sponsors */
}



/* Posició del logo
#site-title {
	padding: 25px 0 2px 0;
}
*/


/* Treure la desripció de la pàgina
   OJO GAEL ja l'he tret per codi al header.php
#site-title .headline {
	display: none;
}
*/


/* Centrar el logo a la capçalera
#logo {
	width : 100%;
	text-align : center !important ;
}
*/


/* Ajuntar menú de navegació amb el cos
.shadow-right {
	padding-bottom: 0;												Espai entre el menú i el cos
}
*/


/* Icones socials una mica més amunt (venia amb bottom 20px) */
.media {
	bottom: 40px;
	right: 10px;
}



/* Posició icones social
.media {
	bottom: 30px;
	position: absolute;
	right: 2px;
	z-index: 5;
}
*/


/* Buscador. Imatge de fons amb una lupa enlloc de la paraula "GO" */
.search-form fieldset, .search-form .submit { background-image: url("images/style-blue/search.png"); }
.search-form fieldset { padding-left: 15px; }


/* El gallery posa un subratllat blau als enllaços per passar de foto. Així els treiem. */
#gallery .pager a { text-decoration: none; }
#fb-left a, #fb-right a{ text-decoration:none;}


/* Menú superior */
.nav-main ul {
	border-width: 1px;
	border-style: solid;
	border-top-color: #fff;
	border-left-color: #fff;
	border-bottom-color: #a0a0a0;
	border-right-color: #a0a0a0;
}


/* Vora al voltant del cos */
#main {
	border-color: #205ba4;
	border-style: solid;
	border-width: 2px 1px 1px 1px;
}


/* Fons del cos i les columnes laterals */
.c2right #mask-1,
.c2left #mask-3,
.c3 #mask-2,
.c3left #mask-3,
.c3right #mask-1 { background: #fff url("images/fons_cos.png") right top repeat-y; }
.c2left #mask-1,
.c2right #mask-3,
.c3 #mask-1, .c3 #mask-3,
.c3left #mask-2,
.c3right #mask-3 { background: #f0f0f5; }
/* OJO perquè #primary-content i #sidebar no s'estiren tota la llargada de la pàgina, només el contingut. */

/* Columnes principal i laterals. Imatge de fons com ombra al costat superior.
#primary-content, #sidebar, #sidebar2 { padding-top: 20px; }
#primary-content    { background: transparent url(images/ombra_gallery_cos.png) left top repeat-x; }
#sidebar, #sidebar2 { background: transparent url(images/ombra_gallery_sidebar.png) left top repeat-x; }
*/


/* Blocs (posts) de la columna principal */
#primary-content .blocks {
	padding: 0 20px;
}

/* Text justificat (només paràgrafs dels posts) */
#primary-content p { text-align: justify; }
/* Però els peus de foto dels posts centrats */
#primary-content p.wp-caption-text { text-align: center; }

/* Imatges dels posts amb vora gris clar */
#primary-content img { border: 1px solid #ddd; }


/* Blocs (widgets) de la columna lateral */
#sidebar .blocks {
	padding: 0 15px;
}

#sidebar li.block, #sidebar li.splitter {
	margin-bottom: 30px;
	padding-top: 10px;
	border-top: 0px solid red;
}



/* Links per defecte surten subratllats i sense subratllar al hover. Així ho fem al revés: */
a {
	text-decoration: none;
	outline: none;
/*	color: #007eD9; */
}
a:hover {
/*	color: #e67300; */
	text-decoration: underline;
}



/* Títol dels widgets en minúscules
.block .title h3 {
	text-transform: none;
}
*/



/* Revistes i banners al menú lateral */
div.ker, div.querol { text-align: center; }
div.ker a img, div.querol a img { border: 1px solid #206ba4; border-radius: 7px; }
div.ker a:hover img, div.querol a:hover img { border: 1px solid #fb7e29; }
div.textwidget a img { border: 1px solid #206ba4; }
div.textwidget a:hover img { border: 1px solid #fb7e29; }



/* Compartir a facebook, twitter i google+ */
.post-meta {
	margin-top: 50px;
	padding: 10px 10px 8px 25px;
}





/* PEU COPYRIGHT                                  */

/* Igual que el menú superior */
#footer #copyright {
	background: #cecece url("../mystique/images/bg-nav.png") repeat-x scroll center top;
	border-width: 1px;
	border-style: solid;
	border-top-color: #fff;
	border-left-color: #fff;
	border-bottom-color: #a0a0a0;
	border-right-color: #a0a0a0;
	margin-top: 20px;
	height: 20px;
}

/* Llista centrada o que ho sembli */
ul#copy {
	list-style-type: none;
	font-weight: normal;
	text-align: center;
   clear: both;
	width: 500px;			/* ample fixe aproximat per a poder-ho centrar */
	margin-left: auto;
	margin-right: auto;
}
/* Llista horitzontal */
ul#copy li {
	float: left;
	padding: 0 15px;					/* separació entre elements */
	border-left: 1px solid #fff;	/* línia vertical per separar els elements */
}
/* treiem la línia vertical del primer element */
ul#copy li.copy { border: none; }
/* Amaguem el text dels enllaços per a que només es vegi el fons */
ul#copy li a {
	padding: 0;
	height: 24px;
	text-indent: -10000px;
	display: block;					/* per a que els a ocupin tot l'element */
}
/* Imatges de fons dels enllaços de cada element */
ul#copy li.rss  a { width: 16px; background-image: url("images/ico/rss.png"); }
ul#copy li.twit a { width: 22px;  background-image: url("images/ico/twit.png"); }
ul#copy li.fb   a { width: 16px;  background-image: url("images/ico/fb.png"); }
ul#copy li.rss a, ul#copy li.twit a, ul#copy li.fb a {
	background-position: left top;
	background-repeat: no-repeat;
}
ul#copy li.rss a:hover, ul#copy li.twit a:hover, ul#copy li.fb a:hover { background-position: left -26px; }
/* Sobrescrivim això per a que l'enllaç de text no actui com els altres i funcioni "normal" */
ul#copy li.copy a, ul#copy li.legal a {
	text-indent: 0;
	display: inline;
}
ul#copy li.copy a, ul#copy li.legal a { color: #333; }
ul#copy li.copy a:hover, ul#copy li.legal a:hover { color: #54a4de; }





/* PATROCINADORS                                  */

#sponsor {
	background: #dbdad8 url("images/ombra_logos.png") left top repeat-x;
	color: #242527;
	position: relative;
	overflow: hidden;
	padding: 0 15px;
	padding-top: 30px;
	font-size: 11px;
	font-weight: bold;
}
/* Llista centrada (o que ho sembli) del mateix ample que el cos */
#sponsor ul {
	list-style-type: none;
	font-weight: normal;
	text-align: center;
   clear: both;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
/* Llista horitzontal */
#sponsor li { float: left;	margin: 0 15px; }
/* Separació entre elements per a que ocupin tot l'ample */
#sponsor ul.sponsors1 li { margin: 0 22px; } /* 8px amb caixa */
#sponsor ul.sponsors2 li { margin: 0 23px; }
/* Amaguem el text dels enllaços per a que només es vegi el fons */
#sponsor li a {
	text-decoration: none;
	padding: 0;
	height: 90px;
	text-indent: -10000px;
	display: block;				/* per a que els a ocupin tot l'element */
	margin-bottom: 8px;
}
/* Imatges de fons dels enllaços de cada element */
#sponsor li.idapa  a { width: 207px; background-image: url("images/logos/logo_idapa.gif"); }
#sponsor li.ddgi   a { width: 83px;  background-image: url("images/logos/escut_ddgi.gif"); }
#sponsor li.ajpuig a { width: 63px;  background-image: url("images/logos/escut_puigcerda.gif"); }
#sponsor li.museuc a { width: 44px;  background-image: url("images/logos/logo_museu.gif"); }
#sponsor li.hospi  a { width: 128px; background-image: url("images/logos/logo_hospital.gif"); }
#sponsor li.caixa  a { width: 54px;  background-image: url("images/logos/logo_caixa.gif"); }
#sponsor li.sed    a { width: 103px; background-image: url("images/logos/logo_sed.gif"); }
#sponsor li.xalet  a { width: 125px; background-image: url("images/logos/logo_xalet.gif"); }
#sponsor li.viladr a { width: 83px;  background-image: url("images/logos/logo_viladrau.gif"); }
#sponsor li.parxet a { width: 83px;  background-image: url("images/logos/logo_parxet.gif"); }
#sponsor li.armen  a { width: 69px;  background-image: url("images/logos/logo_armen.gif"); }
#sponsor li.atv    a { width: 71px;  background-image: url("images/logos/logo_atv.gif"); }
#sponsor li.gam    a { width: 81px;  background-image: url("images/logos/logo_gam.gif"); }
#sponsor li.pncm   a { width: 66px;  background-image: url("images/logos/logo_pncm.gif"); }
#sponsor li.hbern  a { width: 79px;  background-image: url("images/logos/logo_bernat.gif"); }
#sponsor li.hprull a { width: 88px;  background-image: url("images/logos/logo_prullans.gif"); }
#sponsor li.eqcfco a { width: 99px;  background-image: url("images/logos/logo_eqcfco.gif"); }
#sponsor li.tunel  a { width: 55px;  background-image: url("images/logos/logo_tunelcadi.gif"); }
#sponsor li.idapa  a, #sponsor li.ddgi   a, #sponsor li.ajpuig a, #sponsor li.museuc a,
#sponsor li.hospi  a, #sponsor li.caixa  a, #sponsor li.sed    a, #sponsor li.xalet  a,
#sponsor li.viladr a, #sponsor li.parxet a, #sponsor li.armen  a, #sponsor li.atv    a,
#sponsor li.gam    a, #sponsor li.pncm   a, #sponsor li.hbern  a, #sponsor li.hprull a,
#sponsor li.eqcfco a, #sponsor li.tunel a {
	background-position: left top;
	background-repeat: no-repeat;
}
#sponsor li.idapa  a:hover { background-position: -207px top; }
#sponsor li.ddgi   a:hover { background-position: -83px top; }
#sponsor li.ajpuig a:hover { background-position: -63px top; }
#sponsor li.museuc a:hover { background-position: -44px top; }
#sponsor li.hospi  a:hover { background-position: -128px top; }
#sponsor li.caixa  a:hover { background-position: -54px top; }
#sponsor li.sed    a:hover { background-position: -103px top; }
#sponsor li.xalet  a:hover { background-position: -125px top; }
#sponsor li.viladr a:hover { background-position: -83px top; }
#sponsor li.parxet a:hover { background-position: -83px top; }
#sponsor li.armen  a:hover { background-position: -69px top; }
#sponsor li.atv    a:hover { background-position: -71px top; }
#sponsor li.gam    a:hover { background-position: -81px top; }
#sponsor li.pncm   a:hover { background-position: -66px top; }
#sponsor li.hbern  a:hover { background-position: -79px top; }
#sponsor li.hprull a:hover { background-position: -88px top; }
#sponsor li.eqcfco a:hover { background-position: -99px top; }
#sponsor li.tunel  a:hover { background-position: -55px top; }





/* FORMULARIS                                  */

/* Nota camps obligatoris */
.campsobligatoris {
	color: red;
}

/* Requadre amb la política de protecció de dades */
div.lletrapetita {
	width: 80%;
	background-color: #fff9f9;
	border: 1px solid #fcc;
	margin: 20px auto;
	padding: 10px;
	text-align: justify;
	font-size: 90%;
}
div.lletrapetita h4 {
	margin-top: 0;
	margin-bottom: 15px;
}





/* ESDEVENIMENTS                                  */

/* Separació dels esdeveniments a la llista de properes activitats */
h4.event { margin-top: 30px; }


/* Caixa amb els detalls de l'esdeveniment */
#detallsevent {
	width: 50%;
	background-color: #f9f9ff;
	margin: 50px auto;
	padding: 10px;
	text-align :center;
}
#detallsevent p, #detallsevent ul { text-align: left; }


/* Mapa del lloc centrat */
.eme-location-map {
	border: 1px solid #ed823d;
	margin: 40px auto;
	text-align :center;
}


/* Paràgraf totes les activitats són gratuïtes, etc. */
.activitatsgratis {
	color: #f00;
	font-weight: bold;
	text-align: center;
}


/* Widget amb la llista d'activitats */
.block-widget_eme_list ul, .block-widget_eme_list li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.block-widget_eme_list li {
	border: 1px solid #fb7e29;
	border-radius: 7px;
	background-color: #fffaf3;
	padding: 5px;
	margin-bottom: 20px;
}
.block-widget_eme_list li li {
	border: none;
	background-color: transparent;
}
.block-widget_eme_list li li { margin: 0; padding: 0;}

.block-widget_eme_list a {	font-weight: bold; }

/* color de fons del calendari */
.eme-calendar-table td { background-color: #fdfdfd; }




/* LLISTA DE POSTS DE LA CATEGORIA X              */

/* Nom de la categoria */
h1.archive-category {
	color: #fb7e29;
}

/* Descripció de la categoria */
div.large {
	margin-bottom: 30px;
}