/*-----------------------------------------------------------------------------
Screen CSS file for Interativa Segurança 2.0

Created 29 April 2008 by  Fernanda Scur of Purnima Webprojects (purnima.com.br)

-----------------------------------------------------------------------------*/

/* INDEX --------------------------------------------------------------------

[resets]
[general classes]
[structure]
[sections]
[linkages]
[forms]
[tables]
---------------------------------------------------------------------------- */


/* resets 
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

/* =typography resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =layout resets */

html, body { margin: 0; padding: 0;	border: 0; height:100%;}
img { margin: 0; padding: 0; border: 0; }
a {text-decoration: none;}



/* General Classes 
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

.clear {clear:both;}
.highlight {color:#f15b23;}
.left {float:left;}
.right {float:right;}
.center {text-align:center}
.442 {width: 442px}
.800 {width: 800px}
.400 {width: 400px}


/* STRUCTURE
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

body {background: #fff; color: #333332; font: 85%/1.5 "Lucida Sans",  "Lucida Grande", Tahoma, Verdana, sans-serif; }

#general {margin:auto; height: 100%; padding:0; width:980px;}

#header {position: relative; height: 110px;}

/* home page */

#teaser {background:url(/images/bg-teaser.png) top no-repeat; height:366px;}


/* internal pages */

#left-edge {
	width:19px;
	height: 400px;
	background:url(/images/left-edge.png) top no-repeat;
	float:right;
}

#right-edge {
	width:19px;
	height: 400px;
	background:url(/images/right-edge.png) top no-repeat;
	float:right;
}

#middle {width: 942px; float:right;}

#submenu-bar {height:44px; background-color:#edeeee;}

/* footer */ 

#footer {overflow: auto;}

#footer-top {height:16px; background: url(/images/bg-footer-top.png) top left no-repeat;}

#footer-content {
	background:#fff url(/images/bg-footer.png) top left repeat-x;
	border-left: 3px solid #eee;
	border-right: 3px solid #eee;
	font-size:80%;
	overflow: auto;
}



/* SECTIONS
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#header_admin {background-color:#f6f6f6; color:#909090; padding:10px; text-align:right;}

#logo {position: absolute;}

/* contact -login */ 

#contact-login  { float:right; margin-top: 3px; }

#contact-login  ul {margin-top: 8px; list-style:none; font-size: 80%; color: #909090;}

#contact-login  ul a {color: #909090; text-decoration:underline;}

#contact-login  ul a:hover {color: #f7931d; text-decoration:none;}

#contact-login  li {list-style:none; display:inline; }

li.email{ background: url(/images/ic-mail.png) no-repeat 0 50%; padding: 3px 15px 3px 25px; margin: .4em 0; }

li.phone{ background: url(/images/ic-phone.png) no-repeat  0 50%; padding: 3px 15px 3px 27px; margin: .4em 0;}

#mail-phone  { float:right; }

#online-agent  { }

#online-agent a { font-size: 80%; text-transform:uppercase; color: #fff; text-decoration:none;}

#online-agent a:hover {color: #333332;}

#lang  { float:right;  padding-left: 20px;}

#lang  ul li { padding-right: 8px;}

#bt-login  { 
    height: 30px;
	float:right; 
	padding: 6px 30px 0 30px;
	margin: 0 0 0 15px;
	background: url(/images/bg-login-bt.png) top left no-repeat ;
}

#bt-login a { font-size: 90%; text-transform:uppercase; color: #707070; font-weight:bold; text-decoration:none;}

#bt-login a:hover { color: #f7931d; text-decoration:none;}

#login  { 
	float:right; 
	padding: 2px 5px 0 25px;
	margin: 0 0 0 15px;
	background: url(/images/bg-login.png) top left no-repeat ;
}

.bt-ok {
	border: none;
    padding: 2px 8px 4px 3px;
	background:url(/images/bt-ok.png) no-repeat top left;
	font-size:80%;
	color:#fff;
}

#emailFieldHolder {
	background:url(/images/bg-email.png) no-repeat top left; 
	margin: 0 4px 0 4px;
    padding: 3px 6px 4px 6px;
	display: inline;

}

.login-email {
	width: 125px; 
    margin:  6px 0 2px 0 ;
	border: none;
	font-size:80%;
	color:#909090;
}

#passFieldHolder {
	background:url(/images/bg-senha.png) no-repeat top left; 
	margin: 0 6px 0 4px;
    padding: 3px 0 4px 6px;
	display: inline;

}

.login-senha {
	width: 50px; 
	border: none;
	font-size:80%;
	color:#909090;
	
}

#forgotPass {
	margin-top: 6px;
	text-align:right;
    font-size:65%;
	color:#909090;
}


/* end contact -login */ 

/* main menu */ 

#main-menu ul {
	z-index: 999999;
	position: absolute;
    list-style:none;
	right: 0; 
	margin-right: 24px;
	bottom: 0px !important; bottom: 0;
}
#main-menu li {
   display:inline;
   text-transform: uppercase;
   font-weight:bold;
   font-size: 85%;

}
#main-menu li a {
   float:left;
   background: url(/images/tableft.png) no-repeat left top;
   margin:0 0 0 3px;
   padding:0 0 0 14px;
   text-decoration:none;
}
#main-menu a span {
   float:left;
   display:block;
   background: url(/images/tabright.png) no-repeat right top;
   padding:6px 18px 3px 4px;
   color: #a4a4a4;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-menu a span {float:none;}
/* End IE5-Mac hack */
#main-menu a:hover span {
	color:#f7931d;
}
#main-menu a:hover { }

#main-menu a:hover span { }

#main-menu #current a { background-position:0% -30px; color: #f7931d; }

#main-menu #current a span {  background-position:100% -30px; color: #f15b23; }

/* end main menu */ 


/* HOME layout */ 


/* teaser tabs */

 a.conheca {}

a.slg-button {
	display: block;
	text-align: left;
	text-indent: -9999px;
}

.active { visibility: visible !important; }

div#slogan-a{
	background: url(/images/slogan-a.jpg) 10px 10px no-repeat;
}

div#slogan-b {
  background: url(/images/slogan-c.jpg) 20px 10px no-repeat;
}

/* START STYLING VIDEO STUFF - ESDRAS MAYRINK 23/09/2009 */

div#introcution-video{
  display: none;
}
a#introduction_video_link{
  position: absolute;
  z-index: 999;
  top: 15px;
  left: 25px;
  padding: 5px;
  border: 2px solid #ccc;
  width: 296px;
  height: 211px; 
  text-indent: -999999px;
  display: block;
  overflow: hidden;
}
div#TB_window{
  z-index: 9999999;
}
div#TB_overlay{
  z-index: 9999998;
}
/* END STYLING VIDEO STUFF */

div#slogan-c {
  background: url(/images/player.jpg) 30px 20px no-repeat;
}



div#slogan-content {
	height: 280px;
	width: 980px;
}




div.slogan h1 {

display:inline;
 color: #333332;
font-size: 260%;
 letter-spacing: -2px;


}

blockquote.callout span.quoteleft{

padding:.4em 0 .4em 40px;
background: url(/images/quote-left.png) no-repeat left center;
}

h1.quote span.quoteright{
	padding:.4em 40px .4em 0;
	background: url(/images/quote-right.png)no-repeat right center;
}

div.slogan {
	height: 280px;
	position: absolute;
	visibility: hidden;
}



div.slogan blockquote,

div.slogan p {
	margin-left: 390px;
	width: 550px;
}

div.slogan p {
 padding: 20px 0 0 40px;
}

ul#slogan-tabs li a {	
	background: url(/images/teaser-tab4.png) no-repeat;
	height: 74px;
	width: 280px;
	color:#827f7f;
	font-weight:bold;
	text-decoration:none;
	font-size:120%;
}

ul#slogan-tabs li.selected a {
	font-size:120%;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: url(/images/teaser-tab-over.png) no-repeat;
}

ul#slogan-tabs li a:hover {color:#fff; background: url(/images/teaser-tab-over.png) no-repeat;}

ul#slogan-tabs li.selected a:hover {color:#fff;}

ul.tabs { list-style: none; margin: 0 0 0 20px; }

ul.tabs a { float: left; outline: none; padding:10px 20px 10px 20px; }

/* @end teaser tabs*/


#functionalities {padding-top:20px;}

#functionalities h1 {font-size:150%; color: #f7931d; padding-bottom: 20px;}

#functionalities h2 {
	font-size:80%; 
	font-weight:bold; 
	color: #f15b23; 
	padding-right: 15px; }

#functionalities p {font-size:80%; padding-left: 10px; padding-right: 15px;}

.single-func {  width: 245px; float:left;  padding-top:10px;  }

.single-func img{float:left; margin-right: 10px;} 
		 
		 
#people {padding-top:40px; float:left;}

#people h1 {font-size:150%; color: #f7931d; padding-bottom: 10px; }

#people h2 {
	display:inline; 
	background: url(/images/blt-people.png) no-repeat right; 
	font-size:110%; 
	font-weight:bold; 
	color: #f15b23; 

	padding-right: 30px;}

#people p {display:inline; font-size:90%; padding-left:5px;}

#home {  
	width: 315px;
	float:left;  
	padding-top:10px; 
	margin-right: 30px;}
		 
#biz { width: 315px; float:left; padding-top:10px; }
		 
.people-sing img { display:block; margin-bottom: 10px;}	 

#integradores {
	float: right; 
	margin-top:40px; 
	width: 230px; 
	background-color: #f6f7f7;}

#integradores-top {background: url(/images/bg-integrador-top.png)  top left; height:14px;}

#integradores-middle {padding: 0 10px 10px 10px;}

#integradores-bottom {background: url(/images/bg-integrador-bottom.png)  bottom ; height:14px;}

#integradores h1 {font-size:90%; font-weight:bold; color: #f15b23; padding-bottom: 20px;}
 
#integradores p {font-size:80%;}
 
#integradores p img {margin-top: 0; margin-right: 10px; float: left;}
 
#integradores img {margin-top: 20px; float: right;}


/* end of home */

/* INTERN */ 

/* submenu */ 

#submenu-bar ul {
	list-style: none;
	overflow: hidden;	
	float: right;
}

#submenu li {float: left; background:}

#submenu li a {
    display: block;
	background: url(/images/blt-submenu.png) no-repeat 0 80%;
	
	text-decoration: none;
	font-size: 85%;
	padding: 14px 20px 0 16px;

}

#submenu li a.submenu-active {
    display: block;
   text-decoration: none;
	padding: 14px 20px 0 16px;
    color: #f7931d;

}

#submenu li a:hover {}

/* end of submenu */ 

#content h1 {font-size:130%; color: #f7931d; padding: 20px 0 0 20px;}

#content h2 {
	font-size:100%; 
	font-weight:bold; 
	color: #f15b23; 
	padding: 0 15px 0 20px; }

#content p {font-size:100%; padding: 0 0 20px 20px;  line-height:1.8em;}

#content p img {float: right; margin-left: 20px; margin-bottom: 40px;}

ul#text-list{padding: 20px 0 20px 20px; font-size: 90%;  color:#333332;}

ul#text-list li {
	background: url(/images/blt-list.png) no-repeat 0 0;
	padding:0 0 10px 20px;
}

#content ul { padding: 0 0 0 20px; }

#col-a {width: 502px; padding-right:40px;}

#col-b {width: 400px;}

#col-b-form {width: 400px;}

#col-a-table {width: 460px; padding-right:40px;}

#col-b-table {width: 442px;}

#content blockquote {
	font-size: 100%;
	width:300px;
	margin:22px 20px;
	upadding:3px;
	color:#666;
	padding: 10px 40px;
	background: transparent url("/images/quote-left-c.png") no-repeat 0 0;
}


.single-advant { padding-top:30px;  }

#col-b h1 {font-size: 100%; font-weight:bold; padding:0;}

#col-b-form h1 {font-size: 100%; font-weight:bold; padding:0;}

#col-b h2 {font-size: 90%; color: #333332;}

#col-b p { font-size: 90%;}

#col-b-form p { padding: 10px 0 10px 0;}

.single-advant img{float:left; margin-right: 20px;}

.poa {padding-right: 60px;}


/* end of intern */


/* footer */ 

#footer {color:#909090; }

#footer-content h1 {font-size: 110%; color:#f7931d; font-weight:bold; padding-bottom: 10px;}

#webPresence {float:left; margin: 10px 20px 30px 30px;}

#footer-contact {float:left; padding:10px 0 30px 30px; border-left:1px solid  #fff;}

#footer-menu {float:right; padding:10px 30px 30px 30px; border-left:1px solid  #fff;}

#footer-menu li{padding-bottom: 8px ;}

#copyright {margin:0 30px 10px 0; color:#909090; text-align:right;}

li.rss{ background: url(/images/ic-rss.png) no-repeat 0 50%; padding: 3px 15px 3px 25px; margin: .4em 0; }	

li.delicious{ background: url(/images/ic-dcious.png) no-repeat 0 50%; padding: 3px 15px 3px 25px; margin: .4em 0; }

li.twitter{ background: url(/images/ic-twit.png) no-repeat  0 50%; padding: 3px 15px 3px 25px; margin: .4em 0; }

li.facebook{ background: url(/images/ic-fbook.png)  no-repeat  0 50%; padding: 3px 15px 3px 25px; margin: .4em 0; }

li.skype{ background: url(/images/ic-skype.png) no-repeat  0 50%; padding: 3px 15px 3px 25px; margin: .4em 0; }

li.jajah{ background: url(/images/ic-jajah.png) no-repeat 0 50%; padding: 3px 15px 3px 25px; margin: .4em 0; }

li.email-ft{ background: url(/images/ic-mail-ft.png) no-repeat 0 50%; padding: 3px 15px 3px 25px; margin: .4em 0; }

li.phone-ft{ background: url(/images/ic-phone-ft.png) no-repeat 0 50%; padding: 3px 15px 3px 27px; margin: .4em 0; }

/* end footer */ 



/* linkages 
-----------------------------------------------------------------------------*/

/* general  */

a {  color: #909090; text-decoration:underline; }

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



/* Tables 
-----------------------------------------------------------------------------*/


#rounded-corner{
	text-align: left;
	border-collapse: collapse;
	margin-top:20px;
	margin-left:20px;

}

#rounded-corner th{    
    background: #eceded;
    font-size:90%;
	vertical-align: middle;
	padding:8px;
}


#rounded-corner h1{
   text-transform: uppercase;
   font-weight:bold;
   font-size: 100%;
   color: #f15b23;
   margin: 0;
   padding: 0;

}

#rounded-corner h2{
   font-weight:bold;
   font-size: 85%;
   color: #666;

}

#rounded-corner p { 
	font-size: 85%;
	color: #666;
	margin: 0;
	padding: 0 0 0 20px;
}

#rounded-corner img {} 

#rounded-corner thead th.rounded-company {background: #eceded url('/images/left.png') left -1px no-repeat;}

#rounded-corner thead th.rounded-perfil {background: #eceded url('/images/left.png') left -1px no-repeat; width:220px;}

#rounded-corner thead th.rounded-q1 {width:80px;}

#rounded-corner thead th.rounded-q2 { 
	background: #eceded url('/images/right.png') right -1px no-repeat;
	font-size: 80%;
	text-align:center;
	color:#666;
	width:120px;
}

#rounded-corner thead th.rounded-exp { 
	background: #eceded url('/images/right.png') right -1px no-repeat;
	font-size: 80%;
	text-align:center;
	color:#666;

}

#rounded-corner tbody td { 
	padding: 8px;
	background: #f3f4f4;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #333332;
}

#rounded-corner tfoot td.rounded-foot-left {background: #eceded url('/images/botleft.png') left bottom no-repeat;}

#rounded-corner tfoot td.rounded-foot-right { background: #eceded url('/images/botright.png') right bottom no-repeat;}

#rounded-corner tbody tr:hover td { background: #f8f8f8;}


/*  contact form
-----------------------------------------------------------------------------*/

.contactForm  {margin: 40px 0 0 0;}

.contactForm fieldset { }

.contactForm ul { margin:0;  list-style:none;}

.contactForm ul li {clear:both; background:none; }

.contactForm ul label {display: block; float: left; width:100px; padding:3px 0; color: #f15b23;}

.contactForm .txtField  {
	display: block;
	float: left;
	padding:3px;
	width:200px; 
	margin:5px 0 7px 0;
	color:#333332;
	outline:none;
	background:#eceded;
	border:none;
}

.contactForm .txtField:hover, .txtField:focus, .txtField:active {  background:#f8f8f8;}

em {font-size:0.9em; color:#ccc; font-style:normal;}

.contactForm .send { 
	width:105px;
	height:35px;
	background:url(/images/bt-enviar.png) no-repeat;
	padding-bottom:5px; text-align:center;
	border:none;
	margin:15px 0 0px 0;
	border:none;
	color: #fff; 
	font-size: 120%;
	font-weight:bold;
	margin-left:200px; 
	color:#FFFFFF;
}

.contactForm .send:hover {cursor:pointer; color:#fff;}