/*	Index of styles for Migracat by Marcio Barrios ~ marciobarrios.com
--------------------------------------------------------------------------
	- %General (titles, generic links, preformatting, some classes)
	- %Layout
		- %Header
		- %Wrapper
			- %Content
			- %Sidebar
		- %Footer
	- %Forms
*/


/*	%General
--------------------------------------------------------------------------*/

:link,:visited{text-decoration:none}
ul,ol{list-style:none}
table {border-collapse:collapse}
h1,h2,h3,h4,h5,h6,pre,code,input,select,textarea{font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
fieldset,img,a img,:link img,:visited img{border:0}

body{
	font: 75%/120% 'Trebuchet MS', sans-serif;
	color:#555;
	text-align:center;
	background-color:#EBEBEB;
}

a:link,
a:visited{
	color:#5a832b;
	text-decoration:none;
}

a:hover,
a:active{
	color:#5a832b;
	text-decoration:underline;
}


p{
	margin-bottom:10px;
}

.hidden,
hr{
	display:none !important;
}

img{
	border:6px solid #f0efcb;
}

.clear{
	clear:both;
}

h2{
	font-weight:normal;
	font-size:1.67em;
	color:#c30;
	margin-bottom:10px;
	line-height: 1.1em;
}

h3,
#sidebar li.destacat h3{
	font-weight:normal;
	font-size:1.42em;
	color:#4B7724;
	margin:10px 0 10px;
	line-height:110%;
}
#sidebar li h3 a {
color:#CC3300;
}

h4,
h5{
	font-weight:bold;
}

h4{
	margin-left:116px;
	width:484px;
	border:1px solid #e0e0e0;
	padding:15px 10px;
	background-color:#fff;
	margin-bottom:10px;
}

h5{
	margin-top:15px;
}


/*	%Layout
--------------------------------------------------------------------------*/


	/*	%Header
	----------------------------------------------------------------------*/
	#header-wrapper{
		background:url(http://www.migracat.cat/images/header.png) repeat-x;
	}
		#header{
			width:960px;
			margin:0 auto;
			text-align:left;
			padding-top:16px;
			height:120px;
		}
			#header h1 a{
				float:left;
				width:292px;
				height:61px;
				text-indent:-9999px;
				background:url(http://www.migracat.cat/images/logo.png) no-repeat;
				margin-bottom:15px;
			}
			#header ul#topnav{
				float:right;
				width:600px;
				text-align:right;
				font-size:.92em;
			}
				#header ul#topnav li{
					display:inline;
					border-left:1px solid #030;
					line-height:115%;
				}
				#header ul#topnav li a:link,
				#header ul#topnav li a:visited,
				#header ul#topnav li a:hover,
				#header ul#topnav li a:active{
					padding:1px 6px;
					color:#030;
				}
				#header ul#topnav li.first-child{
					border:0;
				}
				#header ul#topnav li a#rss{
					padding-left:30px;
					background:url(http://www.migracat.cat/images/rss.png) no-repeat 9px 50%;
				}
				
			#header form{
				float:right;
				width:600px;
				margin-top:17px;
				font-size:.92em;
				text-align:right;
			}
				#header form label{
					display:none;
				}
					#header form input.text{
						width:240px;
					}
					#header form input.image{
						vertical-align:middle;
					}
			
			#header ul#nav{
				clear:both;
				width:924px;
				height:44px;
				padding:0 18px;
				background:url(http://www.migracat.cat/images/nav_bg.png) no-repeat;
			}
				#header ul#nav li{
					float:left;
				}
					#header ul#nav li a{
						float:left;
						display:block;
						color:#fff;
						font-weight:bold;
						font-size:1.33em;
						text-decoration:none;
						margin-top:9px;
					}
					#header ul#nav li a span{
						display:block;
						padding:9px 12px 11px 12px;
					}
					#header ul#nav li a:hover,
					#header ul#nav li.current a{
						background:url(http://www.migracat.cat/images/tab_right.png) no-repeat right;
					}
					#header ul#nav li.current a span,
					#header ul#nav li a:hover span{
						background:url(http://www.migracat.cat/images/tab_left.png) no-repeat left;
					}
					#header ul#nav li.current a{
						cursor:default;
					}
	
	
	
	
	
	/*	%Wrapper
	----------------------------------------------------------------------*/
	#wrapper-all{
		background:#f2f2f2 url(http://www.migracat.cat/images/wrapper_gradient.png) repeat-x top;
		overflow:hidden;
	}
	#wrapper,
	#wrappertop{
		margin:0 auto;
		text-align:left;
	}

	#wrapper{
		width:980px;
		background:url(http://www.migracat.cat/images/wrapper_bg.png) repeat-y;
	}
	#wrappertop{
		width:960px;
		overflow:hidden;
		padding:15px 10px 0;
		background:url(http://www.migracat.cat/images/wrappertop_bg.png) no-repeat top;
	}
	#wrapper .mapsWrapperTop {
		background:url(http://www.migracat.cat/images/wrappertop2_bg.png) no-repeat top;
	}
		#subnav{
			margin:0 20px 10px 20px;
		}
			#subnav li{
				display:inline;
				padding-left:14px;
				margin-left:10px;
				font-size: 1.1em;
				background:url(http://www.migracat.cat/images/bullet.png) no-repeat left;
			}
			#subnav li.first-child{
				padding-left:0;
				margin-left:0;
				background:none;
			}
				#subnav li.current a{
					color:#030;
					
				}
				
				
		/*%Content
		----------------------------------------------------------------------*/
		#content{
			float: left;
			width: 622px;
			padding: 20px 20px 10px 20px;
			background: #fff url(http://www.migracat.cat/images/content_bg.png) no-repeat top;
			overflow: hidden;
		}
		#wrapper .mapsContent {
			width: 918px;
			padding: 20px;
			background:#fff url(http://www.migracat.cat/images/content2_bg.png) no-repeat 1px 0px;
		}
		ul.empty {
			margin-bottom: 400px !important;
		}
			/* %Home */
			#content ul.col{
				float:left;
				width:322px;
			}
			#content ul.left{
				width:300px;
			}
				#content .col li{
					margin-top:20px;
					padding-left:22px;
					clear:left;
					overflow:hidden;
				}
				#content .col li p a {
					text-decoration: underline;
				}
				#content .col li.first-child{
					margin-top:0;
				}
				#content ul.left li{
					padding-left:0;
				}
				#content .col li.destacat{
					background-color:#F0EFCB;
					padding: 11px 11px 1px 22px;
				}
				#content ul.left li.destacat{
					padding:11px 0 1px 11px;
				}
					#content .col li span{
						color:#c30;
						display:block;
						margin-bottom:5px;
					}
					#content .col li a:hover span {
						text-decoration: underline;
					}
					#content .col li h3{
						margin-top:0;
					}
					#content .col li img{
						float:left;
						width:100px;
						margin-right:10px;
						/*margin-bottom:5px;*/
					}
					#content .col li div{
						float:left;
						width:170px;
					}
					#content .col li.destacat img{
						float:none;
						margin:0;
						border:0;
						width:auto;
					}
					#content .col li.destacat h3{
						margin:5px 0 7px;
					}
					#content .col li.destacat h3 a {
						color:#CC3300;
						font-size:1.05em;
					}
			#content table.table_detall { border: 1px solid #ccc; border-collapse: collapse; width: 100%; margin-bottom: 20px; }
			#content table.table_detall td { padding: 3px 5px; }
			#content table.table_detall thead, #content table.table_detall th { background-color: #eee; border-right: 1px solid white; font-weight: bold; padding: 2px 3px; }
			.detall ul { margin: 15px 30px; list-style-type: disc; }
			.detall ol { margin: 15px 30px; list-style-type: decimal; }
			.detall ul li, .detall ol li { margin-bottom: 10px; }
				
			/* %Llistat */
			#llistat{
				margin-top:25px;
			}
				#llistat li{
					width:100%;
					float:left;
					padding:20px 0;
					border-top:1px solid #e0e0e0;
				}
				.gMapList li {
					border: none !important;
					border-bottom: 1px solid #e0e0e0;
				}
				#llistat li.first-child{
					padding-top:0;
					border-top:0;
				}
				#llistat li.sSeparator{
					background-color: #ffffcc;
					color: #000;
					padding: 10px 0px;
				}
				#llistat li.sSeparator strong {
					margin: 0px 20px;
				}
					#llistat li img{
						float:left;
						width:100px;
						margin-right:20px;
					}
					#llistat li div{
						float:left;
						width:506px;
					}
						#llistat li div h3{
							margin-top:0;
						}
						#llistat li div em.subtitol{
							display:block;
							margin:-5px 0 10px;
							color:#030;
						}
						#llistat li p.searchItemType a { color: #CC3300; }
						
			.paginador{
				width:100%;
				clear:left;
				padding-top:15px;
				border-top:1px solid #e0e0e0;
				text-align:center;
			}
				.paginador li{
					display:inline;
					margin:0 2px;
				}
				.paginador li.current{
					color:#c30;
					font-weight:bold;
				}
				.paginador li a:link,
				.paginador li a:visited,
				.paginador li a:hover,
				.paginador li a:active{
					color:#555;
				}
		
			/* %Detall */
			.subtitol{
				display:block;
				margin:-3px 0 15px;
				color:#555;
			}
			#content { position: relative; }
			#content.detall img, #content img.pagImg {
				float:left;
				margin-right:20px;
				margin-bottom:10px;
			}
			#content.detall a, #content a.navLink {
				text-decoration: underline;
			}
			
			p.final{
				margin-top:30px;
			}
			p a.back {
				color: #CC3300;
			}
			p.entradeta {
				font-style: italic;
			}
			
			/* %Actualitat */
			#actualitat{}
				#actualitat li{
					margin-top:25px;
					overflow:hidden;
					border-top: 1px solid #E0E0E0;
					padding: 20px 0px;
				}
				#actualitat li.first-child{
					margin-top:0;
					border: none;
					padding: 0px 0px;
				}
					#actualitat li span{
						color:#c30;
						display:block;
						margin-bottom:5px;
					}
					#actualitat li h3{
						margin-top:0;
					}
					#actualitat li img{
						float:left;
						margin-right:20px;
						margin-bottom:10px;
						width: 100px;
					}
				
			/* %Mapa web */	
			#mapaweb{
				color:#c30;
			}
			
				#mapaweb li{
					margin-top:25px;
				}
					#mapaweb ol{
						margin-top:15px;
					}
					#mapaweb ol li{
						list-style:decimal;
						list-style-position: inside;
						padding:10px 0;
						border-top:1px solid #e0e0e0;
						margin:0;
					}
					#mapaweb ol li.first-child{
						padding-top:0;
						border-top:0;
					}
			
			/* %Formulari */	
			#contacte{
				
			}
				#contacte label{
					display:block;
					margin:15px 0 5px;
					color:#c30;
				}
				#contacte label.radio{
					display:inline;
					margin:0 0 0 2px;
					color:#555;
				}
				#contacte label.error{
					display:inline;
					margin-left:10px;
					color:#c30;
				}
				#contacte label.error-textarea{
					position:relative;
					top:-115px;
				}
				#contacte p{
					margin-top:5px;
				}
				#contacte em{
					color:#555;
					font-style:normal;
				}
				#contacte input.text{
					width:250px;
				}
				#contacte input.text:focus,
				#contacte textarea:focus,
				#contacte .focus{
					background-color:#F0EFCB;
				}
				#contacte textarea{
					width:450px;
					height:120px;
				}
				
				#contacte input.radio{
					margin-left:120px;
					vertical-align:middle;
				}
				
				#contacte input.submit{
					margin:35px 0 10px;
					font-size:1.42em;
					background-color:#85b440;
					border-right:1px solid #547325;
					border-bottom:1px solid #547325;
					border-top:1px solid #85b440;
					border-left:1px solid #85b440;
					color:#fff;
					padding:4px;
				}
				
				
			
		/*%Sidebar
		----------------------------------------------------------------------*/
		#sidebar{
			float:right;
			width:247px;
			padding:20px 20px 10px;
			background:#fff url(http://www.migracat.cat/images/sidebar_bg.png) no-repeat top;
			overflow:hidden;
		}
			#sidebar li{
				margin-top:35px;
			}
			#sidebar li.first-child,
			#sidebar li.first-child h3{
				margin-top:0;
			}
			#sidebar h2{
				font-weight:bold;
				font-size:1.92em;
				line-height:100%;
				margin:0;
			}
			#sidebar h3{
				color:#c30;
			}
			#sidebar #observatori{
				padding:10px 10px 0;
				border:1px solid #e0e0e0;
				background-color:#fff;
			}
				#sidebar #observatori img{
					margin:5px 0;
					border:0;
				}
			
				#sidebar li li{
					padding:10px 0;
					border-top:1px solid #e0e0e0;
					margin:0;
				}
				#sidebar li ol{
					color:#c30;
				}
				#sidebar li ol li{
					list-style:decimal;
					list-style-position: inside;
				}
				#sidebar li li.first-child{
					border-top:0;
					padding-top:0;
				}
					#sidebar li li a{
						color:#5A8E2B;
					}
					#sidebar li li em{
						font-style:normal;
						color:#c30;
						margin-right:3px;
					}
					
				#sidebar #tagcloud li{
					display:inline;
					margin-right:2px;
					padding:0;
					border:0;
					line-height:120%;
				}
				#sidebar #tagcloud li.size-1{
					font-size:.92em;
				}
				#sidebar #tagcloud li.size-2{
					font-size:1.17em;
				}
				#sidebar #tagcloud li.size-3{
					font-size:1.42em;
				}
				#sidebar #tagcloud li.size-4{
					font-size:1.58em;
				}
				#sidebar #tagcloud li.size-5{
					font-size:1.75em;
				}
			#sidebar #newsletter{
				padding:10px 80px 10px 10px;
				background:#f2f2f2 url(http://www.migracat.cat/images/newsletter_bg.png) no-repeat right;
			}
				#sidebar #newsletter h3{
					margin-top:0;
				}
				#sidebar #newsletter a.insc{
					display:block;
					width:70px;
					height:27px;
					background:url(http://www.migracat.cat/images/newsletter_link.png) no-repeat;
					text-indent:-9999px;
				}
		
			#sidebar #form-cerca-av fieldset, #gMapListForm fieldset {
				padding:10px;
				background-color:#F0EFCB;
			}
				#sidebar #form-cerca-av input.text{
					width:155px;
				}
				#sidebar #form-cerca-av input.submit, #gMapListForm input.submit {
					background-color:#85b440;
					border-right:1px solid #547325;
					border-bottom:1px solid #547325;
					border-top:1px solid #85b440;
					border-left:1px solid #85b440;
					color:#fff;
					font-weight:bold;
					padding:2px;
					font-size:1.08em;
				}
				#gMapListForm input.submit {
					margin-top: 18px;
				}
				#sidebar #form-cerca-av label {
					display:none;
				}
				#sidebar #form-cerca-av div{
					margin-top:5px;
					display:none;
				}
				#gMapListForm div {
					width: 24%;
					margin-right: 5px;
					float: left;
				}
					#sidebar #form-cerca-av div select, #gMapListForm div select {
						width:100%;
						margin-top:10px;
					}
					#gMapListForm div select {
						margin-top: 0px;
					}
				#sidebar #form-cerca-av p{
					margin:5px 0;
					font-size:.92em;
				}
		
			#sidebar li.destacat h3.first-child{
				color:#c30;
			}
			#sidebar li.destacat img{
				float:left;
				width:100px;
				margin-right:10px;
				/*margin-bottom:5px;*/
				margin-top: 5px;
			}
			#sidebar li.destacat div{
				float:left;
				width:141px;
			}
	
	
	
	
	
	/*	%Footer
	----------------------------------------------------------------------*/
	#footer-wrapper{
		clear:both;
		background:#ececec url(http://www.migracat.cat/images/footer_bg.png) repeat-x;
	}
		#footer{
			width:960px;
			margin:0 auto;
			text-align:left;
			padding:28px 0 30px;
			overflow:hidden;
			background:url(http://www.migracat.cat/images/footer.png) no-repeat top;
		}
		#footer-wrapper .mapsFooter {
			background:url(http://www.migracat.cat/images/footer2.png) no-repeat top;
		}
			#footer a#fbofill{
				float:left;
				display:block;
				width:70px;
				height:55px;
				text-indent:-9999px;
				background:url(http://www.migracat.cat/images/bofill.png) no-repeat;
			}
			#footer a#uvic{
				float:left;
				display:block;
				width:78px;
				height:25px;
				text-indent:-9999px;
				margin-left: 10px;
				background:url(http://www.migracat.cat/images/uvic.png) no-repeat -70px -84px;
			}
			
			#footer ul{
				float:right;
				width:700px;
				text-align:right;
				font-size:.92em;
			}
				#footer ul li{
					display:inline;
					border-left:1px solid #545454;
					padding:0 7px;
					line-height:115%;
				}
				#footer ul li.first-child{
					border:0;
				}
					#footer ul li a{
						color:#545454;
					}
	
/*	%Forms
--------------------------------------------------------------------------*/
input.text, input.password, select, textarea{
	font: 0.9em "Trebuchet MS", arial, sans-serif;
	padding:2px 5px;
	color:#030;
	border:1px solid #599D30;
}

select{
	padding:1px 0;
	background:white;/* required for opera */
	/*margin-bottom: 5px;*/
}
input.image,
input.button,
input.submit{
	cursor:pointer;
}
input.submit{
	overflow:visible;
}





/* lo siguiente es de ghs */




/* gMapGenerator */
#gMapGeneratorL, #gMapGeneratorD {
	width: 435px;
	float: left;
}
#gMapGeneratorD {
	margin-left: 8px;
}
.gMapGenerator {
	position: relative;
	background-color: #F0EFCB;
	padding: 5px 10px 10px 10px;
}
.gMapGenerator #gMap {
	overflow: hidden;
	height: 575px;
}
#gMapGeneratorL #gMap, #gMapGeneratorD #gMap2 {
	overflow: hidden;
	height: 390px;
}
.gMapGenerator form div {
	float: left;
	overflow: hidden;
	margin: 0px 20px 10px 0px;
}
.gMapGenerator form div strong, #gMapListForm strong {
	/*display: block;
	width: 100%;*/
	font-weight: normal;
	color: #cc3300;
	margin-right: 5px;
	font-size: 0.9em;
	float: left;
	display: block;
	padding-top: 3px;
}

.gMapGenerator form div strong.firstStrong, #gMapListForm strong.firstStrong {
	margin-right: 11px;
}

#gMapForm p.hide, #gMapForm2 p.hide {
display: none;
}

#gMapForm fieldset, #gMapForm2 fieldset {
	margin-top: 10px;
}

.gMapGenerator form div button {
	font-size: 1.1em;
	background-color:#85b440;
	border-right:1px solid #547325;
	border-bottom:1px solid #547325;
	border-top:1px solid #85b440;
	border-left:1px solid #85b440;
	color:#fff;
	padding:0px 2px;
	cursor: pointer;
	width: 100px;
}

#gMapGeneratorL button, #gMapGeneratorD button {
top: 38px;
right: 10px;
width: 100px;
height: 22px;
margin-left: 102px;
}

#gMapGeneratorL form div select, #gMapGeneratorD form div select {
/*	width: 95px;*/
}

#gMapGeneratorL #gMapAny, #gMapGeneratorD #gMapAny2 {
	
}

#gMapGeneratorL form div, #gMapGeneratorD form div {
	margin: 0px 10px 10px 0px;
}
.mapHelper {
	position: absolute;
	font-weight: bold;
	color: #fff !important;
	width: 47px;
	height: 25px;
	display: block;
	background: url("http://www.migracat.cat/images/ajuda.png") no-repeat 0px 0px;
	text-align: center;
	top: -35px;
	right: 0px;
	padding-top: 3px;
}
.mapHelper:hover { text-decoration: none; }

.legend0 {
	position: absolute;
	top: 95px;
	right: 14px;
	width: 200px;
	height: 27px;
	z-index: 999;
}

.legend1, .legend2 {
	position: absolute; right: 0px; bottom: -33px;
}

.legend0 img, .legend1 img, .legend2 img {
	border: none;
	margin-right: 10px;
}

.mapDescription {
	width: 92%;
	padding-bottom: 10px;
	display: none; /* borrar despeus de haber finalizado las pruebas */
}


#simple_example_window {
width: 197px;
}
#simple_example_window p strong {
color: #cc3300;
font-family: 'Trebuchet MS', Georgia, Verdana, Arial;
font-size: 1.1em;
font-weight: normal;
margin-bottom: 10px;
display: block;
}
#simple_example_window p {
padding: 10px 10px;
color: #555;
font-size: 0.9em;
font-family: 'Trebuchet MS', Georgia, Verdana, Arial;
line-height: 1.3em;
}
#simple_example_window div p a {
color: #5A8E2B;
}
#simple_example_window_contents {
background-color: #FFF;
border-top: 3px solid #F0EFCB;
border-left: 3px solid #F0EFCB;
border-right: 3px solid #F0EFCB;
margin-bottom: 10px;
}
#simple_example_window_beak {
width: 205px;
height: 55px;
background: url('http://www.migracat.cat/images/tooltip.png') top left no-repeat transparent;
}

#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br, #simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b { height: 0px; width: 0px; }
#simple_example_window_close { position: absolute; width: 15px; height: 15px; top: 10px; left: 185px; background: url('http://www.migracat.cat/images/x.gif') no-repeat 0px 0px; }


div.mapsSplash {
	overflow: hidden;
}
div.mapsSplash ul {
overflow: hidden;
margin-bottom: 20px;
height: 260px;
}
div.mapsSplash ul li {
	float: left;
	background-color: #F0EFCB;
	width: 31%;
	margin-right: 11px;
	overflow: hidden;
	padding: 5px;
	height: 255px;
}

div.mapsSplash ul li img, img.nb {
	border: none;
}
img.nb {
border: 1px solid #ccc;
}

div.mapsSplash div.left {
	width: 65%;
	float: left;
	margin-right: 2%;
}

div.mapsSplash div.right {
	width: 30%;
	float: left;
}


div.mapsSplash div li {
	background: none;
	width: 100%;
	float: none;
}

.list_1, .list_2, .list_3, .list_4, .list_5 {
padding-left: 25px !important;
}
.list_1 {
background: url("http://www.migracat.cat/images/list_1.png") no-repeat 0px 0px !important;
}
.list_2 {
background: url("http://www.migracat.cat/images/list_2.png") no-repeat 0px 0px !important;
}
.list_3 {
background: url("http://www.migracat.cat/images/list_3.png") no-repeat 0px 0px !important;
}
.list_4 {
background: url("http://www.migracat.cat/images/list_4.png") no-repeat 0px 0px !important;
}
.list_5 {
background: url("http://www.migracat.cat/images/list_5.png") no-repeat 0px 0px !important;
}

.rojoGrande {
color: #CC3300;
font-size: 1.67em;
font-weight: normal;
line-height: 1.1em;
margin-bottom: 10px;
}
.rojoPeque {
color: #CC3300;
font-size: 0.9em;
}
.verdeGrande {
color: #4B7724;
font-size: 1.42em;
font-weight: normal;
line-height: 110%;
margin: 10px 0px;
}
.verdePeque {
color: #5A832B;
font-size: 0.9em;
}

#normativa {
	margin-top: 30px;
}

#normativa tbody td {
vertical-align: top;
}
#normativa thead th {
border-bottom: 1px solid #e0e0e0;
vertical-align: top;
text-align: center;
padding-bottom: 10px;
}
#normativa thead th strong {
color: #4B7724;
font-size: 1.3em;
}
#normativa tbody td {
padding: 10px 0px;
}
#normativa thead th strong span {
font-weight: normal;
font-size: 0.8em !important;
}
#normativa tfoot td {
border-top: 1px solid #e0e0e0;
padding-top: 30px;
}
#wMap {
margin-top: 15px;
overflow: hidden;
width: 225px;
background: url("http://www.migracat.cat/images/mapes_x4.png") no-repeat 15px 0px;
}
#wMap li {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 15px;
}
#wMap li.last {
border: none;
}
#wMap li a {
display: block;
height: 140px;
width: 184px;
text-indent: -9999px;
}
#tMap {
/*background: url("http://www.migracat.cat/images/flechas.png") no-repeat 0px 0px;*/
width: 630px;
height: 510px;
position: relative;
margin-top: 50px;
margin-left: 60px;
}
.mapBlocks {
background: url("http://www.migracat.cat/images/borders.gif") no-repeat 0px 6px;
}
#tMap li {
border: 5px solid #F0EFCB;
padding: 4px;
overflow: hidden;
position: absolute;
background-color: #fff;
width: 170px;
}
#tMap li a {
color: #cc3300;
}
#tMap li a em {
color: #555555;
display: block;
float: left;
padding-top: 5px;
}

#box1 {
bottom: -20px;
right: 41px;
}
#box2 {
right: 41px;
bottom: 140px;
}
#box3 {
right: 41px;
top: 130px;
}
#box4 {
right: 41px;
top: -18px;
}
#box5 {
bottom: 140px;
left: 48px;
}
#box6 {
left: 48px;
top: 130px;
}
#box7 {
left: 48px;
top: -18px;
}
/*#box1 {
bottom: -20px;
right: 65px;
}
#box2 {
right: 70px;
bottom: 140px;
}
#box3 {
right: 30px;
top: 140px;
}
#box4 {
right: 65px;
top: -40px;
}
#box5 {
bottom: 130px;
}
#box6 {
left: 80px;
top: 140px;
}
#box7 {
left: 20px;
top: -18px;
}*/

#tags li {
float: left;
display: inline;
margin-right: 15px;
}



#graphIndicadorsTitle {
background: url("http://www.migracat.cat/images/indicador_verde_grande.png") no-repeat 0px 0px;
color: #fff;
text-align: center;
width: 264px;
height: 33px;
padding-top: 7px;
margin: 0px auto 10px auto;
}

#graphIndicadors {
width: 915px;
border-collapse: collapse;
}
#graphIndicadors thead {
background: url("http://www.migracat.cat/images/indicador_border.gif") no-repeat 0px 14px;
}
#graphIndicadors tbody td {
vertical-align: top;
}
#graphIndicadors thead th {
color: #999;
vertical-align: top;
text-align: left;
font-weight: normal;
font-size: 0.9em;
height: 20px;
}
#graphIndicadors tfoot td {
border-top: 5px solid #F0EFCB;
padding-top: 20px;
text-align: center;
color: #999;
vertical-align: top;
font-weight: normal;
font-size: 0.9em;
}
#graphIndicadors tbody td {
vertical-align: top;
text-align: left;
width: 225px;
padding: 10px 0px;
}

#graphIndicadors tbody td h4, #graphIndicadors tbody td h5 {
border: none;
padding: 0px 0px;
width: 225px;
text-align: center;
padding-top: 11px;
margin: 0px auto 10px auto;
height: 17px;
}

#graphIndicadors tbody td h4 {
background: url("http://www.migracat.cat/images/indicador_verde.png") no-repeat 0px 0px;
color: #fff;
padding-bottom: 6px;
padding-top: 5px;
}
#graphIndicadors tbody td h5 {
background: url("http://www.migracat.cat/images/indicador_amarillo.png") no-repeat 0px 5px;
color: #cc3300;
font-weight: normal;
margin-top: 5px;
padding-top: 8px;
padding-bottom: 8px;
}

#graphIndicadors tbody td ul {
width: 215px;

}
#graphIndicadors tbody td li ul li {
border-bottom: 1px solid #e0e0e0;
padding: 4px 0px;
margin-bottom: 5px;
}
#graphIndicadors tbody td li ul li span {
background-color: #5A8E2B;
color: #fff;
padding: 0px 5px;
font-size: 0.9em;
margin-right: 5px;
}

img.indImg, p.indImg { margin-top: 10px; }

#fontSizer {
	position: absolute;
	top: 20px;
	right: 20px;
}
#fontSizer span {
	margin-left: 5px;
	cursor: pointer;

}

fieldset#adv {
	position: relative;
}
fieldset#adv a.adv {
	position: absolute;
	top: 23px;
	font-size: 0.85em;
	right: 210px;
}
form.sForm div {
overflow: hidden;
margin-bottom: 10px;
}

form.bForm fieldset {
background-color:#F0EFCB;
padding:10px;
}
form.bForm input.text { width: 280px !important;}
form.bForm label { width: 150px; }
form.bForm div {
float: left;
width: 100%;
margin-bottom: 0px;
overflow: hidden;
}
form.bForm div div {
width: 200px;
}



/* gfbTags */

#gfbTagsList {
	border:1px solid #599D30;
	color:#003300;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:2px 5px;
	width: 250px;
	position: relative;
	overflow: hidden;
}
#gfbTagsList input {
	border: 1px solid #fff;
	width: 230px;
}
#gfbListResultHolder {
	border:1px solid #e0e0e0;
	position:absolute;
	top:139px;
	width:260px;
	background-color: #e6e6e6;
	overflow: hidden;
	display: none;
}
#gfbListResultHolder p {
	font-size: 0.8em;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px 0px;
	padding: 0px 0px;
}
#gfbTagsList li {
	background-color: #f7f7f7;
	border: 1px solid #84B63D;
	width: auto;
	height: 16px;
	float: left;
	display: inline;
	padding: 0px 4px;
	overflow: hidden;
	margin: 3px 5px 2px 0px;
}
#gfbTagsList li.gfbInputHolder {
	border: none !important;
	background: none;
}
#gfbTagsList li strong {
	font-weight: normal;
	float: left;
	display: inline;
}
#gfbTagsList li span {
	margin: 0px 0px 2px 5px;
	font-weight: bold;
	font-size: 0.8em;
	cursor: pointer;
	padding: 0px 2px 3px 2px;
	display: block;
	width: 6px;
	float: left;
}
#gfbTagsList li span:hover {
	background: none;
	background-color: #e8e8e8;
}
#gfbListResultHolder ul li {
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
	color: #000;
	padding: 3px 5px;
	cursor: pointer;
}
#gfbListResultHolder ul li:hover {
	background-color: #ccc;
}

#gMapCasper, #gMapCasper2 { position: absolute; top: 68px; display: none; }
#gMapGeneratorL #gMapCasper, #gMapGeneratorD #gMapCasper2 { top: 69px; }
#gMapCasper h3, #gMapCasper2 h3 { font-size: 2.6em; text-align: center; width: 100%; color: #CC3300; margin-top: 20%; }

#gMapSwitcher { position: absolute; top: 105px; left: 17px; display: block; width: 15px; height: 15px; text-indent: -9999px; border: 1px solid #666; }
.gMapFullScreen { background: url("http://www.migracat.cat/images/map_switcher.jpg") no-repeat 0px 0px; }
.gMapNormalScreen { background: url("http://www.migracat.cat/images/map_switcher.jpg") no-repeat -15px 0px; }
.gMapFull { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px 0px; margin: 0px 0px; overflow: hidden; }
.gMapFullForm { padding-left: 10px; width: 818px; position: absolute; margin: 0px 0px 0px 200px; background-color: #F0EFCB; z-index: 999; border-left: 1px solid #666; border-bottom: 1px solid #666; border-right: 1px solid #666; }


dfn {
	background-color: #ffff99;
	font-style: normal;
}

.indLeft {
	width: 45%;
	float: left;
	margin-right: 4%;
}
.indRight {
	padding-top: 52px;
	width: 50%;
	float: left;
}


#searchSorter { overflow: hidden; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #E0E0E0; }
#searchSorter li { margin-right: 10px; float: left; display: inline; }
#searchSorter li.current a, #searchSorter li.current a:hover { color: #555; text-decoration: none; }