/**  AF Centre d'Estudis: Disseny i Programació Marc Zulet**/

html {
    margin:0;
    padding:0;
    background:#0090a8;
    }
body {
    min-width:750px;
	background:#fff url(../grafics/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
    padding:0;
	text-align: center;
    }
	
/**--PNG FIX ie5.5----**/
img { behavior: url(../css/iepngfix.htc); }


	
/**---------------------GENERALS----------------------**/
h1,h2,h4 { 
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
	margin:0px 10px 10px 10px;
	color:#505050;
}
h3 { 
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
	margin:0px 10px 10px 10px;
	color:#0090a8;
}

p { 
	margin:0px 10px 10px 10px;
	color:#505050;
	font-size: 14px;
}

a { 
	font-family:'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
	color:#0090a8;
	text-decoration: none;
}

a:hover { 
	font-family:'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
	color:#353535;
}

/**-==================Estils d'ESTRUCTURA======================**/
#contingut{
	width:750px;
	margin:0 auto;
	overflow: auto;
	text-align: left;
}

#top {
	width:750px;
	height: 135px;
	text-align: left;
}

/**---------------------CENTRAL----------------------**/
#cont-centre { 
	width:530px;
	float:left;
	text-align: left;
}

#cont-centre p{
	text-align: justify;
}

#cont-centre ul {
	font-size: 14px;
	list-style-type: circle;
	list-style-image: url(../grafics/fletxa.gif);
	color:#505050;
}

.separador {
	border-bottom: 1px dotted #888;
	margin-bottom: 20px;
}

.imatge-article {
	border: 1px solid #C9C8C0;
	margin: 5px 10px 5px 10px;
	float:right;
}
.splash {
	background: transparent url(../grafics/splash001.jpg) top no-repeat;
	margin-top: 15px;
	padding: 120px 30px 30px 0;
	text-align:right;
}

.tit {
	margin-top: 15px;
}

.splashlink a{
	color:#fff;
	margin-left: 200px;
	text-align:right;
	text-shadow: 0px 0px 3px #0A5166;
}
.splashlink a:hover{
	color:#000;
	margin-left: 200px;
	text-align:right;
}

.splashlink img{
	border: 0;
	margin-top:1px;
}
.destacat{
	border:0;
	margin-left:14px;
}

.fi-portada {
	margin:12px 14px 0 14px;
	background-color: #50CAE1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 10px 10px 5px 10px;
	font-family:'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
}

.caixa-verm a{text-shadow: 0px 1px 3px #6E2644 !important;}
.caixa-verm a:hover{color:#F3CEDD !important;text-shadow: 0px 1px 3px #6E2644 !important;}

.fi-portada a{color:#fff; font-size: 1.2em; text-shadow: 0px 1px 3px #0A5166;}
.fi-portada a:hover{color:#A5F2FF;text-shadow: 0px 0px 2px #0A5166;}

.destacat img{
	border:0;
	margin:0 !important;
	padding:0!important;
}
.destacat a{
	margin:0;
	padding:0 ;
	}
table{ 
	padding:0; 
	border:0;
	margin:0;
	}
th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-bottom: 1px solid #C1D3DA;
	border-top: 1px solid #C1D3DA;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 10px;
	background: #CAE8EA url(../grafics/bg_taula.jpg) no-repeat;}
	
td {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #C1D3DA;
	background: #fff;
	padding: 6px 6px 6px 10px;
	color: #8396A2;
}

td.alt {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #E2F3FE;
	color: #70818C;
	}
	
/**---------------------DRETA----------------------**/
#cont-dret{ 
	float:right;
	width:200px;
	padding-top: 10px;
	text-align: left;
}

#cont-dret h1 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
	font-size: 14px;
	color: #0090a8;
}
#cont-dret h2 {
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, sans-serif;
	font-size: 12px;
	color: #0090a8;
	margin-bottom: 0px;
}

#cont-dret p{
	margin:0px 4px 0px 10px;
	color:#353535;
	font-size: 11px;
}
#cont-dret div:hover{
	background: #C8F7FF;
	padding-top: 5px;
}
#cont-dret div{
	padding-top: 5px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #888;
	width:188px
}
.directes-icona{
	position: relative;
	left:165px;
	bottom:20px;
	margin:0px;
}

#logos{ 
	float:right;
	width:200px;
	padding-top: 10px;
	text-align: center;
}

/**---------------------PEU----------------------**/
#peu{
	clear:both;
	background:#0090a8 url(../grafics/bg-peu.jpg) top repeat-x;
	margin:0 auto;
	height: 50%;
}

#peu p { 
	padding:50px 0px 0px 0px; 
	font-size: 10px; 
	color:#fff;
	margin:0 auto;	
	width: 730px;
	text-align:left;
	}
	
	#peu a { 
	color:#fff;
	}
	
	#peu a:hover { 
	color:#58D6EA;
	}
	
#top  h1  { 
	height:40px;
	position: absolute;
	top: 30px;
}

/**-------------- Menu desplegable  Miguel Gonzalez--------------------**/
#menu {
	padding: 0.5em 0em; 
	text-align: left; 
	width: auto; 
	position: relative;
	top: 93px;
	left: 8px;
	margin: 0px 10px 30px 0px; 
	font-size: 80% !important;
}

#menu #nivel1 {padding: 0; margin: 0; border: 0; white-space: nowrap !important;}
#menu ul {display: inline; text-align: left; border: 0; margin: 1.4em 0em; padding: 0;}
#menu li {display: inline; margin: 0; padding: 0;}
#menu span {padding: 0; margin: 0em -0.4em 0em 0em;}
#menu a {color: #fff; background-color: transparent; text-decoration: none; margin: 0; padding: 0.2em 0.5em; border-width: 0; border-left: 1px solid #017a8d; white-space: nowrap; }
#menu a.ultimo {border-right: 1px solid #017a8d;}
#menu a:hover {color: #58D6EA; background-color: #0090A8;}
.nivelNoScript {}
.nivelOff {display: none !important;}
#menu ul.nivelOn {position: absolute; left: auto; top: auto; border-left: 1px solid #017a8d; border-bottom: 1px solid #017a8d; border-right: 1px solid #017a8d;}
#menu ul.nivelOn a {display: block !important; border: 0; background-color: #0090A8; color: #fff;}
#menu ul.nivelOn a:hover {background-color: #017a8d; color: #58D6EA;}