@charset "UTF-8";
/* CSS Document */


/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 * @link		http://www.thewebdeveloperguy.com/
 * @copyright	2009 Will Robertson. All Rights Reserved.
 *
 */
 

/*===================================
	GLOBAL
===================================*/
@import "reset.css";

html {color:#000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px;}
body {background: url(../imatges/azul3.jpg) repeat-x center top; text-align: center; height: 100%; /* for older browsers */}

#main {margin: 0 auto; position: relative; width: 100%; text-align: center;}
.inside {
	margin: 0 auto;
	position: relative;
	width: 979px;
	/*background-image: url(imatges/content_bkg.jpg);*/
}
#header, #content, #footer {position: relative;}
/*------ GLOBAL SETTINGS ------*/
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
a img {border: none;}
.img {float:left; border:0; padding: 5px 25px 5px 10px;}
p { padding:5px 0 0 10px; line-height:1.62em;}
.foto { border:solid 1px #ccc; margin:0 12px 12px 0;}
.pportada { text-align:left; padding:5px 25px 0 25px; font-size:0.9em; font-family:"Futura BdCn sBT","Trebuchet MS",Verdana;}
.pportada a.mes {
background:transparent url(../imatges/mes.gif) no-repeat scroll left -2px; color:#CC0000; display:block; font-weight:bold;height:20px; padding-left:20px; text-decoration:underline;} 
.bord { border:#999999 solid 1px; }
.imgserv { padding: 5px 6px 0 7px;}
.col1 { float:left; width:550px; padding:0 5px 5px 0; }
.col2 { float:left; width:300px; padding:0 20px 5px 15px; margin:0 5px 5px 15px; background-color:#e8e8e8; }
.descripcio { text-align:justify; line-height:1.4em; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px;}
.ficha { padding:10px; text-align:justify; font-size:1.0em; line-height:1.65em; font-family: Arial, Helvetica, sans-serif;}

/*---------FORMULARI----------*/
.izquierda {float:left; padding:15px 30px 10px 20px;}
.derecha {float:left; width:600px; padding:15px 20px 10px 20px;}
.formu {float:left; width:350px; padding:25px 0 0 135px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; }


.input {width:190px; height:15px; border:1px solid #999; padding:5px 0 2px 5px; margin:5px 0 2px 5px;  background-color:#e8e8e8;}
.input2 {width:100px; height:20px; border:1px solid #999; padding:0 0 0 5px;}
textarea {width:189px; height:59px; border:1px solid #999; padding:5px 0 2px 5px; margin:5px 0 2px 5px; overflow:auto; background-color:#e8e8e8;}
.bt_acces { background: url(../imatges/bot_acces.gif) no-repeat scroll 4px 2px; border:0 none; color: #FFF; font-size:90%; font-weight:bold; margin-left:2px; margin-right:15px; padding:7px 6px 5px 12px; width:64px; }
.nota_legal{ text-align:center; position:relative; left:130px; background-color:#eee; border:#AEC8BF solid 1px; width:600px; font-size:0.88em; color:#246F78; padding:8px; font-style:italic;}
.nota { font-family:"Georgia", Times New Roman, Times, serif; font-size:0.9em; font-style:italic;}
.atrapalo
{ display:none; visibility:hidden; }

/*==================list====================*/
.list ul { margin:0 auto; padding:0; list-style:none; line-height:1.6em;}
.list li img{ margin:0 8px 0 0;}
.list li{ color:#000; background:url(../imatges/fletxa.gif) no-repeat 6px 7px; padding-left:29px; font-size:1.1em; line-height:1.6em;}
.list li a { color:#0ba4ca;}
.list a:hover { text-decoration:underline; }

/*===================================
	HEADER
===================================*/
#header {height:109px;}
#header .inside {height:135px; background:#FFFFFF; background: url(../imatges/content_bkg.jpg) repeat-y left top; }
.topp {background: url(../imatges/encuadre_top.jpg) no-repeat left top; width: 979px; margin:0 auto; padding:10px 0 0 0;}

.logo {position: absolute; top:6px; left:40px;}
.slogan {position:absolute; top:10px; left:275px;}
.fonsmenu { position:absolute; top:106px; right:-16px; margin:auto; width:600px; height:43px;}
.idioma{ float:right; padding:5px 20px 0 0; color:#003366; font-family:"Futura BdCn sBT","Trebuchet MS",Verdana; font-size:0.95em; }
.idioma a, a:link{ color:#003366; text-decoration:none; font-weight:900; }
.idioma a:hover{ color:#CC3300; font-weight:900; }
h1{ color:#333; font-size:18px; line-height:1.65em; font-family: Arial, Helvetica, sans-serif; padding:10px 0 10px 5px; font-weight:700;}
h2{ color:#333; font-size:15px; line-height:1.3em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0 5px 5px;}
h3{ color:#CC0000; font-size:13px; padding:5px; font-family: Arial, Helvetica, sans-serif;}
					
/*===================================
	CONTENT
===================================*/
#content {min-height:200px; height:auto !important; height:200px;}
#content .inside {background: url(../imatges/content_bkg.jpg) repeat-y left top; height:auto !important;}
#content .content_wrapper {padding: 20px 30px 0 30px; text-align:justify; }
#content .content_top {background: url(../imatges/encuadre_top.jpg) no-repeat left top; width: 979px; margin:0 auto; padding:10px 0 0 0;}
#content .cabecera { padding:0 auto; /*border: #999999 solid 1px;*/}

/*--------SITUACION----------*/
.mapa { text-align: left; padding:10px;}

/*----BUCKETS----------------------*/
.buckets_container {background: url(../imatges/buckets_bkg.gif) repeat-y center top;}
ul.buckets li {float: left;}

/*----BUCKET WIDTHS----------------*/
ul.buckets li.left {width: 290px; padding-right: 20px;}
ul.buckets li.middle {width: 279px; padding: 0 20px;}
ul.buckets li.right {width: 268px; padding-left: 20px;}

/*----BUCKET STYLES----------------*/
ul.buckets blockquote {color: #888888; font-size: 17px; font-family: Arial, Georgia1, Georgia, serif; line-height: 26px;}
ul.buckets blockquote span {display: block; float: right; font-size: 13px; padding-top: 15px;}
ul.buckets h2 {color: #555555; font-size: 22px; font-weight: normal; line-height: 28px; padding-bottom: 15px;}
ul.buckets p {font-size: 13px; color: #888888; line-height: 18px; margin-bottom: 15px;}

/*----BUCKET LIST------------------*/
ul.bullets li {border-top: 1px solid #dedede; display: block; width: 279px;}
ul.bullets li.last {border-bottom: 1px solid #dedede;}
ul.bullets li a {background: url(../imatges/arrow.gif) no-repeat left -1px; padding: 10px 0 9px 15px; font-size: 12px; color: #888888; text-decoration: none; display: block;}
ul.bullets li a:hover {background-position: left -34px; text-decoration: none;}

/*----REQUEST FORM----------------*/
.request_proposal .field {background: url(../imatges/field_bkg.jpg) repeat-x left top; margin-bottom: 7px; width: 255px; padding: 5px; height: 18px; border: 1px solid #d3d3d3; color:#888888; font-size:12px;}
.request_proposal .submit {width: 133px; height: 30px; background: url(../imatges/button_submit.jpg) no-repeat; cursor: pointer; border: none; margin-top: 13px;}

/*----MEDIA FOOTER----------------*/
.media_footer {border: 1px solid #dedede; margin-top: 30px;}
.media_inner {background: #f0f0f0; margin: 3px;}
.media_footer ul li {float: left; width: 425px; padding: 15px;}
.media_footer h3 {font-size: 16px; color: #616568; font-weight: bold; line-height: 20px; margin-bottom: 13px;}
.media_footer ul li p {font-size: 13px; color: #888888; line-height: 18px; margin-bottom: 15px;}
.media_footer ul li img {float: left; margin: 5px 10px 10px 0;}

/*===================================
	CONTENT
===================================*/
.title {width: 919px; height: 72px; background: url(../imatges/title_bkg.jpg) no-repeat; margin: 0 auto; position:relative;}
.inner_top {padding-top: 30px;}
.main_content {width: 729px; padding-left: 20px; float: left;}
.main_content_expaned {width: 897px;}

/*----GENERAL---------------------*/
.title h1 {font-size: 30px; color: #fff; font-weight: normal; padding: 20px 0 0 20px;}
.breadcrumbs {text-transform:capitalize; font-size: 12px; color: #fff; float: right; position:absolute; top: 30px; right: 24px;}
.breadcrumbs a {font-size: 12px; color: #fff; text-decoration: none;}
.breadcrumbs a:hover, .breadcrumbs a.selected {text-decoration: underline;}
.main_left p {margin-bottom: 25px;}
.main_left p, .main_left {font-size: 13px; color: #888888; line-height: 18px; width:480px; float:left;}
.main_left_expanded p, .main_left_expanded {width: 648px !important;}
.main_left ul {margin-bottom: 25px;}
.main_left li {font-size: 13px; background: url(../imatges/li_check_white.jpg) no-repeat left 4px; padding: 0 0 5px 25px; line-height: 18px;}
.main_left li a {font-size: 13px; color: #888888; text-decoration: none;}
.main_left li a:hover {text-decoration: underline;}
.main_left a {color: #888888; text-decoration: underline;}
.main_left a:hover {text-decoration: none;}
.main_left h2, .main_left h2 a {color: #98c63c; font-weight: bold; font-size: 14px; padding-bottom:3px;}
.main_left h2 span {color: #888888; display: block; padding-top: 8px; font-size: 12px;}

/*----PROMO AREA------------------*/
.promo_area {padding: 10px 0 25px 0;}
.promo_area img {float: left; margin: 8px 30px 0 0;}
.promo_area p, .promo_area {color: #777777; font-size: 25px; font-family: Arial, Georgia1, Georgia, serif; line-height: 37px; font-weight:500;}

/*----LEFT SIDE BAR---------------*/
.extend {overflow:hidden; float:left; background: url('../imatges/side_nav_cap.gif') bottom center no-repeat; padding-bottom:1px;}
.side_nav {width: 168px; float: left; border: 1px solid #d8d8d8; margin-bottom:-2000px; padding-bottom:2000px;}
.side_nav a {color: #888888; font-size: 12px; text-decoration: none; padding: 10px 15px; display: block; margin: 3px;}
.side_nav a:hover, .side_nav li.current_page_item a {background: #98c63c; color: #fff;}


/*----TWO COLUMN LIST-------------*/
ul.two_col li {background: none !important; padding: 0 !important; clear: left;}
ul.two_col li img {float: left; margin: 20px 20px 0 0;}
ul.two_col li p {float: left; width: 390px;}
ul.two_col li h2 {color: #98c63c; font-weight: bold; font-size: 14px; padding-bottom:3px;}

/*===================================
	FOOTER
===================================*/
#footer {background: url(../imatges/footer_bkg.jpg) repeat-x left top; height:120px; font-family:"Futura BdCn BT","Trebuchet MS"; }
#footer .inside {background: url(../imatges/encuadre_peu.jpg) no-repeat left top; height:80px; padding-top: 40px;line-height:1.5em; color:#fff; font-size:1.0em}

#footer a{color:#FFFFFF; }
#footer a:hover{ text-decoration:underline; }
/*----TWEETIN---------------------*/
.twitter_container {padding-right: 15px;}
.twitter {float: left; margin: 0 15px 0 0;}
#footer h3 strong {font-size: 21px; display: block; padding-bottom: 3px;}
#footer h3 {font-size: 16px; color: #fff;}
.tweets {margin-top: 15px; margin-right:20px; color:#FFF;}
.tweets p {font-size: 12px; color: #7c7c7c; margin-bottom: 13px; line-height: 18px; padding-right:10px; text-align:left;}
.tweets p a {color: #7c7c7c}


/*----LEGAL-----------------------*/
.legal {width: 300px !important;}
.search_container {width: 181px; height: 28px; float: right;}
.search_container .search_field {float:left; font-size: 12px; color: #7c7c7c; padding: 6px 6px 0 6px; width: 134px; height: 22px; background: url(../imatges/search_field.jpg) no-repeat; border: none;}
.search_container button {background: url(../imatges/button_search.gif) no-repeat; cursor: pointer; border: none; height: 28px; text-indent: -9999px; width: 35px;}
.copyright {font-size: 12px; color: #c2c2c2; margin-top: 20px; padding-top: 20px; float: right; text-align: right; border-top: 1px solid #393939; width: 280px;}
.copyright p {font-size: 12px; color: #7c7c7c; margin-bottom: 7px;}
.copyright a {color: #c2c2c2; font-size: 12px; text-decoration: none;}
.copyright a:hover {color: #fff; text-decoration: underline;}
.footer_logo {width: 280px; float: right; text-align: right; margin-top: 20px;}

/*--------------------------------------------------------------------
	Clearfix
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.clearfix:after {
	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 }
 
.clearfix{display: block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */