/* 
 * Creative Labor
 * www.creative-labor.com
 *
 * styles.css
 *
 * Styles by Vitor Hugo (vitorhugo@creative-labor.com)
 * Navigation based on Coda-Slider plugin (version 1.1.1), by Niall Doherty
 */

* { margin:0;
   padding:0 }

div#preload { /* Preload images */
	display:none; }

body {
	font-family:Verdana, Arial;
	background:#efefef url(img/bg.png) repeat top center;
	color:black;
	width:800px;
	margin:auto;
	text-align:center;
	padding-bottom:20px;
	-webkit-font-smoothing:subpixel-antialiased; }

.load_warning {
	font-family:Verdana, Arial;
	font-size:10pt;
	text-align:left;
	text-transform:none;
	background:white;
	padding:20px 150px 20px 150px;
	margin:0;
	color:gray;
	border:1px solid transparent;
	box-shadow:inset 0 0 7px gray;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px; }

p {	text-align:left;
	margin:15px 0 }

p,
ul {
	font-size:13px;
	line-height:1.4em }

p a,
li a {
	color:#B92028;
	text-decoration:none; }

a.external:link {
	background:url(img/icon_external_link.gif) no-repeat right;
	padding-right:15px; }
a.external:visited {
	background:url(img/icon_external_link.gif) no-repeat right;
	padding-right:15px; }
a.external:hover {
	background:url(img/icon_external_link_hover.gif) no-repeat right;
	padding-right:15px; }
a.external:active {
	background:url(img/icon_external_link_hover.gif) no-repeat right;
	padding-right:15px; }

a[href$='.pdf'] {
	background:url(img/icon_doc_pdf.gif) no-repeat right;
	padding-right:15px; }

a[href$='.doc'] {
	background:url(img/icon_doc_word.gif) no-repeat right;
	padding-right:15px; }
h1 {	font:normal bold 20pt Verdana, Arial;		line-height:150%;		border-bottom:0 solid #CCC;	margin:0 0 20px 0;	padding:10px 0 20px 0;	text-align:center;	width:100%;	clear:both; 	color:black; }	h2 {	font:normal bold 14pt Verdana, Arial;		border-bottom:1px solid silver;	margin-bottom:5px;	padding-bottom:3px;	text-align:left; }
p#social {
	text-align:right;
	padding-right:50px;
	margin-bottom:0;
	float:right; }

p#language {
	font-size:10px;
	text-align:left;
	padding-left:50px;
	margin-bottom:0;
	float:left; }
	
p#intro {
  	border-bottom:0 solid #CCC;
	margin:0 0 20px 0;
	padding:10px 0 20px 0;
	text-align:center;
	width:100%;
	clear:both; 
	color:black;
	font-family:Verdana, Arial;
	font-size:20pt;
	font-weight:bold; }

p#rodape {
	font-size:10px;
	text-align:center;
	border-top:1px solid #ccc;
	margin-top:60px;
	padding-top:10px }

span#socialnetwork {
	font-size:10px;
	padding-right:2px;
	color:gray; }

.cross_link {
	font-size:10px;
	text-align:right;
	clear:left; }

span.tipo_link {
	color:#B92028 }
	
.document,
.detail_up {
	font-family:Arial, Helvetica;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:0.2em;
	color:gray;
	text-shadow:0 0 0; }

.detail_low {
	font-family:Arial, Helvetica;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	word-spacing:0.2em;
	color:gray;
	text-shadow:0 0 0; }

.texto_normal {
	font-family:Verdana, Arial;
	font-size:10pt;
	color:black; }

noscript p,
noscript ol {
	color:#A00;
	font-size:13px;
	line-height:1.4em;
	text-align:left }
noscript a {
	color:#A00;
	text-decoration:underline }
noscript ol {
	margin-left:25px; }

a:focus {
	outline:none }

a:link {
	color:#B92028;
	text-decoration:none; }
a:visited {
	color:#B92028;
    text-decoration:none; }
a:hover {
	color:#B92028;
    text-decoration:none;
	border-bottom:black 1px dotted; }
a:active {
	color:#B92028;
    text-decoration:none; }

a.black_link:link {
	color:black;
	text-decoration:none; }
a.black_link:visited {
	color:black;
   	text-decoration:none; }
a.black_link:hover {
	color:#B92028;
   	text-decoration:none; }
a.black_link:active {
	color:#B92028;
   	text-decoration:none; }

a.img_link,
img {
	border: 0 none;
	text-decoration:none; } /* Undeline bugfix */

.photo_new {
	width:438px;
	border:3px solid #E5E5E5;
	padding:0;
	margin:0 auto; }
	
.photo_what {
	border:2px solid #CCC;
	margin:7px 0 7px 0;
	vertical-align:middle; }

.photo_services {
	border:3px solid #E5E5E5;
	margin:3px; }

.icon {
	float:left;
    margin:15px 5px 0 0; }	
.list_title {
	font-family:Century Gothic;
	font-size:14pt;
	color:black;
	text-shadow:1px 1px 2px silver; }
	
ul.lista1 {
	list-style-type:square;
 	color:#CCC;
	line-height:1.4em;
	list-style-type:square;
 	text-decoration:none;
	padding-left:20px; }
		
div.spacing_div {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:10px; } /* Deafult 10px */

::-moz-selection { /* Text highlight (Firefox) */
	background:#B92028;
    color:white;}

::selection { /* Text highlight (Safari) */
	background:#B92028;
    color:white; }

.stripViewer .panelContainer .panel ul {
	text-align:left;
	margin:0 15px 0 30px; }

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin:20px 0;
	position:relative;
	width:100%; }

.csw { /* These 2 lines specify style applied while slider is loading */
	width:100%;
	height:300px;
	background:white;
	overflow:hidden; }

.csw .loading { /* These 2 lines specify style applied while slider is loading */
	margin:100px 0 300px 0;
	text-align:center;
	font-family:Century Gothic;
	font-size:14pt;
	color:black;
	text-shadow:2px 2px 2px silver; }

.stripViewer { /* This is the viewing window */
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
	overflow:hidden; 
	border:3px solid #E5E5E5; /* this is the border. should have the same value for the links */
	margin:auto;
	width:700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height:460px;
	clear:both;
	background:#FAFAFA; }

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position:relative;
	left:0;
	top:0;
	width:100%;
	list-style-type:none;
	/* -moz-user-select:none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height:100%;
	position:relative;
	width:700px; /* Also specified in .stripViewer  above */ }

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding:40px; }

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:auto; }

.stripNav ul { /* The auto-generated set of links */
	list-style:none; }

.stripNav ul li {
	float:left;
	margin-right:2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ }

.stripNav a { /* The nav links */
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:32px;
	background:#C6E3FF;
	color:#B92028;
	text-decoration:none;
	border:0;
	display:block;
	padding:0 15px; }

.stripNav li.tab1 a {
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	background:white; }
.stripNav li.tab2 a {
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	background:white; }
.stripNav li.tab3 a {
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	background:white; }
.stripNav li.tab4 a {
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	background:white; }
.stripNav li.tab5 a {
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	background:white; }
.stripNav li.tab6 a {
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	background:white; }

.stripNav li a:hover {
	background:#CCC; }

.stripNav li a.current {
	background:#E5E5E5;
	color:#B92028; }

.stripNavL,
.stripNavR { /* The left and right arrows */
	position:absolute;
	top:230px;
	text-indent:-9000em; }

.stripNavL a,
.stripNavR a {
	display:block;
	height:40px;
	width:40px;
	border:0; }

.stripNavL {
	left:0; }

.stripNavR {
	right:0; }

.stripNavL {
	background:url("codaslider/images/arrow-left.png") no-repeat center; }

.stripNavR {
	background:url("codaslider/images/arrow-right.png") no-repeat center; }
	
.panel {
	background:url("img/fundo.png") no-repeat 235px 100px; }

.wrapper {
	height:460px; }

/* Roundabout */

.roundabout-holder {
	list-style:none;
	width:520px;
	height:320px;
	margin:0;
	border:0px solid red; /*delete*/
	/* filter:alpha(opacity=80);  Properties for cross-browser transparency 
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8; */ }

.roundabout-moveable-item {
	height:275px;
	width:200px;
	border:0 solid silver;
	background-color:#EBEBEB;; /* #E5E5E5 */
	cursor:pointer;
	padding:20px;
	overflow:hidden;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:5px 5px 10px #E5E5E5;
	-moz-box-shadow:5px 5px 10px #E5E5E5; /* silver */
	-webkit-box-shadow:5px 5px 10px #E5E5E5; }

.roundabout-in-focus {
	cursor:auto; }

#retunda { /* Retunda! Retunda! :) */
	margin:0 5px 30px 30px;
	text-align:left; }

/* Infinite Carousel */

#carousel ul {
	width:1600px; } /* Minimum width: the combined widths of all the images */

.textholder {
	font:10pt Verdana, Arial, sans-serif;		font-style:italic;
	color:black;
	padding:4px 4px 0 4px;
	border:1px solid silver;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px; }

div#carousel {	border:1px solid silver;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 2px gray;
	-moz-box-shadow:0 0 2px gray;
	-webkit-box-shadow:0 0 2px gray;		margin: 4px 0 7px 0; }div.thumb {	background-color:#F0F0F0;		border-radius:10px;	-moz-border-radius:10px;	-webkit-border-radius:10px; }	
/* Organic tabs */

.hide { 
	position:absolute;
	top:-9999px;
	left:-9999px; } /* Generic Utility */

#org_tabs {
	background:#EEE;
	padding:10px;
	margin:0 0 5px 0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 2px #666;
	-moz-box-shadow:0 0 2px #666;
	-webkit-box-shadow:0 0 2px #666; }

#org_tabs .nav {
	overflow:hidden;
	margin:0 0 5px 0; }

#org_tabs .nav li {
	width:112px;
	float:left;
	margin:0 10px 0 0; }
	
#org_tabs .nav li.last {
	margin-right:0; }
	
#org_tabs .nav li a {
	display:block;
	padding:3px;
	background:#959290;
	color:white;
	font-size:8pt;
	text-align:center;
	border:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px; }

#org_tabs .nav li a:hover {
	background-color:#333; }

#org_tabs ul {
	list-style:none;
	margin:0; }

#org_tabs ul li a {
	display:block;
	border-bottom:1px solid #CCC;
	padding:1px;
	color:#666; }

#org_tabs ul li a:hover {
	background:#FAFAFA;
	color:white; }

#org_tabs a.external:hover {
	background:#FAFAFA url("img/icon_external_link_hover.gif") no-repeat right;
	padding-right:15px;
	color:black; }

#org_tabs ul li:last-child a {
	border:none; }

#org_tabs ul li.nav-one a.current,
#org_tabs ul.featured li a:hover {
	background-color:#B92028;
	color:white; }

#org_tabs ul li.nav-two a.current,
#org_tabs ul.core li a:hover {
	background-color:#B92028;
	color:white; }

#org_tabs ul li.nav-three a.current,
#org_tabs ul.jquerytuts li a:hover {
	background-color:#B92028;
	color:white; }

#org_tabs ul li.nav-four a.current,
#org_tabs ul.classics li a:hover {
	background-color:#B92028;
	color:white; }

#org_tabs ul li.nav-five a.current,
#org_tabs ul.classics li a:hover {
	background-color:#B92028;
	color:white; }

/* Contact form */

#contact-area {
	width:212px;
	text-align:left; }

#contact-area input,
#contact-area textarea {
	padding:5px;
	width:200px;
	font-family:Verdana, Arial;
	font-size:9pt;
	margin:0 0 10px 0; 
	border:1px solid transparent;
	box-shadow:inset 0 0 5px gray;
	padding:5 8;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px; }

#contact-area textarea {
	height:97px; }

#contact-area textarea:focus,
#contact-area input:focus {
	border:1px solid #B92028;
	background-color:#FFEAEA; }

#contact-area input.submit-button {
	width:100px;
	float:right;
	border:2px solid #CCC;
	height:30px;
	font-weight:bold;
	color:#B92028;
	padding:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px; }

label {
	padding-top:5px;
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	letter-spacing:1px;
	word-spacing:0.2em;
	color:gray; }