.tabproductes td{
padding-right:15px;
padding-left:0;
margin-left:0;
}




.foto-portada-horiz
{
padding-top:5px;
padding-left:30px;
padding-right:0px;
}

.columna-fotos
{
padding:5px;

}

#SiQuieresHacerCine
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#FF6600;
font-weight:bold;
text-align:justify;
padding-bottom:10px;

}

#block-presentacio-inicial
{
padding-left:30px;
width:300px;
padding-top:20px;
text-align:justify;
line-height:20px;
}

.puntoGrande
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FF6600;


}

.presentacio-escola
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.destacado
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666666;
}


/* BOX TARONJA*/

/* set millions of background images */
.rbroundbox_taronja { background: url("/images/nt.gif") repeat; }
.rbtop_taronja div { background: url("/images/tl.gif") no-repeat top left; }
.rbtop_taronja { background: url("/images/tr.gif") no-repeat top right; }
.rbbot_taronja div { background: url("/images/bl.gif") no-repeat bottom left; }
.rbbot_taronja { background: url("/images/br.gif") no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop_taronja div, .rbtop_taronja, .rbbot_taronja div, .rbbot_taronja {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent_taronja { margin: 0 7px; color:#FFFFFF;  }
.rbroundbox_taronja { width: auto; margin: 1em auto; background-color:transparent; background-color:#FF6600;}
/* end BOXES */



/* BOXES GRIS */

/* set millions of background images */

.rbroundbox { background: url("/images/nt_gris.gif") repeat; }
.rbtop div { background: url("/images/tl_gris.gif") no-repeat top left; }
.rbtop { background: url("/images/tr_gris.gif") no-repeat top right; }
.rbbot div { background: url("/images/bl_gris.gif") no-repeat bottom left; }
.rbbot { background: url("/images/br_gris.gif") no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; color:#000000;  }
.rbroundbox { width: auto; margin: 1em auto; background-color:transparent; background-color:#CCCCCC;}
/* end BOXES */


/* INICI MENU SUPERIOR */

#tabs {
  float:left;
  width:100%;
  background-color:transparent;
  font-size:100%;
  line-height:normal;
  }
#tabs ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
  }
#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs a {
  float:left;
  background:url("/images/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs a span {
  float:left;
  display:block;
  background:url("tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
  color:#FF9834;
  }
#tabs a:hover {
background-position:0% -42px;
}
#tabs a:hover span {
  background-position:100% -42px;
}


	  
/*- Menu Tabs B--------------------------- */

#tabsB {
	float:LEFT;
  width:100%;
  background:#F4F4F4;
  background-color:transparent;
  font-size:100%;
  line-height:normal;
  }
#tabsB ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
  }
#tabsB li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsB a {
  float:left;
  background:url("/images/tableftB.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabsB a span {
  float:left;
  display:block;
  background:url("/images/tabrightB.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
  color:#000;
  }
  
#tabsB .seleccionat {
  background-position:100% -42px;      
  color:#FF6600;
  font-weight:bold;	  
  }
#tabsB .seleccionat_left {
  background-position:0% -42px;
  }

.div_tabs
{
display:block;
background-color:#333333;
}
	
	  
/* FINAL MENU SUPERIOR */

.link_idioma
{
color:#FFFFFF;
}

.separador-rightcol{
background-color:#FF9900;
width:100%;
display:block;
float:right;

}

.titol_obra{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
font-style:italic;
}

.div_noticia_home
{
	background-image:url(images/degradat-gris-450.gif);
	background-repeat:no-repeat;
	display:block;
	padding-left:0px;
	margin-top:0;
	padding:5px;

}

.div_foto_noticia
{
float:left;
width:100px;
}
.div_text_noticia
{
	padding:5px;
	width:100%;	

}

.taulanoticies 
{
	vertical-align:top;
	text-align:left;
	margin-left:0;
	text-align:left;
}

.taulanoticies tr{
margin:30px;
}

.taulanoticies td{
vertical-align:top;
}

.taulanoticies-row
{
	padding:20px;
	margin:20px;
}

.taulanoticies-tdtexte
{
	margin-bottom:20px;
	vertical-align:top;
}

.taulanoticies-tdimatge
{
	margin-bottom:20px;
	vertical-align:top;
	text-align:right;
}

.seccionoticies li
{
display:list-item;
list-style-position:inside;
list-style: square;
list-style-type:square;


}


.taulaCursos
{
	border-style:solid;
	border-width:1px;
	vertical-align:middle;
	text-align:left;
	padding:5px;
	padding-bottom:10px;
	padding-top:10px;
}

.colorMaster
{
color:#FF6600;
}

a.blocksuperior:link {
  color:#FFFFFF; 
  text-decoration:none;
  padding: 3px 0px 3px 5px;
  font-weight:bold;	
  font-size:10px;
  line-height:15px;
} 
  
a.blocksuperior:visited {
  text-decoration:none;
  color: #FFFFFF; 
  padding: 3px 0px 3px 5px;
	font-weight:bold;	
	font-size:10px;	
	line-height:15px;	
  }
a.blocksuperior:hover {
  text-decoration:none;
    padding: 2px 2px 2px 2px;
	font-weight:bold;	
	font-size:10px;	
    color:#990000;
	background-color:#FFFFFF;
	line-height:15px;	
	
}


a:link {
  color:#333333; 
  text-decoration:underline;
  } 
a:visited {
  color:#333333; 
  text-decoration: underline; }
a:hover {
	text-decoration: underline;
}
a:active {/*colour in NN4.xx is red*/ 
  color:#FFFFFF; 
  text-decoration: underline;
} 
  
body {
		background-color:#CCCC99;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		padding: 0px;
		color:#333333;
		text-align:center;	
}

H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	font-style: normal; 
	font-weight: bold;
	margin-bottom:10px;
	margin-top:0px;
	padding-top:0;
	padding:4px;
	padding-left:0;
	color:#666666;

}

H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
	color: #FF6600;	
	color:#333333;		
	padding-bottom:0px;
	display:block;
	padding:3px;
	padding-left:0;
	margin-bottom:0;
   BORDER-bottom: #CCCCCC 1px solid;}

H3
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color:#CCCCCC;
	color:#FFFFFF;
	color:#333333;
	margin-top:15px;
	margin-bottom:5px;
 	padding:1px;
	padding-top:10px;
	padding-bottom:3px;	
}

H4
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	color:#CCCCCC;	
	color:#666666;			
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: thin none;
	line-height: normal;
	page-break-before: auto;
	page-break-after: auto;
	white-space: normal;
	padding:0;
	margin-bottom:2px;
	margin-top:15px;
}

H5
{
	FONT-WEIGHT:bold;
	FONT-SIZE: 10px;
	color:#000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: thin none;
	line-height: normal;
	page-break-before: auto;
	page-break-after: auto;
	white-space: normal;
	padding:0;
	margin-bottom:1px;	
}


ul {
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
	padding:0;
	list-style: square;
	list-style-type:square;
}

li {
	margin-bottom:5px;
	margin-left:10px;
	
}

li.menus {
	margin-bottom:1px;
	margin-left:10px;
	
}



.titolHome {

    BORDER-top: #333333 1px solid;
    BORDER-bottom: #333333 1px solid;
	width:568px;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	text-align:left;
}

#tot {    
	width: 730px;    	
	width: 750px;    		
	margin-top: 0px;    
	margin-left: auto;    
	margin-right: auto;
}






#blockpagina_exterior{	
	visibility: visible;
	height:600px;
	FONT-FAMILY: Verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	z-index:26; 
	padding-left: 10px;
	padding-left: 0;
	padding-right:0px;	
	margin-top: 1px;
	margin-right:0px;
	display:block;	
	position:relative;	
	top: 0px;	
	left: auto;
	right: auto;
	width:740px;	

	text-align:left;
	
}

#div_gris
{
	background-color:#FF0000;

}


#blocksuperior {
	FONT-SIZE: 10px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	visibility: visible;
	BACKGROUND-COLOR:#FFFFFF;
	BACKGROUND-COLOR:#FFFFCC;	
	COLOR: #FAEBD7;
	color:#666666;
	font-family: Verdana,arial,helvetica,sans-serif;
	z-index:20;
    BORDER-left: #666666 2px solid;
    BORDER-right: #666666 2px solid;
    BORDER-bottom: #666666 0px solid;		
    BORDER-top: #666666 2px solid;
	position: absolute;
	position: relative;	
	top: 0px;
	width:auto;	
	padding:4px;
	padding-bottom:0;
	padding-top:0;


}




#left {
	FONT-SIZE: 0.8em;
	FONT-SIZE: 10px;
	LINE-HEIGHT: 14px;
	FONT-FAMILY: Verdana,arial,helvetica,sans-serif;
	z-index:30; 
	padding-left: 5px;
	padding-right: 5px;	
	padding-top:10px;	
	margin-top: 0px;
	margin:0px 0px 0px 0px;
    BORDER-left: #000000 2px solid	;
    BORDER-right: #000000 2px solid	;	
    BORDER-top: #000000 2px solid;
    BORDER-bottom: #000000 2px solid;
	position:relative;
	float:left;
	top: 0px;
	left: 0px;
	width:178px;
	width:170px;
	width:150px;	
	height:700px;
	height:732px;	
	background-color:#FFFFFF;
	background-color:#333333;		
	background-color:#000000;
	background-image:url(images/fondo-gris-recte.jpg);
	background-repeat:no-repeat;
	font-size: 10pt;
}
#blockpagina{
	FONT-FAMILY: Verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#333333;
	margin:0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;		
	padding: 20px 30px 20px 30px;
	padding-bottom:0;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	position:relative;	
	height:732px;
	height:auto;	

    BORDER-left: #666666 2px solid;
    BORDER-right: #666666 2px solid;
    BORDER-BOTtoM: #666666 2px solid;		
    BORDER-top: #666666 0px solid;		
	top: 0px;
	left: 0px;
	width:auto;
	margin:0;
	background-image:url(images/fondo-block-pagina.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;				
	
}

#blockpagina a:link{
text-decoration:none;
font-size:11px;
}
#blockpagina a:visited{
font-size:11px;

}


.mesinfo
{
padding-top:5px;
text-align:left;
padding-bottom:3px;
text-decoration:none;
}

.mesinfo a:link{
text-decoration:none;
}
.mesinfo a:visited{
text-decoration:none;
}
.mesinfo a:hover{
text-decoration:none;
}



#altura-minima
{
width:1px;
height:700px;
float:left;
}

#pagina_interior
{
margin-left:20px;
width:100%;
border-color:#CCCCCC;
border-style:solid;
border-width:0px;
padding-top:0;
margin-bottom:10px;
}

#block-contenido
{
margin-top:25px;
margin-left:20px;
width:450px;
left:20px;
position:relative;
text-align:left;
padding:5px;



}


.titolCecc{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
}


.MenuTitleGrup
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.MenuTitleGrupSuperior
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR:#CCCCCC;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.LletraPetita
{
    FONT-SIZE: 9px;
    LINE-HEIGHT: 12px;
	FONT-FAMILY: Verdana,arial,helvetica,sans-serif;
}


.AreaTitlePlus
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
	color:#CCCCCC;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
}



input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
}

.tatxat {
color:#666666;
text-decoration:line-through;
}

#sectionLinks{
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	text-decoration:none;
	text-align:right;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
}

#sectionLinks a:link{
	display: block;
	padding: 1px 0px 1px 5px;
	color: #21536A;
	color:#333333	;
	color:#CCCCCC;	
	color:#666666;					
	font-weight:bold;	
	font-weight:normal;		
	font-size:12px;	
	text-decoration:none;
	text-align:right;
}

#sectionLinks a:visited{
	display: block;
	padding: 1px 0px 1px 5px;
	color: #21536A;
	color:#333333;	
	color:#CCCCCC;
	color:#666666;					
	font-weight:bold;
	font-weight:normal;	
	font-size:12px;
	text-decoration:none;
	text-align:right;	
}
#sectionLinks a:hover{
	display: block;
	padding: 1px 0px 1px 5px;
	font-weight:bold;
	font-weight:normal;		
	border:0;
	color:#333333;	
	color:#FFFFFF;	
	color:#FF6600;
	text-align:right;
	font-size:12px;	
}

#context-links
{
	font-size:10px;
	padding-bottom:5px;
}

.menu-idiomes
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.menu-idiomes a:visited
{
text-decoration:none;
}
 
.menu-idiomes a:link 
{
text-decoration:none;
}

.menu-idiomes a:hover
{
text-decoration:none;
}

.block-produccio
{
display:block;

}

.imatge-produccio
{
	float:left;
}



.barra-inferior{
    BORDER-right: #333333 1px solid;
    BORDER-left: #333333 1px solid;
    BORDER-top: #333333 1px solid;
    BORDER-bottom: #333333 1px solid;
	font-family:sans-serif, Arial, Helvetica;
	font-size:10px;
	text-align:left;
	margin-top:5px;
	margin-right:2px;
	width:100%;	
	padding-left: 0px;
	padding-right: 5px;
	color:#333333;
}



.imatgegran1{
	float:right;
	padding-left: 30px;
	padding-right: 10px;
}

.imatgeCursPetita{
height:100px;
padding:5px;
}

.texteTorns
{
	color:#666666;
	font-weight:bold;
}




<!-- ESTILS DE LA ANTIGA WEB DEL CECC 

.ok {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF}
.blue {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #FF6600}
.bluepetit {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none}
.bluepetitnormal {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FF6600}
.oknegre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

#menus-cursos
{
text-align:left;
padding:2px;
color:#FF6600;
width:100%;
background-color:transparent;
}

#menus-cursos ul
{
margin:0px;
margin-left:10px;
padding:0px;
color:#333333;
}

#menus-cursos a:link {
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;
}
#menus-cursos a:visited {
	text-decoration: none;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;
}
#menus-cursos a:hover {
	color:#FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;
}
#menus-cursos a:active {
	text-decoration: none;
	color:#FF6600;
	 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal;
}

/* MENU NOTICIES DESTACADES */

.titol_menu_noticies
{
font-weight:bold;
display:block;
background-color:#FF6600;
padding:5px;
color:#FFFFFF;
}



/*  MENU2 */

.titol_menu2
{
font-weight:bold;
display:block;
background-color:#663300;
padding:5px;
color:#FFFFFF;
}

.menu2
{
margin-bottom:2px;
padding-bottom:5px;
}

.menu2 ul
{
margin:0px;
padding:0px;
color:#333333;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
padding:0;
}

.menu2 li
{
	padding-top:1px;
	padding-left:10px;
	list-style-type:none;
	background-image:url(images/square.gif);
	background-repeat:no-repeat;
}

.menu2 a:link {
	color: #333333;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;
}
.menu2 a:visited {
	text-decoration: none;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;
}
.menu2 a:hover {
	text-decoration:none;
	color:#FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;
}
.menu2 a:active {
	text-decoration: none;
	color:#FF6600;
	 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal;
}

/* menu2*/



.Estilo4 {font-size: 11px; font-style: normal; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
.Estilo6 {font-size: 11px; font-style: normal; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;}


.block-fitxa p
{
	margin:0;
	margin-top:4px;
	padding:0;
}

.linkproduccio{
color:#FFFFFF;
}

.linkproduccio a:link
{
	color:#FFFFFF;
}

.linkproduccio a:visited
{
	color:#FFFFFF;
}


.linkproduccio a:hover
{
	color: #FF6600;

}






.columna-dreta{
	float:right;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top:5px;
	padding:0;
	text-align: left;
	border-style:none;
}


.columna-esquerra{
	float:left;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;	
	margin-top: 5px;
	padding:0px;
	text-align:left;
}

.TextIntroduccioCurs
{
	text-align:left;
	margin-top:5px;
	padding:0px;
}

.cuadro
{
border-style:solid;
border-width:1px;
padding:5px;
margin:0px;

}

#col_submenu
{

width:170px;
padding-left:10px;
padding-top:2px;
padding-right:10px;
border-right-width:1px;
border-right-color:#333333;
border-right-style:dotted;
}

#col_submenu_home
{
float:left;
width:0px;
padding-left:10px;
padding-top:3px;
padding-right:10px;
}




#noticies-destacades
{
text-align:left;
padding:0px;
color:#FF6600;
float:right;
width:100%;
background-color:transparent;

}

#framemovies
{
	width:550px;
	display:inline;
	border-color:#000099;
	border-width:5px;
	padding:5px;
}


/* HOME */
.tabla_home
{
width:450px;

}

.tabla_home td
{
	vertical-align:top;
}

.taula_noticies_home
{
width:450px;

}

.buto_video
{
padding-top:3px;
border-style:none;

}