@charset "utf-8";
/*
	Empresa: Webroom Soluções Interativas
	Site: http://www.webroom.com.br
	Endereço: Rua Carmo Gifoni, 481 - Bairro Martins - CEP 38400-358 - Uberlândia - MG 
	Tel.: (34) 3237-1253
	Projeto: GPL - Mahatma Ghandi
	Data: Junho 2008
	Autor: Leonardo Moraes Ota
*/

/*..................... BASICS ..................*/
body { font:11px "Trebuchet MS"; margin:0 auto;  background:#fff url(../imagens/bg_body.jpg) top center no-repeat; padding:0; margin:0;}
p { line-height:18px;}
a { color:#333333; text-decoration:none; font-weight:bold;}
a:hover { color:#036; text-decoration:underline;}
img { border:0;}
li { list-style-type:none; }
ol, ul, dl { margin:0px; padding:0px; }
hr { display:none;}
.left { float:left; margin-right:10px;}
.clear { clear:both;}
/*...................*/

/*..............COMPLET ESTRUCTURE................*/
.extra_div {width:100%; height:738px; }
.wrap { width:980px; margin:0 auto; padding:0;  }
.content { width:715px;  height:505px; margin-left:260px; padding-top:1px;  }
.header { width:778px; height:45px; }
.fundo_internas { background:url(../imagens/bg_body_internas.jpg) no-repeat top center;}

#oprojeto .projeto a, #localizacao .localizacao a, #lazer .lazer a, #plantas .plantas a, #realizacao .realizacao a, #saibamais .saibamais a {background:url(../imagens/bg_navigation_hover.gif) no-repeat; color:#FFF;}

/*..............COMMONS................*/
h1 { font-size:4.3em; font-family:"Trebuchet MS", Arial; color:#333; font-weight:normal; margin:60px 0 0 0;  }
h2 { font-size:18px;color:#333; }

h3 { color:#666; margin-top:0px; font-size:14px;}
/*.atendimento a { position:absolute; top:105px; text-indent:-99999px; background:url(../imagens/atendimento_adao.gif) no-repeat; width:130px; height:128px; margin-left:0px; z-index:51;}*/

.content .tipo_praca_artes {  background: url(../imagens/tipografia_praca_artes.gif) no-repeat; overflow:hidden; display: block; text-indent:-9999px; width:305px; height:43px;} 

/*..............HEADER................*/
.header .site_name { width:210px; height:184px; position:absolute; top:50px; margin:0; margin-left:40px; background:url(../imagens/logo_mahatmagandhi.gif) no-repeat; z-index:40; }
.header .site_name a {width:210px; height:184px; display:block; overflow:hidden; text-indent:-9999px !important;}

/*..............NAVIGATION................*/
.navigation { position:absolute; top:0; margin-left:210px; z-index:52;}
.navigation li { float:left; text-align:center;}
.navigation li a { float:left; width:114px; height:19px; padding: 7px 0 3px 7px; margin-left:8px; display:block; background:url(../imagens/bg_navigation.gif); color:#FFF; font-size:14px;  text-transform:uppercase; text-decoration:none; cursor:pointer; }
.navigation li a:hover { color:#FFF; text-decoration:none; background:url(../imagens/bg_navigation_hover.gif);}

.content .plantas { font-size:12px; clear:both; }
.content .plantas li { float:left; text-align:center; width:220px; margin:0 0 0 10px;}
.content .plantas li ul li { list-style-type:square; text-align:left;}

/*..............GALERIA................*/
.content .galeria { clear:both; text-align:left; overflow:hidden; }
.content .galeria li { margin: 100px 0 0 0; font-weight:bold; color:#666; display:inline; }
.content .galeria li img { width:101px; height:74px; border:4px solid #999;}
.content .galeria li img:hover { border:4px solid #A41229;}

#oprojeto .content .galeria { clear:both; text-align:left; overflow:hidden; padding:50px 0 0 0; }


#lazer .content .galeria li img { width:91px; height:64px;}

#plantas_ .content .galeria  { width:700px;}
#plantas_ .content .galeria strong { display:block;}
#plantas_ .content .galeria li { float:left; margin:0 10px; font-size:12px; color:#003300;}
#plantas_ .content .galeria li img { width:200px; height:120px;}

.content .lista { margin:10px 0; float:left; width:450px;}
.content .lista li { list-style-type:square; margin-left:13px; color:#333;}

/*.................... CAPA ....................
#home .column { padding-top:30px;} 
#home .footer {background:url(../imagens/bg_footer_capa.gif) bottom no-repeat;}
#home .content { width:479px; height:326px; background: #000000;}*/
#home .header .site_name { width:210px; height:184px; position:absolute; top:120px; margin:0; margin-left:40px; background:url(../imagens/logo_mahatmagandhi.gif) no-repeat; z-index:40; }
#home .header .site_name a {width:210px; height:184px; display:block; overflow:hidden; text-indent:-9999px !important;}
#home .header .frase1 { width:297px; position:absolute; margin-left:0px; top:380px; height:65px; background:url(../imagens/txt1_home.gif) no-repeat; }
#home .footer .img_frase { width:539px; height:164px; position:absolute; background:url(../imagens/img_ghandi_frase.gif) no-repeat; margin-top:10px;}
#home .frase_gandhi{ width:390px; height:114px; margin:80px 0 0 580px; position:absolute; display:none; background:url(../imagens/img_frase_interna.gif) no-repeat;}

/*.................... CONTENT ....................*/
.content p { font-family:"Segoe UI", Arial; font-size:12px; text-align:justify; color:#333; }
.frase_gandhi{ width:390px; height:114px; margin:80px 0 0 580px;; position:absolute;  background:url(../imagens/img_frase_interna.gif) no-repeat;}
.conteudo2 { margin:40px 0 0 250px; border:0px solid #000; }
.img_praca{ padding:50px; background:#000000;}

.tamanho{ font-size:17px;}

.player { position:absolute; margin:110px 0 0 267px; *margin:123px 0 0 267px;  }
.titulo_video{ position:absolute; margin:250px 0 0 265px; *margin:262px 0 0 264px; font-weight:bold}


/*.content .lista { margin:10px 0; float:left; width:450px;}
.content .lista li { list-style-type:square; margin-left:40px; color:#064409;}*/

/*.................... FORMULÁRIOS ....................*/
	.formularios {  border:none;}
	.formularios label { display:block; color:#666}
	.formularios label strong { color:#FF0000;}

	.formularios .bt { width:50px; height:20px; border:none; background:#A41229; padding:3px; color:#FFF; font-size:11px; cursor:pointer; margin-top:5px;}
	
	* .txtfield { background-color:#FFF; padding:2px; font-size:11px; border:2px solid #a41229;  }
	* .txtfield:hover { border:2px solid #ccc; background:none #FFF; color:#000; padding:2px; }
	* .txtfield:focus { border:2px solid #000; background:none #FFF; color:#000; padding:2px; }
	* .txtarea {font-family:Arial, Helvetica, sans-serif; display:block; }

.success_send_mail { position:absolute; width:120px; height:80px; margin:100px 0 0 375px; padding: 24px 5px 5px 5px; font-size:12px; background:#3E4A5A; color:#FFF !important; text-align:center !important;}
.error_send_mail { position:absolute; width:120px; height:94px; margin:100px 0 0 375px; padding: 5px; font-size:12px; background:#543238; color:#FFF !important; text-align:center !important; border:2px solid #FF0000;}

/*.................... FOOTER ....................*/
.footer { width:980px; height:170px; margin:0 auto; }
.footer p { padding:20px 0 0 0;}
.footer address { font-style:normal; padding:0;} 
.selo_webroom { width:116px; height:33px; position:absolute;  margin:150px 0 0 700px;  background: url(../imagens/selo_webroom.gif) left top no-repeat; display: block; }
.selo_webroom a { display:block; width:116px; height:33px; text-indent:-999999px; text-decoration:none; overflow:hidden;}




.header .atendimento { margin:0px 0 0 0px; display:table; position:absolute; }