/* CSS Document 
PORTAL OMD 
Daniel Medeiros - março de 2007
*/

/* cores
azul banner: #233c65;
azul claro: #0097d6;
azul verde:#accedc;
azul2: #1e4a91;
azulEscuro: #292850;
roxo: #974578;
cinza-claro: #dededd;
laranja:#e77817;
*/


body{
margin:0;
padding:0; 
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}
a{display:block;color: #981793;padding:10px}

/* ESTRUTURA */
#header{
width:100%;
float:left;
margin-top:20px;
margin-bottom:0px;
background:url(images/bgTop.jpg) repeat-y right;
border-bottom:10px #0097d6 solid; 
padding:0px;
}
	#logo{
	float:right;
	margin:10px 10px 0px 10px;
	}
		#logo a{
		padding:0px;
		}
		
	#flash1{
	width:190px;
	margin-left:25px;
	margin-top:2px;
	float:left;
	position:absolute;
	z-index:100;
	}
	#flash2{
	position:relative;
	display:block;
	height:116px;
	float:left;
	left:220px;
	z-index:80;
	margin:0px;
	}
		#flash2 img{
		margin-bottom:-5px;
		padding:0px;
		border:none;
		}
		#flash2 object{
		margin-bottom:-5px;
		}
		
#caminho{
display:block;
float:left;
width:99%;
height:20px;
margin:0px;
font-size:10px;
color:#1e4a91;
text-align:right;
}
	#caminho a{
	text-decoration:none;
	color:#999999;
	display:inline;
	padding:0px;
	}
	#caminho a:hover{
	color:#0097d6;
	}

		
#footer{
display:block; 
float:left; 
background: #1e4a91;
color: #FFF; 
width:100%;
position:relative;
margin:0px;
padding:3px 0px 3px 0px;
}
	#footer a{
	display:inline;
	padding:0px;
	color:#FFF;
	text-decoration:none;
	padding-right:20px;
	color:
	}
	#footer a:visited{
	color:#FFF;
	}
	#footer a:hover{
	color:#FFF;
	}
	.foot{
	color:#accedc;
	font-size:11px;
	float:left;
	margin:3px 0px 3px 15px;
	}

#extra{clear:left;width:100%}

#wrapper{
float:left;
width:100%;
background:url(images/bgMenu1.gif) repeat-y left;
z-index:20;
padding-top:35px;
}

#right{
position:relative;
margin-left:22.5%; 
}

#right p{
line-height:1.4
}
#blocos{
position:relative;
display:block;
background-color:#FFFF00;
margin:10px;
width:auto;
}
#bloquinho{
float:left;
width:31.4%;
margin:0px 0px 10px 1%;
padding-right:-1px;
background-repeat:no-repeat;
background-color:#dededd;
}
	.bloquinho1{
	background-image: url(images/foto1.jpg);
	background-position:bottom left;
	}
	.bloquinho2{
	background-image: url(images/foto2.jpg);
	background-position:top left;
	}
	.bloquinho3{
	background-image: url(images/foto3.jpg);
	background-position:top left;
	}
	#aba{
	width:100%;
	background:#FFF;
	}
	#bloquinho h1{
	font-size:11px;
	font-weight:normal;
	color:#FFF;
	padding:1px 15px 1px 3px;
	margin:0px;
	width:90px;
	background-repeat: no-repeat ;
	background-position: right;
	}		
	#bloquinho h2{
	font-size:11px;
	font-weight:normal;	
	margin:0px;
	border:1px solid;
	}
	#bloquinho h2 a{
	color:#666666;
	padding:4px 1px 3px 67px;
	text-decoration:none;
	line-height:15px;
	letter-spacing:0px;
	word-spacing:0px;
	}
	#bloquinho h2 a:hover{
	color:#999999;
	}
	#bannerSeminario{
float:left;
width:100%;
margin-bottom:13px;
height:78px;
background:url(seminario/imagens/bannerSeminarioPrincipal.jpg) no-repeat;
cursor:pointer;
}

#banner1{
float:left;
width:100%;
margin-bottom:13px;
height:77px;
background:url(http://www.omd.com.br/cursos/imagens/Logo_Curso_out_20092.jpg) no-repeat;
cursor:pointer;
}
#bannerDemonstracao{
float:left;
width:100%;
margin-bottom:13px;
height:77px;
background:url(images/demonstracao_omd_nova.jpg) no-repeat;
cursor:pointer;
}
#bannerNatal{
float:left;
width:100%;
margin-bottom:13px;
height:77px;
background:url(images/topo_natal09_2.png) no-repeat;
}
#bannerAnoNovo{
float:left;
width:100%;
margin-bottom:13px;
height:77px;
background:url(images/topo_anonovo_2.png) no-repeat;
}
#bannerCopa{
float:right;
width:100%;
margin-bottom:13px;
border:0;
height:77px;
background:url(images/logo_copa.png) no-repeat;
}
#bannerCurso{
float:left;
width:100%;
margin-bottom:13px;
height:77px;
background:url(images/cursojul11.jpg) no-repeat;
cursor:pointer;
}
#bannerPascoa{
float:left;
width:100%;
margin-bottom:13px;
height:77px;
background:url(images/topo_pascoa.png) no-repeat;
cursor:pointer;
}
#bannerCursoAvancado{
float:left;
width:100%;
margin-bottom:13px;
height:77px;
background:url(images/Logo_Cursos_avancado201001_cliqueaqui.jpg) no-repeat;
cursor:pointer;
}
#bannerabomg{
float:left;
width:100%;
margin-bottom:13px;
height:77px;
background:url(images/BanerABO-MG.jpg) no-repeat;
cursor:pointer;
}
#noticias{
display:block;
float:left;
width:63.8%;
margin:5px 0px 10px 1%;
}
	#risco{
	width:100%;
	float:left;
	background:url(images/bgNoticias.gif) repeat-x bottom #FFF;
	margin-bottom:8px;
	}

#agenda{
float:left;
width:31.5%;
margin:5px 0px 10px 1%;
padding-right:-1px;
background-repeat:no-repeat;
}
	#agenda p{
	padding-bottom:3px;
	border-bottom:1px solid #CCCCCC;
	margin:0px 3px 5px 14px;
	}
	#agenda p a{
	color:#666666;
	}
	#agenda p a:hover{
	background-color:#EBEBEB;
	}

/* menu */	
#menu{
float:left;
width:175px;
margin-left:-100%;
border-top:35px solid #FFF;
background: url(images/bgMenu1.gif) repeat-y left;
z-index:30;
}

	h3{
	background-color:#FFF;
	border:1px solid #CCC;
	border-bottom:none;
	text-align:right;
	margin-bottom:0px;
	margin-top:0px;
	}
	h3 a{
	font-size:12px;
	font-weight:normal;
	color:#0097d6;
	text-decoration:none;
	line-height:3px;
	}
	h3 a:hover{
	background-color:#0097d6;
	color:#FFF;
	font-weight:bold;
	}
	.selected{
	background-color:#0097d6;
	color:#FFF;
	font-weight:bold;
	}
	
	.stretcher{
	background:none;
	margin:0px;
	}
	#menuSub{
	padding-bottom:5px;
	border-top:1px solid #CCC;
	}
	#menuSub2{
	padding-bottom:0px;
	border-top:none;
	}
	#menuSub a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-align:right;
	line-height:7px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:10px;
	}
	#menuSub a:hover{
	text-decoration:underline;
	}
	#menuSub a:selected{
	color:#000;
	}
	#menuSub .selectedSub{
	text-decoration:underline;
	}

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

#col1{
display:block;
float:left;
width:64%;
margin:0px 0px 10px 0px;
padding-right:20px;
border-right:1px solid #CCC;
}

#col1solucoe{
display:block;
float:left;
width:80%;
margin:0px 0px 10px 0px;
padding-right:20px;
}
#col1solucoe img{
	float:left;
	margin:0px 10px 10px 0px;
	}
	#col1solucoe h2{
	font-size:28px;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial;
	margin:0px 10px 20px 10px;
	background:url(images/bgH1.jpg) no-repeat top left #FFF;
	padding:15px 3px 15px 65px;
	color: #1e4a91;
	}
	#col1solucoe p{
	margin-left:80px;
	}
	#col1solucoe a{
	display:inline;
	padding:0px;
	}
	#risco2{
	width:100%;
	float:left;
	background:url(images/bgNoticias2.gif) repeat-x bottom #FFF;
	margin-bottom:33px;
	}
	#risco3{
	width:100%;
	float:left;
	background:url(images/bgNoticias.gif) repeat-x bottom #FFF;
	margin-top:10px;
	margin-bottom:6px;
	}

	#col1 img{
	float:left;
	margin:0px 10px 10px 0px;
	}
	#col1 h2{
	font-size:28px;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial;
	margin:0px 10px 20px 10px;
	background:url(images/bgH1.jpg) no-repeat top left #FFF;
	padding:15px 3px 15px 65px;
	color: #1e4a91;
	}
	#col1 p{
	margin-left:80px;
	}
	#col1 a{
	display:inline;
	padding:0px;
	}
	#risco2{
	width:100%;
	float:left;
	background:url(images/bgNoticias2.gif) repeat-x bottom #FFF;
	margin-bottom:33px;
	}
	#risco3{
	width:100%;
	float:left;
	background:url(images/bgNoticias.gif) repeat-x bottom #FFF;
	margin-top:10px;
	margin-bottom:6px;
	}
	
#col2{
float:left;
width:30%;
margin:0px 0px 10px 10px;
}
	#col2 h1{
	font-size: 13px;
	text-transform:uppercase;
	margin:0px 0px 8px 0px;
	padding:0px;
	color:#0097d6;
	}
	#col2 p{
	color:#999999;
	line-height:14px;
	font-size:11px;
	margin:0px 5px 15px 0px;
	}
	#col2 p a{
	display:inline;
	padding:0px;
	}

#col3 h2{ /* H2 do popup */
font-size:28px;
font-weight:normal;
font-family:Tahoma, Verdana, Arial;
margin:30px 10px 20px 10px;
background:url(images/bgH1.jpg) no-repeat top left #FFF;
padding:15px 3px 15px 65px;
color: #1e4a91;
}	
/* BANNER */
#banner{
display:block;
float:left;
background:url(images/bgBanner.gif) no-repeat top left;
padding:27px 0px 10px 28px;
color:#FFF;
font-size:15px;
font-weight:bold;
margin-top:25px;
}
	#banner a{
	padding:0px;
	color:#FFF;
	text-decoration:none;
	}
	#banner a:hover{
	color:#0097d6;
	}
	#banner p{
	margin:3px 0px 0px 0px;
	color: #1e4a91;
	line-height:10px;
	font-size:11px;
	font-weight:normal;
	}

/* FORM */
label{
margin:3px 5px 3px 0px;
width:75px;
text-align:right;
display:block;
float:left;
font-size:12px;
color:#0097d6;
}
input{
padding:2px;
border: 1px solid #accedc;
margin-bottom:5px;
color:#1e4a91;
font-size:11px;
}
	.radio{
	margin:0px 10px -5px 0px;
	border:none;
	}
textarea{
padding:2px;
border: 1px solid #accedc;
color:#1e4a91;
font-size:11px;
}
.botao{
background-color:#accedc;
color:#1e4a91;
border:1px solid #1e4a91;
cursor:pointer;
}
select{
color:#999999;
font-size:11px;
border: 1px solid #accedc;
}

/* PARAGRAFOS */
p{
color:#666666;
line-height:15px;
font-size:12px;
margin:0px 10px 14px 30px;
}
.pListaClientes{
color:#666666;
line-height:15px;
font-size:12px;
margin:0px 0px 0px 0px;
}
	.link{
	line-height:12px;
	margin-bottom:3px;
	display:block;
	}
	.link2{
	color: #666666;
	text-decoration:none;
	}
	p a{
	color:#1e4a91;
	text-decoration:none;
	padding:0px;
	}
	p a:hover{
	color:#0097d6;
	}
	
h1{ /* TITULO PRINCIPAL */
font-family:Tahoma, Verdana, Arial;
font-size:18px;
margin:0px 0px 20px 14px;
color:#666666;
}
	h1 a{
	color:#666666;
	text-decoration:none;
	padding:0px;
	}
	h1 a:hover{
	color:#0097d6;
	text-decoration:underline;
	}
/* H3 ESTÁ NO MENU */

h4{ /* Cartola noticias */
float:left;
margin-top:0px;
font-size:12px;
margin-bottom:0px;
background:url(images/ondas.gif) no-repeat top left #FFF;
}
	h4 a{
	color:#1e4a91;
	padding:12px 2px 0px 14px;
	text-decoration:none;
	}
	h4 a:hover{
	color:#0097d6;
	}
	
h5{ /* CARTOLA */
font-size:9px;
color:#1e4a91;
margin:0px 0px 0px 14px;
font-weight:normal;
}

/* CLASSES */	
.azulClaro{
color:#0097d6;
}
.azulClaro2{
color:#0097d6;
font-size:11px;
margin-left:10px;
}
.azulEscuro{
color:#292850;
}
.laranja{
color: #e77817;
}
.roxo{
color:#974578;
}
.news{
font-size:11px;
color:#666666;
padding-left:5px;
line-height:10px;
margin-bottom:40px;
}

ul{
margin:0px 0px 20px 75px;
padding-left:16px;
list-style:none;
}
	#col3 ul{
	margin-left:25px;
	}
	.ul{
	margin-bottom:5px;
	}

li{
list-style:url(images/bullet_blue2.gif);
font-size:12px;
line-height:14px;
color:#666666;
margin:0px 10px 6px 0px;
padding-left:0px;
}
	.liSub{
	margin-left:15px;
	margin-bottom:3px;
	}

/* screenshot */
#screen{
margin:10px 0px 20px 0px;
float:left;
}
	#screen img{
	float:left;
	margin:3px 3px 0px 0px;
	border: 1px solid #CCC;
	}
	#screen a{
	padding:0px;
	}
	
/* visita */
#data{ /* fica por fora dos selects de agendamento de demonstração */
padding:0px 20px 20px 70px;
}

/* inicial */
#test{
float:left;
width:100%;
margin-bottom:10px;
}

#col3 a{	display:inline;	padding:0px;	}