﻿/* 
-----------------------------------------------------------------------------
NULL BROWSER DEFAULTS
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}
iframe {
	border: 0;
}
/* 
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
body {
	text-align: center;
	font: 12px/18px 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:focus {
	-moz-outline: 0;
	outline: 0;
	outline-offset: 0;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: 'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
}
h1 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 10px;
}
h2 {
	font-size: 15px;
	margin: 0 0 6px 0;
}
h3 {
	font-size: 10px;
	text-shadow: none;
	text-transform: uppercase;
}
h4 {
	font-size: 13px;
	margin: 0 0 6px 0;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 11px;
}
p {
	margin: 0 0 18px 0;
}
small {
	font-size: 9px;
	line-height: 1.2;
}
strong {
	font-weight: bold;
}
/* 
-----------------------------------------------------------------------------
HEADER CLASSES
-----------------------------------------------------------------------------*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}
h2 span {
	font-weight: normal;
}
h2.pad {
	margin-bottom: 15px;
}
div.left-col h4, div.left-col-solo h4 {
	margin: 0 0 6px 0;
}
h3 small {
	font-size: 10px;
	font-weight: normal;
	word-spacing: 0em;
}
h3.dash {
	padding: 3px;
}
h3.dash a {
	text-decoration: none;
}
h4 small {
	font-weight: normal;
}
h3.logo {
	width: 251px;
	height: 48px;
}
h4.error {
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}
h4.smart {
	padding-left: 24px;
}
h6 {
	margin: 0 0 4px 0;
}

h1#page_title {
	font-size: 18px;
	margin-bottom: 10px;
}


/* 
-----------------------------------------------------------------------------
LAYOUT: Global (cascading order)
-----------------------------------------------------------------------------*/
div#header-links {
	font-size: 9px;
	padding: 2px 0;
	text-align: center;
}
body#thin div#header-links .wrap {
	display: block;
	width: 747px;
	text-align: right;
	margin: 0 auto;
}
body#wide div#header-links .wrap {
	display: block;
	width: 920px;
	text-align: right;
	margin: 0 auto;
}
div#header-links a {
	text-decoration: none;
}
div#header-links a:hover {
	text-decoration: underline;
}
div#header {
	display: block;
	width: 100%;
	float: left;
	position: relative;
}
div#header .top-half {
	height: 77px;
	display: block;
	position: relative;
}
div#header-logo a {
	width: 400px;
	height: 77px;
	display: block;
}
div#header-nav {
	position: relative;
}
ul#main-nav {
	list-style: none;
	width: 100%;
	height: 31px;
	min-width: 400px;
}
ul#main-nav li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0 0 0 7px;
	height: 31px;
}
ul#main-nav li a {
	float: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	padding: 8px 9px 0px 2px;
	font-family: 'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
}
ul#main-nav li a:hover {
	text-decoration: none;
}
div#body-bg {
	width: 100%;
	display: block;
}
div#body-wrap {
	display: block;
	text-align: left;
	margin: 0 auto;
}
body#wide div#body-wrap {
	width: 920px;
}
body#thin div#body-wrap {
	width: 752px;
}
div#page {
	float: left;
	display: block;
	padding: 0 0 20px 0;
	width: 100%;
}
div#container {
	width: 100%;
}
div#container-top div {
	display: block;
	padding: 22px 15px 0 15px;
	margin: 0;
}
div#container-empty-top, div#container-footer {
	line-height: 0.5;
}
div#container-empty-top div, div#container-footer div {
	padding-top: 6px;
}
div#head {
	padding: 18px 15px 0 15px;
}
div#head div.head-wrap {
	position: relative;
	width: 100%;
	clear: left;
}
div#head div.album-head {
	padding: 8px 0 0;
	float: left;
	position: relative;
	width: 100%;
}
div#head h1 {
	padding: 6px 0 18px 42px;
	margin: 8px 0 0 0;
}
div#head h1.noicon {
	padding-left: 0;
}
div#head h2 {
	margin-top: 3px;
}
div#head h2 span.desc {
	font-size: 12px;
	margin-top: 5px;
	display: block;
}
div#container h1 a.instruction-link {
	font-size: 10px;
}
div#container-wrap {
	position: relative;
	float: left;
	width: 100%;
	min-height: 650px;
}
div.col-wrap, div.col-wrap-first {
	margin: 0 15px;
}
div.col-wrap-first {
	margin: 0 15px;
	padding-top: 15px;
}
div#prod-head {
}
div#prod-head div.wrap {
	display: block;
	padding: 15px 15px 0 15px;
	margin: 0;
}
div#prod-head div.inner {
	display: block;
	margin: 0 0 18px 0;
	height: 30px;
}
div.right-col-484 {
	float: right;
	width: 400px;
}
div.col-one {
	float: left;
	width: 200px;
	margin-right: 15px;
}
div.col-two {
	float: left;
	width: 460px;
	margin-right: 15px;
}
div.col-two-wide {
	float: left;
	width: 675px;
}
body#thin div.col-two-wide {
	float: left;
	width: 507px;
}
div.col-one-wide {
	float: left;
	width: 645px;
	margin-right: 15px;
	text-align:justify;
}

div.col-one-720 {
	float: left;
	width: 720px;
	margin-right: 15px;
}
div.col-three {
	float: left;
	width: 230px;
}
div.col-three-thin {
	float: left;
	width: 200px;
}
div.col-three-skinny {
	float: left;
	width: 150px;
}
body#wide div.left-half-col {
	width: 438px;
	margin-right: 15px;
	float: left;
}
body#wide div.right-half-col {
	width: 430px;
	float: left;
}
div.left-col {
	float: left;
	width: 50%;
}
div.left-col-solo {
	float: left;
	width: 100%;
}
div.left-col-inside {
	margin-right: 8px;
}
div.right-col {
	float: left;
	width: 50%;
}
div.right-col-inside {
	margin-left: 7px;
}
div.left-full {
	float: left;
	width: 100%;
}
div.img-caption-l {
	float: left;
	display: block;
	clear: both;
	margin: 4px 15px 15px 0;
	font-size: 9px;
	color: #555;
	width: 175px;
	line-height: 1.5;
}
div.img-caption-r {
	float: right;
	display: block;
	clear: both;
	margin: 4px 0 15px 15px;
	font-size: 9px;
	color: #555;
	width: 175px;
	line-height: 1.5;
}
div.module {
	margin-bottom: 15px;
	font-size: 11px;
	position: relative;
	width: 100%;
}
div.module-head {
	padding: 9px 7px 9px 15px;
}
div.module-head h3 {
	display: block;
}
div.module-head h3.yanker {
	line-height: 0;
	height: 0;
}
div.module h5 {
	margin: 0 0 2px 0;
}
div.module h6 {
	font-size: 11px;
}
div.module p {
	padding: 0 0 4px 0;
}
div.module div.wrap {
	float: left;
	width: 100%;
	margin: 0 0 -15px 0;
	_margin: 0 0 -8px 0;
	padding: 10px 0 0 0;
}
div.module div.content {
	margin: 0 15px;
}
div.module div.divider {
	margin-bottom: 10px;
	overflow: auto;
	width: 100%;
}
div.line_break {
	border-top: 1px solid #444;
	height: 1px;
	margin-bottom: 12px;
	display: block;
	clear: both;
}
div.module-footer div {
	display: block;
}
div#footer {
	display: block;
	font-size: 9px;
	clear: both;
	margin-bottom: 30px;
}
div#footer a.textlink {
	text-decoration: underline;
}
div#footer div.wrap {
	padding: 0 16px;
}
ul.feature-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.feature-list-bullets {
	margin: 0;
	padding: 0;
}
ul.feature-list-bullets li {
	float: left;
	margin: 0 15px 15px 0;
	width: 211px;
	font-size: 10px;
	line-height: 1.6;
}
ul.feature-list-bullets li div.wrap {
	padding-left: 14px;
}
ul.feature-list li {
	float: left;
	margin-right: 15px;
	width: 211px;
	font-size: 10px;
	line-height: 1.6;
}
ul.feature-list li.last, ul.feature-list-bullets li.last {
	margin-right: 0;
}
ul.list {
	list-style: none;
	margin-bottom: 15px;
}
ul.list li {
	padding-left: 14px;
	line-height: 1.5;
	margin-bottom: 8px;
}
/* 
-----------------------------------------------------------------------------
NAVIGATION: SUB
-----------------------------------------------------------------------------*/
ul#sub-nav {
	list-style: none;
}
ul#sub-nav li {
	float: left;
	display: block;
	font-size: 12px;
	margin: 7px 10px 0 10px;
}
ul#sub-nav li.spacer {
	font-weight: normal;
	margin: 7px 3px;
}
ul#sub-nav li.first {
	margin-left: 0;
}
/* 
-----------------------------------------------------------------------------
FORMS GENERAL
-----------------------------------------------------------------------------*/
input, textarea {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
input.radio {
	width: auto;
	margin: 0;
	background: transparent;
}
input.field-input {
	margin: 2px 0 14px 0;
}
/* subsitute for fieldset b/c IE 6 doesnt like inputs wrapped within fieldsets */
input.wide, select.wide, textarea.wide {
	width: 100%;
}
input.nomargin {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 2px 0 14px 0;
	display: block;
	position: relative;
}
fieldset.short {
	padding-bottom: 8px;
}
fieldset.solo {
	padding: 10px 0;
	margin: 0 0 14px 0;
	display: block;
}
fieldset.install-button {
	text-align: right;
}
fieldset span img {
	margin-bottom: -2px;
}
select {
	font-size: 11px;
	font-weight: bold;
}
form.quad {
	padding-bottom: 8px;
}
form.quad td {
	font-size: 10px;
	width: 33%;
}
form.quad label {
	font-weight: normal;
}
/* 
-----------------------------------------------------------------------------
LISTS
-----------------------------------------------------------------------------*/
ul.dash-strip li {
	padding: 10px 0;
}
ul.dash-strip li.inactive, ul#albums-repo li {
	opacity: 0.4;
	filter: alpha(opacity:40);
}
ul.dash-strip li.inactive:hover {
	opacity: 0.9;
	filter: alpha(opacity:90);
}
ul.dash-strip li.solo {
	padding-top: 0;
	border-bottom: 0;
}
ul.dash-strip li.first {
	padding-top: 0;
}
ul.dash-strip li.last, ul.dash-strip li.force-last {
	border-bottom: 0;
}
ul.dash-strip li strong {
	font-weight: bold;
}
ul.dash-strip li span small a {
	font-size: 9px;
	line-height: 2.5;
}
fieldset.embed {
	margin: 0 0 15px 0;
	padding: 8px 10px;
	font-size: 10px;
}
ul.dash-strip li.sort {
	cursor: move;
}
ul.dash-strip li.sort span small {
	cursor: pointer;
}
ul.dash-strip li div.thumb {
	float: left;
	margin-right: 8px;
	width: 34px;
	height: 29px;
	overflow: hidden;
	background-image-position: center;
}
ul.dash-strip div.no-thumb {
	height: 25px;
}
ul.dash-strip div.no-thumb div {
	width: 30px;
	height: 100%;
}
ul.params {
	margin: 15px 0 0 0;
	list-style: none;
}
ul.params li {
	padding: 0;
	margin: 0 15px 15px 0;
	float: left;
	width: 101px;
	min-height: 36px; /* damn you IE 6 */;
	_height: 60px;
	font-size: 9px;
	line-height: 1.4;
}
ul.params li.last {
	margin-right: 0;
}
/* 
-----------------------------------------------------------------------------
LAYOUT: Header radius
-----------------------------------------------------------------------------*/
div.header-radius {
	margin: 0 0 15px 0;
	position: relative;
}
div.header-radius h6 {
	margin-bottom: -2px;
}
div.header-radius div.content {
	padding: 3px 15px;
	margin: 0;
}
div.header-radius img.gray-edge {
	float: left;
	position: relative;
	margin: 2px 8px 0 0;
	padding: 1px;
}
div.header-radius span.subtext {
	font-size: 9px;
	display: block;
}
div.header-radius div.tr {
	padding: 4px 0 0 4px;
}
div.header-radius div.br {
	padding: 4px 0 0 0;
}
div.header-radius select, div.header-radius input {
	font-size: 9px;
}
/* 
-----------------------------------------------------------------------------
ICON LABELS
-----------------------------------------------------------------------------*/
.icon_label_album, .icon_label_album_draft, .icon_label_gallery, .icon_label_newalbum, .icon_label_newgallery, .icon_label_photo, .icon_label_profile, .icon_label_qt, .icon_label_feed, .icon_label_smartgallery, .icon_label_uploadimg, .icon_label_video {
	padding: 0 0 0 24px;
	display: block;
}
.icon_label_feed_sm, .icon_label_pdf_sm {
	padding: 0 0 0 24px;
	display: block;
}
div.module .icon_label_feed_sm, div.module .icon_label_tw_sm {
	padding: 0 0 0 18px;
	display: block;
	background-position: 0 3px;
}
/* 
-----------------------------------------------------------------------------
ALERTS
-----------------------------------------------------------------------------*/
div#alert {
	margin: 0 0 15px 0;
	font-size: 1.1em;
	position: relative;
	clear: left;
}
div#alert div.tr {
	padding: 4px 0 0 4px;
}
div#alert div.br {
	padding: 4px 0 0 0;
}
div#alert div.content {
	padding: 0 6px;
	margin: 0;
}
div#alert div.fluid {
	min-height: 30px;
	padding: 0 0 0 36px;
}
div#alert div.fixed {
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 36px;
}
div#alert div.radBttn {
	float: right;
}
div#alert div.fixed div.radBttn {
	margin-top: 5px;
}
div#alert .red {
	font-size: 11px;
}
div#alert h2 {
	padding-top: 4px;
}
/* 
-----------------------------------------------------------------------------
GRAPHICAL RADIUS BUTTONS
-----------------------------------------------------------------------------*/
div.radBttn {
	float: left;
	margin-left: 4px;
	display: block;
	width: auto;
}
div.radBttn a {
	width: auto;
	padding: 0 0 0 4px;
	text-decoration: none;
	float: left;
	height: 18px;
	line-height: 18px;
	font-family: 'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
}
div.radBttn a span {
	display: block;
	padding: 0 9px 0 5px;
	font-weight: bold;
	font-size: 9px;
	float: left;
}
div.radBttn a.rb_module_head_dis span, div.radBttn a.rb_sup span {
	padding-right: 23px;
}
div.radBttn a.rb_module_head_dis span {
	background-position: right -18px;
}
div.radBttn a.rb_module_head_sel {
	background-position: 0 -36px;
}
div.radBttn a.rb_module_head_sel span {
	background-position: right -36px;
}
div.radBttn a.rb_module_wrap {
	background-position: 0 -54px;
}
div.radBttn a.rb_module_wrap span {
	background-position: right -54px;
}
div.radBttn a.rb_embed {
	background-position: 0 -72px;
}
div.radBttn a.rb_embed span {
	background-position: right -72px;
}
div.radBttn a.rb_sup {
	background-position: 0 -90px;
}
div.radBttn a.rb_sup span {
	background-position: right -90px;
}
/* 
-----------------------------------------------------------------------------
MISC
-----------------------------------------------------------------------------*/
div.clear {
	clear: both;
	line-height: 0;
}
.indent {
	padding: 0 15px;
}
.inline {
	display: inline;
}
.module-first {
	margin-top: -10px;
}
span.warn, span.note {
	font-size: 9px;
	line-height: 16px;
	display: block;
	padding: 0 0 12px 0;
}
span.help {
	cursor: help;
	font-weight: normal;
	font-size: 11px;
}
span.help span {
	display: none;
	font-size: 10px;
}
span.more a {
	font-size: 10px;
}
small.link {
	text-decoration: underline;
}
.dialogue-spacer {
	padding-top: 4px;
	margin: 8px 0;
	display: block;
	width: 100%;
}
.left {
	float: left;
	margin: 1px 8px 8px 0;
}
.left_icon {
	float: left;
	margin: 4px 8px 8px 0;
}
.posted {
	font-size: 9px;
	display: block;
	margin: 0 0 8px 0;
}
.mtentry {
	margin-bottom: 32px;
}
a.download {
	padding: 0 0 0 15px;
}


/* ETC */

.box_main {
	font-family: Trebuchet MS;
}
.box_titulo {
	border-bottom:1px solid #66820a;
	padding:2px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	background-color: #1c2122;
	padding-left:4px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px
}
.box_texto {
}

.icons_cp {
	display: block;
	width: 30px;
	height: 30px;
	color: #FFFFFF;
	border: 1px solid #1c2122;
	padding: 3px;
	background-color: #FFFFFF;
	float: left;
	margin: 5px 5px 5px 5px;
}
a.texto_cp {
	display: block;
	width: 240px;
	height: 26px;
	color: #FFFFFF;
	border: 1px solid #777777;
	color: #cccccc; 
	padding: 5px;
	font-family: Trebuchet MS, arial, helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;	
	font-size: 11px;
	text-decoration: none;
	text-align:left;
	vertical-align: middle;
	float: left;
	margin: 5px 5px 5px 0;	
}
a.texto_cp:hover {
	display: block;
	width: 240px;
	height: 26px;
	color: #FFFFFF;
	border: 1px solid #777777;
	padding: 5px;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background-color: #222222;
	text-align:left;
	vertical-align:middle;
	float: left;
}

/* Formularios */
.forms, textarea, input {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Trebuchet MS", Geneva, arial;
	font-size: 11px;
}

.forms_back {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Trebuchet MS", Geneva, arial;
	font-size: 11px;
}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../images/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 100% !important; /* intended total box width - padding-right(next) */
    width: 90%; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 

label {
	display: block;
	float: left;
	text-align: right;
	width: 160px;
	padding: 3px 6px 0 0;
	font-weight: normal;
}

hr {
	height: 1px;
	color: #444444;
	border: 0;
	background-color: #444444;
	height: 1px;
	width: 100%;
	text-align: left;
	margin: 10px 0 10px 0;
}

#foto_produto {
	border: 10px solid #808080;
	margin: 10px;
	
}

