/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/

body {
	
	background-color: black !important; 
	-webkit-font-smoothing: antialiased;
	background: black url('images/stars-pattern.png') 0px -50px repeat-y;	
	background-position: center;
}



/* Link colors */
a:hover { color: rgb(153,123,80) !important; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
#main-menu a:hover { color: white !important;}

.dropdown li:hover a {  background:none; color: rgb(153,123,80); }
header#header a { color: white; text-decoration: underline; font-size: 90%;}
header#header .value { margin-left: 0px; }


div.navigation .current { font-weight:bold; background-color: color: rgb(153,123,80); color: #fff; padding: 7px 10px; line-height: 24px; }
div.navigation a:hover { background: none; background-color: rgb(153,123,80);  color: #fff !important; }
h3.title a { color: rgb(153,123,80); }

.featured-pages h2 a:hover, p.title a:hover, h2.title a:hover { color: rgb(153,123,80); }
p.title span.leave-comment a:hover { color: rgb(153,123,80); }
aside a:hover { color: rgb(153,123,80); }

div.post-meta p.postmetadata a { color: rgb(153,123,80); }
div.author-meta p a:hover { color: rgb(153,123,80); } 
#content .gallery img:hover {border: solid 10px rgb(153,123,80); padding: 4px; }
/* -- end link color override */


.wp-caption-text {
	color: #666;
	font-style: italic;
	font-size: 85%;
	line-height: normal;
	margin-bottom: 0px !important;	
}

.wp-caption.alignright {
	
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 5px;
}

.wp-caption.alignleft {
	
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 5px;
}

.wp-caption.aligncenter {
	
	margin: 0 auto;
	clear: both;
}

div.ppt { display: none !important;}


/* images caption */
.gallery-caption {
	
	color: #666;
	font-style: italic;
	font-size: 85%;
	line-height: normal;
	margin-bottom: 0px !important;	
}

div.gallery .gallery-item {
	
	overflow: auto;
	width: 180px;	
}

.gallery img:hover { border-color:white !important;}

#main-menu li a { font-size: 103%;}


header#header {

	background: transparent url('images/header-bg-stars-r3.jpeg') -0px 0px no-repeat;
	height: 234px;
	width: 960px;
	margin: 0px auto;	
	font-family: 'Helvetica Neue', Arial, sans-serif !important;
	font-weight: bold;
}

header#header .qts-lang-menu {
	text-align: left;
	_height: 10px;
}

header#header .cab-link {
	
	text-align: left;
	font-size: 180%;
	margin-top: 10px;
}

header#header .qts-lang-menu li {
	display: inline;
	list-style:none; 
        list-style-type: none; 
        margin-left: 20px; 
        display: inline; 
        float: left; 
}

header#header .qts-lang-menu { margin-left: 16%; margin-top: 125px;}
header#header .qts-lang-menu a { color: white; }

header#header div#logo * {
	display:none;
}

/* redefine for responsive design */ 
header#header div#header-helpful { 
	float: left !important;
	margin-left: 165px; 
}

header#header ul#social-links {
	
	margin-right: 20px;
}

header#header li.list-title { display: none; }
header#header .wrapper { height: 100%; padding-top: 5px;}


div#main .wrapper {
	
	background-color: white;	

}

#main-menu {
	
	margin-bottom: 0px;
	border-top: none;
	font-size: 135%;
}

#menu-shadow { 

	display: none;
}

#content { float: left; display: inline; width: 660px; padding-top: 20px; }
#content div.divider:last-child {display: block;}

#content ul.posts-list,
#content ul.posts-list li { margin-left: 0px;}

div.intro h2.title {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	margin: 20px 0 20px;
}

aside {float: left; display: inline; width: 240px; margin-top: 20px;}

footer .wrapper {
	
	margin-top: 1px;	
	
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWMxYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(193,193,193,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(193,193,193,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-8 */
}

footer p.wpzoom { display: none !important; }
footer .divider { display: none; }
footer .copyright { margin-top: 40px; margin-left: 10px;}
footer div.column { width: 110px; margin-left: 5px; margin-right: 0px}
footer div.column-wide { width: 389px; }
footer div.column-last { width: 510px; }

.qtrans_flag {
	display: initial !important;
}

footer .institution-logo img {height: 50px;}

footer div.institutions {
	
	text-align: left;
}

footer div.institutions .bordered-logo img { border: 1px solid #d9d9d9; margin-bottom: 15px;}
footer .institution-logo { margin-right: 15px; }


aside .widget {
		
	margin-bottom: 10px !important;
	box-shadow: 0px 5px 20px #a9a9a9;
}

.frm-contact {

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzkwOTA5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(169,169,169,1) 0%, rgba(144,144,144,1) 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,169,169,1)), color-stop(98%,rgba(144,144,144,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(169,169,169,1) 0%,rgba(144,144,144,1) 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(169,169,169,1) 0%,rgba(144,144,144,1) 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(169,169,169,1) 0%,rgba(144,144,144,1) 98%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(169,169,169,1) 0%,rgba(144,144,144,1) 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#909090',GradientType=0 ); /* IE6-8 */
}
aside .widget_text { 

	background: white !important;
	box-shadow: none !important;
}

aside .widget-alt p.title {
		
	background: none !important;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0px !important;
	text-align: center;
	color: #555 !important;

}


aside div.widget-alt { border: none; padding: 0px 0px 0px; }


#featured-posts {
	float: left;
	display: inline;
	width: 660px;
	color: #fff;
	font-size: 11px;
	line-height: 19px;
	margin: none !important;
	position: relative;
}

#featured-posts div.post-body {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #a9a9a9;
	padding: 10px 10px;
	width: 660px;
	z-index: 10;
}


.post-content ul li {
	margin-right: 0px !important;
}

#featured-posts a.prev{	background-position:0 0;	right: -40px;}

/* Custom plugins */

.frm_form_widget { width: 90%; margin: 0 auto; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal;}
.frm_primary_label { color: #333; font-weight: normal !important; }
.frm_forms { width: 90%; margin: 0 auto;}
.FA_wrap a, div.FA_wrap span { font-family: 'Helvetica Neue', Arial, sans-serif !important;}

.navigation .current {
	background-color: #1c97d4 !important;
}

/* Custom contents */
td.tipo2 { min-width: 180px;}

div.threecol-one.last { 	
	background-color: #e9e9e9;	
	width:27%;
	padding: 10px;
}



td.tipo2 div.img_right,
td.tipo2 div.img_left {
	
	float: none;
	margin: 0 auto;	
	margin-bottom: 20px !important;
}

div.img_right p,
div.img_left p,
div.img_right img,
div.img_left img {

	margin-bottom: 0px !important;	
	padding-bottom: 0px !important;
}

p.tipo_img {
		
	color: #666;
	font-style: italic;
	font-size: 85%;
	line-height: normal;
	margin-bottom: 0px !important;	
}

div.img_left {
	
	float: left;
	max-width: 200px;
	text-align: center;
	margin: 5px 5px 5px 0px;
	padding: 5px 5px 5px 5px;
}
div.img_right {
	float: right;
	max-width: 200px;
	text-align: center;
	margin: 5px 0px 5px 5px;
}

p.titulo2 {
	font-weight: bold;
	font-size: 110%;
}

td.tipo2 {

	background-color: #e9e9e9;
	padding: 10px !important;
}

 
/* Tablet Landscape */
@media screen and (max-width: 960px) {

}

/* Tabled Portrait */
@media screen and (max-width: 768px) {


	header#header .qts-lang-menu { margin-top: 70px;}

	header#header {

		background: transparent url('images/header-bg-stars-r3-mobile-768.jpg') -0px 0px no-repeat;
		width: 760px;
		height: 186px;
	}
	
	header#header div#header-helpful { 
		float: left !important;
		margin-left: 130px; 
	}
	
	

	div.threecol-one.last { 	
		background-color: #e9e9e9;	
		clear: left;
		width:96%;
		padding: 10px;
	}
	
	div.threecol-two { 	
		width:96%;	
	}
	
	.img_right {
		
		width: 90%;
	}
	


	#featured-posts {
		float: left;
		display: inline;
		margin: 0 1em 1em;
		width: 64%;
		padding: 0;
	}
	
	#featured-posts a.browse {
		top: 10px;
	}
	
	#featured-posts img {
		height: 200px;
		width: auto;
	}
	
	#featured-posts div.post-body {
		position: relative;
		bottom: auto;
		left: auto;
	}
	
	#featured-posts div.post-body div.column {
		float: none;
		display: block;
		margin-right: 0;
		width: auto;
	}
	
	#featured-posts div.post-body div.column-last {
		display: none;
	}
	
	#featured-services {
		float: left;
		display: inline;
		min-height: 100%;
		padding: 3%;
		width: 25%;
	}
	
	#content {
		float: none;
		display: block;
		width: auto;
		margin-right: 0;
	}
	aside {
		margin-top: 40px;
		float: none;
		display: block;
		width: auto;
	}
	
	div.widget input#s {
		width: 90%;
		border-right: solid 1px #ccc;
	}
	
	aside ul.events-list div.cover {
		float: left;
		display: inline;
		width: 30%;
		margin-right: 20px;
	}
	
	aside ul.events-list div.cover img {
		padding: 0;
		border: 0;
		width: 100%;
		height: auto;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {


	header#header .qts-lang-menu { margin-top: 40px;}
	
	header#header {

		background: transparent url('images/header-bg-stars-r3-mobile-640.jpg') -0px 0px no-repeat;
		width: 630px;
		height: 152px;
	}
	
	header#header div#header-helpful { 
		float: left !important;
		margin-left: 110px; 
	}
	

	ul.posts-list div.cover {
		margin-right: 20px;
		width: 110px;
	}
	
	ul.posts-list div.cover img {
		width: 100px;
		height: auto;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {

	header#header span.value, .cab-link { font-size: 100% !important; li}
	header#header span.value, .cab-link * { line-height: 10px; }
	header#header .cab-link { margin-top: 0px;}
	header#header .qts-lang-menu { margin-top: 35px;}

	header#header .wrapper { margin-top: 5px;}
	 
	header#header {

		background: transparent url('images/header-bg-stars-r3-mobile-480.jpg') -0px 0px no-repeat;
		width: 478px;
		height: 110px;
	}
	
	header#header div#header-helpful { 
		float: left !important;
		margin-left: 85px; 
	}
	
	
	footer div.column { width: 110px; margin-right: 10px;}
	footer div.column-last { width: 90%; clear: left; }
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 320px) {

	header#header .qts-lang-menu { margin-top: -15px;}
	header#header {

		background: transparent url('images/header-bg-stars-r3-mobile-320.jpg') -0px 0px no-repeat;
		width: 320px;
		height: 76px;
	}
	
	header#header div#header-helpful { 
		float: left !important;
		margin-left: 120px; 
	}
	
	
	div.featured-pages div.column {
		float: none;
		display: block;
		margin-right: 0;
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: solid 1px #eee;
		width: 100%;
	}
	
	div.featured-pages div.column img {
		width: 100%;
		height: auto;
	}

	ul.posts-list div.cover {
		display: none;
	}

}