/*
	Aqueous by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body,input,textarea,select
	{
		/* font-size: 11pt; */
		font-size: 1em;
	}
	
	strong, b
	{
		font-weight: 700!important;
		/*color: #000000;*/
	}
	
	em, i
	{
		font-style: italic;
	}
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		padding-top: 0px;
		border-top:3px solid #666666;
	}
	
	#logo span {
		padding-top: 0em;
	}
	
	
	
	#header .mobiletitle {display: none; }
	
	#contact_info { display:none; }
	
/*********************************************************************************/
/* Menu with dropotron                                                           */
/*********************************************************************************/

#nav 	{ height: 90px; background: #666666;/* #df0024; */ }

#nav ul { text-align: center; }

#nav li { display: inline-block; padding: 0px 10px; }

#nav ul li:hover > ul { opacity:1; }

#nav a {
	display: block; float: left;
	margin-right: 2px;
	text-align:left; text-decoration: none; text-transform: none;	
	font-family: 'Ubuntu Condensed'; 
	font-size: 14pt; line-height: 45px;
	color: #fff; 	
}


#nav a:hover { color: #eee; }


/* Dropotron: The drop down menu */

#nav .dropotron 	{ top: 1em; display: block !important; opacity: 0; }
#nav .dropotron ul	{   }
#nav .dropotron > li
{	
	background:#df0024; 
	box-shadow: inset 0px -2px -0px 0px rgba(0,0,0,0.25);	
	display: block; position: absolute;
	margin-left: -10px !important;
	min-width:200px;
	margin-top: 36px !important;
	z-index:1000;
	padding:8px;	 
}
#nav .dropotron > li > a
{
	font-size:13pt; line-height: 25px;
	clear: left; float:left; display:block;
	width:100%;	
	border-bottom:1px dotted #fff;
	padding:4px 4px 4px 4px;
	margin:0px 0px 0px 0px;	 
	
}

#nav .dropotron > li.active > a	{ } 
#nav .dropotron > li:hover > a 	{ }

#nav .dropotron.level-0 { border-radius: 0 0 4px 4px; margin-left: -0.5em; }


/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		padding: 0em 0em;
		color: #fff;
	}
	
	#banner .container
	{
		background: #FFF;
	}
	
	#banner .full
	{
		padding: 0em 3em;
	}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		padding: 2em 3em 2em 3em;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		padding: 2em 3em;
		margin:0px;
	}
	
	

/* ********************************************************************************************************************** */
/* Simple responsive table for test(only css): tbltest */		 
/* ********************************************************************************************************************** */		 

table.tbltest		{ background: #fff; border-collapse:collapse; box-shadow:1px 1px 5px #bbb;border:1px solid #bbb; margin: 0em auto 1.5em auto; }
table.tbltest td,th	{ border-top:1px solid #ccc; padding:4px 8px; }
table.tbltest th,  	
table.tbltest th.row2	{ background: #df0024; color:#eee; font-weight:bold; vertical-align:middle; font-size:13px; text-align:left;}
table.tbltest th.row1	{ background: #2965c7; color:#fff; font-weight:bold; vertical-align:middle; padding:8px 8px;}

table.tbltest	 tr.blue	{ background: #2965c7; color:#fff;}

/*table.tbltest tbody tr:nth-of-type(2n+1)	{ background-color:#efefef}*/
table.tbltest th.set-txt-align-c		{ text-align:center; vertical-align:top;}	

table.tbltest td.set-txt-align-c		{ text-align:center; vertical-align:top;}		 
table.tbltest td.set-txt-align-l		{ text-align:left;   vertical-align:top;}
table.tbltest td.set-txt-align-r		{ text-align:right;  vertical-align:top;}			
table.tbltest td.set-txt-valign-t		{ vertical-align:top;}			
table.tbltest td.set-bold				{ font-weight: bold; }
table.tbltest td.set-no-wrap			{ white-space: nowrap; }		 		 

/* full view 851px + */
@media screen and (min-width:701px) 
{
		
}			

/* compact view < 700px */
@media screen and (max-width: 700px)
{
	table.tbltest td, th {padding: 4px 2px!important; font-size:11px!important;}
	table.tbltest th.row2	{  font-size:10px!important; }
	table.tbltest th.row1	{  font-size:10px!important;}
}

@media screen and (max-width: 500px)
{
	table.tbltest th.row2	{  font-size:8px!important; }
	table.tbltest th.row1	{  font-size:8px!important;}
	table.small_tbltest td, th {padding: 2px 2px!important; font-size:8px!important;}
}

/*******************************************************************/
/* contact parartimata */
/*******************************************************************/
#parartimata a,
#parartimata a:visited	{ color:#38228C; }
#parartimata a:hover	{ color:#A81500; }

#parartimata h1 { font-size: 1.4em; }
#parartimata h3 { padding:2px 0px 2px 0px; color: #666; font-size:1.3em; font-weight:500; border-bottom:2px solid #888;  border-top:2px solid #888;  text-align:left; }

#parartimata  address	{ padding:0px 0px 10px 0px; margin:0px; font-size:1em;} 
#parartimata  address a	{color: #ff0000!important;} 
#parartimata  address a:hover 	{color: #2965C7!important;} 

#parartimata div.gmapsmall-container		{ width:100%;   height:340px; display:inline-block; overflow:hidden; border:1px solid #ccc;  margin:0 auto; }
#parartimata div.gmapsmall-container iframe	{ width:100%;  height:340px!important; /*top:-50px;*/ position:relative; border:none;  scrolling:no;}	

#parartimata p.gmapstxt  	{ text-align:right; margin:0; padding:0; }	
#parartimata p.gmapstxt a ,
#parartimata p.gmapstxt a:visited  	{color: #ff0000!important; font-size:0.9em; }
#parartimata p.gmapstxt a:hover  	{color: #2965C7!important;}

/*******************************************************************/
/* counter */
/*******************************************************************/
#support_images_container { width:140px; background:#EFEFEF; padding:0px;  text-align:center;  box-shadow: 1px 1px 10px #fff; }
#support_images_container  img {  margin:2px 18px;  padding-top: 6px;}

/*********************************************************************************/
/*********************************************************************************/

#mathainoume p { margin-bottom:0px;}

#mathainoume h3	{ font-size:1.2em; margin-bottom:10px; color: #404040; } 

#mathainoume a:link,
#mathainoume a:visited {color: #08354e; text-decoration:none; }
/* #content a:visited {color: #2965C7; text-decoration:none; } */

#mathainoume a:hover {color: #0d618f;  text-decoration:underline;}


img.mathainoume		{max-width:100%; float:right; margin-right:50px; margin-top:-120px; margin-bottom:20px;}


	ul.mathainoume
	{
		list-style: circle;
		margin: 0;
		padding: 30px;
		list-style-position: inside;		
	}
	
	ul.mathainoume li
	{
		padding: 0.80em 0em;
		
		
	}
	
	ul.mathainoume li:first-child
	{
		padding-top: 0em;
		border-top: none;
	}
	
	ul.mathainoume a	{ color: #164C84; }
	ul.mathainoume a:hover	{ color: #55c5d1; }
	
	
	/* Container */

	body {
		/* min-width: 1200px; */
		width: 100%!important;
	}

	.container {
		/* width: 1200px; */
		/*width: 98%!important;*/
		width: 100%!important;
		margin-left: auto;
		margin-right: auto;
	}

	/* Modifiers */
	
		.container.small {
			/* width: 900px; */
			width: 98%!important;
		}

		.container.big {
			width: 98%!important;
			/* max-width: 1500px;
			min-width: 1200px; */
		}