/* ESTILOS PROJECTO 'PROXIMA VIAGEM -- REVISTA DIGITAL' */
/* © IMPALA 2011 - 2012                                        */



/* ARTIGO 10 -- VARANASI -------------------------------------- */

.artigo10 {
	position:relative;
	}

.artigo10 p {
	clear:none;
	line-height:150%;
	}

.artigo10 p.geralTxt01 {
	float:right;
	width:500px;
	margin:0 20px;
}

.artigo10 p.geralTxt02 {
	clear:left;
	float:left;
	width:320px;
	margin:20px 20px 0 20px;
}

.artigo10 p.hindusTxt {
	clear:left;
	float:left;
	margin:10px 20px 0 20px;
	width:499px;
}

.artigo10 p.ghatsTxt {
	float:left;
	margin:10px 20px 0 20px;
	width:321px;
}

.artigo10 p.cerDiariaTxt01 {
	float:left;
	margin:10px 20px 0 20px;
	width:320px;
}

.ie8 .artigo10 p.cerDiariaTxt01 {
	margin:10px 20px 0 20px;
}

.artigo10 p.cerDiariaTxt02 {
	clear:right;
	float:right;
	margin:10px 20px 0 20px;
	width:499px;
}

.artigo10 p.funeraisTxt {
	clear:left;
	float:left;
	width:320px;
	margin:10px 20px 0 20px;
	position:relative;
	z-index:1000;
}

.artigo10 p.corposTxt {
	float:right;
	margin:10px 20px 0 20px;
	width:320px;
}

.artigo10 p.visitarTxt01 {
	float:left;
	margin:10px 20px 0 20px;
	width:410px;
}

.artigo10 p.visitarTxt02 {
	clear:left;
	float:left;
	margin:20px 20px 0 20px;
	width:499px;
	position:relative;
	z-index:1000;
}

.artigo10 p.visitarTxt03 {
	clear:left;
	float:left;
	margin:20px 20px 0 20px;
	width:390px;
	position:relative;
	z-index:1000;
}

.artigo10 p.visitarTxt04 {
	float:right;
	margin:-30px 20px 0 20px;
	width:320px;
}

.artigo10 p.visitarTxt05 {
	clear:left;
	float:left;
	margin:20px 20px 0 20px;
	width:320px;
}

.artigo10 h1 {
	font-family:Delicious;
	font-size:21px;
	font-weight:normal;
	padding:15px 20px;
	line-height:140%;
	}

.artigo10 h1.Varanasi {
	float:right;
	width:500px;
	color:#890303;
}

.artigo10 h2 {
	font-family:Delicious;
	font-size:22px;
	line-height:140%;
	font-weight:normal;
	color:#DFAC00;
	}
	
.artigo10 h2.hindus {
	clear:left;
	float:left;
	width:315px;
	margin:30px 20px 0 20px;
}

.artigo10 h2.ghats {
	float:left;
	margin:30px 20px 0 20px;
	width:241px;
}

.ie8 .artigo10 h2.ghats {
	margin:10px 20px 0 20px;
}

.artigo10 h2.cerimoniaDiaria {
	float:left;
	margin:30px 20px 0 20px;
	width:151px;
}

.artigo10 h2.funerais {
	clear:left;
	float:left;
	margin:30px 20px 0 20px;
	width:210px;
}

.artigo10 h2.corpos {
	float:left;
	margin:30px 20px 0 20px;
	width:245px;
}

.artigo10 h2.visitar {
	float:left;
	margin:20px 20px 0 20px;
	color:#880202;
	font-size:30px;
	width:160px;
}

.artigo10 h6 {
	font-family:Delicious;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	background:#9B8057;
	padding:13px 20px;
	line-height:130%;
	}

.artigo10 .flashArea {
	float:left;
	width:900px;
	height:500px;
	overflow:hidden;
}

.artigo10 img.escadarias {
	float:left;
	margin:1px 0 0 0;
}

.artigo10 img.elements01 {
	float:right;
	margin:1px 1px 0 0;
}

.artigo10 img.cerimonia {
	float:right;
	margin:1px 0;
}

.artigo10 img.sadhu {
	clear:left;
	float:left;
	margin:20px 0 0 0;
}

.artigo10 img.entardecer {
	clear:left;
	float:left;
	margin:-140px 0 0 0;
}

.artigo10 img.Dasaswamedh {
	clear:left;
	float:left;
	margin:1px 0 0 0;
}

.artigo10 img.ManMandir {
	float:right;
	margin:-290px 0 0 0;
}

.artigo10 img.bancaFlores {
	float:right;
	margin:1px 0 0 0;
}
/* galeria simples ------------------------------------------------ */

.artigo10 .boxGaleriaSimples {
	clear:left;
	float:left;
	margin:20px 0 0 0;
	height:359px;
	width:539px;
	overflow:hidden;
	}

.boxGaleriaSimples .galeria { 
	width:539px;
	height:359px;
	overflow:hidden;
	}
		
.boxGaleriaSimples .galeria img {display:none;}	
.boxGaleriaSimples .galeria img:first-child {display:block;}

/* áreas videos ------------------------------------------------ */

.artigo10 .videoArea01 {
	float:left;
	margin:1px 0 0 0;
	width:540px;
	height:304px;
	overflow:hidden;
}

.artigo10 .videoArea02 {
	clear:left;
	float:left;
	margin:1px 0 0 0;
	width:539px;
	height:304px;
	overflow:hidden;
}

/* galerias e modals zoom imagens ------------------------ */

#fotos1 { width:180px; height:179px; float:right; margin:0 0 1px 0; }

#fotos2 { width:180px; height:179px; clear:right; float:right; margin:0 0 1px 0; }

#fotos3 { width:180px; height:179px; clear:right; float:right; margin:0 0 1px 0; }

#fotos4 { width:179px; height:179px; float:left; margin:1px 1px 1px 0; }

#fotos5 { width:179px; height:179px; float:right; margin:0 1px 1px 0; }

#zoom1, #zoom2, #zoom3, #zoom4, #zoom5 { display:none; }

#btn_zoom1, #btn_zoom2, #btn_zoom3, #btn_zoom4, #btn_zoom5 { cursor:pointer; float:left; margin:0; }

.ie7 #btn_zoom2 { display:none; }