/* CSS Document */

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body#home {
	height: 100%;
	background-color: #666666;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
body#mmvellard {
	height: 100%;
	background-color: #666666;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
a {
	color: black;
	text-decoration: none;
}
a:hover {
	color: black;
	text-decoration: none;
}

/* Interface Styles */

.centered {
	position: absolute;
	width: 870px;
	height: 550px;
	top: 50%;
	left: 50%;
	margin-top:-270px;
	margin-left:-435px;
	background-color: white;
}
.rectangle {
	width: 100%;
	height: 100%;
	background-image: url(../img/bg_mmvellard.gif);
	background-position: center;
	background-repeat: repeat-y;
	background-attachment: fixed;
}
.topsite {
	height: 60px;
}
.middlesite {
	height: 80px;
	vertical-align: top;
	background-color: black;
}
.downsite {
	margin: 0px;
	padding: 0px;
}
.links_menu {	
	float: left;
	padding: 12px 10px;
	padding-bottom: 0px;
	color: white;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
}
.links_menu a {	
	color: #CCCCCC;
	text-decoration: none;
}
.links_menu a:hover {
	color: white;
}
.links_section {
	margin: 10px;
}
.links_language {
	padding: 12px;	
	color: white;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
}
.links_language a {	
	color: #999999;
	text-decoration: none;
}
.links_language a:hover {
	color: #FF9900;
}
.about {
	padding: 6px;	
	color: #999999;
	font-family: Helvetica;
	font-size: 11px;
}

#corner_ca { height:130px; width:130px; position:absolute; right:0px; top:0px; background-image: url(../img/corner_ca.gif); background-repeat: no-repeat; cursor:pointer; z-index: 10; }
#corner_es { height:130px; width:130px; position:absolute; right:0px; top:0px; background-image: url(../img/corner_es.gif); background-repeat: no-repeat; cursor:pointer; z-index: 10; }
#corner_en { height:130px; width:130px; position:absolute; right:0px; top:0px; background-image: url(../img/corner_en.gif); background-repeat: no-repeat; cursor:pointer; z-index: 10; }
#corner_de { height:130px; width:130px; position:absolute; right:0px; top:0px; background-image: url(../img/corner_de.gif); background-repeat: no-repeat; cursor:pointer; z-index: 10; }
#corner2_ca { height:130px; width:130px; position:absolute; right:0px; top:0px; background-image: url(../img/corner2_ca.gif); background-repeat: no-repeat; cursor:pointer; z-index: 10; }
#corner2_es { height:130px; width:130px; position:absolute; right:0px; top:0px; background-image: url(../img/corner2_es.gif); background-repeat: no-repeat; cursor:pointer; z-index: 10; }
#corner2_en { height:130px; width:130px; position:absolute; right:0px; top:0px; background-image: url(../img/corner2_en.gif); background-repeat: no-repeat; cursor:pointer; z-index: 10; }
#corner2_de { height:130px; width:130px; position:absolute; right:0px; top:0px; background-image: url(../img/corner2_de.gif); background-repeat: no-repeat; cursor:pointer; z-index: 10; }

/* Contents Style */

#contents {
	padding-top: 10px;
}
#contents a {
	text-decoration: underline;
	color: #666666;
}
#contents a:hover {
	text-decoration: none;
	color: #666666;
}
#contents p {
	margin: 0 0px 6px 0px;
}
#contents .table_contents th {
	padding: 3px 0px 3px 6px;
	text-align: left;
	color: white;
	font-family: Helvetica;
	font-size: 12px;
}
#contents .table_contents td {
	padding: 3px 6px 3px 0px;
	color: #666666;
	font-family: Helvetica;
	font-size: 12px;
	text-align: justify;
}

#contents .taula { width: 100%; font-family: Verdana; text-align: left; border-collapse: collapse; margin-bottom: 10px; }
#contents .taula thead { background-color: #DEDEBC;  }
#contents .taula thead th, #content .taula thead td { padding: 1px; border-right: 0px solid #DEDEBC; border-bottom: 3px solid white; color: #666666; }
#contents .taula tbody td, #content .taula tbody th { padding: 1px; border-right: 0px solid white; border-bottom: 0px solid white; color: #666666; }

/* Scroll Styles */

div#scrollbar { 
	float: right;
  position:relative;
  width:11px; height:345px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:321px;
  background: #E8E8E8;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color: #CCCCCC;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
} 
/* Contact Form Styles */

#form_contacte form { margin:0; padding:0; width:100%; float:left;  }
#form_contacte div { margin-bottom: 5px; }
#form_contacte label { float:left; width:25%; padding-right:5px; text-align:right; } 
input, textarea { width:70%; border:1px solid #CCCCCC; padding:3px; } 
textarea { overflow:auto; font-family:Arial,Helvetica,sans-serif; width:70%; border:1px solid #CCCCCC; padding:3px; }
#form_contacte .button { width: 72%; }
#form_contacte .button input { border:none; font-size:1.2em; padding:2px 8px; cursor:pointer; width:auto; }
.hoverfocus { border: 1px solid #999999; }
#error { width: 100%; padding: 3px 5px; font-weight: bold; background-color: #FFD5D5; color: red; }
#response { width: 100%; padding: 3px 5px; font-weight: bold; background-color: #CEFFCE; color: green; }
#working { width: 100% height: 25px; background:url(img/loading.gif) no-repeat left center; }