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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	position:relative; font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	color:#000;
	margin:0;
	padding:0;
	background-image:url(../img/fondo.jpg);
	background-color:#393939;
	overflow-x:hidden;
}

a {color:#3d3737; text-decoration:none;}

a:hover {text-decoration:underline;}

h1 {display:none;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main {position:relative; width:955px; margin:0 auto; padding:0; padding-bottom:30px;}

#header, #footer {position:relative; width:955px; margin:0 auto; padding:0;}
#header {height:230px; margin-top:0;}
#header img {position:relative; float:right; margin-top:35px; margin-right:-10px;}

#menu {position:relative;}
#menu ul {position:relative; list-style:none; float:left; margin:35px 40px 0 0;}
#menu ul li {position:relative; height:22px; margin:0; padding:0; margin-top:5px;}
#menu ul li a {height:22px; display:block;}
#menu ul li a span {display:none;}
#menu li a:hover, #menu li a.marcat {background-position:center;}
#menu li a.destaca { background-position:bottom;}


/*MARCO*/
#marco {position:relative; margin:0 auto; padding:0; z-index:1; left:-90px!important;}
#marco #decos {position:relative; margin:0 auto; padding:0; z-index:1;}
#marco #marcoFrame {position:relative; width:990px; margin:0 auto; min-height:458px; left:60px;}
#marco #setba {position:relative; margin:0 auto; text-align:center; padding:0; z-index:10;}
#marco #setba img {position:relative; margin-top:0; left:80px;}

/*marco bloqueado*/

#marco img {position:absolute; z-index:1000;}
#marc011 {top:30px; left:0;}
#marc012 {top:30px; right:0;}
#marc01 {top:67px; left:0;}
#marc02 {top:67px; right:0;}
#marc03 {bottom:22px; left:0;}
#marc04 {bottom:22px; right:0;}


/*marco sin bloquear*/

#marco #marquesina {position:absolute; z-index:100!important; margin-left:283px; top:-40px;}
#marco #marquesina img {position:relative; z-index:2;}

.marq1 {margin:0 0 0 -15px;}
.marq2 {margin:53px 0 0 0px; float:left;}
.marq3 {margin:0 0 0 510px;}
.marq4 {margin:0 0 0 0px; clear:both;}
.marq5 {margin:0 0 0 196px;}




#noticiaTira {position:absolute; z-index:1; top:41px; left:10px;}

#peu2 {position:absolute; right:33px; top:0px;}
#peu2 li {position:relative; float:left; margin-left:15px;}
#peu2 li img {margin-top:10px;}

/*pagines*/
.pagines {position:relative;  width:1135px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; z-index:1!important; font-size:0.90em;}
.pagines h2 {position:relative; padding-bottom:40px; margin-top:20px;}
.pagines h2 span {display:none;}
.pagines h2 img {float:none!important;}
.pagines p {padding-bottom:15px;}
.pagines p a {text-decoration:underline; }

.paginesCreix {position:relative; background-image:url(../img/marc-creixent.gif); background-repeat:repeat-y; background-color:#fff; width:886px;  margin-left:24px; top:20px; margin-bottom:-22px; padding:60px 100px;}
.paginesIframe {position:relative; background-image:url(../img/marc-creixent.gif); background-repeat:repeat-y; width:1086px; padding:0; top:20px; margin-bottom:-22px; margin-left:24px;}
.paginesIframe iframe {position:relative; width:989px; height:460px; margin-left:46px;}

.editable {position:relative; font-family:Georgia, "Times New Roman", Times, serif!important;}
.editable img {position:relative!important; max-width:400px; margin:5px;}
.editable embed {position:relative; margin:5px;}


.clearfix:after {content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height: 1%;}

/*contact*/

.formContacto {position:relative; margin-top:30px; font-size:0.95em;}
.formContacto span {font-size:0.95em; text-align:right; vertical-align:top; line-height:30px; width:180px; padding-right:2px; display:table-cell;}
.formContacto fieldset textarea, .formContacto fieldset input, .formContacto fieldset select {vertical-align:top; font-size:0.95em; color:#696969; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin-top:4px;}
.formContacto fieldset {border:none;}
.formContacto fieldset textarea {font-size:1.05em; font-style:italic; border:1px solid #c34ca9; color:#696969;width:185px; }

.espai {border:1px solid #c34ca9; font-size:1em; line-height:13px; padding:2px; width:180px;}
.formContacto .boto {position:relative; border:none; margin:-10px 0 0 230px;}

#contacta form {width:400px;float:left;}
#contacta div {position:relative; float:left; margin-top:30px; width:400px;}

/*noticias*/
#noticias div {position:relative; background-image:url(../img/ratlla-separacio.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px; margin-top:25px;}
#noticias div img {position:relative; float:left; margin:5px 10px 5px 0; width:153px; height:77px; overflow:hidden;}
#noticias div h3 {font-weight:bold; max-height:1.2em; overflow:hidden;}
#noticias div h3 a {background:#c34ca9; color:#fff; padding:0 2px;}
#noticias div h3 a:hover { background:none; color:#c34ca9; text-decoration:none;}
#noticias div h4 {font-weight:bold; font-size:0.90em;}
#noticias div p {max-height:2.6em; overflow:hidden;}

#noticiasDetalle {padding-top:30px;}
#noticiasDetalle h3 span {background:#c34ca9; color:#fff; padding:0 2px; font-weight:bold;}
#noticiasDetalle h4 {font-weight:bold; font-size:0.90em; background-image:url(../img/ratlla-separacio.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}
#noticiasDetalle .editable {margin-top:20px;}

.bTornar {position:relative; font-weight:bold; height:3em; clear:both;}
.bTornar a {text-decoration:underline; float:right;} .bTornar a:hover {text-decoration:none;}

/*arteterapia*/
#arteterapia form {position:relative; float:right; font-size:0.9em; margin-top:-38px; margin-right:16px;}
#arteterapia form label {margin-right:5px; font-weight:bold; margin-left:10px;}
#arteterapia form select {font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-style:italic; border:1px solid #c34ca9; color:#696969;}
#arteterapia form input.boto {border:none; background:#303030; color:#fff; font-size:0.85em; font-weight:bold; padding:2px 3px;}

#arteterapia div {position:relative; width:205px; background-image:url(../img/ratlla-separacio.gif); background-position:bottom; background-repeat:repeat-x; float:left; margin:10px 16px 20px 0; font-size:0.85em; }
#arteterapia div img {position:relative; width:205px; height:130px; overflow:hidden;}
#arteterapia div h3, #puteados div h3 {font-weight:bold; margin-top:5px; height:1.3em; overflow:hidden;} 
#arteterapia div h3 a {} #arteterapia div h3 a:hover {color:#c34ca9; text-decoration:none;}
#puteados div h3 a:hover {background:#c34ca9; color:#fff; text-decoration:none;}
#arteterapia div h4 {margin:3px 0 5px 0;}
#arteterapia div h4 span {background:#c34ca9; font-weight:bold; color:#fff; padding:0 2px;}

#puteados div {position:relative; width:255px; background-image:url(../img/ratlla-separacio.gif); background-position:bottom; background-repeat:repeat-x; float:left; margin:10px 40px 20px 0; font-size:0.85em; }
#puteados div img {position:relative; width:255px; height:155px; overflow:hidden;}
#puteados div h3 {padding-bottom:5px;} 

#leftArte {position:relative; width:670px; float:left;}
#rightArte {position:relative; width:210px; float:right; background-image:url(../img/ratlla-separacio.gif); background-position:bottom; background-repeat:repeat-x;}

#arteterapiaDetalle #leftArte div {position:relative; width:205px; background-image:url(../img/ratlla-separacio.gif); background-position:bottom; background-repeat:repeat-x; float:left; margin:10px 16px 20px 0; font-size:0.85em; height:232px; overflow:hidden;}
#arteterapiaDetalle #leftArte div img {position:relative; width:205px; height:130px; overflow:hidden;}
#arteterapiaDetalle #leftArte div h4 {font-weight:bold; margin-top:5px;}
#arteterapiaDetalle #leftArte div h5 {margin:3px 0 2px 0;}
#arteterapiaDetalle #leftArte div h5 span {background:#c34ca9; font-weight:bold; color:#fff; padding:0 2px;}
#arteterapiaDetalle #leftArte div p {font-size:1.05em;}
#rightArte h3 span {background:#c34ca9; font-weight:bold; color:#fff; padding:0 2px;}
#rightArte img {position:relative; width:210px; margin:10px 0;}

#arteterapiaDetalle .bTornar {padding-top:20px;}

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; clear:both; font-size:0.85em;padding:30px 0 20px 0; text-align:right; border-bottom:none!important; background:none!important;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:-11px!important; height:15px; padding:4px 6px; font-weight:bold;}
.paginacio ul li a {position:relative; color:#000; text-decoration:none!important; padding:4px 6px!important;} 
.paginacio ul li a:hover {background:#000!important; padding:4px 6px!important; text-decoration:none; color:#fff;}
.paginaSeleccio {position:relative; background-color:#000; padding:4px 6px; color:#fff;}
.paginaNoSeleccio {position:relative; padding:4px 6px; color:#000;}

/*================================================*/

#actividades  {position:relative;}
#actividades div {float:left; position:relative; width:425px; margin:10px 15px 15px 3px; overflow:hidden; background-image:url(../img/ratlla-separacio.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:5px; font-size:0.90em; height:70px;}
#actividades div img {position:relative; float:left; width:135px; height:70px; overflow:hidden; margin-right:10px;}
#actividades div h3 {max-height:2.5em; overflow:hidden;}
#actividades div h3 a {font-weight:bold;}
#actividades div h3 a:hover {color:#c34ca9;}
#actividades div h4, #actividadesDetalle h4 {margin-top:5px;} 
#actividades div h4 span, #actividadesDetalle h4 span {background:#c34ca9; color:#fff; font-weight:bold;}
#actividades div h5 {font-size:0.95em; margin-top:3px;}

#actividadesDetalle h3 {font-weight:bold;}
#actividadesDetalle h5 {font-size:0.95em; margin-top:3px;  background-image:url(../img/ratlla-separacio.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:5px; margin-bottom:20px;}

/*divs flotants*/
.bCerrar {position: absolute; color:#fff; text-decoration:underline; top:37px; right:30px; font-weight:bold;} 
.bCerrar:hover {text-decoration:none;}

.desaparece {display:none;}

#enviarAmigo {position:absolute; bottom:100px; right:120px;  z-index:10000!important; width:198px; height:219px; background:url(../img/fons-div-gran.png) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:80px 40px 30px 40px;}
#enviarAmigo p {position:relative;}
.formPetit {position:relative; margin-top:0;font-size:0.85em;}
.formPetit label {position:relative; line-height:2em; font-weight:bold; display:both;}
.formPetit input {border:1px solid #c34ca9; margin-top:-3px!important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:2px; color:#696969;}
.formPetit input.boto {border:none; position:absolute; margin-top:0!important; top:105px!important; left:50px}

#amigo_ok img, #amigo_ko img {position:absolute; top:238px!important; left:92px}

#suscribirse {position:absolute; bottom:100px; right:120px;  z-index:10000!important; width:198px; height:179px; background:url(../img/fons-div-petit.png) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:80px 40px 30px 40px;}

#suscribirse .formPetit input.boto {border:none; position:absolute; margin-top:0!important; top:68px!important; left:50px}
#suscribirse_ok img, #suscribirse_ko img {position:absolute; top:201px!important; left:92px}

#navegadores {position:absolute!important; margin:0!important; z-index:1000000!important; background:#000; opacity:.8; filter:alpha(opacity=80);  width:100%; padding:20px; font-size:0.9em; top:0!important; left:0!important;}
#navegadores p {color:#dedad4; width:910px;} #navegadores p a, #navegadores p strong  {color:#dedad4; font-size:1em;}

.textAclara {position:relative; background:#DFDFDF!important; padding:10px; clear:both; margin:20px 0!important; font-size:0.9em;}
.textAclara a {text-decoration:underline;} .textAclara a:hover, .textAclara2 a:hover { text-decoration:none;}
.textAclara ul { list-style:none;}
.textAclara ul li  {margin-bottom:8px;}

#icoSocials {position:relative; float:none; margin:5px -100px 15px 0;}
#icoSocials  li {position:relative; height:22px; margin:0; padding:0; margin-left:15px; display:inline; float:right;}
#icoSocials  li a {height:22px; display:block;}
#icoSocials  li a span {display:none;}
#icoSocials  a:hover, #menu li a.marcat {background-position:center;}