/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../../img/web/bgr-inici.gif) #eaecec repeat-x top;
	color: #404040;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #4e7a97;
	text-decoration: underline
}
a:hover{
	text-decoration: none
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	color: #4e7a97;
	font-size: 26px;
	margin: 0 0 .5em
}
h2 a{
	color: #000;
	font-size: 26px;
	margin: 0 0 .5em;
	text-decoration:none
}
h2 a:hover{
	color: #000;
	font-size: 26px;
	margin: 0 0 .5em;
	text-decoration:underline
}

h3{
	color: #4e7a97;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 .5em
}
h4, h5{
	font-size: 1em;
	margin: 0 0 1em
}
h5{
	font-size: 1em
}
p{
	padding: 0 0 1em
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 925px
}

#page-top{
	background: url(../../img/web/page-top.jpg) no-repeat top;
	height: 351px;
	overflow: hidden
}
#page-bot{
	background: url(../../img/web/page-bot.gif) repeat-x top;
	height: 126px;
	overflow: hidden
}
#page-content{

}
/*=== Header ===*/
#header{
	height: 84px
}
/*- Logo -*/
#header h1{
	background: url(../../img/web/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 286px
}
#header h1 a{
	display: block;
	height: 84px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	float: left;
	font-size: 12px;
	height: 38px;
	padding: 46px 0 0;
	text-transform: uppercase;
	font-weight:bold;
}
#nav1 li{
	background: url(../../img/web/nav1-sep.gif) no-repeat right;
	float: left;
	line-height: 38px;
	padding: 0 8px 0 8px
}
#nav1 li.last{
	background: none
}
#nav1 li a{
	color: #ffffff;
	display: block;
	float: left;
	text-decoration: none
}
#nav1 li a:hover,
#nav1 li.active a{
	background: url(../../img/web/nav1-hover.gif) no-repeat bottom;
	color: #000000;
	text-decoration: none;
	text-decoration: underline
}
#nav1 li.active a{
	font-weight: bold
}
/*- Nav Tabs -*/
.tab{
	font-size: 10px;
	font-weight: bold;
	height: 41px;
	line-height: 32px;
	padding: 0 0 0 45px;
}
.tab a{
	color: #404040
}
.tab.twitter{
	background: url(../../img/web/tab-twitter.gif) no-repeat left top;
	width: 210px;
	height:41px;
}
.tab.utube{
	background: url(../../img/web/tab-utube.gif) no-repeat left top;
	padding: 0 0 0 85px;
	width: 148px
}
.tab.utube2{
	background: url(../../img/web/tab-utube2.gif) no-repeat left top;
	line-height: 25px;
	padding: 0 0 0 85px
}
.tab.flickr{
	background: url(../../img/web/tab-flickr.gif) no-repeat left top;
	line-height: 25px;
	padding: 0 0 0 85px
}
.tab.twixtr{
	background: url(../../img/web/tab-twixtr.gif) no-repeat left top;
	line-height: 25px;
	padding: 0 0 0 90px
}
.tab.sub1{
	background: url(../../img/web/sub01.gif) no-repeat left top;
	height: 21px;
	line-height: 20px;
	padding: 0 0 0 7px
}
/*- Headlines -*/
.hd1{
	background: url(../../img/web/hd01.gif) no-repeat left top;
	height: 34px;
	margin: 6px 0 20px;
	padding: 0 0 0 10px
}
.hd1 h2{
	color: #ffffff;
	line-height: 34px
}
#rightcol .hd1{
	background: url(../../img/web/hd02.gif) no-repeat left top
}
.hd2{
	border-bottom: 1px dotted #b0b0b0;
	border-top: 1px dotted #b0b0b0;
	height: 34px;
	margin: 0 0 15px;
	padding: 8px 0 0 0px
}
.hd2 h3{
	margin: 0
}
/*=== Title ===*/
#title{
	color: #9c9c9c;
	font: 14px "Times New Roman", Times, serif;
	height: 1%;
	padding: 0;
	width: 530px;
}
#title h2{
	color: #000000;
	font-size: 28px;
	font-style: italic
}
#title h3{
	font-size: 19px;
	font-weight: normal;
	margin: 0
}
	#title .tab{
	font-family: Arial, Helvetica, sans-serif
}
#title-new{
	color: #9c9c9c;
	font: 14px "Times New Roman", Times, serif;
	padding: 22px 0 0;
	width: 650px;
}
#title-new h2{
	color: #000000;
	font-size: 28px;
	font-style: italic
}

#title-top{
	height:125px;
    overflow: hidden;
}

#iconos {
    position:relative;
    top:0;
    left:0;
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 40px 0 0;
	padding: 0 0 15px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	width: 603px
}
#centercol p{
	text-align:justify;
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	width: 294px
}
/*=== Sub Columns ===*/
.cols{
	background: url(../../img/web/ico-dot.gif) repeat-x top;
	height: 1%;
	padding: 20px 0 0
}
.col1{
	float: left;
	padding: 0 20px;
	width: 244px
}
.col2{
	float: left;
	padding: 0 20px;
	width: 154px
}
.col2 .pic1{
	margin: 0 0 35px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	margin: 0 0 20px
}
.box .top,.box .bot{
	background: url(../../img/web/box-top.gif) no-repeat top;
	clear: both;
	height: 11px;
	overflow: hidden
}
.box .bot{
	background: url(../../img/web/box-bot.gif) no-repeat top;
	height: 16px
}
.box .spacer{
	background: url(../../img/web/box-bgr.gif) repeat-y;
	height: 1%;
	padding: 0 14px;
	position: relative
}
.box p.completa{
	font-weight:bold;
	text-align:right;
}
/*- Box2 -*/
.box2{
	color: #4e7a97;
	float: left;
	font-size: 11px;
	height: 77px;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 135px 15px 0;
	width: 193px
}
.box2 h4{
	font-size: 12px;
	margin: 0
}
.box2 p{
	padding: 0 0 2px
}
.box2.f01{
	background: url(../../img/web/featured1.jpg) no-repeat top
}
.box2.f02{
	background: url(../../img/web/featured2.jpg) no-repeat top
}
.box2.f03{
	background: url(../../img/web/featured3.jpg) no-repeat top
}
.box2.f04{
	background: url(../../img/web/featured4.jpg) no-repeat top;
	margin: 0
}

.boxpindoles{
	color: #4e7a97;
	float: left;
	font-size: 11px;
	height: 77px;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 15px 15px 0;
	width: 193px;
    height:169px;
    text-overflow: ellipsis-word;
}
.boxpindoles.fons{
	background: url(../../img/web/fons.jpg) no-repeat top;
	margin: 0
}
.boxllibre{
	color: #4e7a97;
	float: left;
	font-size: 11px;
	height: 77px;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 15px 15px 0;
	width: 193px;
    height:169px;
    text-overflow: ellipsis-word;
}
.boxllibre.fons{
	background: url(../../img/web/fonsllibre.jpg) no-repeat top;
	margin: 0
}
.boxpolitica{
	color: #4e7a97;
	float: left;
	font-size: 11px;
	height: 77px;
	overflow: hidden;
	padding: 15px 15px 0;
	width: 193px;
    height:169px;
    text-overflow: ellipsis-word;
    margin-right:10px
}
.boxpolitica.fons{
	background: url(../../img/web/fonspolitica.jpg) no-repeat top;
	margin: 0
}
.boxpresentacio{
	color: #4e7a97;
	float: left;
	font-size: 11px;
	height: 77px;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 15px 15px 0;
	width: 193px;
    height:169px;
    text-overflow: ellipsis-word;
}
.boxpresentacio.mapa{
	background: url(../../img/web/fons.jpg) no-repeat top;
	margin: 0
}
#map {
    overflow: hidden;
}

/*- Featured -*/
#featured{
	background: url(../../img/web/feat-bgr.gif) repeat-x top;
	height: 212px;
	padding: 25px 0 0;
}

.linia {
	background: url(../../img/web/linia.jpg) no-repeat top;
	height: 1px;
}
/*- Video -*/
.video{
	height: 1%;
	margin: 20px 0 25px 4px
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li{
	padding: 0 0 1em 30px;
	height: 1%;
}
.list1 li.ico-pdf{
	background: url(../../img/web/ico-pdf.gif) no-repeat 0 3px
}
.list1 li.ico-doc{
	background: url(../../img/web/ico-paper.gif) no-repeat 0 3px
}
.list1 li.ico-sound{
	background: url(../../img/web/ico-sound.gif) no-repeat 0 3px
}
.list1.items li{
	background: url(../../img/web/ico-list.gif) no-repeat 0 3px;
	padding: 0 0 1em 15px;
}
.list1 p{
	padding: 0
}
.list2 li{
	padding: 0 0 1em 30px;
	height: 1%;
	color:#000000;
}
.list2 a{
	color:#000000;
	text-decoration:none;
}
.list2 a:hover{
	color:#000000;
	text-decoration:underline;
}
.list2 p{
	padding: 0
}

/*=== Pics, Ads etc. ===*/
.pic1 img{
	background: #ffffff;
	border: 1px solid #bcbcbc;
	display: block;
	padding: 1px
}
.pic2{
	background: url(../../img/web/ico-dot.gif);
	height: 1%;
	padding: 20px 0;
	text-align: center
}
.pic2 img{
	background: #ffffff;
	border: 1px solid #bcbcbc;
	margin: 0 10px;
	padding: 1px
}
.ads{
	border-bottom: 1px dotted #254960;
	border-top: 1px dotted #254960;
	padding: 10px 0
}
.ads img{
	margin: 0 2px
}
/*=== Footer ===*/
#footer{
	color: #254960;
	height: 1%;
	margin: 0 auto;
	padding: 30px 0 0;
	width: 925px;
	font-size: 11px;
}
#footer a{
	color: #254960;
	text-decoration:none;
}
#footer a:hover{
	color: #254960;
	text-decoration:underline;
}
#footer .fl{
	width: 486px
}
#footer .fr{
	padding:15px 0 0 0;
	width: 180px
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.hl{
	border-top: 1px dotted #b0b0b0;
	clear: both;
	height: 1px;
	margin: 10px 0;
	overflow: hidden
}
#iconos {}
.fl{
	float: left;
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}

.traductor{
	float:right;
	text-align:right;
}
#relativa{
	float:right;
	position:relative;
	width:160px;
	margin:10px 20px 0 0px;
}

#google {
	top:0;
	left:0;
	width:160px;
	height:100px;
	padding:20px 10px 0 10px;
	background-color: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	position:absolute;
}
.tancar{
	text-align:right;
	padding:0px;
	margin:-15px 0 0 0;
	z-index:2;
}
.tancar a{
	text-decoration:none;
}
.tancar a:hover{
	text-decoration:underline;
}