html {
    line-height:1.3;
	background-color: #ffffff;
	margin:0px;
	padding:0px;
	font-size:10pt;
    font-family: "Ubuntu", "Segoe UI",  sans-serif;
	color:#000000;
}

body {
	background-color:transparent;
	margin:0px auto;
	position:relative;
	z-index: 0;
	background: #f0f0f0 url('/content/images/htmlBackground.png') top left repeat;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border-width:0px;
	margin:0px;
	padding:0px;
}

form {
	margin:0px;
	padding:0px;
}

div.center {
	margin: 0px auto;
	text-align:center;
}

input[type="submit"]:hover {
        cursor: pointer;
}

/* == Body == */

#divBody {	
	width:100%;
	background-color:transparent;
	margin:0px auto;
	position:relative;
	z-index: 0;
}

/* == Top == */

#divBodyTop {
	/*background-color:transparent;*/
    background: #f0f0f0 url('/content/images/divTopBackground.png') top left repeat;
	position:relative;
	height: 225px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-color:#aaaaaa;
	border-width:0px 0px 5px 0px;
	border-style:solid;
}

#divBodyTopContent {
    position:relative;
	width:1000px;
    height: 220px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

#divBodyTopLogo {
	position:absolute;
	left:8px;
	top:10px;
	width:220px;
	height:200px;
	border:0px solid gray;
	padding: 0px;
	margin: 0px;
}

#divBodyTopLogo img {
	width:220px;
	height:200px;
}

/* == Message == */

#divBodyMessage
{
	width:1000px;
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
    border-color:#aaaaaa;
	border-width:0px 2px 0px 2px;
	border-style:solid;
}

#divBodyMessageText {
	padding: 15px;
    text-align: center;
    font-style: italic;
    font-size: 12pt;
    color: crimson;
}

/* == Content == */

#divBodyMenu {
	clear:both;
    width:1000px;
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
    border-color:#aaaaaa;
	border-width:0px 2px 0px 2px;
	border-style:solid;
	height: 1%; overflow: hidden;
}

#divBodyMenu .item, #divBodyMenu .itemSelected {
	float:left;
	background-color:#ffffff;
	width:150px;
	padding:3px 0px 3px 0px;
	height: auto;
    font-size: 12pt;
    margin: 20px 40px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
} 

#divBodyMenu .item {
	border-color:#dddddd;
}

#divBodyMenu .itemSelected {
	border-color:#000000;
}

#divBodyMenu .item a, #divBodyMenu .itemSelected a {
	color:#000000;
	text-decoration: none;
} 

#divBodyMenu .item a:hover, #divBodyMenu .itemSelected a:hover {
	text-decoration: none;
} 

/* == Content == */

#divBodyContent {
	clear:both;
    width:1000px;
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
    border-color:#aaaaaa;
	border-width:0px 2px 0px 2px;
	border-style:solid;
	/*height: 1%; overflow: hidden;*/
}

#divBodyContentUnlogged {	
	margin:0px;
	padding:20px;
}

/* == Articles list == */

#divBodyContent div.divArticlesIntro {
	margin:0px;
	padding:0px 0px 50px 0px;
	height: 1%; overflow: hidden;
}

#divBodyContent div.divArticlesIntro a {
	color:#666666;
}

#divBodyContent div.divArticlesIntroItem {
	margin:50px 0px 0px 65px;
	padding:0px;
	/*border:1px solid red;*/
	width: 400px;
	float:left;
	/*text-align:justify;*/
	text-align:left;
}

#divBodyContent div.divArticlesIntroTitle {
	margin:10px 0px 5px 10px;
	padding:2px 0px 0px 0px;
}

#divBodyContent span.spanArticlesTitle a {
	font-size:13pt;
	color: #5392c7;
	font-weight:bold;
}

#divBodyContent div.divArticlesIntroItemStarred {
	margin:0px;
	padding:0px;
	background-color:#f9f9f9;
}

#divBodyContent div.divArticlesIntroHeader {
	margin:0px 5px 0px 5px;
	padding:3px 0px 3px 3px;
	/*border-top: 1px solid #fbfbfb;*/
	color:#888888;
	text-align: justify;
}

#divBodyContent div.divArticlesImage {
	padding:0px;
	margin:5px auto 0px auto;	
	width:400px;
	height:300px;
	border:0px solid #cccccc;
}

#divBodyContent div.divArticlesItemDivider {
	width:500px;
	height:1px;
	margin:0px auto;
	clear:both;
}

/* == Article == */

#divBodyContent div.divArticle {
	margin:0px;
	padding:0px 0px 50px 0px;
	height: 1%; overflow: hidden;
}

#divBodyContent div.divArticle a {
	color:#666666;
}

#divBodyContent div.divArticleItem {
	margin:50px 50px 0px 50px;
	padding:0px;
	/*border:1px solid red;*/
	width: auto;	
	/*text-align:justify;*/
	text-align:left;
}

#divBodyContent div.divArticleTitle {
	margin:10px 0px 20px 10px;
	padding:2px 0px 0px 0px;
}

#divBodyContent span.spanArticleTitle a {
	font-size:16pt;
	color: #5392c7;
	font-weight:bold;
}

#divBodyContent div.divArticleHeader {
	margin:0px 5px 0px 5px;
	padding:3px 0px 3px 3px;
	/*border-top: 1px solid #fbfbfb;*/
	color:#666666;
	text-align: justify;
	font-size:12pt;
}

#divBodyContent div.divArticleImage {
	padding:0px;
	margin:10px 60px 30px 40px;	
	width:400px;
	height:300px;
	float: right;
	border:0px solid #cccccc;
}

#divBodyContent div.divArticleBody {
	margin:20px 20px 20px 10px;
	padding:3px 0px 3px 3px;
	/*border-top: 1px solid #fbfbfb;*/
	color:#000000;
	text-align: justify;
	font-size:13pt;
}

/* == Gallery == */

#divBodyGallery {
	height: 1%; overflow: hidden;	
}

#divBodyGallery .divBodyGalleryPicture {
	width:200px;
	float:left;
	margin: 20px 0px 20px 40px;
}

#divBodyGallery .divBodyGalleryPicture img {
	max-width:200px;
	margin: 0px;
	max-height:150px;
}

/* == About == */

#divBodyContentAboutPhoto {
	padding: 30px 0px 0px 50px;
	float: left;
    margin: 0px 50px 50px 0px;
}
#divBodyContentAboutPhoto img { 
	width: 500px; 
	margin: 0px auto;
}

#divBodyContentAboutText {
	padding: 30px 50px;
	font-size: 12pt;
	text-align: justify;
	line-height: 1.3;
}

/* == Contact == */

#divBodyContentContact { 
	margin:0px; 
	padding:0px; 
}

#divBodyContentContactData { 
	padding-top: 20px; 
}

#divBodyContentContactData div { 
	font-size:14pt; 
	padding: 20px 80px; 
}

#divBodyContentContactMap { 
	width: 1000px; 
	height: 600px; 
	margin-top:40px; 
}

/* == Footer == */

#divBodyBottom {
    background: #f0f0f0 url('/content/images/divTopBackground.png') top left repeat;
    clear:both;
	color:#999999;
	margin:0px;
	padding:0px 0px 0px 0px;
	/*text-align:center;*/
	font-size:10pt;
	border-color:#aaaaaa;
	border-width:5px 0px 0px 0px;
	border-style:solid;
	position:relative;
}

#divBodyBottom a {
	color:#999999;
    text-decoration: underline;
}

#divBodyBottomContent {
    position:relative;
	width:990px;    
	margin: 0px auto;
	padding: 15px 0px 10px 10px;	
}

#divBodyBottomLine {
    margin-top: 10px;
}

#divBodyBottomImg {
	position:absolute;
	right:20px;
	bottom:20px;
	width:60px;
	height:60px;
	border:0px solid gray;
	padding: 0px;
	margin: 0px;
}

#divBodyBottomImg img {
	width:60px;
	height:60px;
}

/* for mobile phones */

@media screen and (max-width: 1000px) {
	
	html, body { height: 100%; }
	#divBodyTop { width: 100%; }
	#divBodyTopContent { width: 100%; }
	#divBodyTopLogo { width: 90%; }	
	#divBodyMessage { width: 100%; padding: 0px; }	
	#divBodyMenu { width: 100%; padding: 0px; border-width: 0px 0px 0px 0px; }	
	#divBodyMenu .item, #divBodyMenu .itemSelected { float:none; width: 80%; margin: 20px 20px; }
	#divBodyContent { width: 100%; border-width:0px 0px 0px 0px; }
	#divBodyGallery { width: 90%; border-width:0px 0px 0px 0px; padding: 20px 0px 0px 20px; }
	#divBodyGallery .divBodyGalleryPicture { width: 90%; border-width:0px 0px 0px 0px; float:none; margin:20px 0px; }
	#divBodyGallery .divBodyGalleryPicture img { width: 100%; max-width:none; max-height: none; }
	#divBodyContentAboutPhoto { padding: 20px 0px 0px 20px; float: none; margin: 0px;	}
	#divBodyContentAboutText { padding: 20px 20px; }
	#divBodyContentAboutPhoto img { width: 90%; }
	#divBodyContentContactData div { padding: 20px 40px; }
	#divBodyContentContactMap { width: auto; height: 300px; }
	#divBodyBottom { width: 100%; }
	#divBodyBottomContent { width: 90%; padding: 15px 0px 10px 0px; }
	#divBodyBottomImg { right:20px; bottom:40px; }

	#divBodyContent div.divArticlesIntroItem { margin:20px auto 10px auto; padding:0px; width: 95%; float:left; text-align:left; }
	#divBodyContent div.divArticlesIntroTitle { margin:10px 0px 5px 25px; }
	#divBodyContent div.divArticlesIntroHeader { margin:0px 5px 0px 20px; }	
	#divBodyContent div.divArticlesImage { width:90%; height: auto; }
	#divBodyContent div.divArticlesImage img { width:90%; }
	#divBodyContent div.divArticlesItemDivider { display: none; width: 100%; }	

	#divBodyContent div.divArticleItem { margin:20px auto 10px auto; padding:0px; width: 95%; float:left; text-align:left; }
	#divBodyContent div.divArticleTitle { margin:10px 0px 20px 25px; }
	#divBodyContent div.divArticleHeader { margin:20px 5px 0px 20px; }
	#divBodyContent div.divArticleImage { width:90%; height: auto;float:none;margin:5px auto 0px auto; }
	#divBodyContent div.divArticleImage img { width:90%; }
	
}