/*
Theme Name: M2M Digital
Theme URL: http://www.m2m.com.br
Description: M2M DIGITAL 2010
Version: 1.0
Author: Ítalo Assunção
*/

*{
    padding:0;
    margin:0;
    list-style:none;
}

* html .wrap 
{
	height: 100%; 
}

/**/

html {
	background: #EBF0F2 url(../imagem/bg_html.jpg) repeat-x;
	overflow-y:scroll;
	border-bottom:0;
}
body {
	background: url(../imagem/bg_body.jpg) bottom repeat-x;
	border-bottom:0;
}
/* ===================================================================================== */
.wrap {
	width:100%;
	min-height:100%;
}
.container {
    margin:0 auto;
    width:900px;
	min-height:100%;
}
.clear
{
    clear:both;
    display:block;
    height:0;
	margin:0;
	padding:0;
    width:100%;
}
.footer
{
    background: #131D22 url(../imagem/bg_footer.jpg) repeat-x;
    clear:left;
    float:left;
    position:absolute;
    width:100%;
	height:70px;
	text-align:center;
	margin-bottom:0;
}
/* ========================================== CABECALHO =========================================== */

.cabecalho {height:234px;}
.logo {position:absolute;z-index:1;margin:12px 0 0 123px;}
.menu { position:absolute; margin:18px 25px 0 307px; }
/* navigation */
#nav {margin: 0;padding: 6px 0 0 6px;list-style: none;}
#nav li {float: left;padding: 0 2px 0 0;line-height: 18px;font-size: 14px;}
#nav li a {color: #333;float: left;padding:8px 8px 0 8px;height: 30px;}
#nav li a:hover, #nav li.active a {text-decoration: none;color: #FFF;background: #0698D3;}
#nav li a.first:hover, #nav li.active a.first {background: #0698D3;}


#slideshow { width:900px; height:153px; position:absolute; top:77px; margin:auto; }

#slide { width:900px;}
#slide-scroller { margin:0px 0 0 0px;}

#slide-scroll.scrollable { width:802px; height:153px; background: url(../imagem/bg_scrollable.jpg) no-repeat; position:relative; left:54px; overflow:hidden;}

#slide-scroll.scrollable .items { width:20000em; height:153px; position:absolute; clear:both;}
			
#slide-scroll.scrollable .item {	width:802px; float:left;}
#slide-scroll.scrollable .item img { width:802px; height:153px;}
#slide-scroll.scrollable .item a { text-decoration:none;}

.prevPage, .nextPage { width:54px; height:153px; position: absolute; top:0; outline:0;}

.prevPage { background: url(../imagem/bt_prev.png) no-repeat; left:1px;}
.nextPage { background: url(../imagem/bt_next.png) no-repeat; right:1px;}
.prevPage:hover { background: url(../imagem/bt_prev_2.png) no-repeat; }	
.nextPage:hover { background: url(../imagem/bt_next_2.png) no-repeat; }	
	

/* ========================================== CONTEUDO =========================================== */
.conteudo {
	min-height:306px;
	background: url(../imagem/bg_conteudo.png) center no-repeat;
	margin:20px 0 0 0;
}
.cx_beneficio, .cx_cases, .cx_solucoes {
	float:left;
	width:270px;
	margin:0 15px 0 15px;
}
.list_beneficio {
	width:267px;
	display:block;
}
.list_beneficio li {
	list-style:none;
	list-style-image: url(../imagem/seta.gif);
	list-style-position:inside;
}
.botao {
	width:267px;
	display:block;
	margin:15px 0 0 0;
	text-align:right;
}
/* =========================================== FOOTER ========================================== */
.ct_footer {
	margin:0 auto;
	padding:10px 0 10px 0;
    width:880px;
	text-align:left;
}
.cx_endereco, .cx_copyrigt {
	float:left;
	width:50%;
}
.cx_copyrigt {
	text-align:right;
}
/* ======================================= INTERNA ============================================== */
.banner_interno {
	width:790px;
	margin:auto;
	position:absolute;
	z-index:1;
	top:77px;
}
.conteudo_interna {min-height:306px;margin:0;}
.ctd_interna_left {background: url(../imagem/bg_ctd_interna_left.jpg) right no-repeat;width:210px;height:289px;float:left;}


#nav_interna {  width:210px; margin: 10px 0 0 0; list-style: none;}
#nav_interna li {  width:164px; text-align:right; margin:0 0 2px 46px;}
#nav_interna li a { display:block; width:149px; color: #0484C8; padding:6px 15px 8px 0; text-align:right;}
#nav_interna li a:hover, #nav_interna li.active_int a {text-decoration: none;color: #FFF; background: url(../imagem/bg_menu_int.png) no-repeat;}
#nav_interna li a.first:hover, #nav_interna li.active_int a.first { background: url(../imagem/bg_menu_int.png) no-repeat;}


.ctd_interna_middle {
	background: #FFFFFF url(../imagem/bg_ctd_interna_middle.jpg) bottom no-repeat;
	width:516px;
	min-height:520px;
	float:left;
	margin-bottom:45px;
	padding:15px 25px;
}
.list_interna_seta {
	list-style: none;
	margin:10px 0 20px 0;
}
.list_interna_seta li {
	background: url(../imagem/seta_peq.gif) no-repeat;
	margin:0 0 5px 0;
	padding:0 0 0 16px;
}
.ctd_interna_right {
	background: url(../imagem/bg_ctd_interna_right.jpg) left no-repeat;
	width:124px;
	height:289px;
	float:left;
}
/* ===================================================================================== */
.ctd_interna_middle h1 {
	font:bold 20px "Lucida Sans", "Trebuchet MS", Tahoma;
	color:#333333;
	text-decoration:none;
	margin:0 0 15px 0;
}
.ctd_interna_middle h2, .conteudo_tit_form {
	font:bold 12px "Lucida Sans", "Trebuchet MS", Tahoma;
	color:#333333;
	text-decoration:none;
	margin:15px 0 5px 0;
}
.conteudo h1 {
	font:bold 18px "Lucida Sans", "Trebuchet MS", Tahoma;
	color:#0698D3;
	text-decoration:none;
	margin:0 0 4px 0;
	text-transform:uppercase;
	text-shadow: -1px 1px #ffffff;
}
.conteudo h2 {
	font:12px "Lucida Sans", "Trebuchet MS", Tahoma;
	color:#0698D3;
	text-decoration:none;
	margin:0 0 10px 0;
	text-transform:uppercase;
}
.conteudo h3 {
	font:bold 13px Tahoma, Arial;
	color:#666666;
	text-decoration:none;
	margin:0 0 10px 0;
}
p, .list_beneficio li, .input {
	font:11px Tahoma, Arial;
	color:#666666;
	text-decoration:none;
	margin:0 0 10px 0;
}
.list_interna_seta li {
	font:11px Tahoma, Arial;
	color:#666666;
	text-decoration:none;
}
.list_interna_seta li { color:#0698D3;}
.cx_endereco, .cx_copyrigt {
	font:10px "Lucida Sans", "Trebuchet MS", Tahoma;
	color:#BFC5C8;
	text-decoration:none;
}
#nav li a, .nav li a:hover {
	font:bold 14px "Arial Narrow", Arial;
	text-transform:uppercase;
	text-decoration:none;
}
.ctd_interna_left ul li a {
	font:11px "Lucida Sans", "Trebuchet MS", Tahoma;
	color:#0484C8;
	text-decoration:none;
}

.input {
	background:#FFFFFF;
	font-size:12px;
	width: 240px;
	border:#CFCFCF 1px solid ;
	padding:4px;
}
/* ============================ DIV MENSAGENS ============================== */

#div_enviando {
	display:none;
	width:220px;
	margin:0 auto;
	background:url(../imagem/carregando.gif) no-repeat;
	text-indent:20px;
	font: 10px Arial;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	height:22px;
	position:absolute;
	z-index:12;
	top:600px;
}
#div_alert {
	display:none;
	background:#FFFFE6;
	border:2px solid;
	border-color:#DBDBDB #333 #333 #DBDBDB;	
	position:absolute;	
	z-index:11;
	width:320px;
	margin:0 auto;
	top:400px;
	height:100px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding: 80px 0 20px 15px;
	cursor:pointer;
}