@charset "ISO-8859-1";
/* CSS Document */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
min-height:581px;/* for good browsers*/
min-width:1024px;/* for good browsers*/
background:#000;
background:url(../img/bg.png);
background-repeat:repeat-x;
font: 100% Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:14px;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
color: #fff;
}
#idiomes {
text-align:left;
font-size:11px;
color:#7c766d;
width: 1024px;
margin-left:auto;
margin-right:auto;
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 581px;
}
#inner {
width: 1024px;
background:#000;
height: 581px;
text-align: center;
margin-left:auto;
margin-right:auto;
border:1px solid #000;
}
#planning-contact {
text-align:left;
height:180px;
background:url(../img/entrada-estudiants.jpg);
background-repeat:no-repeat;
display:inline-block;
width:1024px;
}
#logo {
float:right;
text-align:right;
vertical-align:top;
position:relative;
bottom:50px;
}
#peu {
height:20px;
text-align:left;
font-size:10px;
color:#7c766d;
}
#peu .esq {
	float:left;
}
#peu .dre {
	float:right;
}
#adreca {
float:right;
font-size:10px;
vertical-align:top;
position:relative;
bottom:14px;
}
#output {
width:1024px;
height:401px;
text-align:left;
}
#texte-seccio {
margin-left:80px;
margin-top:30px;
height:401px;
}
#texte-seccio ul {
margin: 0;
padding: 0;
list-style-type:square;
margin-top:30px;
margin-left:60px;
font-size:12px;
color:#7c766d;
}
ul {
margin: 0;
padding: 0;
list-style-type:square;
margin-top:10px;
margin-left:40px;
font-size:12px;
color:#7c766d;
}
ul ul {
	list-style-type:disc;
}
#menu-navegacio {
	float:right;
	width:700px;
	height:30px;
	text-align:right;
	color:#7c766d;
	margin-right:0px;
	margin-top:-50px;
	font-size:12px;
	position: relative;
}
#cuadre-dreta {
	float:right;
	width:240px;
	height:290px;
	text-align:left;
	background:url(../img/bg.png);
	margin-right:20px;
	padding:20px;
	position: relative;
}

#espai-esq {
	float:left;
	width:440px;
	height:290px;
	text-align:left;
	background:url(../img/bg.png);
	padding:20px;
	margin-left:20px;
	position: relative;
}
#espai-dre {
	float:right;
	width:440px;
	height:290px;
	text-align:left;
	background:url(../img/bg.png);
	padding:20px;
	color:#fafafa;
	margin-right:20px;
	position: relative;
}
#espai-cen {
	float:left;
	width:940px;
	height:290px;
	background:url(../img/bg.png);
	padding:20px;
	margin-left:20px;
	position: relative;
	text-align:center;
}
#espai-planning {
	float:left;
	width:940px;
	height:290px;
	/*background:url(../img/bg.png);*/
	background:#000;
	padding:20px;
	padding-top:0px;
	margin-left:20px;
	position: relative;
	text-align:center;
}
#espai-esq2 {
	float:left;
	width:640px;
	height:290px;
	text-align:left;
	background:#000;
	padding:20px;
	margin-left:20px;
	position: relative;
}
#espai-dre2 {
	float:right;
	width:240px;
	height:290px;
	text-align:left;
	background:url(../img/bg.png);
	padding:20px;
	color:#fafafa;
	margin-right:20px;
	position: relative;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}

h1 {
color:#7c766d;
font-size:16px;
font-style:italic;
margin-bottom:10px;
}
#titol {
color:#FFF;
font-size:28px;
font-style:italic;
background:#000;
}
a:link {
	color: #7c766d;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #7c766d;
}
a:hover {
	text-decoration: underline;
	/*color: #CCCCFF;*/
	color:#FFF;
}
a:active {
	text-decoration: none;
	color: #7c766d;
}
.n1 {
	color:#4f83a2;
}
.n2 {
	color:#ab4b46;
}
.n3 {
	color:#ab7a46;
}
.n4 {
	color:#aba746;
}
.n5 {
	color:#ab83a2;
}

.blanc {
color:#FFF;	
}
.barra {
color:#333;	
}
.marro {
color:#7c766d;	
}

.preu2 {
color:#FFF;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
}

.gran {
	font-size:20px;
	color:#FFF;
	font-style:normal;
}

.mitg-gran {
	font-size:16px;
	color:#FFF;
	font-style:normal;
}

input, select, textarea
{
color: #333;
background:#CCC;
border: 2px solid #000;
}

.submit input
{
color: #000;
background: #cccccc;
border: 2px outset #333;
} 
input.boto
{
color: #fff;
background:#7c766d;
border: 2px outset #ccc;
padding-left:8px;
padding-right:8px;
} 
input.boto:hover
{
background:#F30;
border: 2px outset #cccccc;
} 

.c2punts{
    display:block;

    /*set the div in the bottom right corner*/
    position:absolute;
    bottom:10px;
    right:10px;
    width:100px;
	height:20px;
  }

.c2punts a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333;
  }
.c2punts a:hover{
	text-decoration: underline;
	/*color: #CCCCFF;*/
	color:#7c766d;
  }
 
/****************************************************************/
.fila {
width: 100%;
margin: auto;
margin-bottom:6px;
margin-top:6px;
/*background:url(../img/punts.png);
background-position:center;
background-repeat:repeat-x;
font-size:14px;
font-weight:bold;*/
/*color:#333;*/
}

.punts {
padding: 0;
/*border-bottom: dotted black thin;*/
}

.producte {
float: left;
margin: 0;
padding: 0;
padding-right:10px;
padding-left:2px;
color:#7c766d;
}

.preu {
float: right;
margin: 0;
padding: 0;
padding-left:10px;
padding-right:10px;
color:#FFF;
}

.preu-oferta {
font-family:"Comic Sans MS", cursive;
padding-left:10px;
color:#C00;
font-size:16px;
}

.cols3 {
width: 100%;
margin: auto;
margin-bottom:6px;
margin-top:6px;
height:200px;
/*border-top: dotted #1f1f1f thin;*/
text-align:left;
}

.col2 {
float:left;
height:180px;
width: 30%;
}

.col1 {
float: left;
height:180px;
width: 30%;
border-right: dotted #1f1f1f thin;
}

.col3 {
float: right;
height:180px;
width: 30%;
border-left: dotted #1f1f1f thin;
}

.caixa1 {
display:inline-block;
width: 140px;
height:20px;
border: dotted #4f83a2 thin;
color:#FFF;
text-align:center;
/*
padding-left:20px;
padding-right:20px;
*/
}
.caixa2 {
display:inline-block;
width: 140px;
height:20px;
border: dotted #ab4b46 thin;
color:#FFF;
text-align:center;
/*
padding-left:20px;
padding-right:20px;
*/
}
.caixa3 {
display:inline-block;
width: 140px;
height:20px;
border: dotted #ab7a46 thin;
color:#FFF;
text-align:center;
/*
padding-left:20px;
padding-right:20px;
*/
}
.caixa4 {
display:inline-block;
width: 140px;
height:20px;
border: dotted #aba746 thin;
color:#FFF;
text-align:center;
/*
padding-left:20px;
padding-right:20px;
*/
}
.caixa5 {
display:inline-block;
width: 140px;
height:20px;
border: dotted #ab83a2 thin;
color:#FFF;
text-align:center;
/*
padding-left:20px;
padding-right:20px;
*/
}
.petit {
	font-size:10px;
	color:#666;
}

#e2 a:hover {
	color: #ab4b46;
	text-decoration:none;
}
#e3 a:hover {
	color: #ab7a46;
	text-decoration:none;
}
.t2 {
	color: #ab4b46;
}

#texte_petit {
	font-size:12px;
}

.classe {
	border-right: dotted #333 thin; padding-left:10px; padding-top:4px;
	text-align:center;
}

.classe_ult {
	padding-left:10px; padding-top:4px;	
	text-align:center;
}

.monitor {
	/*float:right;*/
	font-size:9px;
	color:#7c766d;
	text-align:center;
	display:block;
}
.horari {
	float:left;
	font-size:9px;
	color:#C00;	
}

/****************************************************************/

#newsletter {
	/*
	position:relative;
	top:0;
	left:0;
	z-index:2;
	width:700px;
	height:100%;
	background:#000;
	color:#FFF;
	display:none;
	*/
	 position:absolute; /* important. */
	  left:50%; /*important if you want it absolutely centred in window. */ 
	  margin-left:-350px; /* importnant. must be half the width. */
	  width:700px; /* set to your requirements, but remember left margin setting. */
	  height:100%; /* not neccessary if the element needs to grow with content. */
	  border-left:1px solid #C00; /* not important. */
	  border-right:1px solid #C00; /* not important. */
	  background-color:#000; /* not important. */
	  text-align:center; /*not important. */
	  z-index:2;
	  display:none;
	  overflow:auto;
	  overflow-x: hidden; 
}

#publi {
	/*
	position:relative;
	top:0;
	left:0;
	z-index:2;
	width:700px;
	height:100%;
	background:#000;
	color:#FFF;
	display:none;
	*/
	 position:absolute; /* important. */
	  left:50%; /*important if you want it absolutely centred in window. */ 
	  margin-left:-350px; /* importnant. must be half the width. */
	  width:700px; /* set to your requirements, but remember left margin setting. */
	  height:100%; /* not neccessary if the element needs to grow with content. */
	  border-left:1px solid #C00; /* not important. */
	  border-right:1px solid #C00; /* not important. */
	  background-color:#000; /* not important. */
	  text-align:center; /*not important. */
	  z-index:2;
	  display:none;
	  overflow:auto;
	  overflow-x: hidden; 
}

#enllacTop {
	position:relative;	
}
#enllacTop2 {
position:absolute;
top:74px;
right:370px;
width:300px;
cursor:pointer;
}