@charset "utf-8";
@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext);

/*	red: e30513 - 9a1914, blue: 005ca9 - 00447d - 002042, yel: ffed00 - fdc300,
	txt: 333, l-grey: e9edf0	*/

body {background-color:#ffffff; margin: 0; padding: 0; height: 100%; /*background-image:url(../jjImg/bgpat.png)*/}

/* --------------------------------------------------------------------text-------- */
a {	font:13px/20px 'Open Sans', sans-serif; text-decoration:none; color:#333}	
a:hover {text-decoration: none; color: #005ca9}

b, strong {font-weight:bold}
i {font-style:italic}
p {font:13px/20px 'Open Sans', sans-serif; color:#333333}

h1 {font:35px/40px 'Open Sans', sans-serif; color:#002042}
h2 {font:15px/20px 'Open Sans', sans-serif; color:#000000}
h3 {font:30px/32px 'Open Sans', sans-serif; color:#e30513}

.paragraph {clear:both; padding:20px 50px 0px 50px;  text-align:justify}
.centerThis {text-align:center}
.justifyThis {text-align:justify}

.lista {	list-style-type:disc; list-style-position:outside;
			font:13px/20px 'Open Sans', sans-serif; color:#333;
			 padding:20px 0px 0px 20px}
	.lista-sub {	list-style-type:circle; list-style-position:outside;
					font:13px/22px 'Open Sans', sans-serif; color:#333;
					padding:20px 0px 0px 20px}
.lista-num {	list-style-type:decimal; list-style-position:outside;
				font:13px/22px 'Open Sans', sans-serif; color:#333;
				padding:20px 0px 0px 20px}
				
.lista li {margin-top:8px}
/* ---------------------------------------------------------------------------------- */

#mainPage {position:relative; overflow:hidden; clear:both; margin:0 auto 0 auto; width:1100px; margin-top:20px; background-color:#fff}

	/*#top-foto {clear:both; margin:0; width:1100px; height:550px; overflow:hidden}*/
	#top-logo {	position:absolute; clear:both; margin-top:510px; width:1100px; height:131px; overflow:hidden; z-index:5;
				background-image:url(../jjImg/topLogo.png); background-repeat:no-repeat}
	#top-logo h1 {	position:relative; font:21px/25px 'Open Sans', sans-serif; color:#fff; font-weight:bold;
					margin-top:57px; margin-left:450px; text-shadow: 2px 2px 1px rgba(20, 20, 20, 1)}


	.divider {clear:both;}

	.midPage {clear:both;}

	.section-left {float:left; width:180px; margin-left:90px}	
	.section-right {float:left; margin-left:90px}
	
	.article-title {padding:11px 0px 11px 20px; font:20px/23px 'Open Sans', sans-serif; font-weight:400;}
	
	
	.article {clear:both;}
	.txt-slot {float:left; width:640px; padding:70px 5px 5px 5px}
	.txt-short-slot {float:left; width:350px; padding:70px 5px 5px 50px}
	.illus-slot {float:left; padding:70px 0px 0px 0px}
	
	.ramka1 {clear:both; padding:30px 40px 30px 40px; width:500px; margin-left:35px}
	.ramka2 {clear:both; padding:30px 40px 30px 40px; width:280px; background-color:#EBEBEB; margin-top:50px}
	


#mainFooter {	position:relative; overflow:hidden; clear:both; margin:0 auto 0 auto; margin-bottom:40px;
				width:1100px; height:50px; background-color:#630;
				background-image:url(../jjImg/footBg1.png); background-repeat:no-repeat}
				
#mainFooter p {font:11px/20px 'Open Sans', sans-serif; color:#ffffff; margin-top:16px}


/* --------------------------------------------------------------------stylish-------- */
.rounded-top {	-webkit-border-top-left-radius:6px;
				-moz-border-radius-topleft:6px;
				border-top-left-radius:6px;
				-webkit-border-top-right-radius:6px;
				-moz-border-radius-topright:6px;
				border-top-right-radius:6px}

.rounded-bot {	-webkit-border-bottom-right-radius:6px;
				-moz-border-radius-bottomright:6px;
				border-bottom-right-radius:6px;
				-webkit-border-bottom-left-radius:6px;
				-moz-border-radius-bottomleft:6px;
				border-bottom-left-radius:6px;}
				
.rounded {		-webkit-border-radius:6px;
				-moz-border-radius:6px;
				border-radius:6px}



.shadow {
	   -moz-box-shadow:2px 2px 12px 2px rgba(000, 000, 000, 0.2);
	-webkit-box-shadow:2px 2px 12px 2px rgba(000, 000, 000, 0.2);
	        box-shadow:2px 2px 12px 2px rgba(000, 000, 000, 0.2)}
	
.shadow-b {
	   -moz-box-shadow:0px 2px 2px 0px rgba(000, 000, 000, 0.5);
	-webkit-box-shadow:0px 2px 2px 0px rgba(000, 000, 000, 0.5);
	        box-shadow:0px 2px 2px 0px rgba(000, 000, 000, 0.5)}

.shadow-t {
	   -moz-box-shadow:0px -2px 2px 0px rgba(000, 000, 000, 0.5);
	-webkit-box-shadow:0px -2px 2px 0px rgba(000, 000, 000, 0.5);
	        box-shadow:0px 2px -2px 0px rgba(000, 000, 000, 0.5)}
	
.redout {outline:#F00 solid 1px}