/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none; 
	font-size: 1em;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust:none;  
}

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet {border: none;}

a {color: inherit;}


/*################################
	#BASE
################################*/

/* Created by Renata Teixeira on 2007-04-20. */

/* #### LINKS #### */

a:link {color: #818181; text-decoration:underline;}
a:visited {color: #818181; text-decoration:underline;}
a:hover {color: #92278F; text-decoration:underline;}
a:focus {color: #92278F; text-decoration:underline;}
a:active {color: #92278F; text-decoration:underline;}
	
/*### typography ###*/

em {color: #92278F;}
strong {color: #5C5C5C;}

/*## headers ##*/

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {}

.content h1 {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 5px;
	color: #8e008a;
}

.content h2 {
	font-size: 12px;
	line-height: 16px;
	color: #92278F;
	margin-bottom: 5px;
}

.content p {margin-bottom: 16px;}
.content img {}

/*### lists ###*/
ol, 
ul {
	padding: 1px 2px;
	color: #414141;
}

ol, 
ul {
	padding: 1px 2px;
	color: #414141;
}

ol li, ul li {display: block; list-style-type: none;}

ol {list-style-type: decimal;}
dt {font-weight: bold; list-style-type: square;}
dd {margin-left: 1em; list-style-type: square;}

/* Structure */

html {height: 100%; font-size: 62.5%; font-family: sans-serif;}

body {
	font: normal 13px/16px 'helvetica new','helvetica neue', helvetica, arial, sans-serif;
	text-align: justify;
	direction: ltr;
	letter-spacing: normal;
	word-spacing: normal;
	color: #BFBCA7;
	background: #ffffff url("../img/gradiente.jpg") no-repeat fixed right bottom;
}

/*################################
	#SPRITE
################################*/


/*################################
	#STRUCTURE & LAYOUT
################################*/

/*####------------------- #slider -------------------########*/

div#wrapper {height:auto; overflow: hidden;}

div#content {}

div#panes {text-align: justify; border-style: none;}

div#panes div div { overflow: hidden; }

#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }

ul#buttons {display: none;}


/*####------------------- #container -------------------########*/


div.pane {
	width: 100%;
	height: 100%;
	float: left;
	overflow: auto;
	padding: 16px 0 0;
	padding-top: 15px;
	background: url('../img/ilustra02.png') no-repeat center top;
}

div.pane div#wrap {min-height: 332px;}

div#footer {text-align: center;}

div#footer a {
	color: #8e008a;
	font-size:11px;
	text-decoration: none;
}

div#footer ul#nav {
	width: 100%;
	height: 44px;
	margin: 0;
	list-style-type: none;
	background-color: #f4f4f4;
	border: 0;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	-webkit-border-radius: 0px;
}

div#footer ul#nav li a {
	width: 19.9%;
	height: 22px;
	float: left;
	margin: 0;
	padding: 22px 0 0 0;
	color: #818181;
	font-size: 11px;
	text-align: center;
	border-right: 1px solid #E1E1E1;
	-webkit-border-radius: 0px;
}

div#footer ul#nav li#nav_home a.selected {background-color: #fff; background-image: url('../img/nav_home_on.gif');}
div#footer ul#nav li#nav_home a.selected {background-color: #fff; background-image: url('../img/nav_home_on.gif');}
div#footer ul#nav li#nav_studio a.selected {background-color: #fff; background-image: url('../img/nav_studio_on.gif');}
div#footer ul#nav li#nav_portfolio a.selected {background-color: #fff; background-image: url('../img/nav_portfolio_on.gif');}
div#footer ul#nav li#nav_contact a.selected {background-color: #fff; background-image: url('../img/nav_contact_on.gif');}
div#footer ul#nav li#nav_social a.selected {background-color: #fff; background-image: url('../img/nav_social_on.gif');}

div#footer ul#nav li#nav_home a {background: url('../img/nav_home.gif') no-repeat center 5px;}
div#footer ul#nav li#nav_studio a {background: url('../img/nav_studio.gif') no-repeat center 5px;}
div#footer ul#nav li#nav_portfolio a {background: url('../img/nav_portfolio.gif') no-repeat center 6px;}
div#footer ul#nav li#nav_contact a {background: url('../img/nav_contact.gif') no-repeat center 7px;}
div#footer ul#nav li#nav_social a {border:0; background: url('../img/nav_social.gif') no-repeat center 5px;}

/* ########## basic ##########*/

div#header img {margin-left: 60%;}

.content {
	width: 85%;
	margin: 32px auto;
	color: #414141;
	text-align: left;
	background-color: #f4f4f4;
	border: 1px solid #fff;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 0px 0px 10px #B0B0B0;
}

div.content {padding: 10px; font-size: 12px;}
div.content img.wow {display: block; margin: 0 auto;}

ul.content li a {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 2px 0px;
	color: #7B7B7B;
	font-weight: bold;
	text-decoration: none;
	background: url('../img/bullet.gif') no-repeat 95% center, url('../img/load.gif') no-repeat -30px center;
	border-bottom: 1px dotted #999999;
}

ul.content li a:hover,
ul.content li a.hover {background-color: #fff; background-image: url('../img/load.gif'), url('../img/bullet.gif');}
ul.content li.last a {border:0;}

ul.content li a img {float: left; margin-right: 10px;}

ul.content li a strong {
	display: block;
	font-size: 12px;
	padding-top: 12px;
}

ul.content li a span.description {
	display: block;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	padding-right: 25px;
}

/*########### #HOME ###########*/

div#home {padding: 50px 0 20px; background: url('../img/ilustra.png') no-repeat center top;}
div#home div#wrap {min-height:285px;}

div#home div#header {width: 85%; margin: 0 auto;}

div#home div#header img {float: right; margin-left: 0;margin-right: 6%;}

ul#navhome li a {padding: 16px 10px; padding-left: 35px;}


ul#navhome li#navhome_home {background: url("../img/nav_home.gif") 10px center no-repeat;}
ul#navhome li#navhome_home a {background: url("../img/bullet.gif") 95% center no-repeat;}

ul#navhome li#navhome_studio {background: url('../img/nav_studio.gif') no-repeat 10px center;}
ul#navhome li#navhome_studio a {background: transparent url("../img/bullet.gif") 95% center no-repeat;}

ul#navhome li#navhome_portfolio {background: url('../img/nav_portfolio.gif') no-repeat 10px center}
ul#navhome li#navhome_portfolio a {background: url("../img/bullet.gif") 95% center no-repeat;}

ul#navhome li#navhome_contact {background: url('../img/nav_contact.gif') no-repeat 10px center;}
ul#navhome li#navhome_contact a {background: transparent url("../img/bullet.gif") 95% center no-repeat;}

ul#navhome li#navhome_social {border:0; background: url('../img/nav_social.gif') no-repeat 10px center}
ul#navhome li#navhome_social a {border:0; background: url("../img/bullet.gif") 95% center no-repeat;}

div#footer a.florianopolis {padding-right: 10px;}


/*########### #CONTACT ###########*/

div.vcard {
	line-height: 1.2em;
	text-align: left;
	margin-bottom: 16px;
}

div.vcard a {text-decoration: none; color: #414141;}
div.vcard a.street-address {display: block;}

div.vcard div.org {display: none;}

div.vcard div.tel,
div.vcard div.postal-code {text-decoration: none;}

div.content form ol {
	width: 95%;
	margin: 0 auto;
	border:0;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: none;
}

div.content form ol li label {
	width: 50px;
	float: left;
	margin-right: 5px;
	padding: 4px 0px;
	color: #5c5c5c;
	font-weight: bold;
	text-align: right;
}

div.content form ol li input,
div.content form ol li textarea {
	width: 180px;
	font: inherit;
	color: #818181;
	margin-bottom: 10px;
	padding: 0.25em 0.5em;
	background-color: #fff;
	border: 1px solid #C4C4C4;
}

div.content form ol li input.submit {
	width: 50px;
	height: 17px;
	margin-left: 200px;
	text-indent: -9999em;
	background: url('../img/submit.gif') no-repeat center;
	border:0;
	
}