/* <CSS RESET> v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;	text-decoration:none; line-height: 20px;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }
hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px }
input, textarea { margin: 0; padding: 0 }
/* </CSS RESET> */

body {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	background:#FFF;
	font-size: 13px;
}

table{
	border-collapse:separate;
    border-spacing:5px;
}

input, textarea, select, input[type=file]{
}

#capcalera{position: relative; height:100%; background-color: transparent; }
#capcalera .social{position:absolute; right: 5px; top: 120px;}
#capcalera .social a {background: none;}
#capcalera .data{position:absolute; top:10px; right:0px;}
#capcalera .data a{display: block; margin-bottom: 2px;}
#capcalera .data input[type=text]{position:absolute; margin: 0px 0px 0px -10px; height:20px; width:125px; font-size:17px; border:1px solid #5a3b2d;}
#capcalera .botons{position:absolute; top:50px; right:5px; }
#capcalera .botons a{background:#EC732C; padding:7px; text-transform:uppercase; color:#FFF; font-weight:normal;}

a, a:hover, a:link, a:visited{
	color: #5F6062;
	text-decoration: none;
	font-weight:normal;
}

#content_cabecera {
	width:100%;
	height: 50px;
	font-weight:bold;
	font-size: 1em;
	background: #e9e9f6;
}

#content_cabecera_inner {
	width: 960px;
	margin: 0px auto;
	height: 50px;
	line-height: 50px;
}

#pestanyes-idiomes{
	float: left;
	margin-right: 50px;
}

#banners-horizontal{
	background: none;
	display:inline-block;
	float:left;
	padding: 5px 0px;
	height: 40px;
	float: right;
}

#banners-horizontal a{
	margin-right: 3px;
}

#banners-horizontal #banners-sites{float:left}
#banners-horizontal #enllac-duetsports{float:left; margin:-5px 0 0 10px;}

#content {
	width: 905px;
	margin: 0px auto;
}


#content_subcabecera_inner {
	height: 100px;
	width: 100%;
}

#logo {
	width: 960px;
	height: 100px;
	text-align: center;
	top: 50px;
	position: absolute;
}

#seccio{margin-bottom:20px;}

.foto-noticia{
	float: left; 
	height: 420px;
	width: 400px;
}


/* Menu */


#menu {}

#menu ul {
	list-style: none;
}

#menu li{
	display: block;
	float: left;
	position: relative;
	border: 1px solid transparent;
	text-align: center;
	background-color: #EEE;
	border:0;
	border-bottom: 5px solid #000;
	text-transform:uppercase;
}

#menu li.resaltat1{background-color:#FF0400;}
#menu li.resaltat1:hover{background-color:#EA0300; border-bottom: 5px solid #ED7674;}
#menu li.resaltat1 a{text-transform:uppercase;}

#menu li:hover{
	background-color: #DDD;
	border:0;
	border-bottom: 5px solid #999;
}

#menu li a.link{
	font-size:12px;
	color: #000;
	font-weight:normal;
	display:block;
	text-decoration:none;
	padding:10px 15px;
}

#menu li a.link:hover{}


/* Slider */

#slider_seccio{}

#slider{
	width: 905px;
	height: 431px;
	margin:0;
	position:relative;
}

#noticias{
	float: left;
}

#caixanoticiestitulo{
	background: #ED732A;
	width: 240px;
	height: 15px;
	padding: 8px;
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-top:9px;
}

#caixanoticies {
	width: 255px;
	height: 112px;
	color: #9c9e9f;
	margin-right: 4px;
	background: #000;
}

#caixanoticies h2 {
	background: #fff;
	font-weight:bold;
	font-size: 1.5em;
	color:#EC732C;
}

#caixanoticies p {
	font-size: 10px;
	color: #fff;
	margin-left: 2px;
}

#caixanoticies p a {
	color: #fff;
	font-weight: bold;
}

#pre-peu{
	margin-top: 20px;
	float:left;
	width:100%;
	border-bottom:10px solid #000;
}

#peu{
	width:100%;
	padding:10px 0px;
	margin-bottom:10px;
	display:block;
	text-align: left;
	color:#888;
}

#peu_enllacos {
	float: right;
	margin-right:22px;
}

#peu a{
	color:#888;
	margin-left: 22px;
	font-weight: normal;
	font-size: 1em;
}

#peu a:hover{
	text-decoration: underline;
}

#peu a.vector{
	font-size: 0.7em;
}


/*** General ***/

a.boto, .boto {
	background-color: #ED732A;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold; 
	height: 30px;
	min-width:220px;
	line-height:30px;
	text-align: center;
	display: block;
	color:#FFF;
	cursor:pointer;
	margin:2px 0;
	text-transform: uppercase;
}

.boto_informacio, .boto_compte {
	background-color: #EEE;
	border: 1px solid #DDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold; 
	height: 30px;
	min-width:220px;
	line-height:30px;
	text-align: center;
	display: block;
	color:#555;
	cursor:pointer;
	margin:2px 0;
	text-transform: uppercase;
	font-size:13px;
}

a.boto_informacio, a.boto_compte{
	color:#000;
}

#loading { 
	width: 250px;
	background: white;
	padding: 20px;
	border: 2px solid #F5AA00;
	display: none;
	position: fixed;
	left: 50%;
	margin-left: -125px;
	top: 50%;
	font-weight: bold;
	font-size: 15px;
	z-index: 1000;
}

.titol_header { 
	background-color: #B31B16;
	padding: 10px 15px;
	color: #FFF;
	clear:both;
	margin-top:10px;
}

#contenido, .contingut, .divhtml {
	padding: 20px 15px;
	position:relative;
}

.divhtml {
	//line-height: 2em;
	text-align: justify;
	min-height:275px;
}

/*** Notícies ***/
.resultatfoto {
    margin-right:10px;
    margin-bottom:10px;
	float: left;
}


/*** Localització ***/

.localitzacio {
	color: #004293;
	padding: 20px 50px 0px 50px;
}

/*** Contacte ***/

#contacte th {
	text-transform: uppercase;
	vertical-align: top;
	text-align: left;
}

#contacte th, #contacte td {
	padding: 5px 0px;
}

/*** Cercador de continguts **/
#cercador-continguts{}
#cercador-continguts table tr.capcalera{border-bottom:1px solid #396392;}
#cercador-continguts form{margin-bottom:20px;}
#cercador-continguts form input[type=text]{height:26px; font-size:17px; padding:2px;}

/*** Borsa ***/

.borsa th{
	text-transform: uppercase;
	vertical-align: top;
	text-align: left;
}
.borsa th, .borsa td{
	padding:3px;
}
.borsa td{
	padding-right:5px;
}

/*** instal·lacions ***/

#instalacions {
	padding: 50px 0px;
}
a.instalacio {
	float: left;
	width: 124px;
	height: 120px;
	padding: 0px;
	font-size: 1.1em;
	padding: 20px 18px; 
}

a.instalacio:hover {
	background-position: bottom;
}
a.instalacio div.titol {
	text-align: center;
	vertical-align : middle;
	line-height: 150%;
	display : table-cell;
	height: 90px;
	width: 122px;
	font-weight: bold;
	color: #004293;
	font-size: 110%;
}

a.instalacio div.subtitol {
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	height: 30px;
	color: #004293;
}

/*** seccions ***/

.seccio_100 {
	height: 400px;
	width: 880px;
}

.fotos_seccions { 
	float: left;
	width: 400px;
	height: 420px;
	margin-bottom:20px;
}
.fotos_seccions_vertical{ 
	width: 700px;
	height: 300px;
	text-align:middle;
	margin:0 auto;
}

.seccio_foto {
	height: 330px;
	width: 415px;
	float: left;
	margin-left: 10px;
}

.seccio_foto_vertical{
	clear:both;
	width: 100%;
	text-align:middle;
	margin:0 auto;
}

.seccio {
	padding: 30px 50px 30px 30px;
	
	font-size: 1.1em;
	line-height: 2em;
	overflow: auto;
	color: #004293;
}

.vertical{
	overflow:none;
	background-color:#FFF;
	width:880px;
}

#content .seccio.noticia {
	background-color: #eff1bd;
	height: 280px;
	margin-bottom:0;
	margin-top: 10px;
}

.navegador_noticies {
	height: 40px;
	width: 100%;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.navegador_noticies a {
	height: 30px;
	padding: 10px 0px;
	color: #000;
	display: block;
	float: left;
}

.navegador_noticies #div-anterior{
	width: 300px;
	text-align: right;
	line-height: 40px;
	height:1%;
	float:left;
}
.navegador_noticies #div-anterior a.anterior {
	display:block;
	width:100%;
}

.navegador_noticies #div-posterior-text{
	width: 295px;
	text-align: center;
	line-height: 30px;
	height:1%;
	float:left;
}
.navegador_noticies #div-posterior-text a.posterior_text{
	display:block;
	width:100%;
}

.navegador_noticies #div-posterior{
	width: 300px;
	vertical-align: middle;
	line-height: 40px;
	height:1%;
	float:left;
}
.navegador_noticies a.posterior {
	display:block;
	width:100%;
}

.seccio p {
	margin-bottom: 20px;
	text-align: justify;
}

.seccio h2 {
	font-size: 1.5em;
	margin-bottom: 20px;
}

.contingut_pestanyes #resultat, .avis{
	padding:5px;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:10px;
}

/*** poliwin ***/
.resum_compte{
	border-spacing:10px; 
	border-collapse:separate;
}

/*** canviar contrasenya ***/
#canviarcontrasenya table{border-collapse:separate; border-spacing:5px;}

/*** qs ***/
#formEdicioQS table{border-collapse:separate; border-spacing:5px;}

#resum-soci{font-size:15px; background:#FFDBA2; border-radius: 5px 5px 5px 5px; width:40%; margin:0 auto; padding:5px;}
#resum-soci table{width:50%; margin:0 auto;}
#resum-soci table th{text-align:left;}
#resum-soci #avis{border:1px solid red;}

#botons-mevesdades{clear:both; text-align:right;}
#botons-mevesdades a{text-transform: uppercase; color:#B52685; margin-left:20px;}
#taula-mevesdades{
	clear:both; 
	margin:20px 0;
	border-collapse:separate;
	border-spacing:10px;
}
.fernegreta{font-weight:bold;}

.taula_rebuts{width:100%;}
.taula_rebuts td{padding:3px;}

#moneder{
	background:#8c93c4; 
	text-transform: uppercase;
	font-weight:bold;	
	color:#FFF;
	width:240px; 
	float:right; 
	padding:5px; 
	position:absolute; 
	top:10px; 
	right:0; 
	border-radius: 5px 0 0 5px;
}
#moneder .acuenta{background:#FFF; color:#8c93c4; padding:1px 3px;}

.ambmoneder{
	padding-top: 60px;
}

/*** login ***/
#login, #taula_login{
	border-spacing:5px;
	border-collapse: separate;
}

.resum_compte th{
	text-align:left;
} 

/*** Pàgines **/
.text-pagina{padding:5px; background:#FFF;}

/*** migas ***/
#migas{background:#DDD; padding:0 10px; height:30px; line-height:30px;}
#migas a{color:#888;}

/*** events ***/
#events .event{width:100%; margin-bottom:20px;}
#events .pestanya-color{width:1px; height:28px; float:left; padding:2px 5px;} 
#events .titol{float:left; background:#F5AA00; padding:2px 10px; font-weight:bold; margin-left:5px; font-size:17px; width:90%;}
#events .info{margin-left:25px; clear:both;}

.clferreserva{
	position: fixed;
	width: 700px;
}

.clferreservaespecial{
	border: 0px;
	position: relative;
	width: 400px;
}

.clferreserva_head {
	padding: 2px;
}
.clferreserva_contingut {
	padding: 20px;
	color: black;
}

.clferreserva_tancar_boto {
	margin: 5px 5px 5px 5px;
}
.clferreserva_tancar img {
	border: 0px;
	margin-right: 5px;
}

.seleccionat {
	border: 1px solid #98cdff;
	background: #024393;
	color: #ffffff;
	padding: 1px 10px; 
	display: inline;
}

.clferreserva table {
	width: 99%;
	font-size: 11px;
	margin-bottom: 10px;
}
.clferreserva th{
	background: #172e5e;
	color:white;
	font-weight: bold;
	padding: 6px;
}

.clferreserva td a {
	display: block;
}
#ferreserva{
	background-color:#fff;
	z-index:2;
	top: 50%;
	left: 50%;
	border:1px solid !important;
}
#content #ferreserva img{
	border:0;
}
#ferreserva table tr td, #ferreserva table tr th{
	padding:5px;
}

#ferreserva table tr th{
	border:1px solid #172E5E;
}

#ferreserva_contingut .boto{
	width:150px; 
	min-width:100px;
}

#ferreserva_head{
	padding:5px;
	background-color: #004293;
	color: #FFF;
}
.clferreserva td a:hover {
	display: block;
	text-decoration: none;
	background-color: #024393;
	color: white;
}
.clferreserva td{
	padding: 6px;
}
.clferreserva td.text{
	text-align: left;
	border: 1px solid #aaa;
	background: #EEE;
	padding: 0px 5px;
	font-weight: bold;
	color: #333;
}
.clferreserva td.etiqueta{
	text-align: right;
	border: 1px solid #999;
	background:#DDD;
	color: #333;
	font-weight: bold;
}
.clferreserva td.text2{
	text-align: right;
	border:1px solid #AAAAAA;
	background:#CCCCCC;
	padding: 0px 5px;
	font-weight: bold;
	color: #333;
	font-size:11px;
}
.clferreserva td.text2especial a:hover{
	color:white;
	text-decoration:none;
	display:inline;
	background-color:#144475;
}
.clferreserva td.text2especial a{
	text-decoration:none;
	display:inline;
}
.clferreserva td.etiqueta2{
	text-align: left;
	border:1px solid #999999;
	background:#A4A4A4;
	color: #333;
	font-weight: bold;
	font-size:11px;
	padding: 3px;
}

/*** galeries ***/
#galeria-videos{text-align:center;}
#galeria-videos a, #galeria-videos iframe{margin:0 10px;}

#galeria-imatges{text-align:center; margin-top:10px;}
#galeria-imatges img{margin:10px; border:1px solid #AAA;}

/*** fancybox ***/
#fancy_content .text{padding:0px 5px;}
#fancy_content .link-descarregar{color:#FFF; float:right;}

/*** arxius/pàgines d'arxius ***/
#llistat-arxius{
	text-align:left;
	
}
#llistat-arxius div{
	width:140px;
	min-width:140px;  
	text-align:left; 
	display:inline-block; 
	vertical-align: top; 
	margin-right:20px;
}

#sub-horaris{display:none; position:absolute;}
#horarisavui{
	display:none; 
	margin-top:10px; 
	position:absolute; 
	text-align:left; 
	width:330px; 
	z-index:1000 !important; 
	background:#FFF;
	border:1px solid #286CBF;
	padding:5px;
	right:0;
}
#horarisavui table tr td{vertical-align:middle;}
#horarisavui h1{
	color:#286CBF;
	font-size:12px;
	text-align:center;
	border:0;
	margin:0;
	border-bottom:1px dotted #286CBF;
}
#horarisavui span{position:absolute; top:0; right:5px; color:#286CBF;}
#calendari{
	float:left;
	margin-right: 15px;
}
#caixa{
	background: #eee;
	border: 2px #ED732A solid ;
}

.noticiesbanners {
    width:130px;
    vertical-align:top;
    padding: 10px;
}

.masinfo{
	background-color: #ED732A;
	width: 350px; 
	float: left;
	margin-top: 20px;
}

.masinfo a{
	color: #fff;
	font-weight: bold;
	padding: 2px;
	
}


.table_cursos, #cursos-inscrit{width:100%; font-size:12px;}
.table_cursos th, #cursos-inscrit th, .table_cursos td, #cursos-inscrit td{text-align:left;padding: 3px;}
.table_cursos a.jainscrit{background:#BCDAF2;}

.seleccio-assistents{}
.seleccio-assistents td{border:1px dotted #AAA; padding:0; margin-bottom:5px;width:47%;}
.seleccio-assistents td a{display:block; margin:0; padding:3px; width:100%; min-height: 2em;}
.seleccio-assistents td.seleccionat{border:1px solid #000; display:block; background:#EEE;}

.newsbox {
        width: 430px;
        min-height: 250px;
        border: 1px dashed #ccc;
        padding:5px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
}
#divAdminPoliwin * {
	line-height: 11px;
}

.ui-dialog *, .gritter-item-wrapper *{
	line-height: 11px;
}
#divAdminPoliwin a.boto, #divAdminPoliwin .boto {
	text-transform: none;
}

div#enquesta_soci > div#fondoTransparente {	position: fixed;	background-color: grey;	top: 0;	right: 0;	bottom: 0;	left: 0; 	z-index: 1;	opacity: 0.5; }
div#enquesta_soci > div#fondoTransparente + div{	background-color: #e5e5e5; 	position: fixed; 	margin-left: -275px; 	left: 50%; 	top: 30%; 	border-radius: 25px; 	overflow: hidden; 	text-align: center;   	width: 555px; 	z-index: 2; 	box-shadow: 0 2px 12px darkslategrey; 	padding-bottom:20px;}
div#enquesta_soci > div#fondoTransparente + div .enquestaTituloColor1{	font-size: 25px; font-weight: bold;color:black; line-height: 40px;}
div#enquesta_soci > div#fondoTransparente + div .enquestaTituloColor2{	font-size: 25px;color:red; font-weight: bold;}
div#enquesta_soci > div#fondoTransparente + div a#resp_enquesta{	border-radius: 9px; float: left; width: 220px; margin-left: 41px; font-size: 13px; padding: 5px 4px; margin-right:0px;}
div#enquesta_soci > div#fondoTransparente + div a#no_resp_enquesta{	border-radius: 9px; float: right; width: 220px; margin-right: 41px; font-size: 13px; line-height: 16px; padding: 5px 4px;}
div#enquesta_soci > div#fondoTransparente + div a:hover{background-color:#C0C0C0;}

a.reservar{
	background: #007f00 url("img/fons_boto_reservar.png") repeat-x scroll 0 0;
}
a.reservar:hover{color: #FFFFFF; background:url(img/fons_boto_hover_reservar.png) repeat-x #00a500;}

.taula_rebuts.rebutSeleccionat td.seleccio {
  background-image: url('/plantillas/base/checked.png');

}
.taula_rebuts td.seleccio {
  background: url('/plantillas/base/unchecked.png') no-repeat scroll center center;
  background-size: contain;
}
/* Liquid button */
a.submitBtn{color:#FFF;}
.submitBtn, #divAdminPoliwin .submitBtn {
color: white;
	cursor:pointer;
	text-decoration:none;
	background:url(/plantillas/ateneu/img/btn_grey_sprite.png) no-repeat right top; 
	padding-right:10px; 
	display:inline-block;
	line-height:29px;
	height:50px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.boto_desactivat{
	background:url(/plantillas/ateneu/img/btn_grey_sprite_desactivat.png) no-repeat right top;
	cursor: default;
}

span.submitBtn, #divAdminPoliwin span.submitBtn{
	vertical-align: middle;
}

.submitBtn span, #divAdminPoliwin .submitBtn span{ 
	background:url(/plantillas/ateneu/img/btn_grey_sprite.png) no-repeat left top white; 
	padding-left:10px;
	line-height:29px;
	height:50px;
	display:inline-block;
}
.boto_desactivat span, #divAdminPoliwin .boto_desactivat span{
	background:url(/plantillas/ateneu/img/btn_grey_sprite_desactivat.png) no-repeat left top white;
}

.submitBtn span span, #divAdminPoliwin .submitBtn span span{
	color:white;
	background:transparent;
	padding:0;
	padding-top: 10px;
	font-size:14px;
}

.submitBtn span input, #divAdminPoliwin .submitBtn span input{
	cursor:pointer;
	font-family: inherit;
	font-weight:bold;
	background:transparent;
	border:0;
	font-size:14px;
	color:#FFFFFF;
	border: 0;
	background: none;
	color: white;
	height: 50px;
	margin: 0px;
}


.submitBtn:hover, #divAdminPoliwin .submitBtn:hover{
	background-position:right -70px;
}

.submitBtn:hover span, #divAdminPoliwin .submitBtn:hover span{
	background-position:left -70px;
}

.submitBtn:active, #divAdminPoliwin .submitBtn:active{
  background-position:right -70px;
}

.submitBtn:active span, #divAdminPoliwin .submitBtn:active span{
  background-position:left -70px;
}

.submitBtn:hover span span, #divAdminPoliwin .submitBtn:hover span span{
	color: white;
	text-decoration: none;
}



/* Boto en CSS */
.submitBtnCss, .submitBtnCssDesactivat {
	color:#FFF;
	background-color: #3333cc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: none;
	border-radius: 8px;
	padding: 10px;
	font-weight: bold;
}
.submitBtnCssDesactivat, submitBtnCssDesactivat:hover{
	background:#BBBBE8;
	color:#3333cc;
}

.submitBtnCss:hover {
	background-color: #5555ff;
}

a.submitBtnCss {
	color:#FFF;
}
a.submitBtnCssDesactivat {
	color:#3333cc;
}
	  
<!--[if IE 8]>
<style>
.lb-v-scrollbar { background: red; }
</style>
<![endif]-->