/*----------------------------------------------------------------------------------------
		
		 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;
}

/*------------------------------------------------------------------------------------------
	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#produtos #page-wrap{
	background:transparent none repeat scroll 0 0;
	margin:0px auto;
	max-width:962px;
	}
	
#right-sidebar {
	background:transparent none repeat-y scroll 0 0;
	height:500px;
	float:right;
}
	
#header {
	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
------------------------------------------------------------------------------------------*/


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

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

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

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