/* Sample .CSS file for the flexi skin, it only shows the different areas 
   and a possible positioning within the page */
body {
	padding:0;
	margin:0;
	font-family:Consolas,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
	background: url(gfx/body-back.jpg) fixed;	
	
/*	background: url(gfx/body-back.png) repeat-y;*/
/*	background-position:center;*/
/*	background-color:#FFF;*/
}

h1,h2,h3 {
	font-family:Consolas,Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#75553a;
}
h2 {font-size:14px;}

h3 {font-size:12px;}

.escaped {
	font-size:11px;
}

#FlexiAll { /*for setting e.g. additional Background-image*/
	margin-top:5px;
	margin-bottom:20px;
	margin-left:10%;
	margin-right:10%;
	border: 2px solid #75553a;
	width: 940px;
/*	height:600px;*/	
	margin-left: auto;
	margin-right: auto;
/*	min-width: 800px;*/
	min-height:750px;	
	background-color:#FFF;
/*	background:url('gfx/back2.png') repeat-y;*/	
}
#FlexiTop {
	/*margin:10px;*/
	height:100px;
	border:1px solid #75553a;
	background:url(gfx/top-banner3.png) no-repeat;	
/*	background:url(gfx/flexi/FlexiTop.gif) no-repeat;*/
}
#TopImage{
	float:right;
	height:100px;
	width:100px;
/*	border:1px solid #bbb;	
	background-image:url(gfx/apulia-brasao.png);
	background-repeat: no-repeat;*/	
}
#FlexiTitle {
margin-left:200px;
margin-top:81px;
text-align:center;	
/*	border-left: 1px dotted #bbb;
	border-top: 1px dotted #bbb;
/*	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiTitle.gif) no-repeat;
	*/
}

#FlexiLeft {
	float: left;
	margin-left:10px;
	margin-top:20px;
	clear:right;
	width:180px;
	max-width:180px;
	border-right: 1px dashed #008ddc;
	border-right: 1px dashed #eb2879;
	border-right: 1px dashed #75553a;
	padding-right:10px;
	/*
	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiLeft.gif) no-repeat;
	*/
}

#FlexiLeft li {
	padding-top:10px;
}


#FlexiRight {
	float:right;
	top:4em;
	width:100px;
	margin-right:10px;
	margin-left:10px;
	height:400px;
	max-height:600px;
	padding:5px;

/*	
	border:1px dotted #fff;
	background:url(gfx/flexi/FlexiRight.gif) no-repeat;
	*/
}
#FlexiHeader {
	float:right;
	margin:0em;
	text-align:right;
	margin-left:0px;
	margin-right:0px;
	height:1.5em;
/*
	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiHeader.gif) no-repeat;
*/
}
#FlexiMain {
	margin:0.5em;
	margin-left:220px;
	margin-right:20px;
	min-height: 500px;
	width: 580px;
	text-align:justify;
/*	padding:10%;
	border:1px solid #bbb;/*
	background:url(gfx/flexi/FlexiMain.gif) no-repeat;
*/
	padding:0.2%;
}
#FlexiFooter {
	margin-left:250px;
	margin-right:60px;	
	margin-top:10px;
	color:#666666;
	font-size: 10px;	
	height:2em;
	border-top:1px solid #bbb;
/*	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiFooter.gif) no-repeat;
	*/
}

#FlexiBottom {

	margin-top: 10px;
	height:2em;
	margin-right:20px;
	margin-left:20px;
	border-top:1px dotted #bbb;
	text-align:center;
	/*
	border:1px solid #fff;
	background:url(gfx/flexi/FlexiBottom.gif) no-repeat;
	*/
}

#FlexiTitle li {
	display:inline;
	border: 1px solid #75553a;
	width: 70px;
	float: left;
	padding-top:4px;
	height:14px;
	margin-left:-1px;
	background-color:#ead9b2;
}

#FlexiTitle2 {
border:2px solid #75553A;
height:17px;
margin-left:0px;
margin-right:-4px;
margin-top:-4px;
margin-top:-4px;
margin-top:-4px;
padding:2px;
width:568px;
border-bottom:0px;
padding-left:3px;
}

#FlexiTitle ul {
	display:inline;
	padding:0px;	
}

#FlexiTitle a {
	text-decoration: none;
/*	color: yellow;*/
	width: 70px;
	height:14px;
	margin-top:-4px;
	padding-top:4px;	
/*	border: 1px dotted #eb2879;*/
}

#FlexiTitle a:hover {
	text-decoration: none;
/*	border: 1px solid #eb2879;*/
	color: blue;
	background-color: yellow;
	display:block;	
}

a {
	color: blue;
}

a:hover {
	color: #eb2879;
}
/*
img {
	background-color:#fff;
}*/

a:hover img {
	border: 1px solid blue; 
}

label {
	width: 15em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

#countdown {
	color:#eb2879;
	/*color: #008ddc;*/
	background-color:yellow;
	border:1px dashed #008ddc;
	font-size:10px;
	padding:4px;
	text-align:left;
}

#counter {
	color:#eb2879;
	/*color: #008ddc;*/
	background-color:yellow;
	border:1px dashed #008ddc;
	font-size:10px;
	padding:4px;
	text-align:center;
}

#countdown p {
	margin-top: 2px;
}

#FlexiMain p {
	text-align:justify;
/*	padding:10%;
	border:1px solid #bbb;/*
	background:url(gfx/flexi/FlexiMain.gif) no-repeat;
*/
	padding:7px;
}