/* Estils globals - Per a totes les plantilles */
.page {
	width:100%;
	max-width:1024px;
	min-width:800px;
	clear:both;
}
#contenidor {
	margin:0 auto 0 auto;
/*	margin-left: auto;
	margin-right: auto;
*/
	width: 1024px;
}

.header {
	width:100%;
	/*background-color:#F0F0F0;*/
}

.foot, .footer {
	width:100%;
	clear:both;
	/*background-color:#FFCCFF;*/
}

#cap_corporatiu {
	/*background-color:#FFFF66;*/
	width:100%;
	clear:both;
	position: relative;
	float: left;
	text-align: left;
	background-color: #d6d6d6;
	position:relative;
	float:left;
	text-align:left;
}
#cap_corporatiu img {
	float:left;
}

#cap_corporatiu h1 {
	padding:0;
	margin:0;
	width:99px;
	height:56px;
}
#cap_corporatiu h1 span{display:none}
#cap_corporatiu h1 a{
	display:block;
	width:99px;
	height:56px;
	background:url(/imgfiles/HomeWorkshops/img/catalunya_logo.png) no-repeat;
}
/*
#catalunyaHeader p#webInfoHeader{
margin-left:16px;
color:#666;
}
*/
#cap_corporatiu p#webInfoHeader {
	color:#666666;
	font-size:10px;
	margin-left:16px;
	margin-top:15px;
	float:left;
}
#cap_corporatiu p#webInfoHeader a {
	color:#666666;
	text-decoration:none;
}
#cap_corporatiu p#webInfoHeader br{
	clear:left;
	display:block;
}
#cap_corporatiu form{
	position:relative;
	float:right;
	width:268px;
	padding-top:4px;
	margin-bottom:0;
}
#cap_corporatiu input{
	font-size:11px;
	width:200px;
}
#cap_corporatiu input#send{
	background:none;
	border:none;
	color:#fff;
	padding-top:2px;
	margin:0 8px 0 6px;
	font-size:11px;
	width:40px;
}
#cap_corporatiu label{
	display:none
}

#peu_corporatiu {
	/*background-color:#FFFF66;*/
	width:100%;
	clear:both;
}

#patrocinadors {
	/*background-color:#0099FF;*/
	width:100%;
	clear:both;
}
#patrocinadors li {
	float:left;
}

/****************** Estils Plantilla 1 *********************/
.left_side_1 {
	width: 25%;
	min-width:200px;
	float:left;
	/*background-color:#CCFFFF;*/
}

.body_1{
	width:75%;
	float:left;
	/*background-color:#CCFF66;*/
}

/****************** Estils Plantilla 2 *********************************/
.right_side_2{
	float:right;
	width:25%;
	min-width: 200px;
	/*background-color:#CCFFFF;*/
}

.body_2{
	width:74%;/*IE7 workaround*/
	float:left;
	/*background-color:#CCFF66;*/
}

/******************* Estils Plantilla 3 *********************************/
.left_side_3 {
	float:left;
	width:25%;
	min-width: 150px;
	/*background-color:#CCFFFF;*/
}

.right_side_3 {
	float:right;
	width:25%;
	min-width: 150px;
	/*background-color:#CCFFFF;*/
}

.body_3{
	float:left;
	width:50%;
	min-width: 500px;
	/*background-color:#CCFF66;*/
}

/*********************** Estils Plantilla 4 i 5 **************************/
.body_4, .body_5 {
	width:100%;
	float:left;
}


/*********************** Estils Plantilla 6 ******************************/
.left_side_6{
	float:left;
	width:25%;
	min-width: 200px;
	/*background-color:#CCFFFF;*/
}

.body_6{
	float:left;
	width:75%;
	min-width: 500px;
	/*background-color:#CCFF66;*/
}


/* Estils per als continguts que es creen des del back office a l'apartat de gestió de continguts*/

/* Llistats d'elements del body (continguts amb llistes numerades o no numerades)  .body_2 ul, .body_2 ol, .body_3 ul, .body_3 ol, .body_4 ul, .body_4 ol, .body_5 ul, .body_5 ol , .body_6 ul, .body_6 ol */
.contingut_web ul, .contingut_web ol,{
	line-height:1.5em;
}

/* Estil dels elements de llistes no numerades */
.contingut_web ul li{
    list-style-type: square;
    height:1.5em;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left:30px;
    font-size: 1.2em;
}

/* Estil dels elements de llistes numerades */
.contingut_web ol li{
    list-style-type: decimal;
    height:1.5em;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left:30px;
    font-size: 1.2em;
}

/* Links del contingut d'una pàgina (els continguts es defineixen des del back-office [gestio de continguts]) */
.contingut_web a   {
    text-decoration:none;
    color:Blue;

}
.contingut_web a:hover {
    text-decoration:underline;
    color:Blue;
	font-weight:bold;
}
.contingut_web a:visited {
    text-decoration:none;
    color:Blue;
}


/**************** a partir d'aqui TOT es de  TdC, estils del 2008 **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	margin-left: auto ;
	margin-right: auto ;
}
ol, ul, li {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************* generales *************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80.5%;
	color:#000;
	background:#FFF;
}

.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.dblock{display:block;}
.img_print{display:none;}
p{font-size:1.2em; line-height:1.3em;}

/************ Formulari entrada aera privada **********/
input#nom_usuari{
	width: 75px;
	float:right;
}
#login_privada input#contrasenya{
	width: 75px;
	float:right;
}
select#login_tipus {
	width: 75px; float:right;
}
label {
/*
	display:block;
	float:left;
*/
	padding-top: 4px;
	clear:both;
}
.formlabel label {
	display:block;
	float:left;

}
input#entrar{
	clear:both;
	float:right;
}

.recordar {
	clear:both;
	float:left;
	width:100%;
}
#login, #user_info {
	float:left;
	padding-top:4px;
	width:100%;
}
.formlabel {
	height:30px;
}
.info {
	float:left;
	clear:both;
	height:30px;
}

/****************** HEADER y MENUS VERTICALES Y HORIZONTALES *********************/
#header {position:relative;}
#header .menu_idiomes{position:absolute; top:0; right:0; width:280px;}
#logo_workshop {
  width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
}
#menu_horitzontal,  #menu_banners_horitzontal ul {
	width: 100%;
	background-color: Red;/* #a8b612;*/
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	height: 28px; /*això fa que si posen imatges molt altes com a banner horitzontal es desquadri una mica */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
#menu_horitzontal li.primero {
	border-top-width: medium;
	border-right-width-value: medium;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-bottom-width: medium;
	border-left-width-value: medium;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: none;
	border-right-style-value: none;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-bottom-style: none;
	border-left-style-value: none;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: -moz-use-text-color;
	border-right-color-value: -moz-use-text-color;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-color: -moz-use-text-color;
	border-left-color-value: -moz-use-text-color;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	padding-left: 2px;
	margin-left: 16px;
}

#menu_horitzontal li, #menu_banners_horitzontal li{
	border-left-width-value: 2px;
	border-left-style-value: solid;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	float: left;
	border-top-color: white;
	border-right-color-value: white;
	border-bottom-color: white;
	border-left-color-value: white;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	display: inline;
	background-color: Red;/* #a8b612;*/
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	height: 1.1em;
	padding-left: 7px;
	margin-left: 8px;
	margin-top: 3px;
}
#menu_horitzontal a{
	color: white;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


#menu_vertical,#menu_banners_vertical{
	clear:both;
	padding-top:8px;
}

/*#menu_vertical li, menu_banners_vertical li{
	display: block;
	clear:both;
	border-top-color: #a8b612;
	border-right-color-value: #a8b612;
	border-bottom-color: Red;//#a8b612;
	border-left-color-value: #a8b612;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width-value: 1px;
	border-bottom-width: 1px;
	border-left-width-value: 1px;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	text-align: left;
	padding-left: 30px;
	padding-bottom: 7px;
	padding-top: 2px;
}*/

#menu_vertical li img {
	position: absolute;
	margin-left: -25px;
}

#menu_vertical a {
	color: black;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
}

/****************** Pàgines de contingut i elements fixos ***************/
.body_1, .body_2, .body_3, .body_4, .body_5, .body_6 {
	/*width: 220px;*/
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 60px; /*margin-left: 20px;*/
}

#area_privada {
	margin-left: 8px;
}


/* Menus laterals */
.left_side_1, .left_side_3, .left_side_6, .right_side_2, .right_side_3 {
	/*width: 220px;*/
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 60px; 
	margin-left: 0px;
}

.left_side_1 li, .left_side_3 li, .left_side_6 li, .right_side_2 li, .right_side_3 li {
	display: block;
	border-top-color: #a8b612;
	border-right-color-value: #a8b612;
	border-bottom-color: #a8b612;
	border-left-color-value: #a8b612;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-style: solid;border-top-width: 1px;border-right-width-value: 1px;
	border-bottom-width: 1px;border-left-width-value: 1px;border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;text-align: left;
	padding-left: 30px;padding-bottom: 7px;padding-top: 2px;
}

.left_side_1 span, .left_side_3 span, .left_side_6 span, .right_side_2 span, .right_side_3 span {
	display: block;
	background-color: Red;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	padding-bottom: 10px;
	padding-left: 7px;
	padding-top: 5px;
	text-decoration: none;
	font-size: 12px;
	color: white;
	text-align: left;
	font-weight: bold;
}


/*
ul#menu{ background:#e20127;  height:2.8em; display:block;}
ul#menu li {font-size:1.2em; padding:.6em 0em; display:block;  float:left; font-weight:bold; background:url(../img/bullet_menu.gif) 0 7px no-repeat;}
ul#menu li.primero {margin-left:.8em; background:none;}
ul#menu li a{color:#fff;  padding:.3em .7em .3em .7em; text-decoration:none;}
ul#menu li a:hover, ul#menu li a.selec { color:#FFDC25;}
*/
.menu_idiomes {
	position:absolute;
	left: 800px;
	top: 10px;
}
.menu_idiomes ul{ height:2em;}
.menu_idiomes ul li{font-size:1em; padding:.6em 0em; display:block;  float:left; background:url(../img/bullet_idiomas.gif) 0 4px no-repeat;}
.menu_idiomes li.primero { background:none;}
.menu_idiomes li a{color:#242424;  padding:.3em .5em .3em .5em; text-decoration:none;}
.menu_idiomes li a:hover {text-decoration:underline;}

/****************column_left******************/

#column_left{ float:left; width:490px; margin-top:28px; padding:0 0px 10px 16px;}
#column_left H2{font-size:1.2em; color:#e20127; font-weight:bold; padding-bottom:4px; border-bottom: 1px solid #e20127; margin-bottom:15px; margin-top:6px;}
#column_left p{margin-bottom:26px;}

/****************column_right******************/
#column_right{float:right; width:255px; margin-top:30px;}
#column_right h3, #column_left h3{background: #e20127; line-height:2em; color:#FFF; font-weight:bold; font-size:1.2em; padding-left:.6em; margin-bottom:15px;}

#column_right .boxlateral{ margin-bottom:30px; }

a.mas{color:#e20127; background:url(../img/ico_mas.jpg) right  no-repeat; padding-right:25px;}
a:hover.mas{text-decoration:none;}

/***********************PIE******************************/
#pie{border-top:2px solid #E20127; height:25px;}

#pie ul{font-size:1.1em; width:auto; padding-top:.8em;text-align:center;}
#pie ul li a {color:#333; text-decoration:underline;}

#pie ul li a:hover {text-decoration:none;}
#pie ul li{	display:inline;	padding:0em;color:#333; }

/* F I C H A  V E N E D O R */

.ficha_img{ width:75%; float:left; padding-bottom:20px;}
.ficha_botones{width:20%; float:right; padding-bottom:20px;}

#column_left h3.ficha{ background:none; margin-top:15px; color:#000; padding:0;}

#column_left ul.ficha li{ background:url(../img/bullet_cuadrat.gif) 0px 4px  no-repeat; padding-left:15px; }
#column_left ul.ficha li span{ color:#E20127; font-weight:bold; font-size:1.2em; margin-bottom:10px; display:block;}

/****************+ peu corporatiu de Turisme de Catalunya ******************/
#catalunyaFooter{
	text-align:left;
	clear:both;
}
#catalunyaFooter ul,#catalunyaFooter li{
	position:relative;
	float:left;
	list-style:none;
	padding:0;
}
#catalunyaFooter #empresesFooter a span{display:none}

#catalunyaFooter #empresesFooter{
	position:relative;
	float:left;
	margin:8px 0 8px 0;
}
#catalunyaFooter  #empresesFooter p{
	position:relative;
	float:left;
	width:90px;
	padding:8px;
	font-size:11px;
}
#catalunyaFooter #empresesFooter li{
	width:180px;
	text-align:center;
}
#catalunyaFooter #empresesFooter a{
	height:50px;
	margin:0 auto 0 auto;
}

/************************ footer TEMPORAL ***********************/

#catalunyaFooter #empresesFooter li.empresesTurisme a{
	display:block;
	width:145px;
	background:url(../imgs/avis_logo_h.gif) no-repeat top center;
}
#catalunyaFooter #empresesFooter li.empresesTurisme a:hover{
	background:url(../imgs/avis_logo.gif) no-repeat top center;
}

#catalunyaFooter #empresesFooter li.empreses a{
	display:block;
	width:145px;
	background:url(../imgs/torres_logo_h.gif) no-repeat top center;
}
#catalunyaFooter #empresesFooter li.empreses a:hover{
	background:url(../imgs/torres_logo.gif) no-repeat top center;
}

#catalunyaFooter #empresesFooter li.vuelin a{
	display:block;
	width:145px;
	background:url(../imgs/vueling_logo_h.gif) no-repeat top center;
}
#catalunyaFooter #empresesFooter li.vuelin a:hover{
	background:url(../imgs/vueling_logo.gif) no-repeat top center;
}

#catalunyaFooter #empresesFooter li.clear a{
	display:block;
	width:145px;
}

.eti_normal {
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2e2e2e;
}

#linksFooter,#linksFooter *{
	position:relative;
	float:left;
}
#linksFooter{
	width:100%;
}
.linksFooterBlock h3,.linksFooterBlock ul{
	margin:4px 0 4px 0;
	padding:0;
}
.linksFooterBlock h3{
	width:104px;
	margin-left:6px;
	font-size:11px;
}
.linksFooterBlock{
	color:#666;
	width:100%;
	background-color:#ff0;
	margin-bottom:4px;
}

/*Imatge a la carpeta img!!*/
#catalunyaFooter .linksFooterBlock li{
	display:block;
	padding:0 4px 0 0;
	background:transparent url(links_list-style.png) center left no-repeat;
}
#catalunyaFooter .linksFooterBlock li.first{
	background:none;
}
.linksFooterBlock a{
	display:block;
	text-decoration:none;
	color:#666;
	margin-left:8px;
	font-size:11px;
}
#profFooter{
	position:relative;
	float:left;
	width:100%;
	height:36px;
	background-color:#eee;
}
#profFooter *{
	position:relative;
	float:left; 
}
#profFooter h3{
	padding:0;
	margin:0 20px 0 0;
	font-size:11px;
	color:#fff;
	width:120px;
	background-color:#666;
	height:36px;
	clear:none;
}
#profFooter h3 span{
	display:block;
	padding-top:11px;
	margin:0 0 0 4px;
	clear:none;
}
#profFooter ul#turBlock{
	clear:none;
	width:200px;
	margin:0 50px 0 0;
	padding:4px 0 0 0;
}
#profFooter li{
	font-size:11px;
	color:#999;
	padding:0 12px 0 0;
	background:transparent url(links_list-style_light.png) center left no-repeat;
}
#profFooter li.first,#profFooter li.nodecor{
	background:none;
}
#profFooter a{
	text-decoration:none;
	padding:0 0 0 16px;
	font-size:11px;
	color:#999;
}
#profFooter li.first a,#profFooter li.nodecor a{
	padding:0;
}
#profFooter ul#clubBlock{
	clear:none;
	width:500px;
	margin:0;
	padding:4px 0 0 0;
}
#profFooter ul#famBlock{
	clear:none;
	width:200px;
	margin:0 0 0 24px;
	padding:4px 0 0 0;
}
#gencatFooter{
	position:relative;
	float:left;
	clear:none;
	width:1000px;
	padding:4px 0 0 0;
}
#gencatFooter *{
	position:relative;
	float:left;
}
#gencatFooter img{border:none}
ul#gencatBlock{
	width:336px;
	margin-left:4px;
}
ul#gencatBlock li{
	display:block;
	margin-left:12px;
}
ul#gencatBlock li.first{
	border-right:1px solid #ccc;
	margin:0 10px 0 0;
	padding:0 16px 0 0;
}
ul#selfBlock{
	margin:16px 0 0 8px;
}
ul#selfBlock li{
	font-size:11px;
	color:#999;
	padding:0 6px 0 0;
	background:transparent url(links_list-style_light.png) center left no-repeat;
}
ul#selfBlock li.first{
	background:none;
}
ul#selfBlock a{
	text-decoration:none;
	padding:0 0 0 10px;
	font-size:11px;
	color:#999;
}
ul#selfBlock li.first a{
	padding:0;
}
ul#standardsBlock{
	margin-left:28px;
}
ul#standardsBlock li{
	margin-right:8px;
}

/************************* WHY CATALONIA **********************/
span.bcs {font-family: 'Arial',sans-serif; font-size: 1.1em; margin-bottom: 2px; display: block; color: #ff0000;}

/* Estils per als errors que apareixen al frontal quan es fa un login fallit */
.errors {
	margin:10px 5px 5px 0px;
	color:black;
	padding:5px 5px 5px 5px;
	background-color:#ffdfdf;
	font-size:11px;
	line-height:15px;
}

/* Estils per fieldsets - al directori de participants*/
fieldset {
    border-style:solid;
    border-width:thin;
    border-color:#F0F0F0;
    padding: 5px;
    margin: 0px 0px 5px 0px;
}


.hidden {
	display:none;
}

/* text inicial de qualsevol pas de la inscripcio */
#txt_inici_insc{
    background:#FFFFCC;
    padding:10px;
}