/******************************************************
       Project:  Armeec

       Company:  F2 Graphic Design Studio
     Developer:  Martin Metodiev

    Started on:  22/06/2010
    Updated on:  19/07/2010

    Sheet type:  DEFAULT Stylesheet
******************************************************/


/* ************************* RESET STYLES */

/* Eric Meyer's | https://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0px;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* ...................... Mine */
h1,h2,h3,h4,h5,h6{font-weight:normal;}acronym,abbr,fieldset,img,a img{border:0px;}a{text-decoration:underline;}a:hover{text-decoration:none;}textarea{overflow:auto;}caption,th{text-align:left;font-weight:normal;font-style:normal;}


/* ******************************** FONTS */

@font-face {
  font-family: "Helen BG Cond";
  font-weight: normal;
  font-style: normal;
  src:
    url('../fonts/Helen Bg Cond.woff2') format("woff2")
}



/* ******************** PREDEFINED STYLES */

/* .................... Layout */
/*html,body{height:100%;}*/html{font-size:1.25em;/*20px*/}body{font-size:50%;/*10px*/}

/* ................... Cursors */
body *{cursor:default;}a,a *,a:hover,a:hover *,button,input.btn,div.btn input,select{cursor:pointer;}div.text p,div.textfield input,input.textfield,textarea{cursor:text;}

/* ...................... Logo */
div#logo a,div#logo a img{display:block;width:100%;height:100%;}


/* ******************* PREDEFINED CLASSES */

/* .................. Floating */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0pt;}.left{float:left;}.right{float:right;}.clear{clear:both;}.clear-left{clear:left;}.clear-right{clear:right;}

/* ................ Displaying */
.inline{display:inline;}.block{display:block;}.hidden{display:none;}.visible{visibility:visible;}.invisible{visibility:hidden;}

/* ........... Text formatting */
.italic{font-style:italic;}.bold{font-weight:bold;}.small-caps{font-variant:small-caps;}.uppercase{text-transform:uppercase;}.lowercase{text-transform:lowercase;}.align-left{text-align:left;}.align-center{text-align:center;}.align-right{text-align:right;}.align-justify{text-align:justify;}

/* ............... Positioning */
.rel{position:relative;}.abs{position:absolute;}.fixed{position:fixed;}.static{position:static;}.center{margin:0px auto;}

/* ............... 10px Spaces */
.margin-top{margin-top:10px;}.margin-bottom{margin-bottom:10px;}.padding-top{padding-top:10px;}.padding-bottom{padding-bottom:10px;}


/* ******************* PREPARED SELECTORS */

/* ................... Classes */
.wrapper {width: 95.4%;}

.file {
	padding-left: 24px;	
	font-size: 1.1em !important; /*11px*/
}

.pdf {background: url(../images/layout/pdf-file.gif) no-repeat 0px 2px;}

.arrow {background-image: url(../images/layout/arrows.png); background-repeat: no-repeat;}

.arrow-left {padding-left: 18px;}

.arrow-right {padding-right: 18px;}

.left-next {background-position: left 6px;}

.right-next {}

.left-back {}

.right-back {}

.left-top {}

.right-top {}

.left-down {}

.right-down {background-position: right -467px;}

/* ..................... Links */
a, a:hover {}

a {color: #00529B;}

a:hover {}

/* .................. Headings */
h1 {} h2 {} h3 {} h4 {} h5 {} h6 {}

h1.title {}

h3 {
	margin-bottom: 12px;
	font: italic 1.6em/18px Georgia, "Times New Roman", Times, serif; /*16px*/
}

h3 span {font: normal 0.81em Verdana, Geneva, sans-serif; /*13px*/}


/* **************************** CMS INPUT */

/* ................. Container */
div.text {line-height: 18px;}

/* .................. Paddings */
div.text p, div.text ol, div.text ul {padding-bottom: 15px;}

/* ................ Text Style */
div.text strong {font-weight: bold;} div.text em {font-style: italic;}

/* ..................... Lists */
div.text ol, div.text ul {margin-bottom: 10px; padding-left: 0px;}

div.text ol ol, div.text ul ol, div.text ol ul, div.text ul ul {padding-left: 20px; margin-bottom: 0px;}

div.text ul li, div.text ol ul li, div.text ul ol ul li, div.text ol ul ol ul li, div.text ul ol ul ol ul li, div.text ol ul ol ul ol ul li, div.text ul ol ul ol ul ol ul li, div.text ol ul ol ul ol ul ol ul li, div.text ul ol ul ol ul ol ul ol ul li, div.text ol ul ol ul ol ul ol ul ol ul li, div.text ul ol ul ol ul ol ul ol ul ol ul li, div.text ol ul ol ul ol ul ol ul ol ul ol ul li {list-style: inside disc none; background: none; padding: 0px;}

div.text ol li, div.text ul ol li, div.text ol ul ol li, div.text ul ol ul ol li, div.text ol ul ol ul ol li, div.text ul ol ul ol ul ol li, div.text ol ul ol ul ol ul ol li, div.text ul ol ul ol ul ol ul ol li, div.text ol ul ol ul ol ul ol ul ol li, div.text ul ol ul ol ul ol ul ol ul ol li, div.text ol ul ol ul ol ul ol ul ol ul ol li, div.text ul ol ul ol ul ol ul ol ul ol ul ol li {list-style: inside decimal none; background: none; padding: 0px;}

div.text ol {padding-left: 22px;}

div.text ol li {list-style-position: outside;}


/* ******************************* LAYOUT */

/* ...................... Body */
html, body {position: relative;}

body {font-family: Verdana, Geneva, sans-serif;}

body.post-body {background-color: #F0F5FA;}

#page {position: relative;}

#holder {position: relative;}

#holder > div {
	position: relative;
	overflow: scroll; overflow-x: hidden;
  margin: 0 auto;
}

.moving #holder > div {overflow: hidden;}

#holder > div > .inner {
	min-width: 1000px; max-width: 1440px;
	position: relative;
	overflow: hidden;
}

#holder > div > .inner > .wrapper {padding-top: 90px;}

/* .................... Header */
#header {
	width: 100%;
	position: fixed; top: 18px; z-index: 100;
	color: #FFF;
}

#header > div {
	min-width: 1000px; max-width: 1440px;
	margin: 0px auto;
}

#header > div > .holder {background-color: #00529B;}

#header > div > .holder > div.inner {
	min-height: 36px;
	padding: 0px 1.88%;
}

#header a {color: #FFF;}

#logo, #navigation, #navigation ul li, #language {float: left;}

/* ...................... Main */
#main {}

/* ................... Content */
#content {}

/* .................... Footer */
.footer {
	position: relative; top: -20px;
	margin: 38px auto 60px; padding: 10px 1.88%;
	background: url(../images/layout/transparent-white.png);
	font-size: 1.1em; /*11px*/
}


/* ******************************* HEADER */

/* ...................... Logo */
#logo {
	width: 134px; height: 54px;
	margin-left: 1.88%;
}

#logo a {overflow: hidden;}

/* ................ Navigation */
#navigation {
	width: 36%;
	margin-top: 20px; padding-left: 3.6%;
	font: normal 1.6em "Helen Bg Cond"; /*16px*/ text-transform: uppercase; letter-spacing: 1px;
}

#navigation ul {width: 100%;}

#navigation ul li {margin: 0px 2%;}

#navigation ul li.last {margin-right: 0px;}

#navigation ul li a.current {
	text-decoration: none;
	cursor: default;
}

/* .................. Language */
#language {
	margin: 22px 7.0% 0px 5.2%;
	font: normal 12px "Helen Bg Cond"; text-transform: uppercase; letter-spacing: 1px;
}

/* .................... Search */
#searchform {
	width: 27%;
	float: right;
	margin-top: 16px;
}

#searchform input {font: normal 1.2em Verdana, Geneva, sans-serif; /*12px*/}

#searchform input.textfield {
	width: 71.9%; height: 16px;
	float: left; padding: 2px 0.7%; border: 1px solid #999;
	background: #FFF;
}

#searchform input.btn {
	width: 22.2%; height: 22px;
	float: right;
	padding: 3px 0px; border: 0px;
	background: #09F;
	color: #FFF;
}

/* ............... Breadcrumbs */
#breadcrumbs,
#breadcrumbs ul,
#breadcrumbs ul li {float: left;}

#breadcrumbs {font-size: 1.2em; /*12px*/ line-height: 18px;}

#breadcrumbs ul {padding-top: 8px;}

#breadcrumbs ul li {
	padding-right: 16px; margin-right: 8px;
	background: url(../images/layout/breadcrumb-arrow.png) no-repeat right 7px;
}

/* ..................... Modes */
#modes,
#modes ul {float: right;}

#modes {font-size: 1.1em; /*11px*/ line-height: 18px;}

#modes ul {padding-top: 8px;}

#modes ul li {float: left;}

#modes ul li a,
#modes ul li span {
	padding: 3px 22px 5px 0px;
	background-image: url(../images/layout/modes.gif); background-repeat: no-repeat;
}

#modes ul li.gallery {margin-right: 14px;}

#modes ul li.gallery a {background-position: right -24px;}

#modes ul li.text a {background-position: right 2px;}

#modes ul li a {
	text-decoration: none;
	cursor: default;
}

#modes ul li a.active {
	text-decoration: underline;
	cursor: pointer;
}

#modes ul li a.active:hover {text-decoration: none;}


/* ********************************* MAIN */

/* ........................... */


/* ****************************** CONTENT */

/* ........................... */


/* ****************************** SIDEBAR */

/* ........................... */


/* ******************************* FOOTER */

/* .................. Language */
.copyright {float: left;}

/* .................... Search */
.f2 {float: right;}


/* ********************** GLOBAL ELEMENTS */

/* ................... Loading */
#loading {
	width: 600px; height: 300px;
	position: absolute; left: 50%; top: 50%; z-index: 10000;
	font-size: 2em; /*13px*/ line-height: 300px; text-align: center;
	opacity: 0.7;
}

#loading span {
	display: block;
	width: 100%; height: 100%;
	position: relative; left: -50%; top: -50%;
	background-color: #FFF;
}

/* .................. Headline */
.headline {padding: 10px 1.88%;}

.headline h1,
.headline .subscribe {width: 49.01%;}

.headline h1 {
	float: left;
	font: bold 3.2em "Helen Bg Cond"; text-transform: uppercase; letter-spacing: 2px; color: #999;
}

.contacts .headline h1 {width: 17.86%;}

.headline .subscribe {
	float: right;
	font-size: 1.3em; /*13px*/ line-height: 32px; text-align: right;
}

.headline .links {
	width: 79.52%;
	float: right;
	font-size: 1.3em; /*13px*/ line-height: 32px; text-align: right;
}

.headline .subscribe span {color: #CCC;}

/* .................. Headings */
.headings {}

.headings h1 {
	padding: 10px 3.77% 12px;
	background-color: #00529B;
	font: italic 2.2em/36px Georgia, "Times New Roman", Times, serif; color: #FFF;
}

.headings h2 {
	padding: 5px 3.77% 6px;
	background-color: #09F;
	font-size: 1.3em; line-height: 16px; color: #FFF;
}

/* ................... Content */
.content {
	padding: 18px 1.88%;
	background-color: #F0F5FA;
}

/* ...................... Feed */
.feed {}

/* ...................... Item */
.item {
	height: 160px;
	position: relative;
	overflow: hidden;
	margin-bottom: 2px;
}

.item .img-holder {
	width: 73.58%;
	float: left;
	position: relative;
	overflow: hidden;
}

.item > div,
.item .img-holder img {height: 100%;}

.item .img-holder img {position: absolute; right: 0px; top: 0px;}

.item .date {
	width: 15.09%;
	float: right;
	padding: 18px 9.43% 0px 0px;
	font-size: 1.3em; /*13px*/ text-align: right;
}

.item .headings {
	width: 73.58%;
	position: absolute; right: 0px; top: 36px;
}

.item .headings h1 {
	padding: 0px;
	font-size: 2em; /*2px*/
}

.item .headings h1 a {
	display: block;
	padding: 16px 5.12% 17px;
	background-color: #F0F5FA;
	line-height: 24px; color: #00529B;
}

.item .headings h2 {padding-left: 5.12%; padding-right: 5.12%;}

/* ........... Online services */
.online-services {margin-top: 36px;}

.online-services .content {}

.online-services .content > div {
	width: 23.52%;
	float: left;
	margin-right: 1.96%;
}

.online-services .content ul {font-size: 1.3em; /*13px*/ line-height: 18px;}

.online-services .content ul li {padding-bottom: 10px;}

.online-services .content ul li {padding-left: 8.33%}

.online-services .content .insurance {}

.online-services .content .services {}

.online-services .content .calculators {}

.online-services .content .weather {margin-right: 0px;}

.online-services .content .weather > div {padding-left: 4.16%}

.online-services .content .weather > div > div {
	float: left;
	margin-right: 2.6%;
}

.online-services .content .weather > div img,
.online-services .content .weather > div span {
	display: block;
	width: 24px;
	margin-bottom: 5px;
}

.online-services .content .weather > div img {height: 24px;}

.online-services .content .weather > div span {font-size: 1.3em; /*12px*/ line-height: 18px; text-align: center;}

.online-services .content .weather > div span.max {color: #F00;}

.online-services .content .weather > div span.min {color: #09F;}

/* ...................... Tabs */
.tabs {margin-top: 36px;}

.tabs .headings {background-color: #06C;}

.tabs .headings li,
.tabs .headings h1 {display: inline;}

.tabs .headings li {}

.tabs .headings h1 {
	padding: 0px;
	background: none;
	font-size: 2em; /*22px*/
}

.tabs .headings li a {
	padding: 10px 3.77% 12px; margin-right: -4px;
	display: inline-block;
	color: #FFF;
	background: #06C url(../images/layout/tabs-breakline.gif) no-repeat right center;
}

.tabs .headings li.tabs-selected a {
	background: #00529B;
	text-decoration: none;
	cursor: default;
}

.tabs .headings li.nobgr a,
.tabs .headings li.last a {background-image: none;}

.tabs .tabs-hide {display: none;}

.tabs .content {
	padding: 0px;
	background-color: transparent;
}

.tabs .content h2 {
	padding: 5px 3.77% 6px;
	background-color: #09F;
	font-size: 1.3em; /*13px*/ line-height: 16px; color: #FFF;
}

.tabs .content .inner {
	padding: 18px 1.88%;
	background-color: #F0F5FA;
}

/* ............... Call center */
.homepage .call-center {margin-top: 36px;}

.call-center .content > div,
.call-center .content > div > div {
	width: 48%;
	float: left;
}

.call-center .content > div {width: 49.01%;}

.call-center .content .telefones {margin-right: 1.96%;}

.call-center .content .telefones ul {font: bold 1.7em/24px Verdana, Geneva, sans-serif;}

.call-center .content .telefones .country {margin-right: 4%;}

.call-center .content .telefones .abroad {}

.call-center .content .telefones .info {width: 100%;}

.call-center .content .telefones .info p,
.call-center .content .guide p {font-size: 1.3em; /*13px*/ line-height: 18px;}

.call-center .content .guide {}

/* ........... Page navigation */
#page-nav,
#page-nav-temp {
	display: none;
	width: 100%;
	position: fixed; left: 0px; bottom: 0px; z-index: 100;
}

#page-nav .inner,
#page-nav-temp .inner {position: relative;}

#page-nav .inner > div,
#page-nav-temp .inner > div {
	width: 100%; height: 100%;
	position: absolute;
}

#page-nav .inner > .bgr,
#page-nav-temp .inner > .bgr {
	z-index: 10;
	background: #000;
	opacity: 0.70;
}

#page-nav .inner > .nav,
#page-nav-temp .inner > .nav {z-index: 20;}

#page-nav {height: 72px;}

#page-nav .inner {padding-bottom: 72px;}

#page-nav-temp {height: 72px;}

#page-nav-temp .inner {padding-bottom: 72px;}

#page-nav-temp .inner > .nav div {
	width: 24px; height: 25px;
	margin-top: 24px;
	background-repeat: no-repeat; background-position: 0px 0px;
	text-indent: -9999px;
}

#page-nav-temp .inner > .nav .left {
	margin-left: 7.2%;
	background-image: url(../images/layout/nav-arrow-left.png);
}

#page-nav-temp .inner > .nav .right {
	margin-right: 7.2%;
	background-image: url(../images/layout/nav-arrow-right.png);
}

#page-nav table {
	width: 85.60%; height: 72px;
	margin: 0px 7.20%;
}

#page-nav table tr td {vertical-align: middle;}

#page-nav table tr td.prev {text-align: left;}

#page-nav table tr td.next {text-align: right;}

#page-nav #slide-controls a,
#page-nav #slide-controls a span {display: block;}

#page-nav #slide-controls a {
	visibility: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
}

#page-nav #slide-controls #prev-button {
	background-image: url(../images/layout/nav-arrow-left.png); background-position: left center;
}

#page-nav #slide-controls #next-button{
	background-image: url(../images/layout/nav-arrow-right.png); background-position: right center;
}

#page-nav #slide-controls a span {
	padding: 16px 0px;
	font: italic 1.6em/18px Georgia, "Times New Roman", Times, serif; /*16px*/ text-decoration: none; color: #FFF;
}
	
#page-nav #slide-controls a:hover span {text-decoration: underline;}

#page-nav #slide-controls #prev-button span {padding-left: 35px;}

#page-nav #slide-controls #next-button span {padding-right: 35px;}


/* **************************** HOME PAGE */

/* ..................... Video */
.video {
	overflow: hidden;
	margin-bottom: 18px;
	position: relative;
}

.video > div {
	width: 100%; height: 100%;
	position: absolute;
}

.video .image {
	z-index: 10;
	background: url(../images/temp/videoplayer-cover.jpg) no-repeat center;
}

.video .player {z-index: 20;}

.video object,
.video embed {display: block;}

.homepage .video embed {}

.homepage .video.closed {}
.homepage .video.opened {}

/* ...................... News */
.homepage .news {}

/* ............... Call center */
.homepage .call-center {}


/* *********************** SPECIFIC PAGES */

/* ................. Insurance */
.insurance {}

.insurance .tabs > div .inner {padding-bottom: 0px;}

.insurance .tabs > div .inner .column {
	width: 23.52%;
	float: left;
	margin-right: 1.96%;
}

.insurance .tabs > div .inner .column ul,
.insurance .tabs > div .inner .column p {font-size: 1.3em; /*13px*/ line-height: 18px;}

.insurance .tabs > div .inner .column ul {margin-bottom: 24px;}

.insurance .tabs > div .inner .column h3 {margin-bottom: 12px;}

.insurance .tabs > div .inner .column ul li,
.insurance .tabs > div .inner .column p {padding-left: 8.33%; margin-bottom: 5px;}

.insurance .tabs > div .inner .column ul li {background: url(../images/layout/arrows.png) no-repeat left 6px;}

/* ...................... News */
.news {}

.news ul

.news .featured {}

.news .regular {margin-top: 36px;}

.news .regular ul {}

.news .regular ul li {
	height: 108px;
	overflow: hidden;
	margin-bottom: 18px;
}

.news .regular ul li > div {float: left;}

.news .regular ul li > div,
.item .img-holder img {height: 100%;}

.news .regular .img-holder {
	width: 22.64%;
	position: relative;
	overflow: hidden;
	margin-left: 3.77%;
}

.news .regular .img-holder img {position: absolute; right: 0px; top: 0px;}

.news .regular .headings {width: 47.16%;}

.news .regular .headings h1,
.news .regular .headings h2 {background-color: transparent;}

.news .regular .headings h1 {
	padding: 10px 8% 12px;
	font-size: 2em; /*20px*/ line-height: 24px;
}

.news .regular .headings h2 {padding: 0px 8%; color: #000;}

.news .regular .date {
	width: 15.09%;
	float: right;
	padding: 18px 9.43% 0px 0px;
	font-size: 1.3em; /*13px*/ text-align: right;
}

.news .more {
	padding: 10px 3.77% 12px; margin-top: 18px;
	background-color: #F0F5FA;
}

.news .more a {font-size: 1.3em; /*13px*/ line-height: 18px;}

/* ..................... About */
.aboutus {}

.aboutus #info1 {margin-top: 0px;}

.aboutus #info1 #mission {}

.aboutus #info1 #mission .column {
	width: 49.01%;
	float: left;
	margin-right: 1.96%;
}

.aboutus #info1 #mission .column.last {margin-right: 0px;}

.aboutus #info1 #mission .column .text {font-size: 1.3em; /*13px*/}

.aboutus #info1 #worths {}

.aboutus #info1 #rules {}

.aboutus #info2 {}

.aboutus #info2 #history {}

.aboutus #info2 #history h2 {padding: 0px 1.88%;}

.aboutus #info2 #history h2 span {
	float: left;
	width: 17.64%;
	padding: 5px 0px 6px 1.96%;
	background: url(../images/layout/subtabs-breakline.gif) no-repeat 5% bottom;
}

.aboutus #info2 #history .inner {padding-top: 5px;}

.aboutus #info2 #history .column {
	float: left;
	width: 17.64%;
	padding: 5px 0px 6px 1.96%;
	font-size: 1.1em; /*11px*/ line-height: 18px;
}

.aboutus #info2 #history .column.last {margin-right: 0px;}

.aboutus #info2 #shareholders {}

.aboutus #info2 #holding {}

.aboutus #info3 {}

.aboutus #info3 #directors {}

.aboutus #info3 #directors .inner > div {width: 49.01%;}

.aboutus #info3 #directors .images {float: left;}

.aboutus #info3 #directors .images .img-holder {
	width: 48.00%;
	position: relative;
	overflow: hidden;
}

.aboutus #info3 #directors .images .img-holder img {position: absolute; right: 0px; top: 0px;}

.aboutus #info3 #directors .images .img-holder p {
	padding-top: 114px;
	font-size: 1.3em; /*13px*/
}

.aboutus #info3 #directors .text {
	float: right;
	font-size: 1.3em; /*13px*/
}

.aboutus #info3 #supervision {}

.aboutus #info3 #board {}

.aboutus .careers {margin-top: 36px;}

.aboutus .careers table {}

.aboutus .careers table tr {}

.aboutus .careers table tr th,
.aboutus .careers table tr td {padding: 2px 0px;}

.aboutus .careers table tr th {
	padding-bottom: 5px;
	font-size: 1.1em; /*11px*/ line-height: 18px; color: #666;
}

.aboutus .careers table tr td {font-size: 1.3em; /*13px*/ line-height: 18px;}

.aboutus .careers table tr .term {text-align: right;}

/* .................. Contacts */
.contacts {}

.contacts .headline .links ul {
	float: right;
	margin-right: -10px;
}

.contacts .headline .links ul li {float: left;}

.contacts .headline .links ul li a {padding: 0px 10px; border-right: 1px solid #CCC;}

.contacts .headline .links ul li a.last {border-right: 0px;}

.contacts .call-center {}

.contacts .map {margin-top: 36px;}

.contacts .map .content {
	position: relative;
	padding: 0px;
}

.contacts .map .content div.borders div.inset {
	display: none;
	position: absolute;
}

.contacts .map .content div.borders div.v {
	width: 10px; height: 100%;
	/*background-image: url(../images/layout/map_inset_border_v.png); background-repeat: repeat-y;*/
}

.contacts .map .content div.borders div.h {
	width: 100%; height: 10px;
	background-image: url(../images/layout/map_inset_border_h.png); background-repeat: repeat-x;
}

.contacts .map .content div.borders div.left {
	left: 0px; top: 0px;
	background-position: 0px center;
}

.contacts .map .content div.borders div.right {
	right: 0px; top: 0px;
	background-position: -10px center;
}

.contacts .map .content div.borders div.top {
	left: 0px; top: 0px;
	background-position: center 0px;
}

.contacts .map .content div.borders div.bottom {
	left: 0px; bottom: 0px;
	/*background-position: center -10px;*/
	background-position: center -50px;
}

.contacts #places .content .inner > ul {
	width: 15.03%;
	float: left;
	margin-right: 1.96%;
	font-size: 1.3em; /*13px*/ line-height: 18px;
}

.contacts #places .content .inner > ul.last {margin-right: 0px;}

.contacts #places .content .inner > ul li {
	width: 100%;
	margin-bottom: 5px;
}

.contacts #places .content .inner > ul li span {
	display: inline-block;
	width: 13.04%;
	text-transform: lowercase; color: #999;
}

.contacts #places #agencies {}

.contacts #places #centers {}

.contacts #places #services {}

.contacts #addresses {}

.contacts #addresses .content .inner {}

.contacts #addresses .content .inner .column {
	float: left;
	width: 23.52%;
	margin-right: 1.96%;
}

.contacts #addresses .content .inner .column.last {margin-right: 0px;}

.contacts #addresses .content .inner .column p {font-size: 1.3em; /*13px*/ line-height: 18px;}

.contacts #addresses .content .inner .column p span {
	display: inline-block;
	text-align: right;
}

.contacts #addresses .content .inner .column p span.type {width: 68px;}

.contacts #addresses .content .inner .column p.number span.data {width: 100px;}

.contacts #addresses #central-office {}

.contacts #addresses #posts {}

/* ...................... Post */
.post {display: block;}

.post .title {
	width: 41.51%;
	float: left;
	padding: 8px 3.77% 10px;
	background-color: #00529B;
}

.post .title h1 {font: italic 2em/36px Georgia, "Times New Roman", Times, serif; color: #FFF;}

.post .text {
	width: 39.62%;
	float: right;
	padding: 36px 3.77%; margin-right: 1.88%;
	background: url(../images/layout/transparent-white.png);
}

.post .text .inner {
	padding-bottom: 20px; border-bottom: 1px solid #CCC;
	font-size: 1.3em; /*13px*/
}

.post .text .inner h3 {
	margin: 15px 0px;
	font-size: 1.23em; /*16px*/
}

.post .text .additional {padding-top: 10px;}

.post .text .additional p {padding-bottom: 5px;}

.posts-nav {
	margin-top: 18px;
	background: url(../images/layout/transparent-white.png);
}

.posts-nav .inner {padding: 18px 1.88%;}

.posts-nav .inner > .clearfix {border-bottom: 1px solid #CCC;}

.posts-nav .inner span {
	padding-top: 3px;
	background-image: url(../images/layout/post-nav-arrows.gif); background-repeat: no-repeat;
	font-size: 1.2em; /*12px*/
}

.posts-nav .inner span a {}

.posts-nav .inner span.left {
	width: 33.33%;
	background-position: left 6px;
}

.posts-nav .inner span.left a {padding-left: 16px;}

.posts-nav .inner span.right {
	width: 23.52%;
	text-align: right;
	background-position: right -57px;
}

.posts-nav .inner span.right a {padding-right: 16px;}

.posts-nav .inner h3 {
	width: 39.21%;
	float: left;
	padding-left: 1.96%; margin-right: 1.96%;
}

.posts-nav .inner .list {
	width: 41.17%;
	margin: 18px 0px 0px 33.33%;
	font-size: 1.3em; /*13px*/ line-height: 18px;
}
.posts-nav .inner .list p,
.posts-nav .inner .list ul li {padding-left: 4.76%; margin-bottom: 5px;}

.posts-nav .inner .list ul {margin-bottom: 20px;}

.posts-nav .inner .list ul li {background: url(../images/layout/arrows.png) no-repeat left 6px;}

.posts-nav .inner .list ul li.active {background-position: left -624px;}

/* ...................... Text */
.mode-text {}

/* ................... Gallery */
#gallery {position: fixed; left: 0px; top: 0px;}

#gallery img {display: block;}

#gallery img.focus {visibility: hidden;}


/*****************************************************/