/* @override http://introbot.pt/index.php/tools/css/themes/introbot/main.css */

/* HTML Tag Redefinition */

html, body {
	height: 100%;
}

body {
	background-color: #000000;
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

a {
	cursor: pointer;
}

label {
	font-weight: bold;
}

fieldset {
	border: 1px solid #ccc;
}

/* error text class optionally provided by theme */

div.ccm-error-response {
	color: #f00;
	margin-bottom: 12px;
}

/* Page Structure / Navigation */

#page {
	width: 960px;
	margin: auto;
	text-align: left;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 25px;
}

#page #headerSpacer {
	height: 64px;
}

#page #header {
	position: relative;
	height: 100px;
}

#page #header #logo {
	color: #999;
	margin-bottom: 0px;
	padding: 0px;
	cursor: pointer;
	left: 0px;
	z-index: 1;
	width: auto;
	float: left;
	position: relative;
	margin-top: 0;
	margin-right: 70px;
}

#page #header #logo a {
	color: #999;
	text-decoration: none;
}

#page #header #logo p {
	display: inline;
	line-height: inherit;
	font-size: inherit;
	padding: inherit;
	margin: inherit;
	color: inherit;
}

#page #header #headerNav {
	z-index: 2;
	overflow: visible;
	text-transform: uppercase;
	font-weight: 600;
	float: left;
	position: relative;
	margin-top: 14px;
}

#page #header ul.nav-header {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	z-index: 2;
	overflow: visible;
	float: right;
}

#page #header ul.nav-header li {
	float: left;
	padding: 3px 10px;
	margin-left: 16px;
	margin-bottom: 0px;
	font-size: 10px;
	margin-top: 0px;
	webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.56);
	moz-box-shadow: 0 0 8px rgba(255, 255, 255, 0.56);
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.56);
	letter-spacing: 1px;
}

#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover {
	text-decoration: none;
	color: #dddddd;
}

#page #header ul.nav-header li:hover{
	box-shadow: 0 0 8px #ffffff;
}

#page #header ul.nav-header li.nav-selected {
	box-shadow: 0 0 20px #0893bd;
}

#page #header #header-area {
	margin-top: 10px;
	margin-bottom: 10px;
}

#page #header #header-area #header-area-inside {
	margin-bottom: 12px;
}

#page #header #header-area img {
	display: block;
}

#page .divider {
	padding-top: 12px;
	overflow: hidden;
	height: 1px;
	clear: both;
	width: 100%;
}

#page #central {
	clear: both;
}

#page #central.central-left.introbot {
	position: relative;
}

#page #central.central-left div#sidebar, #page #central #no-sidebar {
	float: left !important;
	width: 350px;
}

#page #central.introbot div#sidebar{
	float: left !important;
	width: 550px;
	margin-right: 50px;
}


#page #central.central-left #body {
	padding-right: 0px !important;
	float: left;
	width: 550px;
}

#page #central.central-left.introbot #introbotimg{
	z-index: -999;
	position: fixed;
	width: 550px;
	height: 424px;
}

#page #central.central-left.introbot #body {
	padding-right: 0px !important;
	float: left;
	width: 350px;
}


#page #central #body {
	float: left;
	padding-right: 28px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}


#page #central #sidebar {
	float: right;
	overflow: hidden;
}

#page #central #sidebar p {
	line-height: 24px;
}

#page #central #sidebar h1 {
	font-size: 36px;
	font-weight: 100;
	text-transform: uppercase;
	margin: 0 0 30px;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#page #central #sidebar ul.nav {
	list-style: none;
	font-size: 24px;
	font-weight: 100;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0px 0px;
	float: left;
	clear: left;
}

#page #central #sidebar ul.nav li {
	line-height: 24px;
	margin-bottom: 10px;
}

#page #central #sidebar ul.nav a {
	text-decoration: none;
	color: #dddddd;
}

#page #central #sidebar ul.nav a.nav-selected {
	color: #555;
}

#page #central #sidebar ul.nav a:hover {
	color: #fff;
}

#page #central #sidebar ul.nav ul {
	list-style: none;
	margin-left: 0px;
	padding: 0px 0px 0px 0;
	margin-top: 16px;
}

#page #central #sidebar ul.nav ul li {
	margin-bottom: 16px;
}

#footerwrapper{
	position: fixed;
	bottom: 0;
	width: 100%;
}

#footer {
	clear: both;
	color: #999;
	font-size: 10px;
	margin: auto;
	padding: 10px 50px 25px;
	width: 960px;
}

#footer a {
	text-decoration: none;
}



#footer #copyright {
	float: right;
	position: relative;
	top: 25px;
}

/* Page Elements */

.pagingNav {
	margin: 16px 0px 8px 0px;
}

.pagination {
	text-align: center;
	color: #bbb;
	padding-top: 4px;
}

.pagination .pageRight {
	width: 20%;
	float: right;
	text-align: right;
}

.pagination .pageLeft {
	width: 20%;
	float: left;
	text-align: left;
}

/* MISC STYLES & SHORTCUTS */

div.code {
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px;
}

div.spacer,div.ccm-spacer {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.noTopSpace {
	margin-top: 0px;
	padding-top: 0px;
}

div.pageSection {
	margin-bottom: 10px;
}

/* customize_miscellaneous */

#esconde{
	
}

#bandeiras{
	float: right;
	margin-top: 10px;
}

#bandeiras div.ccm-multilingual-switch-language-flags div.ccm-multilingual-switch-language-flags-label {
	display: none;
}

.ccm-region-flag {
	margin-left: 10px;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
	display: none;
}
.pp_content_container .pp_details{
	position: absolute !important;
	top: 0px !important;
	float:left;margin:10px 0 2px;
}

.pp_details .pp_social{
	display: none;
}
div.dark_square .pp_close{
	background:url(http://introbot.introsys.eu/themes/introbot/images/fancybox.png) -40px 0px no-repeat !important;
	width: 30px !important;
	height: 30px!important;
	top: -15px;
	right: -15px;
}

#fancybox-outer {
	background: #222 !important;
}

/* customize_miscellaneous */


a.thumbnail img{
	width: 348px; 
    height: 233px;
    opacity: 0.5;
    border: 0px !important;
   }
a.thumbnail:hover img{ 
	opacity: 0.8; 
	border: 0px !important;
	box-shadow: 0 0 20px #0893bd; }



ul.thumbnails{
			width: 100%;
			height: auto;
			display: inline-block;
			list-style: none;
			list-style-type: none;
			margin: 30px 0px;
			padding: 0px;
			}
			ul.thumbnails li{
		    height: auto;
			float: left;
			display: block;
			}
			
		    a.thumbnail{
		       display: block;
		       float: left;
		       width: 350px; 
		       height: auto;
		       margin: 0px 20px 20px 20px;
		       text-decoration: none;
               color: Black;
               background: url(http://introbot.introsys.eu/themes/introbot//introbot/packages/fjhadd_vimeo_thumb_gallery/blocks/fjhadd_vimeo_gallery/play_yox.png) no-repeat center center;
		    }
		    a.thumbnail:hover{ color: #0096ff; }
		  
		    a.thumbnail:hover img{ opacity: 0.8; border: 1px solid maroon; }
		    a.thumbnail span {
		    	width: 100%;
		    	height: 15px;	
		    	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
		    	font-size: 10px;
		    	color:gray;
		        display: block;
		        text-align: center;
		        padding-top: 5px;
		        white-space: nowrap;
		        text-overflow: ellipsis;
  				overflow: hidden;
		    }

table.formBlockSurveyTable tbody tr td input#Question1, table.formBlockSurveyTable tbody tr td input#Question2, table.formBlockSurveyTable tbody tr td input#Question3, table.formBlockSurveyTable tbody tr td input#Question4{
	float: left;
	width: 450px;
}

td.question{
	width: 150px;
	text-align: right;
}

td.question label{
	bottom: -4px;
	position: relative;
}

td.question label span.required{
	color: #0893bd;
}
.miniSurveyView{
	position: relative;
	left: -170px;
	width: 720px;
}

.miniSurveyView #msg{
	color: white !important; 
	padding: 2px 2px 2px 165px; 
	border: none !important; 
	margin: 0;
	background-color: #0096ff !important;
	text-align: center;
}

/*********
GALLERY
*********/

.deluxe_image_gallery_image {
	text-align: left !important;
	float: left;
	padding-right: 15px;
	padding-top: 0 !important;
	padding-bottom: 15px !important;
}

#fancybox-content{
	border: 10px solid #000 !important;
}