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

/*
font-family: 'Dosis', sans-serif;
font-family: 'Fredoka One', cursive;
font-family: 'Droid Serif', serif;
font-family: 'Open Sans', sans-serif;
*/

table, div, img, ul, li, h1, h2, h3, hr, fieldset {
margin:0; padding:0; border:0;
}

* {margin:0; padding:0;}

.clearfix {clear:both;}

::selection {background: #21b8f1; color:#fff; /* Safari */}
::-moz-selection {background: #21b8f1; color:#fff; /* Firefox */}

body {
	background:url('../images/background.jpg') repeat #efe6d3;
	font-family: 'Open Sans', sans-serif;
	color:#6d6767;
	font-size: 100.01%;
	}


#wrapper { margin:0 auto; width:960px;/*MUST ADJUST WIDTH ACCORDINGLY*/}

#container {
	background:url('../images/content-background.jpg') repeat-y #ddd;
	padding:10px;
	width:960px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position: relative;
	float:left;
	}


ul, p {margin-bottom:1em; line-height:1.4em;}


h1, h3 {font-family: 'Fredoka One', cursive;}
h1 {color:#3cb3cf; font-size:1.875em; margin-bottom:10px;}
h2 {color:#3cb3cf; font-family: 'Open Sans', sans-serif; font-size:1.188em; padding:4px 0;}
h3 {color:#5e5757; font-size:1.2em; padding-bottom:10px;}


li {list-style-position:inside;}
/****************************************************************************************************** H E A D E R *********************/
#header {background:url('../images/header-background.png') no-repeat top; height:180px;}

.logo {width:301px; margin:0 auto; display:block; padding:25px; z-index:9; position:relative;}

.social-media {display:inline; float:right; right:30px; position:relative; top:-50px; z-index:9;}
.social-media li {display:inline; float:left;}
.social-media li a {padding:5px;}
.social-media li a:hover img {margin-top:-3px;}
/****************************************************************************************************** H E A D E R *********************/

/****************************************************************************************************** C O N T E N T *********************/

#content hr {border:none; height:1px; background:#eee; clear:both; display:block; margin:15px 0;}

.full-page {width:940px !important; }
#content {
	float:left;
	display:block;
	width:640px;
	padding:0 30px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}

.contact-info{
	width:640px;
	float:left;
	display:block;
	position:relative;
	top:87px;				
	padding-right:30px;
	color:#095890;
	text-align:right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.contact-info a {color:#095890;}
.contact-info .phone-number {font-family: 'Open Sans', sans-serif; font-size:1.125em;}
.contact-info .email {font-family: 'Fredoka One', cursive; font-size:1.125em;}
/****************************************************************************************************** C O N T E N T *********************/
		
/****************************************************************************************************** S I D E B A R *********************/

.testes-motivacionais {
	width:270px;
	float:right;
	margin-top:65px;
	margin-right:35px;
	
}

#sidebar hr {background:url('../images/sidebar-hr.png') center no-repeat; padding:15px 0; width:240px; height:15px; display:block; clear:both;}

#sidebar {
	width:300px;
	float:left;
	display:block;
	padding:0 30px 18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-box-shadow: -15px 0px 10px -10px rgba(0, 0, 0, 0.08),
						inset 15px -5px 10px -10px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 	-15px 0px 10px -10px rgba(0, 0, 0, 0.08),
						inset 15px -5px 10px -10px rgba(0, 0, 0, 0.05);
	box-shadow:			-15px 0px 10px -10px rgba(0, 0, 0, 0.08),
						inset 15px -5px 10px -10px rgba(0, 0, 0, 0.05);
	

	}

.twitter-header {
	background:url('../images/twitter-bird.png') no-repeat top;
	display:block;
	height:100px;
	width:300px;
	float:left;
	display:block;
	}

.twitter-header .avatar {top:80px; left:32px; position:relative; float:left;}
.twitter-header .nome, .twitter-header .arroba {top:90px; left:45px; position:relative;}
.twitter-header .nome {color:#197287; font-size:0.875em;}
.twitter-header .arroba a {font-family: 'Fredoka One', cursive; font-size:1.125em; color:#3cb3cf;}
/****************************************************************************************************** S I D E B A R *********************/



/*FLOAT***/
.left {
	float:left;
	display:block;
	}
	
.right {
	float:right;
	}
/*FLOAT***/

a {font-weight:700; color:#ff9e02;}


	
.inner{
    display:inline-block;	
	}
	
	








/*SMOOTH TRANSITIONS***/
a, .social-media img {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	text-decoration:none;
	}
/*SMOOTH TRANSITIONS***/



















/****************************************************************************************************** F O O T E R *********************/
#footer {height:55px; clear:both; font-size:0.875em; padding:10px 0;} 

.footer-copyright {
	padding:8px 40px; display:block; width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}	
	
.kaeru { width:32px; height:28px; display:block; background:transparent url('../images/kaeru.png') center top no-repeat; float:right;}
.kaeru:hover {background-image: url('../images/kaeru-hover.png');}

/****************************************************************************************************** F O O T E R *********************/









/****************************************************************************************************** N A V *********************/
/*****ANIMATIONS*****/

a, #navigation li .sub-nav-wrapper .sub-nav li {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

#navigation li .sub-nav-wrapper {
	pointer-events: none;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0;
	
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

#navigation li:hover .sub-nav-wrapper {
	pointer-events: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	top: 30px;
}

/*****END ANIMATIONS*****/


/*****DROPDOWN*****/

#navigation {
	position:relative;
	text-align:center;
	margin:0 auto;
	background-color: rgba(15, 53, 98, 0.85);
	width:100%;
	min-width:960px;
	
	text-transform:uppercase;
	z-index:10;
}

#navigation li {
	position: relative;
	list-style: none;
	display: inline-block;
	padding: 12px 7px;
}

#navigation li a {
	padding: 5px;
	display: block;
	font-family: 'Dosis', sans-serif;
	font-size: 0.875em;
	font-weight: 500;
	color: #61a7d6;
	text-align: left;
	text-shadow: 1px 1px 0 rgba(12,41,76,0.8);
}

#navigation li:hover .main {
	color: #fff;
}

#navigation li .sub-nav-wrapper {
	display: block;
	position: absolute;
	z-index: 30;
	margin-left: -13px;
}

#navigation li .sub-nav-wrapper .sub-nav {
	width:auto;
	margin-top: 14px;
	background: #1d579c;
	border-top: 5px solid #082548;
	
	box-shadow: 0 5px 20px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.35);
}

#navigation li:hover .sub-nav-wrapper {
	display: block;
}

#navigation li .sub-nav-wrapper .sub-nav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #0f3562;
	
}

#navigation li .sub-nav-wrapper .sub-nav li:first-child {
}

#navigation li .sub-nav-wrapper .sub-nav li:last-child {
	border: none;
}

#navigation li .sub-nav-wrapper .sub-nav li a {
	display: block;
	padding: 11px 20px;
	font-weight:inherit;
	text-shadow: 1px 1px 0 rgba(72,136,179,1.0);
		color:#ffffff;

	box-shadow: inset 0 0 20px rgba(60,179,207,0.5);
	-moz-box-shadow: inset 0 0 20px rgba(60,179,207,0.5);
	-webkit-box-shadow: inset 0 0 20px rgba(60,179,207,0.5);
}

#navigation li .sub-nav-wrapper .sub-nav li:hover {
	background: #61a7d6;
	border-bottom: 1px solid #5494c0;

	box-shadow:			0 0 5px rgba(60,179,207,0.9),
						inset 0 0 5px rgba(255,255,255,0.9);

	-moz-box-shadow:	0 0 5px rgba(60,179,207,0.9),
						inset 0 0 5px rgba(255,255,255,0.9);

	-webkit-box-shadow:	0 0 5px rgba(60,179,207,0.9),
						inset 0 0 5px rgba(255,255,255,0.9);

}

/*****END DROPDOWN*****/
/****************************************************************************************************** N A V *********************/


.twtr-widget {
			float: left;
			width: 240px;
			margin:0;
			padding:0;
			margin-left:-10px;
			margin-top:-20px;

		}
			.twtr-hd {
				/*** cross browser rgba ***/
				background-color: transparent;
				background-color: rgba(255,255,255,0.3);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
			}
			.twtr-bd {}
				.twtr-widget .twtr-bd .twtr-tweet {
					margin:0;
					padding:15px 0;
					border-bottom: 1px dashed #bdcbc1;
					font-family: 'Droid Serif', serif !important;
					font-style:italic;
					font-size:1.250em;
					width:250px;
				}
				/*
				.twtr-tweet:before {
					display: block;
					float: left;
					margin: -5px 0 0 5px;
					font-size: 50px; 
					content: "“";
					color: #ff9e02;
					text-shadow: 0 1px 1px #909090;
					font-family: 'Droid Serif', serif;
					
				}
				*/
			.twtr-ft { display: none; }

					
.twtr-hd h3 { color:#0099FF;
	}
	
	.twtr-hd, .twtr-ft {display: none;}
	
	
	
	
	
	 /****************************************************************************************************** L O G O S *********************/

	
	
	.jcarousel-skin-tango .jcarousel-container {
   background:url(../images/logos/background.png) no-repeat center;
	clear:both;
	
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 960px;
	height:100px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  820px;
    height: 70px;
	margin:0 auto;
	padding:10px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 107px;
    height: 70px;
	padding:0 6px;
	cursor:pointer;
	
}


.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin: 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 3px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}




/**
 *  Horizontal Buttons
 */
 
 
 

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/logos/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../images/logos/prev-horizontal.png);
	
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -30px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/logos/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../images/logos/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -2px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
 
 /****************************************************************************************************** L O G O S *********************/
 
 
/*** BUTTON ***/
.button, .button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button {
	min-width:150px; text-align:center;
	text-transform:uppercase;
	font-weight:400;	
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:8px 18px;
	line-height:em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}

.button.medium span {
	font-size:14px;
}

.button.orange {
	background-color: #ff5c00;
}
.button.blue {
	background-color: #3cb3cf;
}