html { width:100%; height:100%;}
body { font-family: Arial, Helvetica, sans-serif;margin:0px; padding:0px; background-color:#fff;}

/*@font-face {   
    font-family: "Alte Haas Grotesk";   
    src: url(http://localhost/encomix/AlteHaasGroteskRegular.ttf) format('truetype') ;   
} */
input { border:0px; width:50%;}
textarea{border:0px; width:50%; overflow:hidden; height:100%;}
/*
input[type=text]{ border:0px; background-image:url(imatges/disseny/fnd_input.gif); background-repeat:no-repeat; padding:0px; margin:0px; width:229px; height:47px; line-height:47px; margin-left:-10px; color:#c2c2c2; padding-left:10px; font-size:13px;}
.boton_submit{ border:0px; background-image:url(imatges/disseny/btn_input.gif); background-repeat:no-repeat; padding:0px; margin:0px; width:97px; height:45px; line-height:47px; color:#8E8E8E; padding:0px; margin:0px;font-size:13px;}
*/
/*input[type=text],
textarea{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; behavior:url(css/border-radius.htc); border: 1px solid #BABDBA;}
input.button { font: Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;height: 24px;margin: 0;padding: 2px 3px; color: #fff;background: #CC0000;border: 1px solid #CC0000;}*/

#cont-principal{width:900px; height:auto;/*background-image: url(imatges/disseny/fons_cuadre_openpub2.png);*/ background-repeat:no-repeat; border:0px solid red; background-color:#FFF;}

#capcalera-logo{float: left;width:151px; height:auto;border:0px solid red; margin:11px 45px 20px 0px;}
#capcalera-idiomes{float: right;width:100px;height:35px; margin:0px 0px 0px 0px;border:0px solid blue; line-height:35px;margin:11px 0px 5px 0px; font-size:12px;}
#capcalera-idiomes a{color:#000; text-decoration:none; font-weight:bold;}
#capcalera-idiomes a:hover{color:#EE6022; text-decoration:none; font-weight:bold;}

#cont-capcalera{ float:left;width:900px; height:50px;border:0px solid blue; background-image:url(imatges/disseny/fons_menu.png);}

#capcalera-text{float:left;width:600px;height:39px; margin-top:30px;border:0px solid green; text-align:left; line-height:32px; color:#fff;}

#cont-menu{float:left;width:900px;/*+2*/ height:50px;border:0px solid red; font-size: 16px; text-transform:uppercase; color:#ECEDED; text-align:left; line-height:50px;font-weight:bold;}
#cont-menu a{font-size: 16px; text-transform:uppercase; color: #ECEDED; text-decoration: none; font-weight:bold;}
#cont-menu a:hover{font-size: 16px; text-transform:uppercase; color:#fff; text-decoration: underline;font-weight:bold; height:35px;}

.separacio-menu{ font-size:15px; color:#EE6022; font-weight:bold;}

#cont-contingut{ float:left;width:900px; height:auto; margin:0px; margin-top:20px;border:0px solid #EE6022;}

#cont-contingut-text-index{float:left; width:400px;/*+2*/ height:auto; border:0px solid blue;}
#cont-contingut-imatge1-index{width:475px; height:360px; border:0px solid yellow; margin:15px 0px 35px 0px; background-image: url(imatges/disseny/fons_imatge_dreta.png); background-repeat:no-repeat; background-position:center; padding:0px;}
#cont-contingut-imatge2-index{float:left; width:auto; height:452px; border:0px solid red;}
#cont-contingut-superior{float:left;width:850px; height:300px; margin:10px 25px 0px 25px; _margin:0px 25px 0px 25px;border-bottom:2px solid #F76013;}

/*#cont-menu{ float:left;width:850px; height:110px; margin:0px 25px 0px 25px;padding-top:10px; text-align:center; border:0px solid red;}

#cont-menu-item1{float:left; width:100px; height:100px; margin-left:250px;}
#cont-menu-item2{float:left; width:100px; height:100px;  margin-left:15px;}
#cont-menu-item3{float:left; width:100px; height:100px;  margin-left:15px;}

#cont-menu-item1-actiu{ float:left; width:100px; height:100px; margin-left:250px; margin-top:-50px;}
#cont-menu-item2-actiu{float:left; width:100px; height:100px;  margin-left:15px; margin-top:-50px;}
#cont-menu-item3-actiu{float:left; width:100px; height:100px;  margin-left:15px; margin-top:-50px;}
*/

#cont-peu1{ width:990px; height:15px;margin-top:15px; border:1px solid red; text-align:center;}

#copyright{float:left;width:50%; height:30px;  text-align:left;color:#fff;font-size:11px; line-height:30px;}

#avis-legal{float:right;width:50%; height:30px;color:#fff; text-transform:uppercase; font-size:11px; text-decoration:none;line-height:30px;text-align:right;}
#avis-legal a{color:#fff; text-transform:uppercase; font-size:10px;text-decoration: none;}
#avis-legal a:hover{color:#fff; text-transform:uppercase; font-size:10px; text-decoration: none;}

#cont-peu2{ float:right;width:auto; height:25px;border:0px solid red;color:#666666; text-transform:uppercase; font-size:10px; text-transform:uppercase; vertical-align:top; margin:15px 45px 0px 0px;}

#text-peu2{float:left;width:auto; height:25px; padding-right:5px;}

#quefem-imatges-esquerra{float:left;width:200px; height:95%; border:0px solid red;padding-top:5px;}
#quefem-imatges-esquerra img{ float:left;}

#quefem-text{float:left;width:400px; height:auto;border:0px solid red; text-align: justify; margin:5px 5px 0px 0px; *margin:15px 5px 0px 0px;}

#contingutbarra-content-left{float:left;width:325px; height:290px;border:0px solid red; text-align: justify; overflow: hidden; overflow-y:hidden; margin-top:10px;*margin-top:15px;}
#contingutbarra-content-right{float:left;width:10px;height:290px;border:0px solid red; overflow: hidden; overflow-y:hidden; padding-left:5px; margin-top:10px;*margin-top:15px;}

#img-scroll-top-quefem{ border:0px solid red; cursor:pointer;margin-top:0px;}
#img-scroll-bottom-quefem{margin-top:275px; border:0px solid red; cursor:pointer;}

.text-taronja{ color:#F76013; font-size:14px; font-weight:bold;}
.text-blanc{ color:#000; font-size:12px;}

#quefem-imatges-dreta{float:right;width:200px; height:95%;border:0px solid red;padding-top:5px;}
#quefem-imatges-dreta img{ float: right;}

#solidaritat-imatges-esquerra{float:left;width:100%; height:auto; padding:20px 2px 50px 2px; background-color:#FFFFFF; /*margin-right:5px;border:0px solid red; margin:80px 20px 0px 35px;*/}
#solidaritat-imatges-esquerra img{ float:left;}

#solidaritat-imatges-dreta{float: right;width:191px; height:276px; padding:5px 2px 2px 2px; background-color:#FFFFFF; margin-left:5px; border:0px solid red;margin:80px 35px 0px 15px;}
#solidaritat-imatges-dreta img{ float: right;}

#cont-imatge-esq1{float: left; width:91px; height:92px; padding:2px;border:0px solid green; border-right:1px solid #F76013;border-bottom:1px solid #F76013;}
#cont-imatge-esq2{float: left; width:92px; height:92px; padding:2px;border:0px solid green;border-bottom:1px solid #F76013;}

#cont-imatge-esq-ultim1{float: left; width:91px; height:92px; padding:2px;border:0px solid green;border-right:1px solid #F76013;}
#cont-imatge-esq-ultim2{float: left; width:92px; height:92px; padding:2px;}

.solidaritat-td-1{border-bottom:1px solid #F76013;border-right:1px solid #F76013;}
.solidaritat-td-2{border-bottom:1px solid #F76013;}
.solidaritat-td-ultim-1{border-right:1px solid #F76013;}
.solidaritat-td-ultim-2{}

#caixa-contingut-contacte-imatge{float:left; width:309px; height:auto; border:0px solid #FF0000; /*background-image:url(imatges/disseny/openpub_info.png); background-repeat:no-repeat; background-position:top right; */margin-top:0px;}

#caixa-contingut-contacte{float:left; width:250px; height:80%; border:0px solid #FF0000; text-align:left;padding:0px 5px 5px 5px;}

#caixa-avis-legal{float:left;width:900px; height:auto;border:0px solid red; text-align: justify;margin:25px 0px 0px 0px;}

#contingutbarra-content-left1{float:left;width:600px; height:290px;border:0px solid red; text-align: justify; overflow: hidden; overflow-y:hidden; margin-top:10px;*margin-top:15px;}
#contingutbarra-content-right1{float:left;width:10px;height:290px;border:0px solid red; overflow: hidden; overflow-y:hidden; padding-left:5px; margin-top:10px;*margin-top:15px;}

#img-scroll-top-quefem1{ border:0px solid red; cursor:pointer;margin-top:0px;}
#img-scroll-bottom-quefem1{margin-top:275px; border:0px solid red; cursor:pointer;}

.text-blanc{ color:#000; font-size:12px;}
.link-contingut-contacte{color:#000; font-size:12px;}
.link-contingut-contacte a{color:#000; font-size:12px;}
.link-contingut-contacte a:hover{ color: #666666; font-size:12px;}

#toolbar {
background-color:#000;
color:#FFF;
height:50px; 
position:fixed; 
bottom:0px; 
width:100%; 
left:0px; 
border-left:1px solid #000000; 
border-right:1px solid #000000; 
z-index:100; 
font-size:0.8em; 
} 

.border_inputs { border:1px solid #EE6022; width:90%;}
.border_inputs2 { border:1px solid #EE6022; width:50%; float:left; vertical-align: text-top;}

.list_carousel {
	background-color: #ECEDED;
	margin: 0px;
	width: 900px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	color: #ECEDED;
	text-align: center;
	background-color: #ECEDED;
	border: 3px solid #000;
	width: 88px;
	height: 87px;
	padding: 0;
	margin: 3px;
	display: block;
	float: left;
}

.list_carousel_1 {
	/*background-color: #ECEDED;*/
	margin: 0px;
	width: 475px;
	height:360px;
}
.list_carousel_1 ul {
	margin: 0;
	margin-top:0px;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel_1 li {
	font-size: 40px;
	color: #ECEDED;
	text-align: center;
	background-color: #ECEDED;
	border: 0px solid #000;
	width: 400px;
	/*width: 333px;*/
	height: 300px;
	/*height: 250px;*/
	padding: 0;
	margin: 15px;
	display: block;
	float: left;
}

.clearfix {
	float: none;
	clear: both;
}
.prev {
	float: left;
	margin-left: 35px;
}
.next {
	float: right;
	margin-right: 35px;
}
.pager {
	float: left;
	width: 300px;
	text-align: center;
	color:#000;
	border:0px solid red;
	font-size:10px;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
	color:#000;
}
.pager a.selected {
	text-decoration: underline;
	color:#EE6022;
}



a.play, a.pause {
	float: left;
	background: url(imatges/disseny/miscellaneous_sprite.png) 0 0 no-repeat transparent;
	width: 45px;
	height: 45px;
	display: block;
	/*position: absolute;
	top: 100px;
	left: 70%;*/
	margin-left: 80px;
	text-align:center;
}
a.play {        background-position: -100px 0;}
a.play:hover {  background-position: -100px -50px; }
a.pause {       background-position: -150px 0; }
a.pause:hover { background-position: -150px -50px; }
a.play span, a.pause span {
	    display: none;
}