/*
  Theme Name: Hands-on Solutions
  Theme URI: http://www.hsce.com.br/
  Description: Hands-on Solutions Consultoria Empresarial - Padrão Web 2.0.
  Version: 1.0
  Author: Tuca Lopes
  Author URI: http://www.tucalopes.com.com/
  
  Copyright (C) 2011 Tuca Lopes
  
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
*/
/* TAGS */
* {margin:0;padding:0}
html {min-width:960px} 

object {vertical-align:top;outline:none}
input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}

/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.container {width:100%}
/* GLOBAL */
#header, #content .row-1, #content .row-2, #footer .footer {font-size:0.814em;width:960px;margin:0 auto}
.col-1, .col-2, .col-3 {float:left}
/* TAILING */
.tail-top {background-color:#f4f4f4}
.tail-middle {background-color:#e8e8e8}
.tail-top-left {position:absolute;width:50%;left:0;top:5px;background:url(images/tail-top-left.gif) repeat-x left top;height:552px}
/* FORMS */
#contacts-form { clear:right;width:100%;overflow:hidden}
#contacts-form fieldset { border:none;float:left;}
#contacts-form .field { clear:both}
#contacts-form label { float:left;width:97px;line-height:18px;padding-bottom:8px;color:#454545}
#contacts-form input { width:250px;padding:1px 0 1px 3px;border:1px solid #aaa;color:#70635b;background:none}
#contacts-form textarea { width:465px;height:192px;padding:1px 0 1px 3px;border:1px solid #aaa;color:#70635b;margin-bottom:15px;overflow:auto;background:none}
#contacts-form .link1 {float:right}
/* LISTS */
.site-map li {float:left;line-height:1.54em}
.site-map li.m1 {width:190px}
.site-map li.m2 {width:240px}
.site-map li.m3 {width:182px}
.site-map li.m4 {width:178px}
.site-map li a {color:#b2da42}
.site-map li ul li {float:none}
.site-map li.last {margin:0}
/* OTHER */
.img-indent {margin-bottom:20px}
.img-box1 {width:100%;overflow:hidden;line-height:1.54em;padding-bottom:14px}
.img-box1 img {float:left;margin:0 20px 0 0}
.img-box1.alt {position:relative;margin-left:-13px}
.img-box1.alt img {margin-right:12px}
.img-box2 {left:20px;top:-8px;position:relative}
.img-box2 p {color:#b2da42;margin:0;line-height:1.69em;margin-bottom:21px}
.img-box2 p.extra {color:#c2e575;font-size:.91em;line-height:1.83em;font-family:Tahoma, Arial, helvetica, sans-serif;margin:0}
.img-box2 p.extra a {color:#fff}
.img-box2 .inner {padding:0 49px 28px 15px}
.img-box2.extra .inner {padding-bottom:51px}
p {margin-bottom:20px;line-height:1.54em}

.date
{
font-size: 28px;
float: right;
text-transform: uppercase;
padding: 30px 5px 55px 0;
margin-top: 5px;
margin-right: 10px;
text-align: center;
color: #8BB3DF;
width: 90px;
}

.p0 { margin:0}
.c13 {
	margin:15px 0px 30px 15px;
	width: 295px;
	display: inline-block;
	vertical-align:top

}

.c13 ul {
	list-style: none;

}
#box-left {
	margin:0px;
	padding:10px;
	width: 295px;
	min-height: 280px;
	height: 100%;
	display: inline-block;
	vertical-align:top;
	background-image:url(images/box_bg.png);
	background-repeat:no-repeat;
}

#box-left2 {
	margin:0px;
	padding:10px;
	width: 150px;
	min-height: 280px;
	height: 100%;
	display: inline-block;
	vertical-align:top;
	background-image:url(images/box_bg.png);
	background-repeat:no-repeat;
}

.box-left-base {
	margin:0px;
	padding:10px;
	width: 295px;
	height: 100%;
	background-color: #E6E6E6;
	display: inline-block;
	vertical-align:bottom;
}

#box-content {
	margin:0px;
	padding:10px;
	display: inline-block;
	width: 590px;
}

#box-content ul {
	padding-left: 30px;
	line-height: 20px
}


#box-content p {
	margin-bottom: 20px;
}

#box-content2 {
	margin:0px;
	padding:10px;
	display: inline-block;
	width: 700px;
}

#box-content2 ul {
	padding-left: 30px;
	line-height: 20px
}


#box-content2 p {
	margin-bottom: 20px;
}

#box-content-full {
	margin:0px;
	padding:10px;
	display: inline-block;
	width: 930px;
}

#box-content-full img {
	margin-right:10px;
}

#box-content-full p, #box-content-full h4 {
	padding-left:100px;
}

#box-full {
	margin:0px;
	padding:10px;
	display: inline-block;
	width: 930px;
}

#box-halflf {
	margin:0px;
	padding:10px;
	display: inline-block;
	width: 500px;
}

#box-halflf ul {
	padding-left:30px;
	line-height:16pt;
}

#box-halfrt {
	margin:0px;
	padding:10px;
	display: inline-block;
	width: 370px;
	vertical-align: top;
}
.address {width:303px;line-height:1.69em}
.address b {float:left;width:90px}
.extra-column {width:552px;float:left;line-height:1.54em}
/* TXT, LINKS, LINES, TITLES */
a {color:#518d08;outline:none}
a:hover {text-decoration:none}
h3 {font-size:22px;line-height:1.2em;margin-bottom:15px}
h5 {font-size:18px;color:#FFFFFF;line-height:1.2em;margin-bottom:15px}
h4 {
	font-size:12pt;
	line-height:1.2em;
	color:#444444;
	padding:5px 0 8px 0;
	font-weight:bold;
	text-transform:uppercase;
}
.txt1 {color:#518d08;font-size:17px;line-height:1.2em}
.txt2 {color:#518d08}
.txt3 p {font-family:Tahoma, Arial, helvetica, sans-serif}
.link1 {display:block;float:left;background:url(images/link1-tail.gif) repeat-x left top;color:#fff;text-decoration:none;line-height:.92em}
.link1 em {display:block;background:url(images/link1-left.gif) no-repeat left top}
.link1 b {display:block;background:url(images/link1-right.gif) no-repeat right top;padding:7px 15px 7px 15px;font-style:normal}
.link1:hover {text-decoration:underline}
/* BOXES */

/* HEADER */
#header {
	height:65px;
	background:url(images/bg_header.gif) no-repeat left bottom;
	position:relative
}
#header .row-1 {
	height:65px
}
#header .row-1 .fleft {
	padding:20px 0 0 24px
}
#header .row-1 .fright {
	padding:40px 20px 0 0
}
#header .row-1 .fright ul li {float:left;font-size:17px;line-height:1.2em;padding-left:32px;list-style:none;}
#header .row-1 .fright ul li a {color:#7b7b7b;text-decoration:none}
#header .row-1 .fright ul li a:hover,
#header .row-1 .fright ul li a.active {color:#0085ca}
#header .row-2 span {text-align:right;display:block;padding:69px 50px 0 0}
#header .row-2 b {margin-bottom:18px;display:block}
#header .row-2 a {margin-right:-2px}
/* CONTENT */
#content {
	margin-top:0px;
	position:relative
}
#content .row-1 .inside {padding:0 0 40px 40px}
#content .row-2 .inside {padding:32px 0 40px 0}
#content .row-2 h3 {padding-left:42px}
#content .aside {float:left;width:258px;margin-right:58px}
#content .aside h3 {border-bottom:1px solid #d4d4d4;padding:0 0 0 10px;margin-bottom:20px;left:-10px;position:relative}
#content .aside ul {padding-bottom:5px}
#content .aside ul li {font-size:1.08em;color:#848484;width:100%;overflow:hidden;vertical-align:top;padding-bottom:12px}
#content .aside ul li img {float:left;position:relative;top:3px;margin-right:15px}
#content .aside ul li span {display:block;color:#000;font-size:20px;line-height:1.2em;padding-bottom:2px}
#content .content {float:left;width:570px}
#content .indent {padding:0 20px}
.inner_copy, .inner_copy a {border:0;float:right;background:inherit;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-100% 0 0 0;overflow:hidden;padding:0}
/* FOOTER */
#footer{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	border:1px solid white;
	background:url(images/panel.jpg) repeat-x bottom center #ffffff;
	/* The width of the gallery */
	width:948px;
	overflow:hidden;
	margin:auto;
}
#footer .row-1 .fleft {padding:5px 0 5px 5px}
#footer .row-1 .fleft ul li {float:left;font-size:17px;line-height:1.2em;padding-left:15px;list-style:none;}
#footer .row-1 .fleft ul li a {color:#7b7b7b;text-decoration:none}
#footer .row-1 .fleft ul li a:hover,
#footer .row-1 .fleft ul li a.active {color:#0085ca}
#footer .row-2 span {
	text-align:right;
	display:block;
	padding:10px 10px 5px 5px;
	font-size: 9pt;
	color: #666;
}
#footer .row-2 b {margin-bottom:18px;display:block}
#footer .row-2 a {margin-right:-2px}

.credit {	
    margin: 15px 0 0;
}


/* SLIDE */
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
}

body{
	/* Setting default text color, background and a font stack */
	color:#999;
	font-size:13px;
	background: url(images/background.gif);
	background-color: #f2f2f2;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	border:1px solid white;
	background:url(images/panel.jpg) repeat-x bottom center #ffffff;
	/* The width of the gallery */
	width:948px;
	overflow:hidden;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 5px;
}

#slides{
	/* This is the slide area */
	height:383px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:948px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:100px;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{
	/* Every thumbnail is a li element */
	width:298px;
	display:inline-block;
	list-style:none;
	height:100px;
	overflow:hidden;
	line-height: 1.4em;
	padding-left: 15px;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(images/pic_bg.png) repeat;
}

#menu li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(images/active_bg.png) no-repeat;
}

#menu li.act a{
	cursor:default;
}

#menu.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	/*background:url(images/divider.png) no-repeat right;*/
}

#menu li a{
	display:block;
	/* background:url(images/divider.png) no-repeat right;*/
	height:100px;
	padding-top:10px;
}

a img{
	border:none;
}


/* The styles below are only necessary for the demo page */

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}

h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:-1px;
	text-transform:uppercase;
	top:66px;
	width: 347px;
}

#main{
	/* The main container */
	margin:5px auto;
	width:948px;
	position:relative;
}

a, a:visited {
	color:#777;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:none;
	color:#999;
}

ul#idioma {
	list-style-type:none;
	display:block;
	position:absolute;
	left:825px;
	top:5px;
}
ul#idioma li span {
	font-family:Arial;
	font-size:12px;
	text-transform:uppercase;
	color:#FFF;
	display:inline;
}
ul#idioma li {
	display:inline;
	margin-left:1px;
}
ul#idioma li a img {
	border:0px;
	vertical-align:middle;
	display:inline-block;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}