@charset "utf-8";

/* CSS Document */
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF; /* BLANC */
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height:15px;

}
strong {
	color:#cb9011;
}
button {
	cursor: pointer;
	background:#f0ac18;
		
}
a {
	cursor: pointer;
		
}
a.vincle:link, a.vincle:visited {
	color:#f0ac18;
	font-weight:bold;
	
}
a.vincle:hover, a.vincle:active {
	color:#000000;
	background-color:#f0ac18;
	font-weight:bold;
}
/* Textos */
em {
	font-style: normal;	
}

body {
	font-size: 75%;
	background-image:url(../images/fons.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
}
#nav {
	font-size: 1.2em;
}

#content h2 {
	font-size: 1.2em;
}

#content h3 {
	font-size: 1.1em;
}

big {
	font-size: 1.1em;
}

small {
	font-size: 0.9em;
}

#content h2, #content h3, #content h4, #content p, #content ol, #content dt, #content hr {
	margin: 5px 0;
	line-height: 1.6em;
}
#caixa {
	background-image:url(../images/auca-descarregar2.png);
	background-repeat:no-repeat;
	background-top:10px;
	padding-top: 20px;
	padding-right:155px;
	height:150px;
	margin-bottom:10px;
	cursor:pointer;
	background-position: right top;
}
#caixacuina {
	background-image:url(../images/cuina.png);
	background-repeat:no-repeat;
	background-top:10px;
	padding-top: 20px;
	padding-right:155px;
	height:150px;
	margin-bottom:10px;
	cursor:pointer;
	background-position: right top;
}
#caixaimatge {

	background-repeat:no-repeat;
	background-top:10px;
	padding-top: 10px;
	padding-right:155px;
	height:150px;
	margin-bottom:20px;
	background-position: right top;
}
#content p {
	text-align: justify;
	line-height:18px;
}

/* Llistes */
#content li, #content dt {
	margin-left: 0px;
	background-image: url(../images/punt.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:15px;
	list-style:none;
	line-height:18px;
	border:4px;
}
td, tr {
	text-align:left;
	padding:5px;
	background-color:#171717;
	
}

/* Regla horitzontal */
hr {
	clear: both;
	height: 1px;
	background-color: #000000; /* negre */
}

/* Taules */
table {
	 border-spacing: 2px;
}

/* Formularis */
input, select, textarea {
	border: solid 1px #7F9DB9;/* blau */
	color:#333333; 
}


/* MAQUETACIÓ */
/* hack navegadors moderns */
/*
html>body #container { 
	overflow: auto;
}  */

#container {
	position: relative;
	width: 978px;
	margin: auto;
	padding-bottom:10px;
}
#content {
}

#header {
	height:128px;
}

#logo {
	height:86px;
	width:257px;
	text-align:center;
	margin:auto;
	padding-top: 18px;
}
#subnav {
	border:#cb9011 solid 12px; 
	height:182px;
	width:936px;
}
#esquerre {
	width:716px;  
	float:left; 
	background-color:#333333;
}
#submenu {
	height:77px; 
	background-image:url(../images/subnav_mini.jpg); 
	background-repeat:no-repeat; clear:both; 
	padding-left:135px; 
	padding-top:15px; 
	padding-bottom:15px;
	_padding: 10px 0px 5px 115px;
}
#quadre {
	width:85px; 
	height:86px;  
	float:left; 
	margin:2px; 
	border: 1px solid #000;
}
#quadre a {
	font-size:12px;
	display:block;
	border: 1px solid #000;
	color:#FFFFFF;
}
#quadre a:hover {
	color: #cb9011;
	border: 1px solid #000;
}
#quadre a img {
	vertical-align:middle;
	padding: 1px;
	margin-right:6px;
	color: #cb9011;
}
#quadre a:hover img {
	padding: 0;color: #cb9011;
	border: 1px solid #cb9011;
}

#cartell {
	position:absolute; 
	top: 443px; 
	width: 75px; 
	height: 26px; 
	left: 319px; 
	font-weight:bold; 
	font-size:11px;
}
#video {
	padding-right:20px;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:20px;
	width:415px; 
	height:336px; 
	background-image:url(../images/video.jpg); 
	background-repeat:no-repeat; 
	float:left;
	text-align:center;
}
#destacat1 {
	width:261px; 
	height:172px;
	background-image:url(../images/destacat1.jpg); 
	background-repeat:no-repeat; 
	float:left;
}

#destacat2 {
	width:261px; 
	height:194px;
	background-image:url(../images/destacat2.jpg); 
	background-repeat:no-repeat; 
	float:left;
}

#destacatdalt {
	padding-top:92px; 
	padding-left:28px; 
	padding-right:100px; 
	padding-bottom:2px; 
	height:78px; 
	text-align:left;
}

#destacatbaix {
	padding-left:100px; 
	padding-top:87px; 
	padding-right:25px; 
	height:103px;
	text-align:left;
}


/* menus de la dreta, on apareixen les galeries d'imatges*/

#menudreta {
	width:243px; 
	height:480px; 
	float:left; 
	background-image:url(../images/menudreta.jpg); 
	background-repeat:no-repeat;
}
#menudretainterior {
	padding-top:90px; 
	padding-left:12px; 
	padding-right:7px; 
	padding-bottom:15px; 
	width:190px; 
	height:472px; 
	float:left; 
	background-image:url(../images/menudretainterior.png);
	background-repeat:no-repeat;
}
#menudretainterioresp {
	padding-top:80px; 
	padding-left:25px; 
	padding-right:20px; 
	padding-bottom:15px; 
	width:165px; 
	height:262px; 
	float:left; 
	background-image:url(../images/menudretaespectacle.png);
	background-repeat:no-repeat;	
}
#menudretainterioresp a {
	float:left;
	margin:4px;
	width:60px;
	height:60px;
	border:1px solid #666666;
}

#menudretainterioresp a:hover{
	padding:0;
	border:1px solid #cb9011;
}

#dossier {
	float:left;
	width:209px;
	height:200px;
	
}
#menudretainterior img {
	margin-top:8px;
	border:1px solid #cb9011;
}

#menuesquerre {
	width:231px; 
	height:879px; 
	float:left;
}
#espectacless {
	width:191px;
	height:384px;
	padding: 77px 20px 20px 20px;
	clear:both; 
	background-image:url(../images/menuesquerre_high.png); 
	background-repeat:no-repeat;
	font-size:0.8em;
}

#noti {
	padding:40px 18px 10px 10px;
	width:203px; 
	height:146px; 
	background-image:url(../images/highlight.png); 
	background-repeat:no-repeat;
}
#contingut {
	width:488px; 
	height:auto; 
	float:left; 
	padding:20px 20px 10px 10px;
}

#tallerteatre {
	padding-top:71px; 
	padding-left:15px; 
	height:99px;
	font-weight:bold;
	font-size:12px;
}
#botonstt {
	height:90px; 
	float:left; 
	width:105px; 
	margin-right:3px; 
	margin-left:3px; 
	margin-top:8px;
	color:#cb9011;
	text-align:center;
	font-size:0.9em;
}


#botonstt a img {
	padding: 2px;
	margin-right:6px;
	border: 1px solid #000000; /* negre */
}
#botonstt a:hover img {
	padding: 2;
	border: 1px solid #cb9011; /* groc */
}
#televisio {
	padding-top:60px; 
	padding-left:23px; 
	padding-right:18px; 
	padding-bottom:20px; 
	height:42px;
	text-align:left;
	_padding: 0px;
}

#televisio p {
	_margin: 0px;
	_padding: 0px;
}

#noticies {
	padding-top:65px; 
	padding-left:9px; 
	padding-right:8px; 
	height:114px; 
	padding-bottom:5px;
	text-align:left;
}


#titellaires{
	position:absolute; 
	top:0px; 
	left:0px;
}
#align {
	text-align:center;
}

#nav li {
	display:inline;
	text-align:center;	
}

#nav a {
	width:90px;
	height:22px;
	display:inline-block;
	text-align:center;
	vertical-align:bottom;
	padding-top:5px;
	background-image:url(../images/trans.gif);
}

#nav a:hover, div #nav a:active {
	color:#1a080a;					/* marró */
	background-image:url(../images/groc.gif);	/* groc */
}

#footer {
	padding-top:10px;
	text-align: center;
	clear: both;
	height:220px;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x;
	margin:auto;
	
}

/* CLASSES */
.highlight {
	padding: 5px;
}

button {
	padding: 0 5px;
}

/* Fons */
.highlight {
	background-color: #EEEEEE; /* gris clar */
}

/* Bordes */
.highlight {
	border: solid 1px #999999; /* gris fosc */
}

/* Textos */
a:hover, a:active, h1, em {

}
h1 {
	color:#cb9011;
	font-weight:bold;
	font-size:1.9em;
}
h2 {
	font-size:1.1em;
	text-decoration:underline;
	margin:0px;
	padding:0px;
}
h4 {
	font-size:1.2em;
	color: #cb9011;
	margin:0px;
	padding:0px;
}
#espectacless a {
	font-size:1.2em;
	display:block;
}
#espectacless a:hover {
	color: #cb9011;
}
#espectacless a img {
	vertical-align:middle;
	padding: 2px;
	margin-right:5px;
}
#espectacless a:hover img {
	padding: 0;
	border: 2px solid #cb9011;
}

#noti a {
	color:#cb9011;
}
#noti a:hover {
	
	color:#000000;
}
.vinkle a {
	color:#cb9011;
}
.vinkle a:hover {
	color:#cb9011;
	
}

#menusota1 {
	
	background-repeat:no-repeat;
	background-position: center center;
	background-image:url(../images/menu-cuina.png);
}
#menusota2 {
	padding-top:25px;
	height:80px;
	background-repeat:no-repeat;
	background-position: center center;
	background-image:url(../images/menu-contacte.png);
}
#menusota3 {

	height:90px;
	background-repeat:no-repeat;
	background-position: center center;
	background-image:url(../images/menu-caixa.png);
}
@media print, @media handheld {
/* Imprimir i dispositius mòbils */
html, body, #container, #header, #nav, #subnav, #sidebar, #content, #footer {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 1.1em;
    width: 100%;
	overflow: hidden;
}
}

@media print {
/* Imprimir */
#nav, #subnav, #sidebar {
	display: none;
}
}