body{
	background-color: #ccc;
	color:#000;
	text-align: left;
	font-family: "lucida grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin:0;
	padding:0;
}

body{
voice-family: inherit;
font-size: small;
}

html>body{
	font-size: small;
}

#container{
	font-size: small;
}

h1{
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 0.67em 0;
	padding:0;
	color:#444444;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2{
	font-size:1.47em;
	font-weight:normal;
	margin:0 0 0.6em 0;
	padding:0;
	color:#004fa3;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#home h2{
	margin-top:0;	
}

h3{
	font-size:1em;
	margin: 1em 0 0.5em 0;
	padding:0;
	color:#004fa3;
	background-color: transparent;
	letter-spacing:1px;	
	font-weight:bold;		
}
h4{
	font-size:small;
	margin:1em 0 0 0;
	padding:0;
	background-color: transparent;
	color: #004fa3;
}

p{ 
    padding:0; margin:0 0 1em; 
}

blockquote{
	padding:0;
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	white-space: normal;	
	margin:0;
}
img{border:0;}

dl{
	padding:0;
	margin:0 0 12px 0;
	font-weight: normal;
}
dt{
	margin:0;
	padding:0 0 0 15px;
	background-image:   url(../images/arrowbull.gif);
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	font-weight: normal;
}
dd{
	padding:0 0 0 15px;
	margin:0;
	font-weight: normal;
	padding-bottom: 10px;
}

a:link {
	color:#68993F;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}

a:visited {color: #68993F; 
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;

}

a:hover{
	text-decoration:underline;
	color: #f60;
	font-weight: bold;
}

#container{
	background: White url(../images/drop01.gif) repeat-y;	
	padding-right:10px;
	voice-family:inherit;
	width:750px;
}
html>body #container{
	width:750px;
}

#logo{
	padding: 60px 0 0 0;
	overflow: hidden;
	background:    url(../images/xarxa.gif) left top no-repeat;
	margin:0;
	width:150px;
	line-height: 1;
	height: 0px !important;
    height /**/:60px;
}

#navcontainer{
	position: absolute;
	width:600px;
	left:155px;
	top:32px;
	font-size: 90%;
}
#navlist{
margin: 0;
padding: 0 0 20px 0px;
}

#navlist ul, #navlist li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
background-image: none;
}
#navlist a:link, #navlist a:visited{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 20px 4px 0px;
text-decoration: none;
color: #999;
}
#navlist a:hover{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#home #inicio, #services #alojamiento, #blink #foros, #news #dominios, #portfolio #noticias,#contact #contacto, #about #informacion,#manual #manual
{
	color:#333;
	background-color: transparent;
} 
#pageheader{
	width: 750px;
	height:50px;
	background-image:   url(../images/headers/home.jpg);
	background-color: #006699;	
	color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	margin:0;
	border-bottom: 20px solid #006699;
}
#blink #pageheader{
	background-image:   url(../images/headers/blink.jpg);
}
#services #pageheader{
	background-image:   url(../images/headers/services.jpg);
}
#contact #pageheader{
	background-image:   url(../images/headers/contact.jpg);
}
#portfolio #pageheader{
	background-image:   url(../images/headers/portfolio.jpg);
}
#news #pageheader{
	background-image:   url(../images/headers/news.jpg);
}
#about #pageheader{
	background-image:   url(../images/headers/informacio.jpg);
}
#botiga #pageheader{
	background-image:   url(../images/headers/tienda_pro.jpg);
}
#manual #pageheader{
	background-image:   url(../images/headers/manual.jpg);
}

#topcontent{
	margin-left: 150px;
	margin-right:0px;
	margin-bottom:0px;
	padding:10px 0px 10px 10px;
	border-bottom: 1px solid #ccc;
	border-left:1px solid #eee;
}
#topcontent h1{
	margin: 0px 0px 0px 0px;	
}

#contentarea{
	padding-left:150px;
	padding-top:3px;/*IE5 Win doesn't line up for some reason*/
	margin-top:0;
	background-image:   url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	position:relative;
	voice-family:inherit;
	width:600px;
	padding-top:0px;
}
#contentarea2{
	padding-left: 40px;
	padding-top: 0px;
	margin-top: 0;
	position: relative;
	voice-family: inherit;
	width: 600px;
	padding-top: 0px;
	background-color: #FFFFFF;
}
#tienda{
	padding-left: 150px;
	padding-right: 40px;
	background-image:   url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}
html>body #contentarea{
	width:600px;
	padding-top: 0px;
}
#blink #contentarea{
	background-image:   url(../images/blink.gif);
}
#services #contentarea{
	background-image:   url(../images/services.gif);
}
#contact #contentarea{
	background-image:   url(../images/contact.gif);
}
#portfolio #contentarea{
	background-image:   url(../images/portfolio.gif);
}
#news #contentarea{
	background-image:    url(../images/news.gif);
}
#about #contentarea{
	background-image:   url(../images/about.gif);
}

#manual #contentarea{
	background-image:   url(../images/manual.gif);
}
#maincol{
	width:379px;
	padding:10px 10px;
	margin-right:200px;
	margin-left:0px;
	border-right:1px solid #ccc;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:379px;
	overflow: hidden;
}
html>body #maincol{
	width:379px;
}
#rightcol{
	padding:10px 10px;
	position:absolute;
	left:550px;
	top:0px;
	width:200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;	
}
#menu_aux ul{
background-image:none;
list-style-type: none;
text-align: left;
padding: 0;
margin:0;
}
#menu_aux ul li a {
	background: url(../images/list-off.gif) no-repeat left center;
	padding-left: 15px;
	text-align: left;
	text-decoration: none;
	color: #333333;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
#menu_aux a {
color: #333333;
}
#menu_aux ul li a:hover
{
	background: transparent url(../images/redbull.gif) left center no-repeat;
	color: #333333;
	font-weight: normal;
}
 #menu_aux ul li a#current
{
	background: transparent url(../images/list-active.gif) left center no-repeat;
	color: #333333;
	font-weight: normal;
}
html>body #rightcol{
	width:180px;
}
.threecol #leftcol{
	width:200px;	
	position:absolute;
	left:150px;
	top:0px;	
	padding:15px 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
}
html>body .threecol #lefttcol{
	width:180px;
}
.threecol #maincol{
	width:200px;	
	padding:15px 10px;
	margin-right:200px;
	margin-left:200px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:178px;	
}
html>.threecol #maincol{
	width:178px;
}
.threecol #rightcol{
	padding:15px 10px;
	position:absolute;
	left:550px;
	top:0px;
	width:200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
}
html>body .threecol #rightcol{
	width:180px;
}
#footer{
	border-top: 1px solid #ccc;
	margin-left:-150px;
	padding-left:160px;
	padding-top:5px;
}
#footer #mcclogo{
	position:absolute;
	right:15px;
}
#footer p{
	/*padding-right:215px;*/
	margin:0 215px 0 0;
	padding:0;	
	color:#666;
	background-color: transparent;
}
#top{
	position:relative;
	left:-149px;
	top:10px;
	margin:0;
	
	}
#top a{
	color:#666;
	background-color: transparent;
	font-weight: normal;
	height:10px;
}

#last{
		background: #fff url(../images/drop02.gif);	
		width:760px;
		height:30px;
		margin-bottom: 30px;
}
.skiplink{
	display:block;
	width:0;
	height:0;
	margin:0;
	overflow:hidden;
	position: absolute;
	top:0;
	left:10px;
}
.skiplink:active, .skiplink:focus{
	overflow: visible;
  width: auto;
  height: auto;
  color:#e76f00;
  background-color: transparent;	
}
.article{
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
}
.articlelast{}
.hidden{display: none;}
.xtrabig {
	font-family: "Courier New", Courier, mono;
	font-size: 36px;
	color: #333333;
	line-height: normal;
	font-weight: bold;
}
#menu {
	padding:15px 10px;
	position:absolute;
	left:550px;
	top:13px;
	width:200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
}
.titulo {font-weight: normal;}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #CC3300;
	float: right;
}
.imadreta {
	float: right;
	margin: 2px;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.dist {
	margin: 10px 5px 5px;
}
#titulin{display:none;}
#identidad{display:none;}
#listax{list-style-type: circle;padding: 0;margin-left: 1em;}
#listax li{padding-bottom: 3px;}
#listaz{list-style-type: circle;padding: 0;margin-left: 1em;}
#listaz li{padding-bottom: 3px;}

#menuclient ul{
	background-color: #FFFFFF;
	margin: 5px 0 0 0;
	padding: 0;
	
}

#menuclient li{
	list-style-type: none;
	display: inline;
	font-size: 1em;
	border-right: solid #999999 1px;
	padding-right: 3px;
	
}
#menuclient #fin {
	list-style-type: none;
	display: inline;
}
#espacio{height: 375px;}
