@charset "utf-8";
/* CSS Document */


/* Mobile Layout: 480px and below. */
.gridContainer {width: 87.36%; margin:0 auto 0 auto;}

/*---header---*/
#header {background-color:#000; color:#FFF; padding:15px 0 15px 0;}
#logo {font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:center; margin-bottom:25px;}
#rightHeader {text-align:center; font-size:18px;}
#leftSideHeader {font-size:13px; font-weight:normal; text-align:center; padding-bottom:20px;}
.bigHeaderLetters {font-size:28px; font-weight:bold;}
#leftSideHeader a:link, #leftSideHeader a:visited {text-decoration:none; color:#ffd510;}
#leftSideHeader a:hover {text-decoration:underline;}

#rightSideHeader img {margin:0 5px 0 5px;}
/*---end header---*/


/*---navi---*/
#navi {background-color:#333; box-shadow: 0px 10px 7px 1px rgba(0,0,0,0.5); z-index:100;}
#navi ul {margin:0; padding:0; list-style:none;}
#navi a {
	display:block;
	color:#fffbb6;
	font-style:italic;
	text-decoration:none;
	font-size:17px;
	padding:15px 0 15px 0;
	text-align:center;
	border-bottom:1px solid #999;
}
#navi a:hover {background-color:#8a1c1c;}
#lastNavi {border-bottom:none !important;}
/*---end navi---*/


/*---guts---*/
#guts {background-color:#FFF; z-index:50;}
#guts .wrapper  {padding:30px 20px 30px 20px;}
/*---end guts---*/


/*---footer---*/
#footer {background-color:#000; color:#FFF; padding:20px 0 20px 0; font-size:12px; line-height:20px; text-align:center;}
#footer a:link, #footer a:active {color:#ff5e1e;}
#footer a:visited {color:#ff4e1e;}
#footer a:hover {color:#ff9000;}

#leftFooter {margin-bottom:20px;}
#rightFooter {margin-bottom:20px;}
#rightFooter img {margin:7px 5px 0 5px;}

#footerLangSites {padding-top:30px; text-align:center;}
#footerLangSites img {margin:0 5px 0 5px;}
/*---end footer---*/



/* Tablet Layout: 481px to 768px.*/
@media only screen and (min-width: 481px) {
.gridContainer {width: 90.675%;}

/*---header---*/
#logo {font-size:22px;}
#leftSideHeader {width:50%; float:left; padding-bottom:0;}
#rightSideHeader {width:50%; float:right; padding-top:5px;}
/*---end header---*/


/*---navi---*/
#navi a {width:50%;	float:left;}
#lastNavi {width:100%; float:none !important; clear:left;}
/*---end navi---*/

}



/* Desktop Layout: 769px to a max of 1232px. */
@media only screen and (min-width: 769px) {
.gridContainer {width:1000px;}

/*---header---*/
#logo {width:50%; float:left; font-size:22px; margin-bottom:0; text-align:left;}
#rightHeader {width:50%; float:right; text-align:right;}
#leftSideHeader {padding-top:15px;}

#rightSideHeader {padding-top:0;}
#rightSideHeader img {margin:8px 0 0 3px;}
/*---end header---*/


/*---navi---*/
#navi a {width:16.5%; float:left; padding:15px 0 15px 0;}
#lastNavi {width:20%; float:left !important; clear:none !important;}
/*---end navi---*/


/*---guts---*/
#guts {min-height:700px;}
#guts .wrapper  {padding:30px 40px 30px 40px;}
/*---end guts---*/


/*---footer---*/
#footer {text-align:inherit;}
#leftFooter {float:left; width:55%; margin-bottom:0;}
#rightFooter {float:right; width:45%; text-align:right; margin-bottom:0;}
#rightFooter img {margin:5px 0 0 5px;}
/*---end footer---*/
}