/* CSS Document */

html, body {
	padding: 0;
	margin: 0;}

body {
	font-size: 62.5%;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #454545;
	line-height: 1.2;
	background: #fff;}

select, input, textarea {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #454545;
	font-size: 100%;}

a {
	color: #008dd3;
	text-decoration: underline;}
a:hover {
	color: #008dd3;
	text-decoration: underline;}
a:focus {
	outline: none;}

a img {
	border: none;}

form {
	padding: 0;
	margin: 0;}

input:focus, select:focus, textarea:focus {
	outline: none;}

.td, th {
	font-weight: normal;
	text-align: left;}

p {
	margin: 0;
	padding: 0 0 1.1em;}

h1 {
	margin: 0;
	font-size: 220%;
	font-weight: normal;
	color: #000;
	padding: 0 0 20px;}

h2 {
	margin: 0;
	font-size: 180%;
	font-weight: normal;}

h3 {
	margin: 0;
	font-size: 160%;
	font-weight: normal;}

h4 {
	margin: 0;
	font-size: 120%;
	font-weight: normal;}

h5 {
	margin: 0;
	font-size: 110%;
	font-weight: normal;}

h6{
	margin: 0;
	font-size: 100%;
	font-weight: normal;}


/* ------------------------- */


/* GLOBAL */

.global {
	width: 100%;
	min-width: 990px;
	max-width: 1450px;
	height: auto !important;
	min-height: 100%;
	height: 100%;}

.header {
	position: relative;
	height: 211px;
	background: url(/images/design/bg-header.jpg) no-repeat 0 0;}

.page {
	padding: 0 0 90px;}

.content {
	margin: 0 30px 0 30%;
	height: 1%;}

.leftcoll {
	width: 30%;
	margin: 0 0 0 -100%;
	float: left;}

.footer {
	width: 100%;
	min-width: 990px;
	max-width: 1450px;
	height: 71px;
	margin: -71px 0 0;}


/* -------------------------------- */

/* HEADER */

.logo, .logo-latin {
	position: absolute;
	left: 22px;
	top: 29px;}
.logo a, .logo strong, .logo i, .logo-latin a, .logo-latin strong, .logo-latin i {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 296px;
	height: 134px;
	overflow: hidden;
	font-size: 200%;
	font-weight: bold;}
.logo a i, .logo-latin a i  {
	cursor: pointer;}
.logo i {
	background: url(/images/design/logo-do.png) no-repeat 0 0;}

.logo-latin i {
	background: url(/images/design/logo-do-latin.png) no-repeat 0 0;}

.top-nav {
	position: absolute;
	right: 30px;
	top: 32px;
	margin: 0;
	padding: 0;
	list-style: none;}
.top-nav li {
	float: left;
	padding: 0 0 0 12px;
	font-size: 110%;}

.selectlang {
	float: left;
	padding: 0 16px 0 0;
	cursor: pointer;}

/* -------------------------------------- */


/* LEFTCOLL */

.left-menu {
	margin: 0 0 0 74px;
	padding: 10px 0 20px;
	list-style: none;}
.left-menu li {
	font-size: 160%;
	padding: 3px 0 4px 30px;}
.left-menu li.ma {
	color: #ff143d;
	background: url(/images/design/list-left-menu-a.gif) no-repeat 0 11px;}
.left-menu ul li.ma {
	background: none;}
.left-menu ul {
	padding: 0 0 2px;
	list-style: none;}
.left-menu ul li {
	padding: 5px 0 0 14px;
	font-size: 100%;}


.left-lider {
	padding: 0 0 0 104px;
	width: 180px;}
.left-lider h2 {
	font-size: 180%;
	padding: 0 0 16px;
	margin: 0 0 0 -2px;}
.left-lider h2 a {
	color: #005d8b;}
.left-lider-block {
	padding: 0 0 16px;
	font-size: 120%;
	text-align: center;}
.left-lider-block p {
	padding: 0;
	margin: -16px 0 0;}
.left-lider-block em {
	white-space: nowrap;
	font-style: normal;}



/* ------------------------------------ */


/* FOOTER */

.foot {
	background: #dbdbdb;
	height: 1px;
	overflow: hidden;}

.footer-copy {
	padding: 18px 0 0 104px;
	font-size: 110%;}
.footer-link {
	padding: 18px 0 0;
	font-size: 110%;}
.footer-copy p, .footer-link p {
	padding: 0 0 6px;}


/* --------------------------------- */


/* CONTENT */

.content h1 {
	font-size: 220%;
	font-weight: normal;
	color: #005d8b;
	padding: 0 0 16px;
	margin: 0 0 0 -1px;}

.itxt {
	font-size: 130%;
	line-height: 1.3em;
	padding: 10px 0 12px;}
.itxt strong {
	color: #005d8b;}

.inews h3 {
	font-size: 130%;
	font-weight: bold;
	color: #005e8c;
	padding: 0 0 12px;}
.inews div {
	font-size: 130%;
	padding: 0 0 14px}
.inews div h5 {
	font-size: 85%;
	font-weight: bold;
	padding: 0 0 3px;}
.inews div p {
	padding: 0;}

.prod-title {
	padding: 0;
	vertical-align: bottom;}
.prod-title h2 {
	font-size: 180%;
	padding: 0 0 12px;}
.prod-title h2 a {
	color: #005d8b;}

.prod-list, .prod-list-left, .prod-list-right {
	text-align: center;
	padding: 0;
	vertical-align: bottom;
	width: 20%;}
.prod-list-left {
	text-align: left;}
.prod-list-right {
	text-align: right;}
.more {
	position: relative;
	z-index: 1;
	font-size: 110%;
	text-align: right;
	margin: -14px 20px 0 0}
.more em {
	color: #0170a8;
	font-size: 120%;}
.more a {
	color: #0173ab;}

.news-left, .news-right {
	float: left;
	width: 47%;
	padding: 0 0 22px;
	font-size: 120%;}
.news-right {
	position: relative;
	right: -6%;}
.news-left h5, .news-right h5 {
	font-size: 95%;
	padding: 0 0 3px;}
.news-left h4, .news-right h4 {
	font-size: 100%;
	padding: 0 0 4px;}
.news-left p, .news-right p {
	padding: 0;}


.txt {
	font-size: 130%;
	line-height: 1.3;
	overflow: hidden;
	height: 1%;}
.txt h3 {
	font-size: 140%;
	font-weight: normal;
	color: #116893;
	padding: 0 0 0.8em;}
.txt p {
	padding: 0 0 1.2em;}
.txt img {
	float: left;
	margin: 2px 14px 12px 0;}
.txt td img, .txt th img {
	float: none;
	margin: 0;}
.txt strong {
	color: #005d8b;}

.tdb, .tdb2 {
	padding: 0;
	vertical-align: bottom;}
.tdb2 {
	text-align: center;}
.tdt {
	padding: 0;
	vertical-align: top;}
.tdm {
	padding: 0;
	vertical-align: middle;}
.tdpix {
	vertical-align: top;
	padding: 0 16px 0 0;}

.tdmit {
	border-collapse: collapse;
	width: auto;
	margin: 0 0 30px;}
.tdmit td {
	font-size: 130%;
	padding: 0 12px 0 0;
	vertical-align: middle;}
.tdmit th {
	font-size: 130%;
	padding: 0;
	vertical-align: middle;}


.prod-details {
	padding: 0 0 22px;
	vertical-align: top;
	font-size: 130%;
	line-height: 1.3;}
.prod-details p {
	padding: 0;
	margin: -6px 0 0;
	position:relative;
	z-index:1;}

.prod-details span {
	font-size: 85%;}

.prd2 {
	padding: 0 0 20px;
	vertical-align: top;
	font-size: 110%;
	text-align: center;}
.prd2 p {
	padding: 0;
	margin: -12px 0 0;
	position:relative;
	z-index:1;}

.forms {
	width: 510px;
	background: #ecf6fa;}
.forms-top, .forms-bott {
	height: 9px;
	overflow: hidden;}
.ul {
	float: left;}
.ur {
	float: right;}
.forms-top i, .forms-bott i {
	display: block;
	width: 9px;
	height: 9px;
	overflow: hidden;}
.forms-top .ul {
	background: url(/images/design/bg-form.gif) no-repeat 0 0;}
.forms-top .ur {
	background: url(/images/design/bg-form.gif) no-repeat -9px 0;}
.forms-bott .ul {
	background: url(/images/design/bg-form.gif) no-repeat 0 -9px;}
.forms-bott .ur {
	background: url(/images/design/bg-form.gif) no-repeat -9px -9px;}

.ctt {
	font-size: 130%;
	vertical-align: top;
	padding: 5px 0 5px 30px;
	width: 160px;
	position: relative;}
.ctt span {
	display: block;
	position: relative;}
.ctt em {
	display: block;
	position: absolute;
	color: #ff0000;
	font-style: normal;
	top: -2px;
	right: 100%;
	padding: 0 6px 0 0;}

.cdett {
	font-size: 120%;
	vertical-align: top;
	padding: 3px 0 3px 8px;
	width: 300px;}

.frm {
	padding: 2px 3px;
	width: 92%;}

.rline {
	background: #d2dde0;
	height: 1px;
	overflow: hidden;
	margin: 18px 0;}

.acc {
	padding: 0 30px 8px 30px;
	font-size: 120%;
	color: #454545;
	font-weight: bold;}
.acc span {
	border-bottom: 1px dashed #454545;
	cursor: pointer;}


/* ------------------------------------ */


/* Other Classes */


a.dott, a.dott:hover {
	color: #005d8b;
	text-decoration: none;
	border:none;}

.ch {
	overflow: hidden;}

.dnone {
	display: none;}

.dblock {
	display: block;}

.fw {
	float: left;
	width: 100%;}

.f-left {
	float: left;}

.f-right {
	float: right;}

.ta-r {
	text-align: right;}

.ta-l {
	text-align: left;}

.ta-c {
	text-align: center;}

.tb {
	width: 100%;
	border-collapse: collapse;}

.tb2 {
	width: auto;
	border-collapse: collapse;}

.f1 {
	font-size: 110%;}

.f2 {
	font-size: 120%;}

.f3 {
	font-size: 130%;}

.f4 {
	font-size: 140%;}

.fd {
	font-size: 100%;}

.rell {
	position: relative;}

.pd0 {
	padding: 0;}

.clr {width:100%; font-size: 0px;}
.clr:after {content:".";display:block;font-size:1px;height:0;clear:both;visibility:hidden}
.clr {display:inline-block}
/* Hide from IE Mac \*/
.clr {display:block}
/* End hide from IE Mac */



.prod-bott {
font-size:120%;
line-height:2;
}

.prod-bott a {
display:inline-block;
margin:0 10px 0 0;
}