/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/************************* Global properties *******************************/

@font-face { font-family: 'Planer'; src: url('planer_reg.ttf'); }
@font-face { font-family: 'Courier New'; src: url('cour.ttf'); }

html, body {width:100%; padding:0; margin:0;}

body {
	font-family: 'Planer', sans-serif;
	font-size:0.8em; 
	color:#000000;
	position:relative;
	background-color:#e23228;
}

/*********************************** Links  ********************************/
a {text-decoration:none; cursor:pointer; color:#000;}
a:hover {text-decoration:none; color:#fff !important;}
a:visited {color:#000;}

.lang_main li a{cursor:pointer; color:#fff;}
.lang_main li a:visited {color:#fff;}
.lang_main li a:hover {text-decoration:none;}

a.submenu{text-decoration:none; cursor:pointer; color:#000;}
a.submenu:hover {text-decoration:none; color:#fff !important;}
a.submenu:visited {color:#000;}

a.link {cursor:pointer; color:#9a0910; text-decoration:underline; font-weight:bold;}
a.link:hover {text-decoration:underline;}

/************************************  Fonts  *******************************/

h1 { font-family: 'Michroma', sans-serif; font-size:28px; font-weight: 700; line-height:32px; letter-spacing:0px; color:#150f0f; font-weight:400; margin-top:0px; padding-bottom:0px; margin-left:1px;}
h2 { font-family: 'Michroma', sans-serif; font-size:20px; font-weight: 700; line-height:24px; letter-spacing:0px; color:#150f0f; font-weight:400;}
h3 { font-family: 'Michroma', sans-serif; font-size:16px; font-weight: 700; line-height:20px; letter-spacing:0px; color:#000; font-weight:400; }
h4 { font-family: 'Michroma', sans-serif; font-size:12px; font-weight: 700; line-height:18px; letter-spacing:0px; color:#fff; font-weight:400; text-transform:uppercase;}

/**********************************  Logo  ********************************/
.logo {width:287px; margin:0 auto; text-align:center;}
.logo  .margin{margin:40% auto; text-align:center;}
.logo img {margin: 20px auto;}
h1.logo {font-family:"Courier New", Courier, monospace; font-weight:normal; letter-spacing:2px; font-size:3.9em; text-align:left; color:#fff;line-height:95%;}
h2.logo {font-family:"Courier New", Courier, monospace; font-weight:normal; letter-spacing:3px; font-size:3em; text-align:center; color:#fff; line-height:95%;}
h3.logo {font-family:"Courier New", Courier, monospace; font-weight:normal; letter-spacing:3px; font-size:1.6em; text-align:center; color:#fff;line-height:95%;}

.logo_main {width:280px; margin:0 10px;}
.logo_main img {float:left; margin: 10px auto;}
.logo_main .emblem {width:200px; float:right; text-align: center; padding: 5px 0; overflow:hidden; margin:10px;}
h1.logo_main {font-family:"Courier New", Courier, monospace; font-weight:normal; letter-spacing:2px; font-size:2.2em; text-align:left; color:#fff;line-height:95%;}
h2.logo_main {font-family:"Courier New", Courier, monospace; font-weight:normal; letter-spacing:3px; font-size:1.7em; text-align:left; color:#fff; line-height:95%;}
h3.logo_main {font-family:"Courier New", Courier, monospace; font-weight:normal; letter-spacing:2px; font-size:0.9em; text-align:left; color:#fff;line-height:95%;}

/******************************************************************/
.clear, .clr {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.fleft {float:left;}
.fright {float:right;}
.hidden {visibility: none; width: 0px; height: 0px; overflow: hidden;}

/*******************************  main_sc  *********************************/
#main_sc { width:900px; margin:0 auto;}
.lang_main {color:#fff; clear:both; width:900px; margin:0 auto;}
.lang_main ul {width: 450px; margin:0 auto;}
.lang_main  li{display:in-line; width: 140px; float: left; color:#fff; font-size:1.5em; padding: 5px; text-align:center;}

.offices {width:900px; margin:10% auto 0;}
.offices h2 {font-family: 'Planer', sans-serif; width:225px; border-bottom:1px solid #000; text-align:center;}
.offices .col4 {width:225px; margin:0 auto; float:left;}
.offices .col4  ul{margin:5px auto; float:left;}
.offices .col4  li{width:225px; margin:0 auto; text-align:center;}

/*******************************  header  *********************************/
header {position: relative; width: 100%; height:90px;}
#header_wrapper {width: 970px; margin: 0 auto;}

/*******************************   nav    *********************************/
#main_menu {position: relative; width: 100%; height:30px; border-bottom:1px solid #fff;}
#nav_wrapper {width: 970px; margin: 0 auto; text-align:center;}
#nav_wrapper  ul .active a{color:#fff !important;}
#nav_wrapper ul{margin: 0 auto; display:inline-table;}
#nav_wrapper li {float: left; text-transform:uppercase; padding:1px 10px; font-size:1.3em;}

#sub_menu {position: absolute; width: 100%; min-height:30px; z-index:100; top:121px; background-color:#e23228; padding-bottom:5px; overflow:hidden;}
.subnav_wrapper {position: relative; width: 970px; margin: 0 auto; text-align:center; display:table;}
.subnav_wrapper ul{margin: 0 auto; display: table;}
.subnav_wrapper li {display: table-cell; height:100%; max-width:105px; float: left; padding:3px 8px; margin-top:5px; font-size:0.9em; color:#fff; border-right:1px solid #000;}
.subnav_wrapper li:first-child{border-left:1px solid #000;}
/******************************* content  *********************************/
#content {position: relative; width: 100%; min-height:800px; background-color:transparent;
/* background:#e23228 url('../images/bg_content1.jpg') no-repeat center top;*/
background-attachment:local; overflow:auto;}
.content_wrapper {position: relative; width: 970px; margin: 0 auto;}
.text_box {position:absolute; width:450px; top:70px; left:40px; padding:10px 20px; background-color:#fff; text-align:justify;}
.text_box h1{font-family: 'Planer', sans-serif; font-size:1.5em; color:#c1332c;}
.text_box h2{font-family: 'Planer', sans-serif; font-size:1.3em; color:#c1332c;}
.text_box h3{font-family: 'Planer', sans-serif; font-size:1.2em; color:#fff; font-weight:bold;}
.text_box p {margin-bottom:1em;}
.text_box ul  {margin-top:1em; list-style-type:disc;}
.text_box ul li{margin-top:1em; margin-left:15px;}
.text_box ol  {margin-top:1em; list-style-type:decimal;}
.text_box ol li{margin-top:1em; margin-left:15px;}

.date_box {position:absolute; width:270px; top:70px; right:20px; background-color:trasparent; text-align:right; color:#fff; font-weight:700;
			text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); }
.date_box p { margin: 0;}
.date_box  .day{font-size:2.4em; line-height:1em;}
.date_box  .date{font-size:1.5em; line-height:1em;}
.date_box  .year{font-size:4em; line-height:0.8em;}

.news_box {position:absolute; width:270px; height:400px; top:95px; right:20px; padding:15px; background-color:#fff; overflow:hidden;}
.news_box h1 {font-size:1.5em; line-height:1em;font-family: 'Planer', sans-serif;color:#c1332c; border-bottom:1px solid #c1332c;}
.news_box ul {}
.news_box li {border-bottom:1px solid #dedede; margin-top: 10px;}
.news_box li h1 {font-size:1.4em; line-height:1em;font-family: 'Planer', sans-serif;color:#c1332c;border:0px !important;}
.news_box li p {text-align: justify; margin:5px 0;}
.news_box li span {width:240px; text-align: right; color:#c1332c;}
.news_box a:hover {color:#000 !important;}


/******************************* content  *********************************/
#contact_form {width:400px;}
#contact_form ol  {margin:0; list-style-type:none; display:block;}
#contact_form ol li{margin-top:1em; height:auto; clear:both; width:100%;}
#contact_form input{font-family: 'Planer', sans-serif; background-color: #eee; border:1px solid #c1332c; float:right; width:200px;}
#contact_form textarea{font-family: 'Planer', sans-serif; background-color: #eee; border:1px solid #c1332c; resize: none; float:right; width:200px;}
#contact_form label{color: #c1332c; float:right; margin-right:10px;}
#contact_form .button-form{background-color: #c1332c; color:#fff; margin:10px 155px; padding:3px; float:none; width:100px;}

/*******************************  footer  *********************************/
footer {position:absolute; width: 100%; height:50px; bottom:0px; z-index:9999; background-color:#e23228; padding: 0 0 20px 0; overflow:hidden;}
#footer_wrapper {width: 970px; margin: 20px auto; color:#fff; }
#footer_wrapper  .credits {width: 450px; float:left; margin: 0 auto; }
#footer_wrapper  .credits_tw {width: 450px; float:left; margin: 0 auto; font-size:0.8em; }
#footer_wrapper  .foot_lang {width: 450px; float:right; margin: 0 auto; }
#footer_wrapper  .foot_lang ul{float:right;}
#footer_wrapper  .foot_lang li {float:left; padding:0 20px; margin: 0 auto; }