@import url('resets.css');

/****************/

body {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #f3f4f6;
	margin:0 auto;
}

#container {
	margin:0 auto;
	width:956px;
	background-color:#fff;
	overflow:hidden;
}

#header {
	margin:0;
	background: #fff url(../img/bg/bg_header.gif) repeat-x 0 0;
	height:100px;
}

#header ul#abertis{
	margin-left:20px;
}

#header ul#abertis li{
	float:left;
	padding-right:30px;
}

#header ul#date{
	float: right;
	font-size:11px;
	margin:40px 10px 0 0;
	display:inline;
}

#header ul#date li{
	text-align:right;
	margin-bottom:10px;
}

#header ul#date li span{
	padding:0 10px;
}

#header ul#date li a{
	color:#000;
}

#header ul#date li a.active{
	color:#000;
	font-weight:bold;
}

#banner{
	height:233px;
	position:relative;
	background-repeat:no-repeat;
	background-position: left top;
}

.default{
	background-image:url(../img/bg/banner_default.jpg);
}
.default_es{
	background-image:url(../img/bg/banner_default_es.jpg);
}

.default_demo {
	background-image:url(../img/bg/banner_default.jpg);
}
.default_demo_es {
	background-image:url(../img/bg/banner_default_es.jpg);
}

.garraf{
	background-image:url(../img/bg/banner_garraf.jpg);
}
.garraf_es{
	background-image:url(../img/bg/banner_garraf_es.jpg);
}

.alt_penedes{
	background-image:url(../img/bg/banner_alt_penedes.jpg);
}
.alt_penedes_es{
	background-image:url(../img/bg/banner_alt_penedes_es.jpg);
}

.baix_penedes{
	background-image:url(../img/bg/banner_baix_penedes.jpg);
}
.baix_penedes_es{
	background-image:url(../img/bg/banner_baix_penedes_es.jpg);
}

.maresme {
	background-image:url(../img/bg/banner_maresme.jpg);
}
.maresme_es{
	background-image:url(../img/bg/banner_maresme_es.jpg);
}



#banner #nameComplete{
	position: absolute;
	bottom:16px;
	left:30px;
	color:#f09a19;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
}

#banner #nameComplete span{
	color:#1a5aa2;
	font-weight:bold;
	font-style:italic;
}

#content {
	background: url(../img/bg/bg_content.gif) repeat-x 0 bottom;
	padding-bottom:15px;
	overflow:hidden;
	width:956px;
	}

#content_izq {
	margin:40px 0 0px 30px;
	width:287px;
	float:left;
	display:inline;
}

#content_izq form label{
	display:block;
	clear:both;
	padding-top:3px;
}

#content_izq form input{
	border:none;
	height:21px;
	width:192px;
	padding:6px 6px 0 6px;
	color:#666;
	background: url(../img/bg/bg_input.gif) no-repeat 0 0;
	_background-attachment:fixed;
	float:left;
}

#content_izq form input.submit{
	border:none;
	background:none;
	height:27px;
	width:26px;
	margin:-6px 0 0 -6px;
}

#content_izq ul#buttons{
	margin-bottom:80px;
}

#content_izq ul#buttons li a{
	display:block;
	width:210px;
	padding:4px 0 0 10px;
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:none;
	color:#999999;
}

#content_izq ul#buttons li a.button_1{
	height:18px;
	background-image:url(../img/bg/bg_button_1.gif);
}
#content_izq ul#buttons li a.button_2{
	height:16px;
	background-image:url(../img/bg/bg_button_2.gif);
}
#content_izq ul#buttons li a.button_3{
	height:18px;
	background-image:url(../img/bg/bg_button_2.gif);
}

#content_izq ul#buttons li a.button_4{
	height:18px;
	background-image:url(../img/bg/bg_button_3.gif);
}

#content_izq ul#buttons li a:hover{
	display:block;
	background-position:left bottom;
	color:#666666;
}

#content_der{
	padding-top:10px;
}

#content_text{
	width:414px;
	float:left;
}

#content_text img{
	float:left;
	margin-right:5px;
}

#content_text h2{
	color:#f09a19;
	font-size:18px;
	font-weight:bold;
}

#text{
	float:left;
	width:205px;
}

#text p{
	color:#868889;
	margin-top:.5em;
	text-align:justify;
}

#text p strong{
	font-weight:bold;
}

#menu{
	float:right;
	width:200px;
}

#menu ul{
	float:right;
	margin:0 10px 15px 0;
	display:inline;
}

#menu ul li a{
	display:block;
	width:193px;
	height:17px;
	padding:2px 0 0 4px;
	background:url(../img/bg/bg_button_menu.gif) no-repeat left top;
	color:#1a5aa2;
	text-decoration:none;
	margin-bottom:2px;
}
#menu ul li a.avantatges{
	display:block;
	width:193px;
	height:17px;
	padding:2px 0 0 4px;
	background:url(../img/bg/bg_button_menu_avantatges.gif) no-repeat left top;
	color:#1a5aa2;
	text-decoration:none;
	margin-bottom:2px;
}
#menu ul li a:hover{
	background-position:left bottom;
}

#weather{
	text-align: right;
	margin-right:8px;
}

#banner_inf {
	float:left;
}

#footer{
	clear:both;
	background-color:#002c5f;
	color:#FFF;
	text-align:center;
	padding:15px 0 30px;
}

#footer ul li{
	display:inline;
	background:url(../img/bg/bg_separador.gif) no-repeat right 2px;
	padding:0 20px;
}

#footer ul li.last{
	background:none;
}

#footer ul li a{
	color: #FFF;
	text-decoration:none;
}

#footer ul li a:hover{
	text-decoration:underline;
}




/****** INTERNA ******/

#content_interna {
	padding:10px 0 15px;
	background: url(../img/bg/bg_content.gif) repeat-x 0 bottom;
	overflow:hidden;
	width:956px;
}

#content_text_interna {
	width:725px;
	padding-left:8px;
	float:left;
}

#content_text_interna img{
	float:left;
	margin-right:14px;
}

#text_interna{
	float:left;
	width:415px;
}

#text_interna a{
	color:#333;
	text-decoration:underline;
}

#text_interna a:hover{
	color:#f09a19;
}

#text_interna h2{
	color:#f09a19;
	font-size:18px;
	font-weight:bold;
	margin-top:.75em;
	
}

#text_interna h3{
	color:#0858b8;
	font-size:15px;
	font-weight:bold;
	margin-top:.75em;
	margin-bottom:.5em;
	padding:5px;
	background: #fff url(../img/bg/bg_h3.gif) no-repeat 0 0;
}

#text_interna p{
	color:#868889;
	margin-top:.5em;
	text-align:justify;
}

#text_interna p.destacado {
	background:url(../img/bg/arrow.gif) no-repeat 0 0;
	padding:2px 0 3px 24px;
	font-size:14px;
	margin: 1em 0 1em 1em
}

#text_interna p.destacado2 {
	color:#0858b8;
}

#text_interna strong{
	font-weight:bold;
	}

#text_interna ul li{
	margin-top:.75em;
	margin-left:.75em;
	text-align:justify;
	background: url(../img/bg/punto.gif) no-repeat 1px 4px;
	text-indent:12px;
	color:#868889;
}

#text_interna ul li ul{
	margin-left:10px;
}

#text_interna ul li ul li{
	background:none;
}

#text_interna ul li ul li strong{
	color:#f09a19;
}


#map{
	text-align: center;
	margin-top:15px;
}

#text_interna table{
	margin:15px auto;
	border-collapse:collapse;
	/*border:1px solid #666666;*/
}

#text_interna table th{
	font-weight:bold;
	padding:4px 10px;
	border:1px solid #666;
	background: #c2c2c2 url(../img/bg/bg_th.gif) repeat-x 0 0;
}

#text_interna table td{
	padding:4px 10px;
	border:1px solid #999;
	text-align:center;
}

#text_interna table td.left{
	text-align:left;
	background:url(../img/bg/cuadrado.gif) no-repeat 4px 9px;
	padding:4px 10px 4px 14px;
}

#text_interna table td.none{
	border:none;
}








/****** CANVIA-T ******/

#banner-canvia-t{
	height:233px;
	background: url(../img/bg/banner-canvia-t.jpg) no-repeat 0 0;
}

#banner-canvia-t-es{
	height:233px;
	background: url(../img/bg/banner-canvia-t-es.jpg) no-repeat 0 0;
}

#content-canvia-t{
	padding:10px 0px 15px;
	background: url(../img/bg/bg_content.gif) repeat-x 0 bottom;
	overflow:hidden;
	width:956px;
}

#image{
	margin-left:15px;
	float:left;
	display:inline;
}

#image a{
	text-decoration:none;
	color:#f1a027;	
}

#image a img.icono{
	vertical-align:middle;
}

#video{
	padding:5px 0 10px 0;
}
#barra_video{
	background:url(../img/barra_video.jpg); 
	height:18px; 
	width:294px; 
	padding-top:3px;
}
#barra_video a{
	color:#000;
	font-weight:bold;
}
#barra_video a:hover{
	color:#FF9900;
	font-weight:bold;
}

#barra_taula{
	background:url(../img/barra_taula.jpg); 
	height:18px; 
	width:400px; 
	padding-top:3px;
}
#barra_taula a{
	color:#000;
	font-weight:bold;
}
#barra_taula a:hover{
	color:#FF9900;
	font-weight:bold;
}
.guardar_video{
	float:left; 
	color:#FFFFFF;  
	padding-left:10px;
}
.ver_video{
	float:right; 
	color:#FFFFFF;
	padding-right:30px
}
#content-der-canvia-t{
	float:left;
	width:646px;
}

#content-der-canvia-t div.module{
	float:left;
	width:200px;
	height:220px;
	margin-left:12px;
	display:inline;
	border-bottom:13px solid #FF9900;
}

#content-der-canvia-t div.module2{
	border-bottom:13px solid #1a5aa2;
}

#content-der-canvia-t div.module3{
	border-bottom:13px solid #868889;
}


#content-der-canvia-t div.module h2{
	margin-bottom:.75em;
}

#content-der-canvia-t div.module p{
	font-size:14px;
	color:#9c9e9f;
	margin-bottom:.75em;
}

#module_inf{
	margin-left:12px;
	clear:both;
}

#module_inf img{
	float:left;
	margin-right:12px;
}

#module_inf p{
	font-size:12px;
	color:#9c9e9f;
	text-indent:13px;
	background: url(../img/bg/punto.gif) no-repeat 1px 4px;
	width:410px;
	margin-top:8px;
	float:left;
}

#module_inf p.destacado{
	font-size:14px;
}

#module_inf p.pdf{
	float:right;
	width:125px;
}

#mapas{

}
#mapas h2{
	color: #F1A027;
	font-size:14px;
	margin:10px;
	margin-top:20px;
	font-weight:bold
}
#mapas p{
	color: #9C9E9F;
	margin:10px;
}
#mapas a{
	padding-left:12px;

}
#mapas a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);

}


/****** Form Recomendar ******/

form#formRecomendar {
	margin:15px auto 0;
}

form#formRecomendar label {
	text-align:right;
	margin-right:6px;
	color:#333333;
	display:block;
	float:left;
	width:150px;
	font: bold 12px Arial, Helvetica, sans-serif;
}


form#formRecomendar div {
	clear:both;
	margin: .5em 0;
	padding:0;
	width:460px;
	overflow:hidden;
}

form#formRecomendar input,
form#formRecomendar textarea {
	border:1px solid #999999;
	width:270px;
	font:12px Arial, Helvetica, sans-serif;
	float:left;
	
}

form#formRecomendar textarea {
	height:80px;
}

td.td_recomendar{
	padding:15px 0 60px;
}