/**
* Estils Aplicació itineraris
*/
.txtCenter{
	text-align:center !important;
}
.pane {	display:	none; /* will appear when layout inits */}
iframe {pointer-events: none;} /* Necessari pel slider */

.hidden{display: none !important;visibility:hidden !important;}
.displayBlock{display:block !important;}
.lblButton{
	margin-bottom: 0.5em;
}
.buttonCheck{
	padding-top: 2px !important;
}

.buttonLeft{
	float:left !important;
	margin-left: 10px !important;
}
.buttonRight{
	float:right;
	margin-left: 10px !important;
}
.marginRight{
	margin-right: 10px !important;
}
.marginLeft{
	margin-left: 10px !important;
}
.marginBottom{
	margin-bottom: 10px !important;	
}
.marginTop{
	margin-top: 5px !important;
}

.italicBold{
	font-weight: bold;
	font-style: italic;	
}
.floatright{
	float: right;	
}
.floatleft{
	float: left;	
}
.paddingLeft{
	padding-left: 15px !important;
}

.paddingBottom{
	padding-bottom: 5px !important;
}
.12x12{
	width: 12px !important;
	height: 12px !important;
}

.16x16{
	width: 12px !important;
	height: 12px !important;
}

.32x32{
	width: 32px !important;
	height: 32px !important;	
}
.43x43{
	width: 43px !important;
	height: 43px !important;	
}

/** DIVs */

#splitContainer {background-color: gray;border-color: gray;	border-style: solid;border-width: 2px;float:left;height: 450px;left:20px;}
.gePluginPause{background: url("../images/pause.png") 50% 50% no-repeat scroll #E5E3DF !important;}
.itinContainer{left: 20px;width: 98%;position:relative;overflow:auto;z-index:99;clear:both;top: 20px;}
.beta{
	float:right;
	margin: 15px 15px 0 0;
	color: #BF2F14;
	font-size: 1.2em;
	font-weight: bold;
} 
 
  
/** MISSATGE */
div#msgId{height: auto !important; overflow: auto;}	
#misImg{padding:10px;}
table.missatge td{text-align:justify; vertical-align:middle;font-size:small;padding: 5px;}
#idTdStack{width:300px;border:solid 1px gray;padding: 5px;}
.msgColLeft{width:50px;}
.genericMsg{
	width: 250px;
}

div#loadingId
{
    background:url("../images/loading2.gif") no-repeat center;
    width: 145px !important;
    height: 30px !important;
    min-height: 30px !important;
    min-width: 145px !important;
    padding: 0px !important;
}

/** Consells */
.consellsDiv{width: 600px; height: 450px; font-size: 12px; overflow: auto;}
.consellsNormes{width: 575px; font-size: 12px; border: 1px solid #BF2F14 !important;}
table.normes {width: 575px; font-size: 12px; margin-top:10px;}
table.normes td{vertical-align:middle;padding: 0px 5px 10px 5px;text-align: justify;}
table.pautes {width: 575px; font-size: 12px; overflow: auto;}
table.pautes td{vertical-align:middle;text-align: justify;padding: 0px 5px 0px 5px;}

/** HELP */
div#helpContent{font-size:0.85em;width:300px;}
.pBase{text-align:center;}
#p1Help{padding:8px;font-size:0.88em;}
#p2Help{}
#p3Help{margin-top:30px;padding:8px;font-size:0.8em;}
.a1Help{text-decoration:underline;font-weight:bold;color:#BF2F14;}
#a2Help{padding:8px;}
#p1Author{padding:8px;text-align:center;font-size:0.88em;}

/** Blocs */
.Bloc{
	height: 1%;
	background: url("../images/boxline.png") left bottom;
	position: relative;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 25px;
}
.BlocHeader{
	background: url("../images/boxline.png") left top;
	padding-left: 11px;
}
.BlocTitle{
	background: url("../images/boxline.png") right top;
	padding-right: 11px;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	line-height: 24px;
	height: 1%;
	padding-bottom: 10px;
}
.BlocWrapper{
	background: url("../images/boxline.png") left bottom;
	padding-left: 11px;
}
.BlocContent{
	background: url("../images/boxline.png") right bottom;
	padding-bottom: 17px;
	height: 1%;
	padding-right: 1px;
	margin-right: 0px;
}

.titleText{font-size: 1.8em;color: gray;/*font-family: Georgia;*/}

/** TOOLBARS */
#toolbarTools{
	float:left;	
}
#toolbarLayers{
	/*padding: 5px 5px 0 5px;*/
	padding-top: 2px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 2px solid #BF2F14;
	padding-right: 10px;
	border-right: 2px solid #BF2F14;
	float:left;
}
#toolbarOther{	
	margin-left: 10px;
	float:left;
}

.socialNetworks{float:right;margin: 15px 0 0 0;}
.sn{background-image: url("../images/sn.png");background-repeat: no-repeat;width: 18px;height: 18px;float: left;margin-right: 2px;}
.sn.fb {background-position: 0 0;}
.sn.tw {background-position: -18px 0;}
.sn.it {background-position: -36px 0;}
.sn.yt {background-position: -54px 0;}


/**	BUTTONS */
.minButton {width: 1px; height: 1px;}
.btnIconOnly {margin-left: 2px !important;}
.iconFullExtent {background-image: url("../images/icons/full-extent.gif") !important;}
.iconHistImages {background-image: url("../images/icons/ge_show_historical.png") !important;}
.iconItin {background-image: url("../images/icons/ItinHiker.png") !important;}
.iconPOIs {background-image: url("../images/icons/POIs.png")!important; }
.iconSeus {background-image: url("../images/icons/Seus.png")!important; width:16px; height:16px;}
.iconParcs {background-image: url("../images/icons/Parcs.png")!important; }
.iconConfig {background-image: url("../images/icons/config.png") !important; }
.iconMail {background-image: url("../images/icons/mail.png") !important; }
.iconHelp {background-image: url("../images/icons/help.png") !important; }
.iconRecommendations {background-image: url("../images/icons/Normes_Consells.png") !important; }
.iconFilter {background-image: url("../images/icons/search.png") !important; }
.iconAPeu {background-image: url("../images/icons/Peu.gif") !important; }
.iconEnBici {background-image: url("../images/icons/Bici.gif") !important; }
.iconPlay {background-image: url("../images/icons/Play.gif")!important; }
.iconPause {background-image: url("../images/icons/pause.gif")!important; }
.iconPDF {background-image: url("../images/icons/PDF.png")!important; }
.iconGPX {background-image: url("../images/icons/gpx.png")!important; }
.iconItinProfile {background-image: url("../images/icons/Perfil.gif")!important; }
.iconFotoLocation {background-image: url("../images/icons/FotoLocation.png")!important; }
.iconPrev {background-image: url("../images/icons/Previous.png")!important; }
.iconNext {background-image: url("../images/icons/Next.png")!important; }
.iconClose {background-image: url("../images/icons/close.gif")!important; }
.btnText{font-size: 0.8em !important;}


/** Filtres */	
#itinFiltersContainer{margin-bottom: 10px;}
#itinFilters{	
	margin: 5px 0 10px 0;
	padding: 10px;	
	border: 2px dashed #BF2F14;
	overflow: auto;	
}
.filterContainer{
	margin-bottom: 5px;
}
#mainFilters td{
	vertical-align:top;	
}
#mainFiltersLeftColumn{
	width: 325px;
}
.filter{
	margin: 5px 0 5px 0px;	
	text-align: left !important
}
.btnUnrestrict{
	margin-right: 50px;
}
#nameFilter{
	text-align: center;	
}

#radioParc{
	padding-top: 5px;
	padding-left: 10px;
}
#radioDifType{
	padding-top: 5px;
	padding-left: 10px;
}
.lowRangefilterThumblabel{
	color: #BF2F14;
	font-weight: bold;
	padding: 0 0.2em;	
}
.highRangefilterThumblabel{
	color: #BF2F14;
	font-weight: bold;
	padding: 0 0.2em;		
}


.iconDifType_00 {background-image: url("../images/32x32/itinDifTipus00.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.iconDifType_01 {background-image: url("../images/32x32/itinDifTipus01.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.iconDifType_02 {background-image: url("../images/32x32/itinDifTipus02.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.iconDifType_10 {background-image: url("../images/32x32/itinDifTipus10.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.iconDifType_11 {background-image: url("../images/32x32/itinDifTipus11.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.iconDifType_12 {background-image: url("../images/32x32/itinDifTipus12.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.iconDifType_20 {background-image: url("../images/32x32/itinDifTipus20.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.iconDifType_21 {background-image: url("../images/32x32/itinDifTipus21.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.iconDifType_22 {background-image: url("../images/32x32/itinDifTipus22.jpg")!important; width:32px !important; height:32px !important; top:11px !important; left:11px !important;}
.lblDifTypeFilter {width:38px !important; height:38px !important;}


.tblFilters{
	width:100%;
	text-align: left;
}
.colDif{
	width: 10px;
}

.tblDifType{	
	text-align: center !important;
}

#idDif{
	font-weight:bold;
	font-style:italic;	
	width: 15px !important;
	height: 15px;
	float: left;
	margin-top: 100px;
	margin-left: 20px;
}

#idTipus{
	text-align: left;
	font-weight:bold;
	font-style:italic;
	margin: 0px !important;
	padding-left: 90px;
}
#idDifTypeBtns{
	float: left;
}


.lblFilter{
	font-weight:bold;
	text-align:left !important;
	margin-top: 5px;		
}

.mainlblFilter{
	font-weight:bold;
	text-align:left !important;	
	font-size: 1.1em;	
}

.toogleFilter{
	float: left;
	margin-left: 5px;	
}

/** Itinerari Seleccionat */
#selectedItin{	
	margin: 10px;		
	background-color: white;
	border-radius: 5px;
	border: 1px solid #BF2F14;	
	box-shadow: 1px 1px 3px #940B0B;	
	overflow: auto;	
}

.selectedItinTable{
	width: 100%;
}
.selectedItinTable td{
	text-align: center;
}
#selectedItinName{
	font-weight:bold;	
	text-align: center;
	font-size: 140%;	
	padding: 10px;		
	clear: both;
	background: rgba(0, 0, 0, .1);
	border-radius: 5px;
	filter: alpha(opacity=10);	
}
#selectedItinInfo{
	border-top: 1px solid gray;	
	padding: 10px;	
}

#selectedItinInfo td{
	width: 25%;
}
.selectedItinInfoItem{	
	margin: 0px 10px;		
}
.selectedItinInfoItemTitle{
	font-weight: bold;	
}
.selectedItinInfoItemValue{
	margin: 10px 0px;
	font-size: 1.2em;	
	font-weight: bold;		
}
#selectedItinLogoParc{	
	float:right;
	margin: 10px;
}
#selectedItinDifType{	
	margin-right: 10px;
}
.imgLogo{
	width: 200px;
	height: 50px;
}

#selectedItinProfile{
	margin-top: 10px;	
}
.imgProfile{
	width: 500px;
	height: 300px;
	border: 2px solid gray;
}

#buttonClose{
	clear:both;
	text-align:right;
	margin-right: 15px;
	margin-bottom:5px;
	cursor: pointer;
}

#selectedItinToolbar{
	clear: both;
	height:40px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);	
	border-radius: 5px;
	filter: alpha(opacity=50);	
}


/** Llista Itineraris */
#itinList{
	padding: 2px;	
	border: 2px solid #BF2F14;
	overflow:auto;	
 }
#itinCounter{
	padding-left: 5px;
}
.itinListHeaderRow{
	background-color:#FFFFFF;
	height: 50px;		
}
.itinListHeaderCell{	
	color: #000000;
	/*font-family: georgia;*/
	font-weight:bold;	
	text-align: center;
	border-bottom: 1px solid #BF2F14;	
}
.itinListRow {
    cursor: pointer;      
    background-color: #EEE;
    margin: 10px !important;
    height: 50px;    
    /*font-family: georgia;*/
  }
.itinListOddRow {
    cursor: pointer;      
    background-color: #EEE;
    margin: 10px !important;
    height: 50px;    
    /*font-family: georgia;*/    
  }  
.itinListSelected{	
	background-color: #EEE;
    margin: 10px !important;
    height: 50px;    
    /*font-family: georgia;*/ 
}
.itinListHover{
	background-color: #A4A4A4;
    margin: 10px !important;
    height: 50px;	    
    /*font-family: georgia;*/ 
}
.itinListCell{
	text-align: center;
	border-bottom: 1px dashed gray;
}
.itinListNumber{
	
}
.itinListSelectByName{
	font-weight: bold;
	font-style:italic;
}

/**
 * 	Paginació
 */
.buttonPag{
	float: left;
}
.paginationItem{
	line-height: 30px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.itinxPage{
	line-height: 20px;
}
#selectPage{	
	margin-right: 10px;
	float: right;
	line-height: 30px;
	margin-top: 5px;
}
#upperPage{	
	font-weight: bold; 
}
#lowerPage{	
	font-weight: bold; 
}

/** Foto Slider
 * 	
 */

#fotosContainer {
	width:200px;
	padding:10px;
	margin:0px 5px 10px 5px;
	position:relative;
	z-index:0;
}

#fotoSlider {
	width:200px;
	height:300px;
	position:relative;
	margin-top: 10px;
}

.slides_container {
	width:200px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container div.slide {
	width:200px;
	height:300px;
	display:block;	
	background: rgba(0, 0, 0, .2);	
	filter: alpha(opacity=80);	
}

.fotoSlide{
	width:90%;
	height:100%;	
	vertical-align:middle;
	border-spacing:0px !important;
	border-collapse: collapse;
}

#fotoSlider .prev {
	position:absolute;
	top:107px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#fotoSlider .next {
	position:absolute;
	top:107px;
	left:200px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;	
}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url("../images/pagination.png");
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
.fotoToolbar{
	z-index:500;
	position:absolute;
	top:0px;
	left:0;
	height:40px;
	padding:5px 0px;
	background:#000;
	background:rgba(111,111,111,1);
	width:100%;	
	line-height:1.33;
	color:#fff;
	border-bottom:1px solid #000;
	text-shadow:none;
	filter: alpha(opacity=100);	
}
.caption {
	z-index:500;
	position:absolute;
	bottom:0px;
	left:0;
	height:50px;
	padding:5px 10px 0 10px;
	background:#000;
	background:rgba(111,111,111,1);
	width:200px;
	font-size:1.1em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	filter: alpha(opacity=100);	
}	

.fotoTitle{
	font-weight: bold;
}

/**
 * 	InfoWindow Foto
 */
.InfoFotoWindowContainer{
	width: auto;
	height: auto;
	margin-top: 10px;
}
.InfoFotoWindowTitle{
	font-weight: bold;
	font-family: verdana !important;
	font-size: 1.1em !important;
	text-align: center;
}

.InfoFotoWindowImg{
	width: auto;
	height: auto;
}

/** 3 Columns Layout  
 * 	http://matthewjamestaylor.com/blog/perfect-3-column.htm
 */
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/** ESTILS FILTRES */
.stringFilter{
	
}
.rangeFilter{
	
}
.numberFilter{

}
.categoryFilter{
	
}


/** 
 * 	Google Overwrites
 */
.google-visualization-table-td-number{
	text-align: center !important;
}
.google-visualization-controls-label{
	color: #000000;
	/*font-family: georgia;*/
	font-weight:bold;	
	text-align: left;	
	padding-bottom: 0.5em;
	/*width: 90px;*/	
	display: none !important;	
}

.google-visualization-controls-slider-thumb {
	background-color: #E19E93 !important;
	border: 1px solid #BF2F14 !important;	
}
.google-visualization-controls-slider-horizontal {
	border: 1px solid #BF2F14 !important;		
}
.google-visualization-controls-slider-handle {
	background-color: #E19E93 !important;
}
.google-visualization-controls-categoryfilter li {
	border: 1px solid #BF2F14 !important;
	background-color: #E19E93 !important;
}
.google-visualization-controls-categoryfilter li .goog-link-button {
	color: #BF2F14 !important;
}

.goog-combobox {	
	border: 1px solid #BF2F14 !important;	
}
.goog-combobox input {
	border-right: 1px solid #BF2F14 !important;
}
.goog-combobox-button {
	color: #BF2F14;
}
.goog-menuitem {
	padding-left: 10px !important;	
}
.goog-menu-vertical { 
  max-height: 150px;
  overflow-y: auto;
}

.stringFilter .goog-inline-block input{
	border: 1px solid #BF2F14 !important;
}