/*reset css*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
html { }
body { margin:0 auto; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; background: repeat-x 0 0px  #d8d9da; color:#161616; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; } ul,ol { list-style: none; }fieldset,img { border: none; }caption,th { text-align: left; }table { border-collapse: collapse; border-spacing: 0; }
h2 { font-family:Arial, Verdana, Helvetica; font-size:14px; line-height:18px; border-bottom:1px solid #a6a6a6; padding: 0 4px; margin-top:10px; color:#484848; margin-bottom:7px; }
blockquote { padding:0 10px;} fieldset { padding-bottom:0px; padding-top:0px;} strong { font-weight: bold;} div.reset { clear:both;}
a { outline: none; } * { direction: ltr; } h1 { font-family:Arial, Verdana, Helvetica; font-size:16px; line-height:20px;}
a, a.link  { color:#000; text-decoration:underline; cursor:pointer;}
a:hover { text-decoration:underline; color:#666666;}
a:visited {}
a:active {}
/*reset css*/


/*layout*/


div.container{
    width:990px; border:1px solid #000; border-top:0px;
    margin:0 auto;
}

div.header{
    height:30px; background:#000;
}
/*Menu principal*/

    /*----home menu*/
    body.home div.menu{
        height:30px; background:#000;
    }
    body.home div.menu li.e1{
        margin-left:12px; margin-right:105px; width:100px; _margin-left:8px; 
    }
    body.home div.menu li.last{
        float:right; margin-right:16px; width:50px; _margin-right:9px; 
        text-align:right;
    }
    body.home div.menu ul li{
        padding:8px 8px 6px 8px;
        float:left;
    }
    body.home div.menu li a, div.menu li a:visited, div.menu li a:active{
        color:#fff;
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
    }
    body.home div.menu li a:hover{
        color:#ccc;
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
    }
    /*----fin home menu*/

    /*----menu interior*/
    body.int div.bar-menu {
        height:30px; 
        width:768px; 
        background:#000; 
        overflow:hidden; 
        background:url(../img/pix-menu.png) repeat;
        float:right; 
        _filter:alpha(opacity=85); 
        postion:absolute;
        margin-top:134px;
    }

    body.int div.menu {
        height:30px; 
        width:768px; 
        background:none; 
        overflow:hidden; 
        float:right; 
        margin-top:134px;
        position:absolute;
        margin-left:227px;
        *margin-left:12px;
    }
    body.int div.menu ul li{
        padding:8px 8px 6px 8px;
        float:left;
    }
    body.int div.menu li a, div.menu li a:visited, div.menu li a:active{
        color:#ccc;
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
    }
    body.int div.menu li a:hover{
        color:#fff;
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
    }
    body.int div.menu li.last{
        float:right; margin-right:26px; width:50px; _margin-right:9px; 
        text-align:right;
    }
    body.int div.menu li.last a,body.int div.menu li.last a:visited,body.int div.menu li.last a:active,body.int div.menu li.last a:hover{
        color:#fff;
    }
    body.int div.menu li.current a, body.int div.menu li.current a:visited, body.int div.menu li.current a:active,body.int div.menu li.current a:hover{
        color:#fff !important;
    }
    /*----fin menu inteior*/
    
/*fin Menu principal*/

/*imagen interior */
body.int div.container{
    background:url(../img/bg-layout-int.jpg) no-repeat 0 30px;
    margin-bottom:15px;
}
/*boxs centrales */
body.home div.central-box{
    clear:both; overflow:hidden;
    background:url(../img/bg-big-home.jpg) center no-repeat;
    height:798px;
    
}
body.int div.central-box{
    overflow:hidden;
    clear:both;
}
body.int div.main-box{ float:right; *clear:both; width:770px; margin-top:5px; margin-bottom:15px;}

/* bloque foto espectacles intro*/
body.int div.main-box div.bloque-photo-intro{
    float:left; width:530px;
}
/* bloque foto espectacles*/
body.int div.main-box div.bloque-photo{
    float:left; width:530px; background:#fff;
}


body.int div.main-box div.bloque-photo div.tapa-sup{ width:530px; height:24px; position:absolute; background:url(../img/tapa-sup.png) no-repeat; _background:url(../img/tapa-sup.gif) no-repeat ;  }
body.int div.main-box div.bloque-photo div.tapa-med{ background:url(../img/tapa-med.gif) repeat-y; width:530px; padding:0px; }
body.int div.main-box div.bloque-photo div.tapa-inf{ width:530px; height:26px; margin-top:-26px; background:url(../img/tapa-inf.png) no-repeat; _background:url(../img/tapa-inf.gif) no-repeat ; }

    /*ajusto la altura del box main dependiendo del vertical*/
    body.int div#espectacles-vert div.bloque-photo div.tapa-med{ height:445px; }
    body.int div#taules-vert div.bloque-photo div.tapa-med{ height:445px; }
    body.int div#carpa-vert div.bloque-photo div.tapa-med{ height:445px; }
    body.int div#mostres-vert div.bloque-photo div.tapa-med{ height:445px; }
    
    /*ajusto la altura del box links izquierdo dependiendo del vertical*/
    body.int div#espectacles-land div.izq-int div.links-izq div.rep-links{
        height:201px !important;
    }



body.int div.main-box div.bloque-que-es{
    float:left; width:750px; background:#fff;
}

body.int div.main-box div.bloque-que-es div.G-tapa-sup{ width:750px; height:24px; position:absolute; background:url(../img/G-tapa-sup.png) no-repeat; _background:url(../img/G-tapa-sup.gif) no-repeat ;  }
body.int div.main-box div.bloque-que-es div.G-tapa-med{ background:url(../img/G-tapa-med.gif) repeat-y; width:750px; padding:0px; }
body.int div.main-box div.bloque-que-es div.G-tapa-inf{ width:750px; height:26px; margin-top:-26px; background:url(../img/G-tapa-inf.png) no-repeat; _background:url(../img/G-tapa-inf.gif) no-repeat ; }

body.int div.main-box div.bloque-que-es div.about{
    padding:20px 25px;
}

body.int div.main-box div.taules-info{
    text-align:left; padding:10px;
    margin-left:83px;
}
body.int div.main-box div.espectacles-info{
    text-align:right; margin-right:15px; padding:10px;
}
body.int div.main-box span.lugar{
    color:#e52e1e;
}
body.int div.main-box div.info-box{
    padding-left:15px;
    width:255px;
}
body.int div.main-box div.info-box h1{
    border:0; font-size:35px; color:#000000; font-weight:bold; margin-top:5px;
    line-height:33px;
}
div.info-box h2{
    border:0; font-size:20px; color:#000000; font-weight:bold; margin-top:5px;
}
body.int div.main-box div.info-box div.info-text{
    padding:5px 10px 5px 0;
}
div.info-box div.info-text p{
    margin-bottom:15px;
}
div.info-box div.info-text ul {margin:10px 5px;}
div.info-box div.info-text ul li{
    list-style-position:inside;
    list-style:disc;
    margin-left:15px;
}
body.int div.main-box div.date-col{
    float:left; margin-left:10px; border:0px solid red; width:214px;
}
body.int div.main-box div.date-col div.tickets-box{
    background:#404141; color:#ffffff; font-size:12px; font-weight:bold; padding:2px; width:198px; margin:5px 0px;
    text-align:center;
}
body.int div.main-box div.date-col div.tickets-box strong{ font-size:20px; font-weight:bold; }
/* barra entrada lluire */
body.int div.main-box div.entry-free {
    background:#000; font-size:14px; color:#fff; font-weight:bold; margin:0px 2px; height:26px;
}
body.int div.main-box div.entry-free strong.texto1{
    padding:5px; display:block; width:335px; margin-left:5px; float:left;
}
body.int div.main-box div.entry-free strong.entrada{
    padding:5px; display:block; float:left; background:#E52E1E;
}
strong.entrada a, strong.entrada a:visited, strong.entrada a:hover, strong.entrada a:hover { color:#fff; text-decoration:none;}
body.int div.main-box div.carpa-text{
    padding:10px 15px;
}
/* menu lateral izquierdo */
body.int div.izq-int{
    float:left; 
    width:215px;
}
body.int div.izq-int div.links-izq{
    float:left; width:194px; margin-left:15px; _margin-left:8px; margin-bottom:10px;
}
body.int div.izq-int div.links-izq div.links-sup{
    background:url(../img/links-sup.gif) no-repeat; color:#fff; height:5px; overflow:hidden;
}
body.int div.izq-int div.links-izq div.title-links{
    background:url(../img/link-title.gif) repeat-y; color:#FFFFFF; padding:0 5px 5px 5px; font-weight:bold;
}
body.int div.izq-int div.links-izq div.rep-links{
    background:url(../img/links-rep.gif) repeat-y; padding:8px 5px 15px 5px;
    height:213px;
}
body.int div.izq-int div.links-izq div.rep-links ul li{
    padding:2px 0;
}
body.int div.izq-int div.links-izq div.rep-links ul li a, body.int div.izq-int div.links-izq div.rep-links ul li a:visited, body.int div.izq-int div.links-izq div.rep-links ul li a:active{ text-decoration:none;  color:#757778; }
body.int div.izq-int div.links-izq div.rep-links ul li span { color:#000000; }
body.int div.izq-int div.links-izq div.rep-links ul li a:hover,{ text-decoration:none;  }
body.int div.izq-int div.links-izq div.links-inf{
    background:url(../img/links-inf.gif) no-repeat;
    height:10px; overflow:hidden;
}

/* fin menu lateral izquierdo */

/*box para horaris*/
body.int div.main-box div.bloque-que-es div.horaris{
    padding:20px 25px;
}
body.int div.main-box div.bloque-que-es div.horaris h1{
    border-bottom:1px solid #000000; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;
}
body.int div.main-box div.bloque-que-es div.horaris table{
    font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;
}


div#credit {
    text-align:center;
    font-size: 10px;
    color: #777;
}
div#credit a,div#credit a:VISITED {
    color: #777;
    text-decoration: none;
    font-weight:normal;
}