@charset "UTF-8";

/*Fonts*/
@font-face {
	font-family: 'forumregular';
	src: url('../fonts/forum-regular-webfont.eot');
	src: url('../fonts/forum-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/forum-regular-webfont.woff') format('woff'), url('../fonts/forum-regular-webfont.ttf') format('truetype'), url('../fonts/forum-regular-webfont.svg#forumregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*-------------------------------------------- Global styles--------------------------------------------------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary {
	display: block;
}

p a {
	color:#D6142C;
}
a:focus {
	outline: none;
}
/*------------------------- Layout styles ------------------------*/
html {
	background:url(../images/bg-body.jpg);
}
body {
	width: 960px;
	margin:0 auto;
	font: 16px TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
/*.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
 For IE 6/7/8 (trigger hasLayout) 
.cf {
    zoom:1;
}*/
/*------------------------- Header ------------------------*/
#header {
	margin:0 0 20px;
	position:relative;
	border-top: 5px solid #128F9A;/*#916A31*/
}
#header h1 {
	font-size: .01em;
	text-indent: -9998px;
}
#header a.logo {
	display:block;
	height:83px;
	width:258px;
	margin-left: 20px;
	-webkit-transition: all 2s ease 1s;
	-moz-transition:  all 2s ease 1s;
	-o-transition:  all 2s ease 1s;
	-ms-transition:  all 2s ease 1s;
	transition:  all 2s ease 1s;
}
.animated {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
/*#header a.logo:hover {
	-webkit-transform: rotateY(-360deg);
	-moz-transform: rotateY(-360deg);
	-o-transform: rotateY(-360deg);
	transform: rotateY(-360deg);
}*/
#header img.OpSorin {
    margin-left: 70px;
}
#header div {
	width: 600px;
	height: 73px;
	position: absolute;
	right: 30px;
	top: 5px;
	text-align: justify;
}
#header div img.CQmorse {
    margin-left: 30px;	
}
#header div img.drapelro {
	margin-right: 30px;
}
#header div img.adr {
	margin-left: 35px;
}
/*------------------------- Nav ----------------------------*/
#navigation {
	background:#128F9A;/*#916A31*/
	height: 36px;
	margin-top: 7px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#navigation h2 {
	text-indent: -9998px;
	font-size: .01em;
}
#navigation ul {
	background: #2AA4CF;/*#D5973C*/
	height: 32px;
	width: 100%;
}
#navigation ul, #navigation li {
	list-style: none;
	float: left;
}
#navigation li:first-child {
	margin-left:130px;
}
#navigation li a {
	display: block;
	line-height: 32px;
	padding: 0 20px;
	font-variant: small-caps;
	font-size: 20px;
	letter-spacing: .02em;
	font-weight: bold;
	color: white;
	text-decoration: none;
}
#navigation li:hover {
	background: #128F9A;/*#916A31*/
	height: 32px;
	padding-top: 6px;
	position: relative;
	top: -6px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#navigation li.selected, #navigation li.selected:hover {
	background: #669FCC;/*#AD9B7F*/
	color: #eee;
	height: 32px;
	padding-top: 6px;
	position: relative;
	top: -6px;
	border-bottom: 4px solid #439FCC;/*#917F63*/
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
#navigation li.selected a:hover {
	cursor: default;
}
/*-------------------------- Body --------------------------*/
#content > section {
	background:url(../images/shadow.png) no-repeat left bottom;
	border:0;
	margin:0 auto;
	padding:0 30px 42px;
	width:900px;
}
#content > section > h2 {
	text-indent: -9998px;
	font-size: .01em;
}
#content div.featured {
	background:url(../images/shadow.png) no-repeat left bottom;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	overflow:hidden;
	padding:0 0 42px;
	width:auto;
}
#content div.featured img {
	border:2px solid #a1ad7f;
	float:left;
}
#content div.featured article {
	background: url(../images/frame2.gif) no-repeat center 349px, url(../images/frame1.gif) no-repeat center 12px #757e63;
	padding:0;
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	float:left;
	text-align:center;
	width:300px;
	height:379px;
}
#content div.featured article.article-height {
	background: url(../images/frame2.gif) no-repeat center 379px, url(../images/frame1.gif) no-repeat center 12px #757e63;
	height: 409px;
}
#content div.featured article h3 {
	background:url(../images/interface.png) no-repeat -9px -680px;
	border:0;
	color:#534a39;
	font-size:20px;
	font-weight: normal;
	height:62px;
	line-height:62px;
	margin:24px auto 25px;
	width:281px;
	text-indent: 5px;
	font-variant: small-caps;
}
#content div.featured article p {
	border:0;
	color:#fff;
	padding:0 30px;
	text-align:justify;
	letter-spacing:0.028em;
	text-indent: 29px;
	font: normal 18px/24px 'forumregular';
}
#content div {
	background:rgba(171, 208, 241, .5);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	float:none;
	overflow:hidden;
	padding:17px 7px;
}
#content div div {
	background:none;
	border:2px solid #A3AAF3;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0;
	width:880px;
	margin: 2px auto;
}
#content div div div.section, #content div div section.me, #content section.contact div section.contact_me {
	border-top: 2px solid #A3AAF3;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin: 2px 0;
}
#content div div div.section {
	float:left;
	padding:0;
	width:588px;
}
#content div div div.section h2 { 
	height:77px;
	line-height:77px;	
	margin:2px 0;	
}
#content div.section span.center-iframe iframe {
	width:100%;
	height:500px;
	border:0;
	border-top:2px solid #A3AAF3;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
}
#content div.section span.center {
	display: block;
    width: 410px;
	height: auto;
	margin: 0 auto;
}
#content div.section span.center-small { 
	display: block;
    width: auto;
	height: auto;
	margin: 10px auto;
	padding-left: 60px;
	border: 0;
}
#content div.flagcounter {
	margin: 2px 0 0 0;
	padding-top: 3px;
	border-top: 2px solid #A3AAF3;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	border-left: 1px solid #A3AAF3;
}
#content div.flagcounter span.center-flag {
	padding-top: 0;
	display: block;
	border: 0;
	margin-left: 55px;
}
#content div.flagcounter iframe.center-flagcounter {
	border:1px solid rgb(153,153,153);
	display: block;
	width:306px;
	height:525px;
	overflow: hidden; 
}
#content div.flagcounter span.center-images {
	margin: 20px 30px;
	display: block;
}
#content div.flagcounter span.center-images img {
	margin-right: 35px;
}
#content div.flagcounter span.center-images img + img {
	margin-right: 0;
}
#content div.center-myqsl {
	margin: 0 auto ;
	text-align:center;
	padding:0;
}
#content div.center-myqsl h2 {
	padding:25px 0;
	color:#4351F1;
	text-shadow:2px 2px 2px #F07881;
	font-weight:bold;
	letter-spacing: .03em;
}
#content div.center-myqsl iframe {
	border:0;
}
#content div div div {
	margin: 0;
	width: 291px;
	float:left;
	border: 0;
}
#content div div section.me, #content section div div section.me article  {        
	float: left;
}
#content div div section.me div + div {
	padding-bottom: 15px;
}
#content div div section.me ul {
	list-style-type: none;
	color:#0E0997;
	letter-spacing: 0.028em;
	line-height: 24px;
	font-family: 'forumregular';
	padding-left: 35px;
}
#content div div section.me ul li:first-child {    
	margin:2px 0;
}
#content div div section a {      
	font-size:16px;
	margin:0 10px 0 0;
	line-height:24px;
	letter-spacing:0.028em;
	padding:9px 0 0;
	text-decoration:none;
	font-family: 'forumregular';
}
#content div div section a:hover {   
	color:#756752; 
}
#content div div section.me {
	border-bottom: 0 none;
	margin: 2px 0;
	padding: 0 0 1px;
	width: auto;
}
#content div div section.me h2, #content div div div.section h2, #content section.contact section.contact_me h2 {
	color:#4351F1;             
	font-size:30px;
	letter-spacing:0.1em;
	font-weight:bold;
	text-shadow: 2px 2px 2px #F07881;
	text-align:center;
	border-bottom: 2px solid #A3AAF3;
}
#content div div section.me h2, #content section.contact section.contact_me h2 {
	padding:19px 0 18px;
	margin:0 0 2px;
}
#content div div section.me div, #content div div section.me article {
	border-style:solid none solid solid;
	border-width:1px;
	border-color:#A3AAF3;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	min-height:791px;
	padding:33px 20px 15px;
	width:649px;
}
#content div div section.me div.first {
	border-style:solid none none none;     /*  border-style:solid solid solid none; */
	width:150px;
	float:left;
}
#content div div section.me div.first ul, #content div div section.me div.first ul li {
	list-style:none;
	margin:0;
	padding:0;
}
#content div div section.me div.first ul li>a {
	background:url(../images/interface.png) no-repeat -10px -751px;
	font: 700 18px/36px TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	color:#fff;
	display:block;
	width:150px;
	height:42px;
	margin:0 0 12px;
	padding:0;
	text-align:center;
	text-shadow:0 -1px 0 #424242;
}
#content div div section.me div.first ul li>a:first-letter {
	font-size:25px;
}
#content div div section.me div.first ul li.selected>a {
	background:url(../images/interface.png) no-repeat -10px -803px;
	text-shadow: -2px -2px 0 #F07881;
}
#content div div section.me div.first ul li>a:hover {
	color:#F58F76; 
}
#content div div section.me div.first ul li.selected>a:hover {
	color:#fff;
	cursor:default;
}
#content div div section.me div.first ul p {
	margin:4px auto;
	width: 85px;
}
#content div div section.me ul.pre {
	margin: 0 0 15px 0;
}
#content div div section.me p {
	margin:4px 0 14px;
	padding:0;
	text-indent:30px;
	letter-spacing:0.028em;
	font:16px/24px 'forumregular';
	color:#0E0997;
}
#content div div section.me p a {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#content div div section p a:hover {
	color:#756752;
}
#content div div section.me p.yo8ps-image {
	display: block;
	width: 460px;
	margin: 15px auto;
}
#content div div section.me h3 {
	color:#1443BB;
	border:0;
	padding:0;
	margin:5px 0 12px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.028em;
	font: bold 20px/24px TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
#content div div section.me h3 a {
	 color:#1443BB;
}
#content div div section.me h3:first-letter {     
	color:#1443BB;
	font-size:26px;
	line-height:24px;
	letter-spacing:0.028em;
	font-weight:bold;
}
#content div div section.me ul.link {
	list-style-type: square;
}
#content div div section.me ul.link ul {
	list-style-type: circle;
}
#content div div section.me p img.img, #content div div section.me p img.img-banner {
	display: block;
	margin: 12px auto;
}
#content div div section.me p img.img-banner {
	padding-left:30px;
}
#content div div section.me p.img a {
	display: block;
	text-align: center;
}
#content div div section.me p.img:first-of-type {
	margin-top: 15px;
}
#content div div section.me form.form1, #content div div section.me form.form2, #content div div section.me form.form3, #content div div section.me iframe.iframe {
	display: block;
	margin: 5px auto;
    padding:0;
	border:0;
}
#content div div section.me form.form1 {
    width: 312px;
}
#content div div section.me form.form2 {
	width: 500px;
}
#content div div section.me form.form3 {
	width: 580px;
	padding-left:50px;
}
#content div div section.me iframe.iframe {
    width: 220px;
	height: 60px;	
}
#content div div section.me a img.wunderground {
	display: block;
	margin: 15px 33px 0;
}
#content div div section.me p strong.center-strong {
	display: block;
	text-align: center;
	color: #000;
	margin: 15px 0;
}
#content div div section.me p.a-center {
	display:block;
	margin: 0 auto;
	width: 390px;
	text-align: center;
}
#content div div section.me figure {
	margin: 10px auto;
	padding: 3px 0 0 15px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;	
}
#content div div section.me figure a img, #content div div section.me figure.photo img {
	border: 2px solid #A3AAF3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#content div div section.me figure a img {
	margin:0 0 -7px 0;
}
#content div div section.me figure a {
	padding: 0;
	float: left;
	margin: 3px;
}
#content div div section.me figure.photo img {
	display: block;
	margin: 10px auto;
}
#content div div section.me figure.photo p {
	text-align: center;
	font-weight: bold;
	margin:5px 0 25px;
}
#content div div section.me img.andrada-photo {
	margin:10px auto 25px;
	display: block;
}
#content section.contact {
	margin-bottom:190px;
}
#content section.contact_me h3 {
	border:0;
	color:#776855;
	font-size:17px;
	font-weight:700;
	margin:0;
	padding:28px 0 20px;
	text-align:center;
	text-transform:uppercase;
}
#content section.contact_me h3 span {
	font-size:20px;
}
#content section.contact_me div.address {
	border-style:solid none;
	border-width:1px;
	float:none;
	padding:32px 20px 13px;
	width:840px;
	border-color: #717A5D;
}
#content section.contact_me div.address span {
    color:#776855;
	float:left;
	font-size:20px;
	font-weight:700;
	line-height:22px;
	width:182px;
	margin: 2px 0 0;
	font-variant: small-caps;
}
#content section.contact_me div.address p {
	color:#7c8668;
	float:left;
	font-size:16px;
	font-weight:700;
	margin:5px 0 12px;
	padding:0;
	text-transform:uppercase;
	width:655px;
}
/*------------------------- Footer ------------------------*/
#footer {
	background-color: #252525;
	border:1px solid #1f1a14;
}
#footer > section {
	margin:0 auto;
	overflow:hidden;
	padding:10px 35px 3px;
}
#footer > section h2 {
	text-indent:-9998px;
	font-size:.01em;
}
#footer section.mail {
	width:280px;
}
#footer section.mail a img {
	margin:0 auto;	
	border:none;
	width: 68px;
	display: block;
}
#footer section.mail h3 {
	color:#7B8668;
	font-size:22px;
	letter-spacing:0.075em;
	font-weight:normal;
	text-align: center;
}
#footer section.mail p {
	color:#e9e1ac;
	letter-spacing:0.028em;
	margin:15px 0 8px 0;
	padding:0;
	text-align:center;
	font:normal 16px/24px 'forumregular';
}
#footer section h4 {
	color:#6B755A;
	margin-bottom:10px;
	text-align:center;
	text-shadow:0 -1px 0 #141615;
	font:400 18px Arial, Helvetica, sans-serif;
}
#footer section.mail, #footer section.latest_news, #footer section.connect {
	float:left;	
}
#footer section.latest_news {
	margin-left:60px;
	width:350px;
}
#footer section.latest_news ul {
	list-style:none;
}
#footer section.latest_news ul li {
	background:url(../images/border-horizontal.gif) repeat-x left top;
	padding:3px 0 3px;
	position:relative;
}
#footer section.latest_news ul li:first-child {
	background:none;
}
#footer section.latest_news ul li a {
	color:#D6142C;
	letter-spacing:0.028em;
	font:16px/20px 'forumregular';
	text-decoration:none;
}
#footer section.latest_news ul li a:hover {
	color:#aaaaaa;
}
#footer section.latest_news ul li time {
	color:#6B755A;
	font:normal 16px/22px 'forumregular';
	letter-spacing:0.028em;
	float:right;
}
#footer section.connect {
	margin-left:60px;
	width:130px;
}
#footer section.connect a {
	color:#828282;
	display:block;
	letter-spacing:0.025em;
	text-decoration:none;
	font:700 14px/23px Arial, Helvetica, sans-serif;
	width:80px;
	padding-left:40px;
	margin-top:15px;
}
#footer section.connect a:first-of-type {
	margin-top: 25px;
}
#footer section.connect a:hover {
	color:#aaaaaa;
}
#footer section.connect a.twitter {
	background:url(../images/icons.png) no-repeat -4px 0;
}
#footer section.connect a.twitter:hover {
	background:url(../images/icons.png) no-repeat -4px -22px;
}
#footer section.connect a.facebook {
	background:url(../images/icons.png) no-repeat 0 -98px;
}
#footer section.connect a.facebook:hover {
	background:url(../images/icons.png) no-repeat 0 -123px;
}
#footer section.connect a.google {
	background:url(../images/icons.png) no-repeat -4px -46px;
}
#footer section.connect a.google:hover {
	background:url(../images/icons.png) no-repeat -4px -72px;
}
#footer > p {
	background:url(../images/border-horizontal.gif) repeat-x left top;
	color:#6b7459; 
	letter-spacing:0.028em;
	padding:9px 60px 9px 0;
	text-align:right;
	font:12px 'forumregular';
}

@media screen and (min-width: 1000px){
html{	
	background-attachment: fixed;
 }
}