body 
{
	background: #AEA4D2 url(../imatges/fons_nou.jpg) center top fixed;
	width:778px;
	margin:0 auto;
	font: normal 11px "Trebuchet MS", verdana, Times, serif; color:#575757;
}
h2 {color:orange;padding-left:5px;}
#cabecera
{
	background:white;
	margin:0px auto;
	width:100%;
	float:left;
}
#logo
{
	background:white;
	margin:0px auto;
	float:left;
	width:300px;
	HEIGHT:85PX;
}
#logo p
{
	margin:0px auto;
	margin-top:0px;
	margin-left:10px;
	HEIGHT:85PX;
}
#logo a
{
	margin:0px;
	text-decoration:none;
	color:orange;
}
#logo a:hover
{
	color:gray;
	
}
#menu
{
	background:white;
	margin:0px auto;
	float:left;
	width:478px;
}
.botones
{
	margin:0px;
	text-align:right;
	margin-right:10px;
}
#intro h3
{
	color:red;
}
#intro img
{
	float:left;
	width:100%;
	padding-right:10px;
}
#intro p
{
	float:left;
	width:100%;
	margin-bottom:15px;
}
#contenido
{
	margin:0px auto;
	background:white;
}
#contenido table
{
	margin:0px auto;
}
#contenido p
{
	margin:0px;
}
#contenido ul
{
	margin:0px auto;
	position:relative;
	left:-40px;
	
}
#contenido li
{
	margin:0px auto;
	width:300;
	list-style-type:none;
}
#contenido li a
{
	margin:0px auto;
	text-decoration:none;
	text-transform:uppercase;
	color:#53437A;
	font-weight:600;
	display:block;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
#contenido li a:hover
{
	margin:0px auto;
	color:orange;
	background:white;
}
#contenido h1
{
	margin:0px auto;
}
#contenido_serveis
{
	padding:10px;
}
#pie
{
	margin:0px auto;
	text-align:center;
	width:778px;
	background:white;
	border-top:2px solid orange;
}
#pie a
{
	text-decoration:none;
	color:#575757;
}
#pie a:hover
{
	color:orange;
}
.activo
{
	margin:0px auto;
	text-decoration:none;
	text-transform:uppercase;
	color:orange;
	font-weight:600;
	background:white;
	display:block;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
#contiene_portafolio
{
	width:518px;
	height:430px;
}
#portafolio
{
	margin:0px;
	text-align:center;
	width:160px;
	height:128px;
	background:url(../imatges/portafoli.jpg);
	margin-top:10px;
	margin-right:10px;
	float:left;	
	
}
#portafolio a
{
	text-decoration:none;
	color:#575757;
}
#portafolio a:hover
{
	color:#0A246A;
}
.boton
{	
	margin:0px;
	font: normal 11px "Trebuchet MS", verdana, Times, serif; color:#575757;
	width:100px;
}
.iz
{
	background:#FFD280;
	width:22%;
}
.cen
{
	background:white;
	width:58%;
}
.de
{
	background:orange;
	width:20%;
}
#ultimos
{
	margin:0px;
	width:100px;
}
#ultimos h4
{
	margin:0px;
	font-size:14px;
	width:150px;
	padding-left:8px;
	text-transform:uppercase;
	color:#C64600;
	padding-top:5px;
}
#ultimos img
{
	margin:0px;
	border:0px;
	margin-left:8px;
	margin-top:2px;
	margin-bottom:5px;
	border: 1px solid #C64600;
}
#ultimos p 
{
	padding-left:8px;
	margin:0px;
	width:148px;
	color:#494949;
	border-bottom:1px dotted #C64600;
	padding-bottom:5px;
}
#sat
{
	margin:0px;
	padding-top:5px;
	padding-left:5px;
	background:#8080C0;
}
#sat h4
{
	margin:0px;
	font-size:16px;
	color:white;
}
#sat h4 a
{
	text-decoration:none;
	color:white;
}
#sat h4 a:hover
{
	text-decoration:underline;
}
#sat a
{
	text-decoration:none;
	color:white;	
}
#sat a:hover
{
	text-decoration:underline;
	color:#FFE0C0;	
}
#sat p
{
	margin:0px;
	color:white;
}
#login
{
	margin:0px;
	padding:5px;
	background:#FFD280;
}
#login a
{
	text-decoration:none;
	color:green;
}
#login a:hover
{
	text-decoration:underline;
}
#login h4
{
	margin:0px;
	color:#4040A0;
	font-size:14px;
}
#login p
{
	margin:0px;
	color:black;
}
#form
{
	height:390px;
}
#login form
{
	margin:0px;
}
#login .desconectar
{
	background:yellow;
	color:red;
	font-family:"Trebuchet MS", verdana, Times, serif;
	font-size:12px;
	height:25px;
	margin-top:5px;
}
#login .conectar
{
	background:#309B30;
	color:white;
	font-family:"Trebuchet MS", verdana, Times, serif;
	font-size:12px;
	height:25px;
	margin-top:5px;
}
#contracte
{
	margin:0px;
	width:100%;
	margin-bottom:10px;
}
#contracte h4
{
	margin:0px;
	margin-top:10px;
	color:#5D5D5D;
	font-size:12px;
	text-decoration:underline;
}
#centro
{
	margin:0px;
	width:95%;
	padding:10px;
}
#centro p
{
	margin:0px;
	text-align:justify;
	line-height:18px;
}
#centro h1
{
	width:100%;
	font-size:25px;
}
#centro .banner h1
{
	width:416px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#centro .ajuntament h1
{
	width:420px;
	height:40px;
	color:white;
	text-align:right;
	padding-right:5px;
	background-image:url(http://nde.eeeiii.net/1/imatges/ajuntament_fons.png);
	margin-bottom:10px;
}
#centro .intranet h1
{
	width:420px;
	height:40px;
	color:white;
	padding-left:5px;
	background-image:url(http://nde.eeeiii.net/1/imatges/intranet_fons.png);
	margin-bottom:10px;
}
#centro .informatica h1
{
	width:420px;
	height:40px;
	color:white;
	text-align:right;
	padding-right:5px;
	background-image:url(http://nde.eeeiii.net/1/imatges/informatica_fons.png);
	margin-bottom:10px;
}
#centro .suport h1
{
	width:420px;
	height:40px;
	color:white;
	padding-left:5px;
	background-image:url(http://nde.eeeiii.net/1/imatges/suport_fons.png);
	margin-bottom:10px;
}
#conten_cliente
{	
	margin:0px;
	padding:10px;
}
#conten_cliente ul
{
	margin:0px;
	height:25px;
	font-size:10px;
}
#conten_cliente li
{
	margin:0px;
	float:left;
}
#conten_cliente li a
{
	margin:0px;
}
#conten_cliente li a:hover
{
	margin:0px;
	color:orange;
	text-decoration:underline;
}
#conten_cliente select
{
	margin:0px;
	position:relative;
	top:-8px;
}
#ver_asis
{
	background:white;
	height:540px;
	width:510px;
	position:relative;
	top:-40px;
	padding:20px;
}
#ver_asis p
{
	margin:0px;
	color:#18609C;
	font-weight:600;
	padding-bottom:5px;
	text-align:justify;
}
#ver_asis font
{
	color:red;
	font-size:12px;
	color:black;
	font-weight:normal;
}
#descarga
{
	margin-bottom:10px;
	background:#C8E0F4;
	padding:5px;
	padding-bottom:10px;
}
#descarga font
{
	color:black;
	font-size:12px;
}
#descarga p
{
	color:#18609C;
	text-align:justify;
}
#descarga img
{
	margin:0px;
	float:left;
	padding-top:5px;
}
#disseny
{
	background:red;
}
#disseny h1
{
	color:red;
}
#paginacion
{
	position:relative;
	left:00px;
	top:-15px;
}
#paginacion select
{
	margin-bottom:13px;
}

#etiqueta_ultims
{
	margin:0px;
	position:absolute;
	margin-left:146px;
}
#etiqueta_ultims img
{
	border:0px;
}
#etiqueta_remot
{
	margin:0px;
	position:absolute;
	margin-left:-64px;
}
#etiqueta_remot img
{
	border:0px;
} 
#qTip {
 padding: 3px;
 border: 1px solid #FF4000;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: orange;
 color: white;
 font-size:10px;
 font-weight:bold;
 text-align: left;
 position: absolute;
 z-index: 1000;
}
/*ETIQUETA BOCADILLO*/
#centro a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
#centro a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
#centro a.tt:hover{ z-index:25; color: #aaaaff; background:;}
#centro a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:344px;
	color: black;
	font-weight:normal;
    text-align: center;
	filter: alpha(opacity:85);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
#centro a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(http://nde.eeeiii.net/1/imatges/bubble_eeeiii.png) no-repeat top;
}
#centro a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(http://nde.eeeiii.net/1/imatges/bubble_filtro.png) repeat bottom; 
}
#centro a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(http://nde.eeeiii.net/1/imatges/bubble_eeeiii.png) no-repeat bottom;
}
/* base semi-transparente */
    .overlay{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index:1001;
		opacity:.75;
        -moz-opacity: 0.75;
        filter: alpha(opacity=75);
    }
	
    /* estilo para lo q este dentro de la ventana modal */
    .modal {
        display: none;
        position: absolute;
        top: 0%;
        left: 25%;
		/*width: 50%;
        height: 50%;*/
		width:800px;
		height:450px;
        padding: 16px;
        background: #fff;
		color: #333;
        z-index:1002;
        /*overflow: auto;*/
    }