/* ================ */
/* ! css generals   */
/* ================ */

html{
background: white;
}
body{
margin:0;padding:0;
color:black;
}

a{
text-decoration: none;
color: #A2ADAB;
}
a:hover{
color:#6F7274;

}


#wrapper{
width:960px;
margin: 1em auto 1em auto;
overflow:auto;
padding-left:15px;
}

#branding{display:none;
background:#4E2438;
width:960px;
height: 48px;
}
#branding h1{
margin:0;
padding:0;
height:48px;
width:138px;
/* ======================== */
/* ! //position:relative;   */
/* ======================== */
color:#fff;
text-indent: -3333333px;
float:left;

}

#branding h1 a{
margin:0;
background:#4E2438 url(../imgs/maspi-head.gif) no-repeat ;

height:48px;
width:138px;
display:block;

}

/* ======== */
/* ! menu   */
/* ======== */


#menu-list{
float: left;
font-family:Times New Roman,times, times-roman, georgia, serif;
font-size: 1em;
font-weight: 500;
list-style:none;
margin:13px 0 0 0	;
letter-spacing:0.1em;	
padding:0.25em 0 0 2em;
display:block;
}

#menu-list li{
text-align: left;
margin: 0px 15px 0px 15px;
display:block; float:left;
font-variant: small-caps;
}
#menu-list a{display:none;
color: #AA9A9A;
}
#menu-list a:hover{
color: #CDCCCE;
}
#menu-list .current{
color: #fff;
text-decoration:underline;
display:block;
}


/* =========== */
/* ! submenu   */
/* =========== */
#submenu-list{
float: left;
clear:both;
width:960px;
font-style: italic;
font-family:Garamond, georgia, serif;
font-size: 1.4em;
list-style:none;
margin:13px 0 0 0	;
letter-spacing:0.02em;	
padding:5px 0 0 0px;
display:none;

}

#submenu-list li{
text-align: left;
margin: 0px 25px 0px 0px;
display:block;display:none;
float:left;

}
#submenu-list a{
color:#8A737A; display: none;
}
#submenu-list a:hover{
color: #618199;
}
#submenu-list .current{
color: #99afb7;
text-decoration:none;
display: block;
}



#content{
width:633px;
float:left;
}
#content a{color: #618199;}
#content a:hover{color:#8A737A;}
#content h1{
margin:0;

}
#content h6{
margin:0;

min-height:40px;

}
#dynamic-cont{
margin-top: 1em;
margin-bottom: 1em;
font-family:Times New Roman,times, times-roman, georgia, serif;
}

#sidebar{display:none;
font-family:Arial, sans-serif;
width:300px;
margin:1em 0 1em 0;
color:#fff;
float:right;
clear: right;
padding: 0 0 30px 0;
overflow:auto;
background:url(../imgs/sidebar-back.png) bottom left repeat-x #394b58;
}
#event-list{
list-style:none;
margin:0;
padding:0;
letter-spacing:0.07em;	
display:block;
overflow: auto;
}
#event-list .evt{
margin:0;
padding: 0;
}

#event-list  img{
margin:0;
padding: 0;

}

#event-list .evtcont{
margin:0px 10px 20px 15px;
padding-bottom: 10px;
width:275px;
border-bottom: #C1C2C3 solid thin;

}
#event-list .evtcont h2{
margin:5px 0 0 0;
padding: 0;

}

#event-list .evtcont h4{
font-size: 0.6em;
margin:5px 0 0 0;
padding: 0;

}

#event-list .evtcont h3{

font-size: 0.6em;
margin:5px 0 0 0;
padding: 0;
}

/* ================ */
/* ! news sidebar   */
/* ================ */
#news-list{
list-style:none;
margin:0;
padding:0;
letter-spacing:0.07em;	
display:block;
overflow: auto;
}
#news-list ul{
list-style: disc;}
#news-list .news{
margin:0;
padding: 0;
}

#news-list  img{
margin:0;
padding: 0;

}

#news-list .newscont{
margin:0px 10px 20px 15px;
padding-bottom: 15px;
width:275px;
border-bottom: #C1C2C3 solid thin;

}
#news-list .newscont h2{
margin:5px 0 0 0;
padding: 0;

}

#news-list .newscont h4{
font-size: 0.6em;
margin:5px 0 0 0;
padding: 0;
}
#news-list .news-excerpt{
font-size: 0.7em;
margin:5px 0 0 0;
padding: 0;
}

#news-list h3{
font-size: 0.6em;
margin:10px 0 0 15px;
padding: 0;
}



#sidebar h3{
font-size: 0.6em;
margin:10px 0 0 15px;
padding: 0;
}

#sidebar h1{
width:275px;
color: #a2adab;
background:#4E2438; 
font-size: 0.8em;
margin:0 0 0 0;
padding: 4px 10px 4px 15px;
}
.sidebar-ul{
list-style: none;
margin:15px;
padding:0;
}
.sidebar-ul li{
margin:0;
padding:0;
}
/* ========================= */
/* ! archive and evt lists   */
/* ========================= */

#content .titol-garamond-morat{
margin-top:10px;
}
.new-event-list{
list-style:none;
margin:1em 0 0 0;
padding:0;
letter-spacing:0.08em;	
display:block;
overflow: auto;

font-family:Arial,sans-serif;
}
.new-event-list h1{
font-size: 1.4em;

}

.new-event-list .evt{
margin:0;
clear:left;
overflow: auto;
padding: 10px 0 20px 0;
border-bottom: #C1C2C3 solid thin;

}

.new-event-list  img{
margin:0;
padding: 10px 0 10px;
display: block;
}

.new-event-list .evtcont{
margin:0px 10px 0px 0px;
padding-bottom: 10px;

}
.new-event-list .evt-title{
margin:5px 0 0 0;
padding: 0;

}
.new-event-list .evt-title a{
color:#4E2438;
}
#content .evt-title a{
color:#4E2438;
}
#content .evt-title a:hover{
color:#8A737A;
}
.new-event-list .evt-date{
font-size: 0.6em;
margin:5px 0 0 0;
letter-spacing:0.05em;
padding: 0;
font-weight: bold;
display:inline;
}
.new-event-list .excerpt{
margin-bottom:10px;

}
.new-event-list h3{

clear:left;
display:block;
font-size: 0.6em;
margin:10px 0 0 0;
padding: 0;
}
.new-event-list .more{
font-size: 0.6em;
}
#tipus-archive-ul{
list-style: none;
margin-left: 0;
padding-left: 0;
}
/* ======================== */
/* ! news & events detail   */
/* ======================== */
#new-evt-detail{
margin:1em 0 0 0;
padding:0;
letter-spacing:0.08em;	
display:block;
overflow: auto;
font-family:Arial,sans-serif;
}
#new-evt-detail .evt-title{
margin:5px 0 0 0;
padding: 0;

}

#new-evt-detail .evt-date{
font-size: 0.6em;
margin:5px 0 0 0;
letter-spacing:0.05em;
padding: 0;
display:inline;
}

#new-evt-detail  img{
display:block;
margin-bottom:10px;
}
#new-evt-detail .evtcont{
margin:0px 10px 20px 0px;
padding-bottom: 10px;

}
#new-evt-detail h3{
display:block;
clear:left;
font-size: 0.6em;
margin:5px 0 5px 0;
padding: 0;
}

/* ======== */
/* ! foot   */
/* ======== */
#foot-wrap{display:none;
font-family:Arial, sans-serif;
width:960px;
margin:1em 0 0 0;
background:  #808186;
clear:both;
overflow: auto;
padding:0;

}

#foot-ul{
list-style: none;
margin: 0;
padding: 0;
}
#foot-ul .container-li{

float:left;
margin:	15px 15px 15px 0;
}
.foot-sub-ul{
list-style:none;

}

#foot-ul .main,#foot-ul .ordinary{
font-size: 0.8em;
margin-bottom: 3px;
}
#foot-ul .main{
color:#394b58;
margin-bottom: 8px;
}
#foot-ul .main a{

color:#394b58;
}
#footnote{
width: 800px;
margin: 0 auto;
font-size: 0.7em;
color:white;
clear:both;
text-align: center;
padding:10px 0 10px 0;

}
/* ============ */
/* ! calendar   */
/* ============ */

#caltable{

width:100%;
padding: 10px 20px	10px 20px;

}
#caltable td{
border:thin solid #808186 ;
padding: 2px;
}
#caltable .today{

background:#AA9A9A;
}
#caltable .evtday{

background:#4D2438;
}


/* ============= */
/* ! not found   */
/* ============= */
#notfound{
margin:1em 0 10px 0;
width:640px;

}
#notfound span{
font-family:Arial,sans-serif;
letter-spacing: 0.05em;
font-size: 1.6em;
text-align: center;
}
#notfound img{

margin-bottom: 20px;
}
/* ========= */
/* ! langs   */
/* ========= */
#langs{display:none;
list-style: none;
float:right;
clear:right;
font-family:Arial,sans-serif;
font-size:0.7em;
margin:1px 0 0 0;
padding:0;
}
#langs li{
margin:0;
text-align: right;
padding:4px;
}

/* ======= */
/* ! mce   */
/* ======= */
.columna180px{
margin:10px 10px  0 0;
float:left;
display: block;
width: 305px;
}
.titol-garamond-morat{
font-style: italic;
font-family:Garamond, georgia, serif;
font-size: 1.7em;
list-style:none;
margin:0 0 0 0	;
letter-spacing:0.02em;	
padding:0px 0 0 0px;
display:block;
color:#3E2131;
clear:both;
}

.llista-menu{
list-style:none;
margin:0;
width:295px;
padding:0;

}

.llista-menu li{
border-bottom: thin dotted #3E2131;
margin:0;

}
.llista-menu-vins{
list-style:none;
margin:0;
width: 600px;
padding:0;

}

.llista-menu-vins li{
border-top: thin dotted #3E2131;
margin:0;
width: 600px;
overflow:auto;
}
.llista-menu-vins li .desc{
float:left;
width:500px;
}
.llista-menu-vins li .preu{
float:right;
width:100px;
}
.llista-menu-vins .verm-clar{
color:#8A737A;

} 
.nom-plat{
margin:0;
padding:0;
text-align: left;

width:130px;
}
.preu-plat{
width:40px;
margin:0;
padding:0;
position:relative;
bottom: 0px;
right: 0px;
text-align: right;}

/* ============= */
/* ! fb hatred   */
/* ============= */

#hatefacebook:hover{
text-decoration: underline;
color:#4860A1;
}
#hatefacebook{
font-family:tahoma,verdana,arial,sans-serif;
font-size:11px;
color:#4860A1;
padding-top:5px;
float:left;
color:#4860A1;

}
/* ========= */
/* ! boxes   */
/* ========= */

  
 #box-wrap{
 
 margin:1em 0;
 }
 
 #box-wrap .box{
 float:left;
 width:140px;
 margin-right:1em;
 }
 #box-wrap .frame{
 position:absolute;

 
 }
 a img{
  border:none;
  }