#prevBtn {float:left;height: 17px;width: 17px;}
#prevBtn a{
	background:url(../img/up.gif) no-repeat;
	height: 17px;
	width: 17px;
	display:block;
	text-decoration:none;
}
#nextBtn {float:left;margin-left:5px;height: 17px;width: 17px;}
#nextBtn a{
	background:url(../img/down.gif) no-repeat;
	height: 17px;
	width: 17px;
	display:block;
	text-decoration:none;
}

.ac_results li img {
	float: left;
	margin-right: 5px;
}
.contenidor{ 
	width:242px;
	padding-bottom:10px;
}
.content{border: 1px solid #cfa916; height:110px;}
.header{height:36px;overflow:hidden;background:url(../img/top-middle-caixa.png) repeat-x;}
.title1{background:url(../img/top-left-caixa1.png); height:36px; width:5px;float:left;}
.title2{background:url(../img/top-left-caixa2.png) repeat-x; height:36px; width:auto; float:left; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.title3{background:url(../img/top-left-caixa3.png); height:36px; width:2px;float:left;}
.final_header{background:url(../img/top-right-caixa.png); height:36px; width:1px;float:right;}

.titulo_h3{
	width:280px;
	font-size:2.1em;
	font-weight:bold;
	left:0pt;
	margin:0.8em 0.5em 0pt;
	padding:0pt;
	position:relative;
}

/* Para detalles con filas y columnas */
div.fila{
	height:120px;
}

div.fila div.campo{
	/* valores buenos  */
	float: left;
	/* sobreescribo lo que pueda haber tomado de div.campo 
'	clear: none;*/
	width:70px;
	height:100px:
}

#directAccessSwitch, #directAccessSwitch1, #avisLegal
{
	color : #000;
	text-align : center;
}

.modul {
	font-family: Arial,Verdana,Tahoma,Times New Roman;
	clear:both;
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:0pt 5px 5px;
	text-align:left;
	width:100%;
}

.modulRight{
	float: left; 
	padding-left:5px;
	width: 242px;
}

*html .modulRight{
	width: 245px;
}

.modulLeft{
	background-color:#FFFFFF;
	clear:both;
	display:table;
	float:left;
	height:500px !important;
	width:590px;
	position:relative;
}

.meteorologiaText{
	font-family: Arial,Verdana,Tahoma,Times New Roman;
	font-size:11px;
	font-weight:normal;
	background-color:#0060ac;
	color:#ebf1f8;
	width:120px;
	height:14px;
	text-align:center;
}

#prevision{
	height:175px !important;
	padding-top:10px;
	padding-left:5px;
	padding-right:2px;
	overflow-y:auto;
}

#divPrevisioTrafic{
	padding-left:20px;
	padding-top:12px;
}

/*#misVistas{
	height:175px !important;
	padding-top:10px;
	overflow-y:auto;
}*/

.traficInfo{
	height:120px;
	padding-top:10px;
}

.imgInfo{
	width:80px;
	height:31px;
	text-align:center;
	float:left;
	padding-top:7px;
}

.textInfo{
	float:left; 
	width:80px;
	height:15px;
	text-align:center;
}

.imgTemps{
	float:left; 
	width:80px;
	height:60px;
	text-align:center;
}

.inputInfo{
	float:left; 
	width:80px;
	height:25px;
	text-align:center;
}

.imgActualizado{
	float:left; 
	width:100px;
	height:25px;
	text-align:center;
	padding-top: 5px;
}

.imgDescarga{
	float:left; 
	width:125px;
	padding-top: 5px;
	text-align:center;
}

*html .imgDescarga{
	padding-top: 0px;
}

.fechaActualizado{
	float:left; 
	width:120px;
	height:25px;
	text-align:center;
	padding-top: 10px;
}

#refrescar_Button{
	cursor:pointer;
	margin: 0 5px 0 10px;
}

.textFormulari{
	font-family: Arial,Verdana,Tahoma,Times New Roman;
	font-size:11px;
	color:#3366FF;
	cursor:pointer;
	text-decoration:underline;
	display:block;
	padding: 3px 0 0 4px;

}

.divDescarga{
	background: url(../img/descarregar.gif) no-repeat 4px 5px;
	height: 28px;
}

.divDescarga:hover{
	background: url(../img/descarregar_o.gif) no-repeat 4px 5px;
}

.divRefrescar{
	background: url(../img/refrescar.gif) no-repeat 4px 5px;
	height: 28px;
}

.divRefrescar:hover{
	background: url(../img/refrescar_o.gif) no-repeat 4px 5px;
}

.divMarcar{
	background: url(../img/bt_activar.gif) no-repeat 0px 5px;
	height: 28px;
}

.divMarcar:hover{
	background: url(../img/bt_activar_on.gif) no-repeat 0px 5px;
}

.divInline{
	display: inline;
}


.tituloButton {
	font-size:11px;
	font-weight:bold;
	color:#000000; 
	text-align:left;
}

.adicionalInfo{
	height:125px;
	padding-top:10px;
}

.urbanaInfo{
	height: 90px;
	padding-top:10px;
}

.rutaInfo{
	height:100px;
	padding-top:10px;
	padding-left:5px;
}

.opcionsInfo{
	height: 90px;
	padding-top: 10px;
}


.perUsuaris{
	height:120px;
	padding-top:10px;
}

*html .adicionalInfo{
	height:94px;
}

.channelTemps{
	height:20px;
	margin-right:5px;
	text-align:right;
}

.columna1AdicionalInfo{
	float:left;
	width:115px;
	height:28px;
	padding-left:5px;
}

.columna2AdicionalInfo{
	float:left;
	width:105px;
	height:28px;
	margin-left:10px;
}

.inputObres{
	float:right;
	/*margin-left:31px;*/
}

.inputAccidents{
	float:right;
	/*margin-left:2px;*/
}

.inputCongestio{
	float:right;
}

.inputPorts{
	float:right;
}

.inputClimatologia{
	float:right;
}

.inputCons{
	float:right;
}

.inputRadars{
	float:right;
}

.inputCamares{
	float:right;
}

.inputPuntsNegres{
	float:right;
}

.inputEurorap{
	float:right;
}

.inputEurotap{
	float:right;
}

.inputGasolineres{
	float:right;
}

.saltoLinea{
	clear:both; 
	padding:0px; 
	margin:0px;
}

.columna1miniMap{
	float:left;
	width:110px;
	height:25px;
	padding-left:10px;
}

*html .columna1miniMap{
	width:110px;
}

.columna2miniMap{
	float:left;
	width:110px;
	height:25px;
	margin-left:2px;
}

.bordureFons{
	background: url(../img/bg_h2.gif) repeat-x;
}

#accessosDirectesInfo, #estatTraficInfo, #infoAdicionalInfo, #opinioInfo, #buscaRutaInfo, #infoUrbana
{
	border-left:1px solid #cfb70d;
	border-right:1px solid #cfb70d;
	border-bottom:1px solid #cfb70d;
	width:240px;
}

#opinioInfo{
	height:118px;
	padding-top:5px;
}

#miniMaps .miniMap 
{
	width:49%;
	text-align: center;
	padding-top:5px;
	float:left;
}

.miniMapImg{
	text-align:center;
	padding-left:10px;
	padding-top:5px;
}

.miniMapA{
	text-align:center;
	padding-top:25px;
}

#ciutats{
	padding-top:5px;
	padding-left:5px;
}

.handle {
	cursor:move;
	line-height:30px;
	vertical-align:bottom;
	position:relative;
}


.bordure {
	background:#FFFFFF;
	padding-bottom:4px;
}

.bordureLista {
	background:#FFFFFF;
	width:570px;
}

.imgModul {
	text-decoration: none;
	border:0px;
	position:absolute;
	right:15px;
	top:10px;
}


body:nth-of-type(1) .imgModul img { /*safari 3+, chrome 1+, opera9+, ff 3.5+ */
	margin:0;	
}

h5 {
	margin:0pt;
	padding:0pt;
}

.textBuscar {
	font-size:12px;
	font-weight:bold;
	color:#666666; 
	text-align:left;
	height: 30px;
	vertical-align:top;
	padding-top:2px;
}

.tituloModulos {
	font-size:12px;
	font-weight:bold;
	color:#666666; 
	text-align:left;
	height: 30px;
}

.tAdress img {margin:0px 0 0 -20px; float:left; height:35px;}

.tl img {margin: 0px 0 0 1px; float:left;}
.tr img {margin:0px 0 0 -3px; float:right;}
.bl img {margin:0 0 -1px -1px; float:left;}
.br img {margin:0 -1px -1px 0; float:right;}


#iti_detail_handle .croix img, #flash_detail_handle .croix img, #rss_detail_handle .croix img, #legend_handle .croix img {
	margin: -19px 18px 0 0;
}


#cities {
	margin-bottom:20px;
}

#cities p{
	margin: 5px;
}

#taulaCiutats{
	height:170px;
}

.links{
	font-family: Arial,Verdana,Tahoma,Times New Roman;
	font-size:11px;
	color:#3366FF;
	cursor:pointer;
	text-decoration:underline;
}

#actualizado{
	color: #AFAFAF;
	font-size: 10px;
	font-style:italic;
}

#cities .city {
	color : #666;
	text-decoration: none;
	padding-left: 15px;
}

#cities .city:hover{
	text-decoration:underline;
}

#events_checkboxes td{
	padding-left:5px;
}

#events_checkboxes tr{
	margin:0px;
	padding:0px;
}

/*--------------- MARCADORES SOCIALES -------------------*/
.marcadores { padding:0px 0px 0px 10px; float:left; width:200px;}
.marcadores a { margin:5px; float:left;}

a.fac {width:16px; height:16px; background:url(../img/iconos-sociales.png) 0px 0px; overflow:hidden; display:block;float:left; margin: 0px 10px 0px 0px;}
a:hover.fac {width:16px; height:16px; background:url(../img/iconos-sociales.png) 0px -22px; overflow:hidden; display:block;}

a.twi {width:16px; height:16px; background:url(../img/iconos-sociales.png) -22px 0px; overflow:hidden; display:block;float:left; margin: 0px 10px 0px 0px;}
a:hover.twi {width:16px; height:16px; background:url(../img/iconos-sociales.png) -22px -22px; overflow:hidden; display:block;}

a.men {width:16px; height:16px; background:url(../img/iconos-sociales.png) -64px 0px; overflow:hidden; display:block;float:left; margin: 0px 10px 0px 0px;}
a:hover.men {width:16px; height:16px; background:url(../img/iconos-sociales.png) -64px -22px; overflow:hidden; display:block;}

a.del {width:16px; height:16px; background:url(../img/iconos-sociales.png) -44px 0px; overflow:hidden; display:block;float:left; margin: 0px 10px 0px 0px;}
a:hover.del {width:16px; height:16px; background:url(../img/iconos-sociales.png) -44px -22px; overflow:hidden; display:block;}

a.lin {width:16px; height:16px; background:url(../img/iconos-sociales.png) -87px 0px; overflow:hidden; display:block;float:left; margin: 0px 10px 0px 0px;}
a:hover.lin {width:16px; height:16px; background:url(../img/iconos-sociales.png) -87px -22px; overflow:hidden; display:block;}

a.mail {width:16px; height:16px; background:url(../img/iconos-sociales.png) -109px 0px; overflow:hidden; display:block;float:left; margin: 0px 10px 0px 0px; cursor:pointer;}
a:hover.mail {width:16px; height:16px; background:url(../img/iconos-sociales.png) -109px -22px; overflow:hidden; display:block;}


span.icon_share {
	height: 20px;
	float:left;
	position:absolute;
}

span.icon_share strong{
	float:left;
	margin-right:10px;
}

div.infowindow {
    max-height:50px;
    overflow-y:auto;
}



/* Easy Slider */
#contentSlider{
	width:98%;
	height:120px;
	float:left;
	padding-top:12px;
	padding-left:10px;
	position:relative;
}

#slider, #sliderPois{
	float:left;
	width:100% !important;
	border-bottom:1px solid #CFB70D;
	margin-bottom:5px;
}

.scrollSlider{
	overflow:hidden;
	overflow-y:auto;
	height:98px;
	margin-top:4px;
}

#slider ul, #slider li, #sliderPois ul, #sliderPois li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider, #slider li{
	/* define width and height of container element and list item (slide) list items must be the same size as the slider area*/
	width:696px;
	height:105px;
	overflow:hidden; 
}
#sliderPois, #sliderPois li{
	/* define width and height of container element and list item (slide) list items must be the same size as the slider area*/
	width:696px;
	overflow:hidden; 
}


#slider ul, #sliderPois ul{ 
	width:auto !important;
}

#slider li, #sliderPois li { 
	width:auto;
}

#slider li h2, #sliderPois li h2{ 
	margin:5px 0 0 10px;
	text-decoration:underline;
}

#slider li p, #sliderPois li p{ 
	margin:0 0 0 20px;
}

#titleSlider {
	font-size:12px;
	font-weight:bold;
	color:#666666; 
	border-bottom:1px solid #CFB70D;
	padding-bottom:5px;
}

/* Logos Zones Urbanes - Barcelona i Madrid - cit.php*/

#divLogoBcn {
	height: 49px;
	width: 50px;
	background-image: url("../img/bcn.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#divLogoBcn:hover{
	background-position: 0px -49px;	
	cursor: pointer;
	cursor: hand;
}

#divLogoMadrid{
	height: 49px;
	width: 50px;
	background-image: url("../img/madrid.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

#divLogoMadrid:hover{
	background-position: 0px -49px;
	cursor: pointer;
	cursor: hand;
}


/* CSS Estils - Gasolineres */

#infoGasolinera table {
	border-width: 2px;
	border-spacing: 3px;
	border-style: outset;
	border-color: black;
	border-collapse: separate;
	background-color: rgb(250, 240, 230);
}

#infoGasolinera th{
	border-width: 1px;
	padding: 4px;
	border-style: outset;
	border-color: green;
	background-color: white;
}

#infoGasolinera td{
	border-width: 1px;
	padding: 4px;
	border-style: outset;
	border-color: green;
	background-color: white;
}


/*botones mapa*/
.divBotonTrafico{
	background-color: #DAE0ED;
	cursor: pointer;
	text-align: center;
	float: right;
}