@CHARSET "UTF-8";

@import url(reset.css);

body {
    background: #fff url('../images/head.png') 0 0 repeat-x;
    font-family: "Verdana",Geneva,sans-serif;
    color: #444444;
    text-align: center;
}

h1 {
    font-size: 1.125em !important; /* 16x1.125=18px */
    font-size: 1em; /* 16x1=16px */
    font-weight: bold;
    line-height: 1.25em; /* 16x1.25=20px */
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;    
}

h2 {
    font-size: 1.125em; /* 16x1.25=18px */
    margin: 1em 0; /* 18x1=18px */
}

h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

h4 {
    margin: 12px 0 8px;
    /*font-size: 0.875em; /* 16x0.875=14px */
    text-decoration: underline;
}

p {
    /*clear: both;*/
    margin: 0.875em 0;
    /* font-size: 0.875em; /* 16x0.875=14px */
    line-height: 1.1em;
}

a {
    text-decoration: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

address {
    font-style: italic;
    text-align: center;
    line-height: 1.2em;
}

button {	
	font-size: 0.875em; /* 16x0.875=14px */
}

#container, .container {
    margin: 0 auto;
    width: 1046px;
    font-size: 0.775em; /* 16x0.775=12.4px */
    /*font-size: 0.875em; /* 16x0.875=14px */
}

#head {
    background: transparent url('../images/core.png') 0 0 no-repeat;
    float: right;
    width: 866px;
    height: 102px;
}

#footer {
    background-color: #535151;
    clear: both;
}

#footer .container {
    background: transparent url('../images/core.png') 675px -220px no-repeat;
    height: 52px;
    color: #d5d5d5; 
}

#web {
    float: right;
    width: 120px;
    padding: 6px 0;
    text-align: center;
    color: #fff;
}

#email {
    background: transparent url('../images/core.png') 52px -161px no-repeat;
    width: 180px;
    padding: 20px 0;
    font-size: 0.75em; /* 16x0.875=14px */
    font-weight: bold;
    text-align: center;
}

/* Main menu */
#nav-global {
    float: left;
    width: 400px;
    height: 34px;
    margin-left: 15px;
}

/* Menu idioma */
#nav-language {
    background: transparent url('../images/core.png') 209px -110px no-repeat;
    float: right;
    width: 401px;
    height: 34px;
}

.nav ul, .nav li {
    float: left;
    list-style: none;
}

.nav li {
    border-right: solid 1px #a5a4a4;
}

.nav .first {
    border-left: solid 1px #a5a4a4;
}

.nav a {
    display: block;
    padding: 12px 10px 12px;
    font-size: 10px;
    font-weight: bold;
    color: #ddd;
}

.nav a.current {
    background-color: #7f7e7e;
}

.nav a:hover {
    background-color: #7f7e7e;
    color: #ddd;
}

#menu-top {
    background: transparent url('../images/core.png') -210px -110px no-repeat;
    float: left;
    width: 180px;
    height: 102px;
}

#menu-head {
    background-color: #bb3314;
    float: left;
    width: 180px;
    height: 14px;
    padding: 10px 0;
    font-size: 1.13em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.4375em;
    color: #eecec6;
}

#nav {
    clear: both;
    float: left;
    width: 180px;
    margin-bottom: 20px;
    font-size: 0.918em; /* 16x0.918=14,688px */
    /*font-size: 0.8125em; /* 16x0.8125=12px */
    letter-spacing: -0.05em;
}

#nav ul {
    background-color:#000000;
    list-style: none;
}

#nav ul ul {
    padding-top:5px;
}

#nav li {
    background: #000 url('../images/core.png') -845px -104px no-repeat;
    padding: 9px 10px 9px 29px;
    border-bottom: solid 1px #4c4c4c;
    color:#C2C2C2
}

#nav li li {
    background: #000 url('../images/core.png') -855px -104px no-repeat;
    padding: 9px 0 0 19px;
    border-bottom:none;
}

#nav .last {
    background: transparent url('../images/core.png') -405px -110px no-repeat;
    height: 110px;
    border: 0;
}

#nav a {
    font-weight: normal;
    color: #c2c2c2;
}

#nav a:hover {
    color: #986024;
}


#subwrap {
    float: right;
    width: 851px;
    margin-top: 15px;
}

#bar {
    background-color: #dedddd;
    min-height: 26px;
    height: auto !important;
    height: 26px;
    margin-bottom: 15px;
    font-weight: bold;
}

#bar .title {
    float: left;
    width: 711px;
    padding: 9px 10px 5px;
    font-size: 1.125em; /* 16x1.125=18px */
    color: #353434;
}

#content-main {
    margin-bottom: 50px;
    font-size: 0.925em;
}

#content-extra {
    float: right;
    width: 181px;
    font-size: 0.925em;
}

#content-extra h2 {
    background-color: #048b24;
    margin: 0;
    padding: 12px 0;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    color: #c2e3ca;
}

#content-extra div {
    padding: 12px 12px 0;
    background-color: #eaeaea;
}

#content-extra img {
	padding: 5px;
	background-color: #fff;
	border: solid 1px #888;
}

#content-extra .link {
	margin: 0;
	padding: 1em 0;
	border-bottom: solid 1px #CCCCCC;
	text-align: right;
}

.section {
    float: left;
    width: 655px;
}

.section p {
    padding-right: 10px;
}

/* INDEX */
.section div {
    float: left;
    /*height: 286px;*/
    margin-right: 2px;
}

.section h1 {
	border: 0;
	margin: 0;
}

.section .a {
    display: block;
    height: 250px;
    padding: 16px 19px 0;
    color: #fff;
}

.section ul {
	padding-left: 20px;
}

/* PAGE */
.page {
    margin-top: 30px;
}

.page .left {
    float: left;
    width: 50%;
}

.page .right {
    float: right;
    width: 50%;
}

.page ul {
    margin: 10px;
    padding-left: 15px;
}

.page li {
    padding-left: 12px;
}

/* PRODUCT */
.product h3 {
    background-color: #efeeee;
    margin: 40px 0 0 0;
    padding: 10px 5px;
    border: solid 1px #ccc;
    border-width: 1px 0;
}

.product p {
    margin: 1em 0; /* 14x1=14px */
}

.product ul {
    margin: 1em 0;
    padding-left: 18px;
    list-style-type: circle;
}

.product .column img {
    padding: 5px;
    border: solid 1px #eee;
}

.product .text {
    padding: 5px 0 0 10px;
}

.product .text, .product .text p, .product li {
    line-height: 1.125em; /* 16x1.125=18px */
}

.product .more {    
    clear: both;
}

#multimedia {
    width: 406px;
    height: 360px;
    float: left;
    margin-bottom: 40px;
}

.column {
    float: right;
    width: 425px; /* 500px */
}

.column .left {
    float: left;
    width: 250px;
}

.column .right {
    float: right;
    width: 250px;
}

/* ITEMS */
.items {

}

.item {
    float: left;
    width: 201px;
    margin: 0 15px 15px 0;
}

.item.right {
    margin-right: 0;
}

.item .img {
    height: 133px;
    text-align: center;
}

.item .ref {
    font-size: 0.75em; /* 16x0.75=12px */
    line-height: 1.125em; /* 16x1.125=18px */
}

.item .text {
    margin-top: 10px;
    padding: 0 16px;
    font-size: 0.85em; /* 16x0.75=12px */
    line-height: 1.125em; /* 16x1.125=18px */
    text-align: center;
}

.item a {
    display: block;
    height: 175px;
    padding: 10px 5px;
    font-weight: bold;
    /*text-decoration: underline;*/
    border: solid 1px #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.item a:hover {
    border-color: #aaa;
}

/* BANNER */
.banner {
	margin-top: 30px;	
}

.banner .left {
	float: left;
	width: 42%;
}

.banner .right {
	float: right;
	width: 58%;
	padding-top: 10px;
	color: #fff;
}

.banner p {	
	padding-left: 15px;
	padding-right: 15px;
}

/* LINK */
a {
    color: #666;
}

a:hover {
    color: #444;
}

.external-link {
	background: transparent url('../images/link.png') no-repeat;
	padding-left: 22px;
}

.title-link {
	display: inline-block;
	width: 100%;
	padding: 7px 0;
	font-weight: bold;
	text-align: center;
}


/* OTHER */
.space {
    border-top: solid 1px #eee;
    margin-top: 40px;
    padding-top: 10px;
}

.clear {
    clear: both;
}

.clear a {
	border:none;
    border-radius:0;
    display:inline;
    font-weight:normal;
    height:auto;
    padding:0;
}

.a-right {
	text-align: right;
}

.message {
	font-size: 0.875em;
}

.background {	
	background-color: #BA003E;
	padding: 10px 0;
}

/* Custom Icons */
.addthis_toolbox {
    float: right;
    padding-top: 2px;
    font-size: 0.875em;
    line-height: 1em;
}

.addthis_toolbox a {
    line-height: 1.2;
}

.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a img {
    opacity: 1.0;
}

.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}