/* #03C8FF / #598BC6*/


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

*, a {
	color: #636363;
}
h1.csc-firstHeader, h2.csc-firstHeader {
    color: #2b95ff  !important;
    font-family: "Times New Roman",Times,serif;
    font-size: 1.8em;
    font-weight: lighter;
    margin-bottom: 0.6em;
	line-height: 1.1em;
}

/* BASIC ELEMENTS ------------------------------*/

a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
#ct_loginHelpers li:hover a,
ul.latestnews li:hover a,
.ct_breadcrumbs a:hover,
a.readmore:hover, 
p.readmore a:hover,
.categories-list span.item-title a:hover,
.category td a:hover,
.category th a:hover,
.registration legend,
.search-results .result-title:hover,
.search-results .result-title:hover a,
ul.circleList li, 
ul.circleList li ul li,
#ct_footerContent h1, 
#ct_footerContent h2, 
#ct_footerContent h3, 
#ct_footerContent h4, 
#ct_footerContent h5,
.errorNumber
{
	color: #000;
}



/* SITE ------------------------------*/



#navigationFirstLevelMenu ul ul{
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #CCCCCC));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	
	-pie-background: linear-gradient(top,  #FFFFFF 0%, #CCCCCC 100%);
}



@media only screen
and (max-width : 568px) {
	
	#navigationFirstLevelMenu {
        -webkit-box-shadow:  0px 7px 7px 0px rgba(0, 0, 0, 0.4);
        box-shadow:  0px 7px 7px 0px rgba(0, 0, 0, 0.4);
		margin-bottom: 25px;
        
	}

	#navigationFirstLevelMenu ul li {
		background: #598BC6;
		background: -moz-linear-gradient(top,  #77B1F7 0%, #598BC6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77B1F7), color-stop(100%, #598BC6));
		background: -webkit-linear-gradient(top, #77B1F7 0%, #598BC6 100%);
		background: -o-linear-gradient(top, #77B1F7 0%, #598BC6 100%);
		background: -ms-linear-gradient(top, #77B1F7 0%, #598BC6 100%);
		background: linear-gradient(top, #77B1F7 0%, #598BC6 100%);
	
		-pie-background: linear-gradient(top,  #77B1F7 0%, #598BC6 100%);
	
		border-bottom: 1px solid #007A9C;
		
	}
	
	#navigationFirstLevelMenu ul ul li { background: transparent;}
	
	#navigationFirstLevelMenu ul ul{
		background: #FFFFFF;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #CCCCCC));
		background: -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		background: -o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		background: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		background: linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		
		-pie-background: linear-gradient(top,  #FFFFFF 0%, #CCCCCC 100%);
	}
}

#main {
	-webkit-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.7);
	box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.7);
}


/* NAVIGATION ------------------------------*/

#navigationFirstLevelMenu ul li{ 
	border-left: 1px solid #598BC6;
	border-right: 1px solid #007A9C;
}
#navigationFirstLevelMenu ul li:first-child { 
	border-left: none;
}
#navigation ul li:last-child { 
	/*border-right: 1px solid transparent;*/
}

#navigationFirstLevelMenu ul li a,
#navigationFirstLevelMenu ul li span {
	color: #ffffff;
	text-shadow: 0px 1px 2px  rgba(0,0,0,0.7);
}

#ct_errorWrapper {color: #ffffff !important;}

#navigationFirstLevelMenu ul ul { 
	box-shadow:#111 0 3px 4px;
}
#navigationFirstLevelMenu ul ul li a,
#navigationFirstLevelMenu ul ul li span {
	color: #636363;
	text-shadow: none;
}



#navigationFirstLevelMenu ul li:hover,
#navigationFirstLevelMenu ul li.current, 
#navigationFirstLevelMenu ul li.active {
	border-left: 1px solid #2b95ff;
	border-right: 1px solid #2b95ff;
	border-bottom: 1px solid #2b95ff;
}

#navigationFirstLevelMenu ul li:hover > a,
#navigationFirstLevelMenu ul li:hover > span,
#navigationFirstLevelMenu ul li.current > a,
#navigationFirstLevelMenu ul li.current > span,
#navigationFirstLevelMenu ul li.active > a,
#navigationFirstLevelMenu ul li.active > span {
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.8) !important;
}

#navigationFirstLevelMenu ul ul li:hover,
#navigationFirstLevelMenu ul ul li.current, 
#navigationFirstLevelMenu ul ul li.active {
	border: none;
}


@media only screen
and (min-width : 321px)
and (max-width : 768px) {
  /* Styles */

	#navigationFirstLevelMenu ul li{ 
		border-left: none;
		border-right: none;
	}

	#navigationFirstLevelMenu ul li:hover,
	#navigationFirstLevelMenu ul li.current, 
	#navigationFirstLevelMenu ul li.active {
		border-left: none;
		border-right: none;
	}
  
}



/* TEXT ------------------------------*/
 h1 span, 
h2, h2 a, h2 span, 
h3, h3 a, h3 span,
h4, h4 a, h4 span,
h5, h5 a, h5 span,
.tip-title {
	color: #598BC6 ;
}
div#header h1, div#header h1 a {
    color: #F2F2F2 !important;
}




/* BUTTONS, LINKS & FORM ELEMENTS ------------------------------*/

input.button,
button, 
.ct_buttonYellow, 
.ct_buttonRed, 
.ct_buttonBlue,
.ct_buttonGreen,
.ct_buttonPink,
.ct_buttonBlack,
.ct_buttonWhite,
.ct_buttonAccent {
	color: #ffffff;
}


.ct_buttonBlue 
{
	background-color: #0072ff;
	background: -moz-linear-gradient(top,  #0072ff 0%, #29487a 100%);
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0072ff), color-stop(100%,#29487a));
	background:  -webkit-linear-gradient(top,  #0072ff 0%,#29487a 100%);
	background:  -o-linear-gradient(top,  #0072ff 0%,#29487a 100%);
	background:  -ms-linear-gradient(top,  #0072ff 0%,#29487a 100%);
	background:  linear-gradient(top,  #0072ff 0%,#29487a 100%);
	
	-pie-background: linear-gradient(top, #0072ff 0%, #29487a 100%);
} 





input[type='text'], 
input[type='password'], 
input[type='email'],
input[type='text'] {
	background: #132132132;
}

input[type='text']:hover, 
input[type='password']:hover, 
input[type='email']:hover,
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
select:focus, textarea:focus {
	-moz-box-shadow: 0px 0px 3px 0px #ff4200, 0px 0px 3px 0px #ff4200, 0px 0px 3px 0px #ff4200;
	-webkit-box-shadow: 0px 0px 3px 0px #ff4200, 0px 0px 3px 0px #ff4200, 0px 0px 3px 0px #ff4200;
	box-shadow: 0px 0px 3px 0px #ff4200, 0px 0px 3px 0px #ff4200, 0px 0px 3px 0px #ff4200;
}

#navigationSecondLevelMenu li:hover {
	font-weight: bold !important;
	background-color: #F3F3F3;
}