* {
  padding: 0;
  margin: 0;
}

body {
  font-family: arial, sans-serif;
  font-size: 10pt;
  text-align: center;
  background-color: white;
}

img {
  border: 0;
}

.page {
  margin: 10px auto;
  width: 780px;
  text-align: left;
}

.header {
	text-align: center;
	padding: 10px;
}

.header #languages {
	position: absolute;
	margin-top: 75px;
	margin-left: 310px;
}

.footer {
	margin-top: 10px;
	text-align: center;
	clear: both;
}

.menu {
	clear: both;
	padding: 0 0 3px 0; 
	border-bottom: 1px solid #ccc;
	text-align: center;
}

.menu li {
	margin: 0 4px;
	display: inline;
}

.menu li a {
	margin: 0 -2px;
	padding: 3px 12px;
	text-decoration: none;
	border: 1px solid #ccc;
	background: #f5f5f5;
	color: #666;
}

.menu li a:hover {
	background: #ededed;
	color: #000;
}

.menu li.active a {
	background: white;
	border: 1px solid #ccc;
	border-bottom: 1px solid white;
} 

.menu li.active a:hover {
	background: white;
	border: 1px solid #ccc;
	border-bottom: 1px solid white;
} 

.content {
	margin: auto;
	width: 780px;
	text-align: center;
	padding: 5px 0px;
}

.content .home {
	width: 650px;
	margin: 10px auto;
	float: none;
}

.content .mate {
	width: 650px;
	margin: 10px auto;
	float: none;
	text-align: justify;
}

.content .mate h3,p {
	padding: 5px 0px;
}

.content .mate img {
	padding-left: 10px;
	float: right;
}

.content dt {
	text-decoration: underline;
	font-weight: bold;
}

.content .multimedia {
	width: 650px;
	margin: 10px auto;
	float: none;
}

.content .multimedia a {
	text-decoration: none;
}

.content ul {
	text-align: left;
	margin: 0px 0 10px 20px;
}

.content img {
	margin: 10px 0 0 0;
}

.content small {
	font-size: 10px;
}

.content .frame {
	margin: 4px;
	padding: 4px;
	border: 1px solid #ccc;
}

.content .group {
	width: 33%;
	float: left;
}

.content .order {
	font-family: sans;
}

.content .order .ok {
	font-size: 20px;
	color: green;
}

.content .order .follow {
	font-size: 8px;
}

.content .order a {
	text-decoration: none;
}

.content .order .steps {
	border: 0;
	background-color: white;
	font-size: 30px;
	color: #d3d3d3;
	cursor: pointer;
}

.content .order .active {
	font-size: 40px;
	color: black;
}

.content .order .step {
	font-size: 14px;
}

.content .order .step table {
	font-size: 12px;
	border-collapse: collapse;
	margin: auto;
}

.content .order .step th,td {
	border: 1px solid #0000A0;
	padding: 0 5px 0 5px;
}

.content .order .step th {
	color: #0000A0;
}

.content .order .step .description {
	width: 200px;
}

.content .order .step .presentation {
	font-size: 8px;
}

.content .order .step .price {
	text-align: right;
}

.content .order .step .quantity {
	text-align: center;
}

.content .exportation {
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	width: 580px;
	border: 1px solid #ccc;
}

.content .exportation img {
	margin: 5px 20px;
	float: left;
}

.content .exportation ul {
	padding: 5px;
	margin-left: 300px;
	text-align: left;
	margin-bottom: 0px;
}

.content .exportation li {
	padding-top: 11px;
	padding-bottom: 11px;
	text-align: left;
}

.content .links {
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	width: 400px;
	border: 1px solid #ccc;
}

.content .links ul {
	text-align: left;
	margin: 0 0 0 20px;
}

.content .map {
	padding-left: 100px; 
	padding-right: 10px;
	float: left;
}

.content .branches {
	padding-top: 5px;
	float: left;
	text-align: left;
}

.content .list {
	border: 1px solid #ccc;
	text-align: center;
	width: 300px;
	margin: 10px auto;
}

.content .list ul {
	margin-bottom: 0px;
	padding: 10px;
}