*{
	color : #47423a;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	list-style : none;
	border : none;
}
body{
	background-color : #fff;
	background-image : url(https://www.terra.com.br/turismo/infograficos/paises-asia-oceania-copa/img/bg.gif);
	background-repeat : repeat-x;
}

#topo{
	background-color : #ff9900;
	position : absolute;
	width : 1000px;
	height : 30px;
	left : 0;
	top: 0;
	display : block;
	background-image : url(img/terra.gif);
}
#topo a{
	display : block;
	width : 300px;
	float : left;
	height : 30px;
	overflow : hidden;
	text-indent : -60000px;
}
#banner{
	position :  absolute;
	left : 126px;
	top : 40px;
	width : 728px;
	height : 90px;
	z-index : 1000;
}
h1{
	background-image : url(https://sdp.terra.com.br/image/klavika?c=ph&t=Desafio%20das%20musas);
	position : absolute;
	width : 940px;
	height : 40px;
	left : 10px;
	top : 150px;
	z-index : 2;
}
h1 a{
	display : block;
	width : 100%;
	height : 40px;
	float : left;
	text-indent : -6000px;
	overflow : hidden;
}


#prox_ant{
	position : absolute;
	left : 930px;
	top : 227px;
	z-index : 20;
	display : block;
	width : 52px;
	height : 26px; 
}
#prox_ant a{
	display : block;
	position : absolute;
	width : 24px;
	height : 24px;
	margin : 1px;
}
#prox_ant a:hover{
	background-position : 0 -24px;
}
#prox_ant a.pro{	background-image : url(img/prox.gif); left : 26px; top : 1px}
#prox_ant a.ant{	background-image : url(img/ant.gif); left : 0; top : 1px;}


/*menu*/
#menu{
	position : absolute;
	left : 0;
	top : 185px;
	width : 1000px;
	height : 40px;
	border-top : 1px solid #d5d0cb;
	z-index : 20;
}
#menu h2{
	width : auto;
	height : 40px;
	line-height : 40px;
	float : left;
}
#menu h2 a{
	width : auto;
	height : 13px;
	line-height : 13px;
	float : left;
	margin : 8px 0 0 0;
	padding : 0 5px;
	border-right : 1px solid #bbb7b3;
	color : #5d5850;
	display : block;
}

#menu h2.mne a,
#menu h2 a:hover,
#menu h2#sel a{
	color : #ff9900;
}
#menu h2.mne,
#menu h2.mne a{
	float : right;
	padding : 0 7px;
	border : none;
}
#menu h2.mne a:hover{
	text-decoration : underline;
}
/* geral */

#pagina #texto{
	font-size : 14px;
	font-weight : bold;
	width : 495px;
	height : 350px;
	display : block;
	position : absolute;
	left : 420px;
	top : 106px;
	overflow : auto;
	z-index : 4;
}

.linkao,
#pagina{
	width : 1000px;
	height : 450px;
	position : absolute;
	left : 0;
	top : 221px;
	display : block;
	z-index : 9;
	overflow:hidden;
	border-top : 1px dotted #ccc;
}
.linkao{
	z-index : 10;
	background-image : url(img/x.gif);
	border : none;
}
#pagina #texto h2{
	font-size : 16px;
	margin : 5px 0;
}
#pagina #texto h3{
	font-size : 16px;
}
#pagina #texto p{
	margin : 8px 0 0 0;
	font-weight : normal;
	line-height:18px;
}

a.voltar { display:block; width:123px; height:24px; background:url(img/voltar.gif); text-indent:-5000px; float:left; margin-top:15px;  }
a.voltar:hover { background-position:0 -30px; }

/*capa*/
#pagina.capa1{
	background-image : url(img/capa.jpg);
}


#pagina.capa #texto {
	position:relative;
	margin:20px 0 15px 20px;
	width:900px;
	height : auto;
	float:left;
	top:auto;
	left:auto;
	margin-right:40px;
	overflow:hidden;
}
#pagina.capa #texto .imgcapa {
	float:left;
	margin: 0 20px 0 0;
	display:block;
	width:195px;
	height:146px;
	overflow:hidden;
}
#pagina.capa #texto .imgcapa:hover {
	width:189px;
	height:140px;
	border:3px solid #f90;
}
#pagina.capa #texto .imgcapa:hover img {
	margin:-3px;
}

#pagina.capa #lista {
	float:left;
	clear:both;
	margin:0 0 0 10px;
	border-top:1px dotted #ddd;
	width:920px;
}
#pagina.capa #lista h3 {
	padding-top:10px;
	text-indent:10px;
	font-size:16px;
}
#pagina.capa .link_destino {
	float:left;
	width:172px;
	margin:10px 0 5px 10px;
	display:block;
	position:relative;
}
#pagina.capa .link_destino span, #pagina.capa .link_destino img {
	float:left;
	display:block;
}
#pagina.capa .link_destino:hover span {
	border:3px solid #f90;
	width:83px;
	height:61px;
	overflow:hidden;
	float:left;
	position:absolute;
	left:0;
	top:0;
}
#pagina.capa .link_destino p {
	float:left;
	width:76px;
	margin-left:7px;
	font-size:#47423a;
	font-weight:bold;
	cursor:pointer;
}
#pagina.capa .link_destino:hover p {
	color:#f90;
}
#pagina.capa .link_destino p strong {
	color:#f90;
}
#pagina.capa .link_destino:hover img {
}

a.confira { display:block; width:58px; height:24px; background:url(img/confira.gif); text-indent:-5000px; float:left; margin-top:15px;  }
a.confira:hover { background-position:0 -30px; }


/* destino */
	
#pagina.destino #texto{
	left:630px;
	top:50px;
	width:290px;
}
#pagina.destino h3 {
	font-size:32px;
	color:#47423a;
	position:absolute;
	left:10px;
	top:10px;
}
#pagina.destino h4 {
	font-size:32px;
	color:#7f7871;
	padding:0 0 5px 0;
	margin:0;
}
#pagina.destino #texto p {
	font-size:12px;
	line-height:18px;
	padding:10px 0 0 0;
	margin:0;
}
#pagina.destino #texto span {
	color:#7f7871;
}
#pagina.destino img {
	position:absolute;
	left:10px;
	top:60px;
}

/* mais */

.mais #pagina.mais { background:none; }

#pagina.mais h3 {
	font-size:28px;
	color:#47423a;
	position:absolute;
	left:20px;
	top:10px;
}
#pagina.mais #texto {
	height:450px;
	left:10px;
	top:40px;
	width:980px;
}
#pagina.mais #texto p{
	float : left;
	margin : 10px 10px 0 0 ;
}
#pagina.mais #texto p,
#pagina.mais #texto p a{
	width : 200px;
	display : block;
	height : 75px;
}
#pagina.mais #texto p a{
	font-weight : bold;
	line-height : 14px;
}
#pagina.mais #texto p a:hover{
	color : #ff9900;
}
#pagina.mais #texto p a img{
	border : 3px solid #fff;
	float : left;
	margin : 0 5px 0 0;
}
#pagina.mais #texto p a:hover img{
	border : 3px solid #ff9900;
}

/* enquete */

.enquete #pagina.capa {
	background:none;
}

/* tip */
#tip {
	background:url(img/seta-1.gif) no-repeat 0 0;
	width:150px;
	height:49px;
	position:absolute;
	overflow:hidden;
	z-index:6000;
	display:none;
}
#tip.seta2 {
	background:url(img/seta-2.gif) no-repeat 0 0;
}
#tip p {
	display:block;
	width:143px;
	height:49px;
	margin-left:6px;
	padding:10px;
	font-size:12px;
	color:#47423a;
	font-weight:bold;
}
#tip.seta2 p {
	margin:0;
}
#tip p strong {
	color:#989590;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
}

#assinatura {
	font-size:10px;
	width:600px;
	left:10px;
	position:absolute;
	top:680px;
	text-align:left;
	height : 15px;
	display : block;
	color : #888;
}


/* modif */

#img1 { position:absolute; left: 5px; top:40px; }
#img2 { position:absolute; right: 5px; top:40px; }

#coluna-meio { left:328px; top:40px; width:333px; height:400px; position:absolute; }
#coluna-meio.capa { left:428px;width:433px; }

#coluna-meio.capa h2,
#coluna-meio.capa p{
	color : #fff;
 }

#coluna-meio h2 { font-size:18px; padding-bottom:10px; }

#coluna-meio h3 { font-size:22px; padding-bottom:8px; margin-bottom:8px; background:#fff url(img/pontilhado.gif) repeat-x 0 bottom; width:100%; text-align:center; }

#versus { width:100%; float:left; background:url(img/pontilhado.gif) repeat-y center 0; }

#versus { width:100%; float:left; background:url(img/pontilhado.gif) repeat-y center 0; }

#versus p { width:140px; }

.esquerda { float:left }

.direita { float:right; text-align:right; }




#coluna-meio iframe {
	width:100%;
	height:100px;
	float:left;
}

.vote #coluna-meio #prox_ant { background:url(img/pontilhado.gif) repeat-x center top; padding-top:5px; margin:0; }
#coluna-meio #prox_ant .ant,
#coluna-meio #prox_ant .pro  { top:10px; }



#votar{
	text-align : center;
	margin : 30px;
	padding-top : 40px;
	background-color : #fff;
}


#versus input{
	margin : 5px;
}







/*compartilhar*/
#compartilhar {
	background:url(https://www.terra.com.br/esportes/infograficos/selecoes-da-copa/img/compartilhar.gif) no-repeat 0 top;
	left : 335px;
	padding-top : 24px;
	top : 610px;
	position : absolute;
	z-index : 20;
	background-repeat : no-repeat;
	background-position : 0 -5px;

}
#facebook, #twitter, #orkut {
	display:block;
	float:left;
	width:105px;
	height:30px;
	background:url(https://www.terra.com.br/esportes/infograficos/selecoes-da-copa/img/facebook.gif);
	text-indent:-5000px;
	overflow:hidden;

}
#twitter { background:url(https://www.terra.com.br/esportes/infograficos/selecoes-da-copa/img/twitter.gif); }
#orkut {	background:url(https://www.terra.com.br/esportes/infograficos/selecoes-da-copa/img/orkut.gif);	text-indent:0;}
#orkut img {	-moz-opacity:.01;	filter:alpha(opacity=01);	opacity:.01;}
#facebook:hover, #twitter:hover, #orkut:hover { background-position:0 -30px; }
#img-post {	position:absolute;	left:-5000px;	top:-5000px;}
#compartilhar a{	background-repeat : no-repeat!important;}
