/*
Theme Name: Tramuntana, un subtema de Twenty Eleven
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Joan Moratinos
Author URI: http://jmoratinos.no-ip.org
Description: Adaptació del tema twentyeleven per a serradetramuntana.eu
Version: 2.0
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

@import url("../twentyeleven/style.css");

/* Estils propis */

body {
    background: white;
}

/** Tipus de lletra per a l'eslògan, generat per FG **/
@font-face {
	font-family: 'broken_ghost';
	src: url('fonts/BROKEN_GHOST.eot');
	src: local('☺'),
	url('fonts/BROKEN_GHOST.woff') format('woff'),
	url('fonts/BROKEN_GHOST.ttf') format('truetype'),
	url('fonts/BROKEN_GHOST.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.comptador-de-visites {
	text-align: center;
}

.nombre-visites {
	font-size: 18px;
	color: white;
	font-weight: bold;
	display: inline-block;
	background-image: url("images/taula-ruta.jpg");
	padding: 0 5px;
}

.valor-captcha {
    cursor: pointer;
	margin-right: 15px;
	padding: 2px;
}

.valor-captcha-si {
	border: 2px dotted red;
}

.valor-captcha-no {
	border: 2px dotted #BBB;
}

#quadre-captcha {
	background: #FFFFFF;
	border: 4px solid #EEEEEE;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 3px rgba(204, 204, 204, 0.95) inset;
	width: 72%;
}

#etiqueta-captcha {
    background: none repeat scroll 0 0 #EEEEEE;
    box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
    color: #555555;
    display: inline-block;
    font-size: 13px;
    padding: 10px 10px 4px;
    position: relative;
    z-index: 1;
}

#valors-captcha {
	padding-left: 10px;
	padding-bottom: 10px;
}

#explica-captcha {
	padding-left: 10px;
	padding-top: 5px;
}

.comments-link {
	/* Necessari perquè no trepitgi el final del post */
	display: inline-block; 
}

.children .vcard {
    margin-left: 50px;
}

.advertencia {
	font-size: 14px;
	font-style: italic;
	text-align: center;
    display: inline-block;
}

#branding img#logo-serra {
	/*width: 243px;*/
	width: 350px;
	position: absolute;
	/*right: 26px;
	bottom: 42px;*/
	left: 10px;
	top: 10px;
}

#titol-flotant-lloc {
	position: absolute;
	left: 30px;
	top: 10px;
	color: #DC143C;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 45px;
    font-style: oblique;
    font-weight: 900;
}

#subtitol-flotant-lloc {
	position: absolute;
	/*left: 30px;
	top: 70px;*/
	right: 25px;
	bottom: 25px;
	color: #000000;
    font-family: broken_ghost,Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
}

#cinta-dol {
	display: inline-block;
	width: 5em;
}

#branding #access #cinta-dol-blanc {
	width: 5em;
	position: absolute;
	right: 0.5em;
	top: 0.3em;
}

.titol-anuncis {
    background: none repeat scroll 0 0 #666666;
    color: #000000;
    font-size: 15px;
    margin-top: 0;
    padding: 5px;
    text-align: center;
    width: 190px;
	margin-left: 0px;
    font-family: trebuchet ms;
    line-height: 1.2;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
}

.subtitol-anuncis {
    text-transform: uppercase;
}

.imatge_centrada {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#secondary aside.widget_text {
	margin-bottom: 1em;
}

#secondary aside.widget_simpleimage {
	margin-top: 1em;
	margin-bottom: 1em;
}

#secondary aside.widget_simpleimage p {
	text-align: center;
}

.attachment-post-thumbnail.wp-post-image {
    width: 300px;
    height: auto;
    float: left;
    margin: 0 10px 5px 0px;
}

.fitxa-excursio {
	display: none;
	padding: 8px;
	background-color: #EEE;
	margin-bottom: 12px;
}

.camp-excursio {
    font-weight: bold;
}

#branding #access #menu-llengua {
    float: right;
    margin: 10px 5px 0 0;
    padding: 0;
    text-align: right;
}

#branding #access #menu-llengua img {
	height: 20px;
	width: 20px;
	margin-top: 1px;
	margin-bottom: 0;
	display: inline;
}
.llengua-activa {
   color: #FFF;
   margin-left: 5px;
}

.llengua-inactiva {
   color: #666;
   cursor: pointer;
   margin-left: 5px;
   /*opacity: 0.4;*/
}

.obre-traduccio {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    color: #666666;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5em;
    padding: 0 8px;
    text-decoration: none;
    cursor: pointer;
}

aside#meta-2 {
	margin-left: 3em;
}

#mostra-es, #mostra-ca {
	display: none;
}

.entry-meta .comments-link a,
.adjuncions .veure-galeria {
	float: left;
	margin-right: 5px;
}

.entry-meta .comments-link a,
.adjuncions .veure-galeria a {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    display: block;
    padding: 5px;
    text-decoration: none;
	font-family: trebuchet ms;
	line-height: 1.2;
	font-size: 16px;
	font-weight: normal;
}

.entry-meta .comments-link a:hover,
.adjuncions .veure-galeria a:hover {
    background: none repeat scroll 0 0 #000000;
    color: #FF3300;
}

.singular .entry-meta .edit-link a {
	position: static;
}

.adjuncions {
	display: inline-block;
}

#titol-rutes {
	font-family: trebuchet ms;
	font-size: 24px;
	font-weight: bold;
    text-align: center;
	margin-bottom: 0px;
}

#recompte-rutes {
	font-size: 110%;
    text-align: center;
}

#ordre-rutes {
	clear: left;
}

#taula-rutes {
	list-style: none;
	margin: 0;
	padding-left: 55px;
	/* padding-right: 10px; */
}

.nom-ruta, .nivell-ruta, .ruta-circular {
	float: left;
}

.nom-ruta, .data-ruta, .track-ruta {
	font-family: trebuchet ms;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
    background-image: url("images/taula-ruta.jpg");
	/* border: 2px solid #666666; */
	/* padding-left: 5px; */
	/* padding-right: 5px; */
	display: inline-block;
	height: 25px;
	line-height: 25px;
    margin-top: 2px;
}

.fila-ruta {
	clear: left;
}

.nom-ruta {
	margin-left: 1px;
	width: 100%;
	float: left;
	overflow: hidden;
}

.data-ruta {
	margin-left: 2px;
	text-align: center;
	float: right;
	display: none;
}

.track-ruta {
	margin-left: 2px;
	text-align: center;
	float: right;
	display: none;
}

#filtre-nom-ruta {
	line-height: 1em;
}

.nivell-ruta {
	/* vertical-align: bottom; */
	/* background-color: #000; */
	/* padding-left: 5px; */
	/* padding-right: 5px; */
	/* display: inline-block; */
	/* height: 25px; */
	/* width: 20px; */
	margin-left: -55px;
}

.nivell-ruta span, .nivell-ruta img {
	vertical-align: bottom;
	background-color: #000;
	padding-left: 3px;
	padding-right: 3px;
	display: inline-block;
	height: 25px;
	width: 20px;
    margin-top: 2px;
}

.ruta-circular {
	/* vertical-align: bottom; */
	/* display: inline-block; */
	/* height: 25px; */
	/* width: 24px; */
	/* margin-left: 2px; */
    /* background-image: url("images/taula-ruta.jpg"); */
	margin-left: -28px;
}

.ruta-circular span, .ruta-circular img {
	vertical-align: bottom;
	display: inline-block;
	height: 25px;
	width: 24px;
	margin-left: 2px;
    background-image: url("images/taula-ruta.jpg");
    margin-top: 2px;
}

#taula-rutes .nom-ruta, #taula-rutes .track-ruta {
    color: #FFFFFF;
    text-decoration: none;
}

/* #taula-rutes a:visited .nom-ruta {
    color: #F4A460;
    text-decoration: blink;
} */

#taula-rutes .nom-ruta:hover, #taula-rutes .track-ruta:hover  {
    color: #FFFF66;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

#filtre-rutes form {
	margin-bottom: 10px;
	padding: 10px;
	font-weight: bold;
}

#filtre-rutes {
	background-color: #95B6E9;
	margin-bottom: 10px;
	border: 5px outset #CBE0FF;
}

#filtre-rutes-filtraper {
}

#filtre-nivells {
	clear: left;
	margin-top: 5px;
}

#filtre-circulars, .filtre-torrens {
	clear: left;
	margin-top: 5px;
}

.filtre-circular,
.filtre-nivell {
	padding-right: 10px;
	display: inline-block;
}

.filtre-circular-checkbox,
.filtre-nivell-checkbox,
#filtre-torrens-checkbox {
	margin-top: 15px;
}

.filtre-circular-icona-text,
.filtre-nivell-icona-text,
.filtre-torrens-icona-text {
	width: 45px;
	display: inline-block;
	vertical-align: middle;
}

.filtre-circular-icona,
.filtre-nivell-icona,
.filtre-torrens-icona
{
	display: block;
	margin: auto;
}

.filtre-circular-text,
.filtre-nivell-text,
.filtre-torrens-text {
	display: block;
	text-align: center;
}

#filtre-zona {
	clear: left;
}

#nom-ruta-conte {
	clear: left;
}

#filtre-zona-titol,
.filtre-zona-checkbox {
	margin-right: 10px;
}

.veure-un {
	font-size: 1.1em;
	margin-bottom: 5px;
	display: block;
}

.veure-un .veure-galeria,
.veure-un .veure-ruta,
.veure-un .veure-detalls {
	margin-right: 10px;
    cursor: pointer;
}

.veure-un .data-excursio {
	margin-right: 10px;
	border-radius: 5px;
}

.veure-un .veure-galeria a:hover,
.veure-un .veure-ruta span:hover,
.veure-un .veure-detalls span:hover {
	color: #FFFF66;
	text-decoration: none;
}

.veure-un .veure-galeria a,
.veure-un .veure-ruta span,
.veure-un .veure-detalls span,
.veure-un .data-excursio {
	background-color: #666666;
	color: #FFFFFF;
	padding: 3px;
}

.veure-molts {
	display: block;
	margin-bottom: 10px;
}

.veure-molts .veure-galeria,
.veure-molts .veure-ruta,
.veure-molts .veure-detalls {
	margin-bottom: 5px;
	margin-right: 5px;
    cursor: pointer;
}

.veure-molts .data-excursio {
	margin-bottom: 5px;
	margin-right: 5px;
	border-radius: 5px;
}

.veure-molts .veure-galeria a:hover,
.veure-molts .veure-ruta span:hover,
.veure-molts .veure-detalls span:hover {
	color: #FFFF66;
	text-decoration: none;
}

.veure-molts .veure-galeria a,
.veure-molts .veure-ruta span,
.veure-molts .veure-detalls span,
.veure-molts .data-excursio {
	background-color: #666666;
	color: #FFFFFF;
	padding: 3px;
}

/*#branding #access #data-modificacio {*/
#branding #data-modificacio {
	background-color: black;
	color: #EEEEEE;
	border-bottom-left-radius: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    padding: 0 5px 0 10px;
	/*
    margin: 0;
    position: absolute;
    right: 0;
    top: 327px;
	*/
	margin-top: -6px;
	clear: left;
	float: right;
}

.mapa-flotant-dialeg {
    z-index: 100;
}

.ui-widget-overlay {
	/*background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;*/
	background: rgb(0, 0, 0);
	opacity: .50;
	filter:Alpha(Opacity=50);
}

.ui-widget-overlay {
    position: fixed !important;
}

#mapa-flotant-botons {
	text-align: center;
	padding-top: 8px;
}

#demana-track-botons {
	text-align: center;
	margin-top: 1em;
}

#demana-track-info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
	z-index: 300;
	background: antiquewhite;
}

#demana-track-info span {
	display: table-cell;
	vertical-align: middle;
	font-size: 130%;
	color: red;
}

.previsio-temps {
	margin-left: 10px;
}

.ui-button-text {
	font-size: 10pt;
}

.clip-video {
    display: inline-block;
}

#show_ad_camp_1 {
    text-align: center;
}

#page {
    max-width: none;
}

.singular #content,
.left-sidebar.singular #content {
	position: relative;
	width: auto;
	margin: 0 5em 0 230px;
}

.singular .hentry,
.hentry,
.no-results {
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
}

.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	width: auto;
}

.left-sidebar #primary {
	margin: 0 0 0 -230px;
}

.left-sidebar #relacio-rutes {
	margin: 0 2em  0 230px;
}

.left-sidebar #content {
	margin: 0 2em  0 230px;
	width: 70%;
}

.left-sidebar #secondary {
	margin-left: 10px;
	margin-right: 10px;
	width: 200px;
}

p {
	margin-bottom: 10px;
	text-align:justify;
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: normal;
}

#branding #searchform {
	right: 175px;
	display: none;
}

#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}

#main {
	padding: 10px 0 0;
}

.entry-content,
.entry-summary {
	padding: 0 0 0;
	font-size: 13px;
}

.wp-caption p.wp-caption-text {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.wp-caption .wp-caption-text {
	padding: 10px 0 5px 8px;
}

.wp-caption .wp-caption-text:before {
	content: '';
}

#content nav {
	padding: 0;
}

#nav-single {
	top: 0.3em;
}

#respond {
	width: auto;
}

#respond #quadre-captcha .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 45px;
	z-index: 1;
}

#respond #quadre-captcha .required,
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	left: 100%;
}

#respond input#submit {
	left: -13px;
}

#respond input[type=text] {
	width: 95%;
}

.entry-content {
    text-align: justify;
}

.compartir-1 {
    float: right;
}

.compartir-N {
    position: absolute;
    top: 22px;
    right: 43px;
}

.compartir i {
    margin-right: 10px;
    color: #ccc;
}

.compartir i:hover {
    color: #1982d1;
    cursor: pointer;
}

.blog .hentry header h1 {
    padding-right: 120px;
}

#descarrec.desc-simple {
    background: white;
    padding: 0.5em;
    text-align: justify;
    border: 1px solid black;
}

#descarrec.desc-inici {
    background: white;
    padding: 1em;
    text-align: justify;
    border: 1px solid black;
    margin-top: 1em;
}

#anunci-rainbow {
    text-align: center;
    cursor: pointer;
}

#respond .comment-form-author .required, #respond .comment-form-email .required {
	top: 10px;
	left: -20px;
}

#boto-envia {
	background: #222;
    border: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    color: #eee;
    cursor: pointer;
    font-size: 15px;
    margin: 20px 0;
    padding: 5px 42px 5px 22px;
    position: relative;
    left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

/* Adaptació a la mida de la pantalla */

@media only screen and (max-width: 800px) {
	#main #primary {
		margin: 0px;
	}
	.left-sidebar #relacio-rutes {
		margin: 0px;
		width: 100%;
	}
	#main #secondary {
		display: none;
	}
	#header-image, #imatge-flotant-cap, #subtitol-flotant-lloc {
		display: none;
	}
	#branding .with-image #searchform {
		display: none;
	}
	#branding .only-search + #access div {
		padding-right: 0;
	}
	#cinta-dol-blanc {
		display: inline-block;
	}
}

@media only screen and (min-width: 801px) {
	#cinta-dol-blanc {
		display: none;
	}
}

/*
vim: ts=4 sw=4
*/