/*----------------------------------------------------------------------------------------
		
		 Project Name >>> 
		 Mobint - Corporative portal Theme
		 		 
------------------------------------------------------------------------------------------ 
		 Author    >>> Fábio Fernandes aka "pok3"
		 
 		 email     >>> emaildopoke@gmail.com
		 
		 devianART >>> http://pok3.deviantart.com
		 
		 twitter   >>> http://twitter.com/pok3

--------------------------------------------------------------------------------------------

		Proudly made on a Mac :)

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

/*------------------------------------------------------------------------------------------
	Color Key
--------------------------------------------------------------------------------------------

color:"#FFF" Branco
color:"#CC3333" Vermelho mobint - usado para logo
color:"#333" Preto mobint
color:"#666" Cinza médio - (para fim de gradiente com o preto e bg de forms)*/

/*------------------------------------------------------------------------------------------
	Reset
------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	font-size: 62.5%;
	background: rgb(0,0,0) url(images/bg.png) no-repeat scroll center top;
}

img {
	border: none;
}

/*------------------------------------------------------------------------------------------
	Typography
------------------------------------------------------------------------------------------*/


p, li {
	font: 1.2em/1.8em Tahoma, sans-serif;
	margin-bottom: 10px;
}

h1 {
	font: 2.0em Tahoma, sans-serif;
	color: white;
	height: 0px;
}

h2 {
	font: 1.8em Tahoma, sans-serif;
	color: green;
	margin-bottom: 10px;
}

ul {
	margin-left: 25px;
}
.smallll{font-size: x-small; font-style: italic; color: #fff; font-family: arial; width:600px; text-align: left;}

/*------------------------------------------------------------------------------------------
	Structure
------------------------------------------------------------------------------------------*/


#page-wrap {
	background: none;
	max-width: 962px;
	margin: 0 auto;
	}
	#page-wrap #inside {
		margin: 0px 10px 0px 10px;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	body#areas #page-wrap{
	background:transparent none repeat scroll 0 0;
	margin:-50px auto;
	max-width:962px;
	}
	
#right-sidebar {
	background:transparent none repeat-y scroll 0 0;
	height:500px;
	float:right;
}
	
#header {
	margin-top: 56px;
	background: transparent none;
	text-align: center;
	min-height: 90px;
}

	
#left-sidebar {
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:0 0 0 -5px;
	padding-left:0;
	padding-top:0;
	width:450px;
}

#slider_container{
	
	height:285px;
	margin:0 0 0 6px;
	width:430px;
	-moz-border-radius:5px;
	background:#111; 
	padding:5px; 
	font:11px Verdana,Arial
}

#mini1{
	background:transparent url(images/mobprods_bg.png) no-repeat scroll left top;
	float:left;
	height:185px;
	margin:10px 0 0 6px;
	padding:3px;
	width:214px;
}
#mini1 div.description{
	color:#fff;
	font-family:arial,lucida,sans-serif;
	font-size:1.3em;
	line-height:15px;
	margin:36px 4px 0;
	text-align:left;
	word-spacing:0;
	
}

#mini1 ul li{
height:15px;
list-style-image:url(images/li_knob.png);
list-style-position:outside;
margin:10px 0 0 27px;
padding-left:1px;
padding-top:0;
text-align:left;
}

#mini1 ul {margin:5px!important;}

#mini1 a{
	color: #fff;
	font-weight:normal;
	text-decoration: none;
	font-size: 1.3em;
	}
#mini2{
	background:transparent url(images/mobtuts_bg.png) top left no-repeat ;
	float:right;
	width:214px;
	height:185px;
	margin: 10px 0 0 0;
	padding: 3px;

}
#mini2 div.description{
	color:#FF1111;
	font-family:arial,lucida,sans-serif;
	font-size:1.6em;
	line-height:15px;
	margin:36px 4px 20px 3px;
	text-align:left;
	word-spacing:0;	
}

.mini2li, .mini1li{
	background:transparent url(images/li_knob.png) no-repeat scroll left top;
	height:20px;
	line-height:25px;
	padding:3px 0 10px 30px;
}

.mini2ul {margin:5px; text-align:left;}

#mini2 a, .mini1li a{
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	}

.mini1li a{font-size:15px;}
#mini2 a:hover{text-decoration:underline;}
#mobspots{
	background:transparent url(images/mobspots.png) no-repeat scroll left top;
	float:right;
	height:490px;
	margin-right:22px;
	width:470px;
}

#logo{
	background:transparent url(images/logo.png) no-repeat scroll left bottom;
	float:right;
	height:80px;
	margin-bottom:5px;
	width:100%;
}

#footer {
	background:transparent url(images/footerbg.png) repeat-x scroll left top;
	color:white;
	height:65px;
	margin:0;
	padding-bottom:0;
	padding-top:10px;
	text-align:center;
	width:920px;
	font-size: 0.8em;
}

/*------------------------------------------------------------------------------------------
	Structure >>> Navigation Menu
------------------------------------------------------------------------------------------*/

ul#menu {
list-style:none;
margin:0;
padding:0;
}
ul#menu li {
float:left;
}

ul#menu li a {
background:url(images/menubar_sprite.png) no-repeat scroll top left;
display:block;
height:35px;
position:relative;
}

ul#menu li a.home {width:115px;background-position: 0 0;}

ul#menu li a.amobint {width:115px;background-position:-115px 0px;}

ul#menu li a.areas {width:115px;background-position:-230px 0px;}

ul#menu li a.produtos {width:115px;background-position:-345px 0px;}

ul#menu li a.cases {width:115px;background-position:-460px 0px;}

ul#menu li a.onde {width:115px;background-position:-575px 0px;}

ul#menu li a.contato {width:115px;background-position:-690px 0px;}

ul#menu li a.aprenda {width:115px;background-position:-805px 0px;}
/* Hover states */
ul#menu li a span {
background:url(images/menubar_sprite.png) no-repeat scroll top right;
display:block;
position:absolute;
top:0;
left:0;
height:35px;
width:100%;
z-index:100;
}

ul#menu li a.home span {background-position:0px -35px;}
ul#menu li a.home span:active {background-position:0px -70px;}

ul#menu li a.amobint span {background-position:-115px -35px;}
ul#menu li a.amobint span:active {background-position:-115px -70px;}

ul#menu li a.areas span {background-position:-230px -35px;}
ul#menu li a.areas span:active {background-position:-230px -70px;}

ul#menu li a.produtos span {background-position:-345px -35px;}
ul#menu li a.produtos span:active {background-position:-345px -70px;}

ul#menu li a.cases span {background-position:-460px -35px;}
ul#menu li a.cases span:active {background-position:-460px -70px;}

ul#menu li a.onde span {background-position:-575px -35px;}
ul#menu li a.onde span:active {background-position:-575px -70px;}

ul#menu li a.contato span {background-position:-690px -35px;}
ul#menu li a.contato span:active {background-position:-690px -70px;}

ul#menu li a.aprenda span {background-position:-805px -35px;}
ul#menu li a.aprenda span:active {background-position:-805px -70px;}

ul#menu li a span:hover {cursor:pointer;}
/*------------------------------------------------------------------------------------------
	Structure >>> Mobspots
------------------------------------------------------------------------------------------*/

#mob_wrapper {
	background:transparent none repeat scroll 0 0;
	height:445px;
	margin:55px 3px 5px 10px;
	width:450px;
}

.mobspot {
	background-color:transparent;
	border-bottom:1px solid #ccc;
	margin:0;
	min-height:100px;
	width:450px;
}

.mobspot_last{
	background-color:transparent;
	border-bottom: 0px!important;
	margin:0;
	min-height:105px;
	width:450px;
}

.mobspot_title {
	background-color:transparent;
	color:#C00;
	font-family:arial,lucida,sans-serif;
	font-size:1.7em;
	font-weight:bold;
	margin:5px 0 3px;
	text-align:left;
	word-spacing:0;
}

.mobspot_txt {
	color:#000000;
	font-family:arial,lucida,sans-serif;
	font-size:1em;
	margin:-5px 2px 0;
	text-align:left;
	word-spacing:0;
}
.mobspot_txt p{
	color:#444444;
	line-height:15px;
	text-align:left;
}

.mobspot_more {
	margin:-5px 0 0;
	text-align:left;
}
/*------------------------------------------------------------------------------------------
	Structure >>> Sobre
------------------------------------------------------------------------------------------*/


#sobre {
	height:450px;
	margin:50px 0 0;
	text-align:left;
	vertical-align:left;
}

#sobre h1{
	font-size:50px;
	font-family:Arial;
	color:#d90317;
	text-align:left;
}

p.sesion-txt{
	color:#FFFFFF;
	font-family:arial;
	margin:80px 0 0;
	text-align:left;
}

body#sobre ul#menu li a.amobint {background-position:-115px -70px;}

/*------------------------------------------------------------------------------------------
	Structure >>> Areas
------------------------------------------------------------------------------------------*/

#page_2 {
	height: 400px;
}

#page_2 #imagem {
	margin-left: 60px;
	float: left;
	width:400;
	position:relative;
}

#page_2 #texto {
	margin-right: 150px;
	width:450px;
	float:right;
}

#page_2 #texto h1 {
	text-align: left;
	margin-left: 10px;
}

#page_2 #texto p {
	text-align: left;
	margin-left: 10px;
}

#p2_ul li {
	text-align:left;
	line-height:1px;
}

#page_1 {
	height: 250px;
}

#page_1 #imagem {
	margin-right: 100px;
	float: right;
	width:400;
	position:relative;
}

#page_1 #texto {
	width:450px;
	float:left;
	margin-left: 80px;
}

#page_3 {
	height: 400px;
}

#page_3 #imagem {
	margin-right: 50px;
	float: right;
	width:400;
	position:relative;
}

#page_3 #texto {
	margin-top: 85px;
	margin-left: 50px;
	width:300px;
	float:left;
}

#page_4 {
	height: 370px;
}

#page_4 h3 {
	text-align:center;
}

#page_4 h1 {
	text-align:center;
}

#page_4 #index {
	width:900px;
}

#page_4 p {
	text-align:center;
}

#p4_li1 {
	line-height:1px;
	float: left;
	margin-left: 210px;
}

#p4_li2 {
	line-height:1px;
	float: right;
	margin-right: 260px;
}

#p4_li3 {
	line-height:1px;
	float: left;
	margin-left: 120px
}

#p4_li4 {
	line-height:1px;
	float: right;
	margin-right: 120px
}

#page_4 #imagem {
	margin-right: 50px;
	float: right;
	width:400;
	position:relative;
}

#page_4 #texto {
	margin-top: 85px;
	margin-left: 50px;
	width:300px;
	float:left;
}

#page_5 {
	height: 630px;
}

#cont_left {
	float: left;
	height: 120px;
	width: 300px;
	margin-left: 30px;
	margin-right: -30px;
}

#cont_middle {
	float: left;
	height: 120px;
	width: 300px;
	margin-left: -30px;
}

#cont_right {
	float: left;
	height: 120px;
	width: 350px;
	margin-left: 15px;
}

#div_3_cont {
	height: 120px;
	width: 950px;
}

#text_p_image {
	height: 350px;
	margin-right: 100px;
}

#p4_ul {
	list-style-image: url(images/red_dot.jpg);
	color: white;
	text-align:center;
}

#p5_text {
	width: 350px;
	float: left;
	margin-left: 80px;
	margin-top: 100px;
	
}

#p5_ul {
	list-style-image: url(images/red_dot.jpg);
	color: white;
	text-align:left;
}

#p5_ul li {
	text-align:left;
	line-height:1px;
}

#p5_img {
	float: right;
	height: 350px;
	width: 400px;
}

#page_6 {
	height: 450px;
}

#p6_text {
	float: left;
	margin-left: 80px;
	width: 275px;
}

#p6_img {
	margin-bottom: 10px;
	float: right;
	margin-right: 100px;
}

#p6_ul {
	list-style-image: url(images/red_dot.jpg);
	color: white;
	text-align:left;
}

#p6_ul li {
	text-align:left;
	line-height:1px;
}

#p7_text {

}

#page_8 {
	height: 520px;
}

#p8_text {
	position: absolute;
}

#p8_img {
	height:480px;
}

#big_img {
	float: left;
}

#small_img {
	float: right;
}

#white {
	color:white;
}

#red {
	color: red;
}

#gray {
	color:gray;
}

.areash {
	width: 900;
	height:4600px;
	margin:50px 0 0;
	text-align:left;
	vertical-align:left;
}

.areash p {
	text-align:left;
}

.areash h1{
	font-size:50px;
	font-family:Arial;
	color:#d90317;
	text-align:left;
}

.areash h3{
	font-size:25px;
	font-family:Arial;
	color:#969696;
	text-align:left;
}

.areash p.sesion-txt{
	width:65%;
}

.areash p.sesion-txt div#txt-acordion {
	width: 350px;	
}

div#txt-acordion{margin: 30px 0;}

div#txt-acordion h1{
	font-size: 28px;
	
}

p.p-acordion{
	color:#FFFFFF;
	margin:55px 0 0 0;
	text-align:justify;
	width:600px;
}

div#txt-acordion div.p-sub-acordion{
	color:#FFFFFF;
	margin:30px 0 0 50px;
	text-align:justify;
	width:550px;
}
div.p-sub-acordion p{
	color:#FFFFFF;
	margin:0;
	text-align:justify;
}


body#areas ul#menu li a.areas {background-position:-230px -70px;}




/* tabela */
#tableSUX{ 
	background: #fff;
	font-family: Arial;
	font-size: small;
	width: 600px;
}
tr.redtr{background: #D90317; color: #fff;text-shadow: 0 -1px 0 #113311;}
tr,td {padding: 3px;}
td{height: 50px;}