html {overflow-y: scroll;}
body {
font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; background:#DDA url(bg_main.jpg) center top; color:#000; line-height:1.4em;
}
a {color: #00B;text-decoration:none; outline:none}
a:hover {text-decoration:underline;}

.mainWith {width:940px; margin:0 auto;}

.cabecera {height:150px; width:940px; margin:0 auto; background:url(bg_header.jpg) center top;}

.bgcontent {background:url(bg_content.jpg) center top}
.bgcontentF {background:url(bg_contentF.jpg) center top; height:34px}

h1,h2,h3,h4,h5,h6,th
{
font-weight: normal;
padding:0 0 2px 0;
margin:0;
}
h1 {font-size:1.6em; color:#006600; padding-bottom:3px; line-height:1.1em;}

p {margin:0; padding:0 0 10px 0;}

.SubMenu {padding:7px 0 0 0; margin:15px; list-style-type:none; font-size:14px}
.SubMenu li {padding-bottom:10px;}
.SubMenuS {padding-left:20px}

#menu {width:220px; float:left; padding-left:10px}
#menu ul {padding-top:15px; margin:0; padding-left:20px; padding-right:1px}
#menu li {
	/*display: inline;*/
	margin: 0;
	padding: 3px 0 3px 3px;
	list-style: none;
}
#menu li a {
	display:block;
	font-size:1.4em;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#menu .active { background:url(bg_active.jpg) left top no-repeat; margin-right:0}
#menu ul ul {padding:0 0 0 12px;}
#menu ul li a span {display:block;padding: 2px 0;}
#menu ul li a:hover{text-decoration:underline;}

.foot {height:75px;clear: both; line-height:1.15em; background: url(bg_footer.jpg) center top; text-align:right; color:#FFFFFF; font-size:1.25em}
.foot a {color:#FFFFFF; text-decoration:underline}
.divider {border-bottom: solid 1px #F6F3F1;}

#main { position:relative; width: 500px;margin: 3px -500px 0px 0px;float: left; display:block; clear:both}
#main_inner {padding: 31px 28px 18px 18px; clear:both;}
img {border:none;}
.paddingL1 {padding-left:220px;}
.alignR {text-align:right;}

/*********** Site specials *************/

.highlight {background-color:#FFEE00;}
.header_agenda { background:url('header_menu_01.jpg'); padding:25px 0 5px 80px; font-size:20px; }
.header_temps { background:url('header_menu_02.jpg'); padding:25px 0 5px 80px; font-size:20px; }
.publicitat { color:#333;padding:2px 8px 0 0;margin: 0 0 1.5em; }
.publicitat h6 { color:#777; margin: 0 0 .3em; border:0; font-weight:normal; font-size:10px; letter-spacing:0; }
.publicitat h2 { color:#333; margin: 0 0 .3em; border:0; font-weight:normal; font-size:12px; letter-spacing:0; }
.publicitat p { border:none;margin: 0 0 1em;color:#444 }
.publicitat a { font-weight:normal; color:#0000CC; }
.publicitat a:visited { color:#0000CC;}
.msg_info { background:#EFE; border:2px solid #00CC00; padding:10px; margin-top:10px; }
.msg_error { background:#FFA; border:2px solid #E00; padding:10px; margin:5px auto; clear:both; }
.separador { height:10px; background: url('separador_1.gif') repeat-x; margin:5px 0; }
.date { color:#FF8888; }
.image_border { padding:4px; background-color: #ADA;}
.image_borderS { padding:2px; background-color: #ADA;}
.floatL {float:left;}
.marginR1 {margin-right:10px;}

/************ Gallery ************/
.gallery { float:left; padding:5px 5px 5px 0px; margin-top:0px;}
* html .gallery { width:90%;}
.gallery h2 { font-size:16px; border:0; margin:0; padding:0; font-weight:normal;}
.gallery ul { margin:0; padding:0}
.gallery li { font-size:11px;}
.gallery-line { float:left; padding:10px; list-style-type:none; font-size:10px; color:#777;}
.GalleryLinks {border:1px solid #999999; padding:2px 7px; margin:0 5px 5px 0}
.CurrGal {background:#EEE; border-color:#00CC00}

/************ Basket ************/
.basket_table { background:#EEE; }
.basket_table th { background:#CCC; font-size:11px; padding:2px 3px; }
.basket_table td { color:#222; padding:4px; font-size:12px; }

/*********** Forms ***********/
fieldset { border:0; margin:0; padding:0; }
fieldset h1 { color:#BB4444; font-size:16px; }
fieldset legend { font-size:1.4em; padding:0; margin:0 0 10px 0; }
#formPost label { padding:4px 0 0 0; display:block }
fieldset span { display:block; float:left; padding:3px; width:350px; }
input, textarea, select {
  font-family: verdana, arial, sans-serif;
  font-size:1.1em;
  padding:3px;
}
.botones_01 { padding:2px 4px; cursor:pointer; font-size:11px; }
.campos_01 { font-size:12px; width:26px; }
.campos_02 { font-size:11px; }
.form-row { clear: both; padding: 0.2em; }
.field-label { padding:2px 0 1px 0; }

.menu3 { cursor:pointer; padding:3px 5px; font-weight:normal; margin-bottom:5px; width:98%; }
.menu3_information { background: rgb(255, 255, 255) none repeat; }
.menu4 { border-left:1px solid #DDD; font-size:17px; font-weight:normal; margin-left:10px; padding-left:10px; color:#CC0000; }
.menu4_information { border-left:1px solid #DDD; width:220px; margin-left:10px; padding-left:10px; }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 10px 0 10px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	padding:0px 0 70px 0;
	position: relative;
	width: 100%;
	/*background:url(24frame.jpg) left top no-repeat;*/
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 320px; overflow: hidden}
.csw .loading {margin: 130px 0 160px 0; text-align: center}


/*===========================
 Coda Slider
============================*/
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 355px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 295px;
	clear: both;
	text-align:center;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 355px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	display:none;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

.stripNav li.tab1 a {background: #60f}
.stripNav li.tab2 a {background: #60c}
.stripNav li.tab3 a {background: #63f}
.stripNav li.tab4 a {background: #63c}
.stripNav li.tab5 a {background: #00e}

.stripNav li a:hover {
	text-decoration:none;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 120px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
	outline:none;
	text-decoration:none;
}
.stripNavL {left: 0;}
.stripNavR {right: 0;}
.stripNavL {background: url("arrow-left.gif") no-repeat center;}
.stripNavR {background: url("arrow-right.gif") no-repeat center;}