/* Neteja i iguala */

* {margin: 0; padding: 0; border: none; outline:none; }
body, input, select, textarea {font-family:  Helvetica,Verdana, Arial,sans-serif; font-size:12px; }
a {text-decoration:none; }
a img, img {border:0px; text-decoration:none; }
li {list-style:none; }
p {font-size:12px; font-weight:normal; color:#333; line-height:1.6em; text-align:justify;}


/* Cos - Estructura contenidora */

body {text-align:center;}

#contenidor {margin:auto; padding-bottom:25px; margin-top:5px; width:940px; overflow:hidden;}
.colLeft {width:685px; float:left; margin-top:10px; overflow:hidden;}
.colRight {width:240px; float:right; margin-top:10px; overflow:hidden; display:block;}
.clear {clear:both; }

h1 {font-size:18px; font-weight:bold; margin-bottom:20px}
h2 {font-size:16px; font-weight:bold; margin-top:10px; margin-bottom:5px}
h3 {font-size:14px; font-weight:bold; margin-bottom:10px}
h4 {font-size:12px; font-weight:bold; margin:10px 0}

h1 a, h2 a {color:#02a0c5;}
h1 a:hover, h2 a:hover {text-decoration:underline;}

.alignright {float:right; padding-left:15px}
.alignleft {float:left; padding-right:15px}
.center {text-align:center}

.pdfProgram {float:right; margin:0px 30px 0 0}
.pdfProgram a {color:#000; font-size: 14px; font-weight: bold; text-decoration:none}

/* Head */

.head {width:935px; height:210px; overflow:hidden; background:url(img/homeBck2.jpg) center left no-repeat; border-bottom:1px solid #e4e4e4;}
.logoCont {width:350px; float:left; overflow:hidden; margin-left:10px; margin-top:53px}
.idioma {width:270px; height:22px; margin-top:7px; overflow:hidden; text-align:right; float:right; margin-right:10px}
.idioma p {font-size:10px; color:#000066; font-family:arial; font-size:11px; font-weight:bold; text-align:right;} /*color:#02a0c5;*/
.idioma p span{color:#fff;} /*color:#02a0c5;*/

.idioma  a {color:#000066;}
.idioma  a:hover {color:#fff;}
.logo {width:350px; height:125px; margin-top:40px;}
.logo img {border:none; width:350px}

/* Menu */

.menuCont {width:935px; margin-top:6px;}

#nav, #nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; }
#nav a{display:block; font-weight:bold; padding:10px 25px; border:1px solid #fff; color:#02a0c5; text-decoration:none; background-color:#e4e4e4; }
#nav a:hover{background-color:#02a0c5; color:#333;}
#nav li{float:left; position:relative; }
#nav ul {position:absolute; display:none; width:12em; top:3.3em; }
#nav li ul a{width:8em; height:auto; float:left;}
#nav ul ul{top:auto; background-color:#fff}	
#nav li ul ul {left:11em; margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

.selected_subpage {color:#000 !important}

.boto {height:18px; overflow:hidden; display:block; float:right; margin-right:10px; margin-top:15px;}
.botoLeft {width:10px; height:18px; float:left; display:block; background:url(img/botons/bot_partleft.png) center left no-repeat;}
.botoRight {width:10px; height:18px; float:left; display:block; background:url(img/botons/bot_partright.png) center right no-repeat;}
.botoRightDownload {cursor:pointer; width:18px; height:18px; float:left; display:block; background:url(img/botons/bot_partright_fletxa.png) center right no-repeat;}
.destTitExtra .botoRightDownload {background:url(images/pdf.png) no-repeat center right;}
.botoCentre {float:left; padding-left:5px; padding-right:5px; height:18px; display:block; background:url(img/botons/bot_partcent.png) center center repeat-x;line-height: 18px;}
.download { padding-right:4px;}
.botoCentre span {margin-top:3px;}
.botoCentre a {color:#fff; font-weight:bold; font-size:11px;}
.botoCentre a:hover {text-decoration:underline;}

/* Columna esquerre */

.destacat {width:683px; min-height:400px; padding-bottom:20px; overflow:hidden; border:1px solid #e4e4e4; background:#eaf5f9; text-align:left; padding-top:16px}
.destTit {width:660px; margin-left:20px; margin-top:10px;}
.destTit h1 {color:#02a0c5;}
.destText {margin-left:20px; margin-top:0px; float:left; margin-right:30px;min-width:90%}
.destImg {width:260px; margin-top:15px; margin-right:15px; float:right; display:block;}
.destImg img {width:260px; border:none;}
.destText p {padding-bottom:5px;}
.destText h2  {color:#464644;padding-bottom:5px;padding-top:10px;}
.destText h3  {margin-top:15px;color:#464644}
.destText ul {padding-left:10px; margin-bottom:15px}
.destText ul li {list-style:square inside url("img/listbullet.png");margin-bottom:5px;color:#333}
.destText ul li a {color:#333}
.destText ul li a:hover{color:#333;font-weight:bold;text-decoration:underline}
.destText p a {color:#333;text-decoration:underline}
.destText p a:hover{color:#333;font-weight:bold;text-decoration:underline}
.destHome {border: 2px solid #02A0C5!important; padding:10px; margin-bottom:20px;}



.noticies {width:938px; margin-top:10px; border:1px solid #000; overflow:hidden; border:1px solid #e4e4e4;}
.noticies div {margin-left:4px;  float:left;}
.noticies div a {font-size:12px; color:#333; margin-top:2px;}
.noticies div a:hover {text-decoration:underline;}
.noticies div h3 {color:#02a0c5; margin:0px; padding:0px; margin-top:3px;font-size:13px;}

.noticies .noticies_titol {width:130px;}
.noticies .noticies_titol img {margin-top:4px;}
.noticies .noticies_marquee {margin-left:10px;}

.miniDestLeft {font-size:12px; font-weight:normal; color:#333; line-height:1.6em; ; padding-left:10px;padding-top:10px;text-align:left;min-height:100px; width:300px; float:left; margin-top:10px; padding-bottom:10px; border:1px solid #e4e4e4; overflow:hidden; display:block; margin-right:2px}
.miniDestLeft p {padding-right:8px}

.miniDestLeft h1 {color:#02a0c5;margin-bottom:5px;}
.miniDestLeft .boto {line-height:1}

.miniDestLimg {width:125px; float:left; margin-top:10px; margin-left:8px;}
.miniDestLimg img {width:125px; border:none;}
.miniDestLimg img a {border:none;}
.miniDestLimg img a:hover {border:1px solid #02a0c5;}
.miniDestLtxt {width:155px; height:160px; float:right; margin-top:10px; margin-right:8px; text-align:left;}
.miniDestLtxt h2 {color:#02a0c5;}

.miniDestRight {font-size:12px; font-weight:normal; color:#333; line-height:1.6em; ; padding-left:10px;padding-top:10px;text-align:left;;min-height:100px;width:300px; float:right; margin-top:10px; padding-bottom:10px; border:1px solid #e4e4e4; overflow:hidden; display:block;}
.miniDestRight h1 {color:#02a0c5;margin-bottom:5px;}
.miniDestRight p {padding-right:8px}

.miniDestRimg {width:125px; float:left; margin-top:10px; margin-left:8px;}
.miniDestRimg img {width:125px; border:none;}
.miniDestRimg img a {border:none;}
.miniDestRimg img a:hover {border:1px solid #02a0c5;}
.miniDestRtxt {width:155px; height:160px; float:right; margin-top:10px; margin-right:8px; text-align:left;}
.miniDestRtxt h2 {color:#02a0c5;}

.miniDestLarge {width:683px; float:right; margin-top:10px; padding-bottom:10px; border:1px solid #e4e4e4; overflow:hidden; display:block;}
.miniDestLarImg {width:125px; float:left; margin-top:10px; margin-left:8px; border:1px solid #e4e4e4;}
.miniDestLarImg img {width:125px; border:none;}
.miniDestLarTxt {width:520px; float:right; margin-top:10px; margin-right:8px; text-align:left;}

/* Columna dreta */

.colRight ul {padding:0px; margin:0px;}
.colRight ul li {list-style-image:none; list-style-type:none; margin-bottom:12px;}

.textwidget {text-align:left;padding-left:20px; padding-right:14px; font-size:12px}
.textwidget  p {color: #000; font-family:  Helvetica,Verdana, Arial,sans-serif; font-size:11px; text-align:left; line-height:1.2em; margin-top:10px; color:#333}
.textwidget  h3 {color: #464644;}


.colRight .textwidget ul,.colRight .widget_recent_entries  ul{padding:0px; margin:0px;   margin-bottom:5px;  margin-top:5px; margin-left:10px;}
.colRight .textwidget ul li , .colRight .widget_recent_entries ul li{list-style-image:none; list-style:square outside url("img/listbullet.png"); margin-bottom:0px; font-size:15px; padding-top:2px; color:#333}
.colRight .textwidget ul li a,.colRight .widget_recent_entries ul li a {color:#666666;}
.colRight .textwidget ul li a:hover ,.colRight .widget_recent_entries ul li a:hover {font-weight:bold;text-decoration:underline;}

.widget_recent_entries  ul{text-align:left;}
.widget_recent_entries  ul li{margin-left:20px;}



.widget_text {padding-bottom:10px}

.widget_search {float:right;background:url(img/fonssearch.png) center center repeat-x; height:29px; font-size:12px; font-weight:normal; color:#333;  text-align:left; font-family:Verdana, Helvetica, Arial, sans-serif; }
.widget_search label {padding-left:4px;}
.widget_search #s {border:1px solid #b4b4b4; height:18px;width:145px;}
.widget_search .divsearch {padding-top:3px }
.floatleft  {float:left;}
.floatright  {float:right;}
#botossubmit {padding-left:5px;}

.widget1 {width:230px; height:70px; border:1px solid #e4e4e4; display:block;}
.widget2 {width:230px; height:250px; border:1px solid #e4e4e4; display:block;}
.widget3 {width:230px; height:350px; border:1px solid #e4e4e4; display:block;}
.widget4 {width:230px; height:180px; border:1px solid #e4e4e4; display:block;}
.widget5 {width:230px; height:200px; border:1px solid #e4e4e4; display:block;}
.widget {width:236px; border:1px solid #e4e4e4; display:block;}
.widget  h2 {color:#02a0c5; font-size:18px;}



/* LogosHome */

.logosHome {width:935px; margin-top:15px; overflow:hidden; border:1px solid #e4e4e4;}
.logosHomeLeft {width:250px; float:left; overflow:hidden; padding-bottom:10px;}
.logosHomeRight {float:right; overflow:hidden;  padding-bottom:10px; margin-right:20px}
.logosTit {text-align:left; margin-left:20px; margin-top:10px;}
.logosTit h4{color:#8a8a8a;}
.logosCont {display:block; margin-top:10px; margin-right:0;}
.logosCont span {float:left; display:block; margin-left:10px;}
.spacer {float:right;width:40px; min-width:40px;}

/* Foot */

.foot {width:935px; margin-top:15px; overflow:hidden;}
.foot p {color:#b8b8b8; font-size:11px;}
.foot a {color:#b8b8b8; font-size:11px;}
.foot a:hover {color:#b8b8b8; text-decoration:underline;}
.footLeft {float:left;}
.footRight {float:right;}

.sociable_tagline {color:#464644}


/*Estils HOME */


.colLeftHome {width:940px; float:left; margin-top:5px; overflow:hidden;}
.destacatHome {width:938px; padding-bottom:20px; overflow:hidden; border:1px solid #e4e4e4; background:#eaf5f9; text-align:left; padding-top:16px}

/* ESTILS COLABORADORS */
#table {color:#333 }
.destText table {width:525px}
tr.colablogos td {vertical-align:middle;}
tr.colabtitol {height:40px;}
.liniasepara {border-bottom:1px solid #E3E3E3}
tr.colabtitol td {vertical-align:baseline;}
.colaboradors {background:#fff; border:1px solid #02A0C5;}

/*FORM INSCRIPCIO */

.linklove {display:none}

#user_login {
border:1px solid #CCCCCC;
color:#666666;
font:12px Arial;
margin:0;
margin-left:10px;
padding:4px 5px;
vertical-align:top;
}
#user_pass {border:1px solid #CCCCCC;
color:#666666;
font:12px Arial;
margin:0;
margin-left:13px;
padding:4px 5px;
vertical-align:top;
}

.cform legend {font-variant:normal !important;}
.cform .textonly {font-size:11px !important; font-weight:normal !important}



/*Pagina blanca*/
.destTitAmple { margin-left:20px; margin-top:10px;}
.destTitAmple h1 {color:#02a0c5;}
.textleft {text-align:left}


/*�rea privada*/

.fitxaLateral {margin-top:16px;float:left;width:190px;font-size:14px;font-weight:bold;}
.fitxaLinks {border:1px solid #E4E4E4;margin-top:20px;width:169px;padding-bottom:7px;background:white;}
.fitxaLinks ul {padding-top: 5px}
.fitxaLinks  h2 {color:#02a0c5; font-size:16px;text-align:center;padding-top:0px;}
.fitxaContingut {float:left;width:435px;margin-top:10px;}
.fitxaContingut h1 {color:#02a0c5;margin-bottom:10px;}
.blanc  {background:#fff;}


.taulaTitol {font-size:16px; font-weight:bold;color:white;background:#009ec5;padding-left:10px;padding-top:4px;padding-bottom:4px}
.taulaSubTitol {font-size:14px; font-weight:bold;color:white;background:#009ec5;padding-left:10px;padding-top:3px;padding-bottom:3px}
.taulaDia  {font-size:16px; font-weight:bold;color:black;background:#009ec5;margin:1px 0;padding-left:10px;padding-top:4px;padding-bottom:4px}

.llistat table {width:100%;border-collapse:collapse;}
.llistat td {width:100%; padding-top:4px;padding-bottom:4px;border:1px solid #0099cd;padding-left:10px;padding-right:4px;text-align:left;}
.llistat td.hora {color:#0099cd;width:13%;font-weight:bold;vertical-align:top;text-align:center;padding-left:4px;padding-right:4px;}
.llistat td img {margin-top:4px;}
.llistat ul {margin-top:3px;}

table#price {margin-bottom:10px ; width:100% !important; border-top:1px solid #009EC5; border-right:1px solid #009EC5}
table#price td {width:33% !important; padding:5px; border-bottom:1px solid #009EC5; border-left:1px solid #009EC5}

.llistat td a {color:#333}
.llistat td a:hover{color:#333;font-weight:bold;text-decoration:underline}

#slider {margin:5px 20px 0 0; float:left}
#slider ul, #slider li {margin:0; padding:0; list-style:none}
/* define width and height of list item (slide)entire slider area will adjust according to the parameters provided here*/ 
#slider li {width:350px; height:220px; overflow:hidden}

/* 
 * Style used by the label output mode.
 * Applied to the error labels that get positioned after an input.
 */
label.error {
    color:#fff; 
    margin-left:2px;     
    background-image:url('arrow.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding:2px;
    padding-left:18px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
}

/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes 
 * and '.validity-modal-msg:hover' is applied to suggest 
 * to the user that the boxes are clickable.
 */
.validity-modal-msg {
    position:absolute; 
    z-index:2; 
    background-color:#999; 
    border:solid 1px #000; 
    padding:4px;
    cursor:pointer; 
}
.validity-modal-msg:hover {
    background-color:#aaa; 
}

/*
 * Styles used by the summary output mode.
 * '.validity-summary-container' is a container on the page that should contain a UL 
 * which is the actual summary. The container can hold 
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
 */
.validity-summary-container {display:none; }
.validity-summary-output ul {}
.validity-erroneous {border:solid 2px #f56600 !important; }

label.error {color:#F00 !important; width:auto !important; background-color:transparent !important}

.ie-select-width-container {float:right !important}

/*
* Ocultar la seleccion de idiomas
*/
.idioma{display:none}


/*
* Post-events
* 11/2011
* Andres Pi
*/

.col-1{
    float: right;
    width: 708px
}
.col-2{
    float: left;
    width: 170px;
}

.post-event h1{
    color: #039FC5;
    font-size: 20px;
    margin-bottom: 5px;
}

.post-event-author{
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}

.post-event .destText{
    float: none;
    margin-right: 20px
}
.post-event-img{
    margin-bottom: 20px
}
.documents{
    background: #fff;
    border: 1px solid #E4E4E4;
}
.video-title a,
.documents h3{
    color: #039FC5;
    font-size: 18px;
    font-weight: normal;
}
.documents h3{text-align: center}

#cont-video {
    height:360px;
    margin: 0 0 15px;
    width:540px; 
}

.post-event-login .tml-action-links{
    display: none
}
#theme-my-login.login{
    padding-top: 25px
}
.post-event-login .boto{float: none}
.post-event-login .boto input{background: none; border: 0;color: #fff; cursor: pointer}

.destacat td a.link-post-event{
    /*color: #000 !important;
    text-decoration: none;*/
    display: block;
    margin-bottom: 10px;
}
.title-post-event{
    display: block;
    margin-bottom: 10px;
}
.post-event,
.prog-doc{margin-top:16px; }

.prog-doc .destTit{overflow: hidden;width: auto}
.prog-doc .destTit h1{float: left}
.prog-doc .destTit .destTitExtra{float: right;  margin-right: 25px;}
.prog-doc .destTit .destTitExtra .boto{margin-top:4px}

.destacat td .boto a{
    color:#fff !important;
    text-decoration: none
}
.destacat td .boto a:hover{color:#fff !important;text-decoration: underline}
.destacat td .boto{margin-bottom: 10px}


 .destText ul li.ico-pdf,
 .destText ul li.ico-video{
     list-style: none !important
 }
 .destText ul li.ico-pdf{
     padding-left: 18px;
     background: url(images/pdf-simple.png) no-repeat left 0;
 }
 .destText ul li.ico-video{
     padding-left: 18px;
     background: url(images/video.old.gif) no-repeat center left;
 }
 
/*menu*/
.page-template-2011-edition-post-event-php .icl_last a,
.page-template-2011-edition-contents-private-php .icl_last a{
    font-weight: bold !important
}


#theme-my-login .message{display:none}

