/* CSS Document */

/* Ano em Revista 2011 */

#snMainContainer #mainAR {
  font-size: 16px;
  line-height: 1;
}

#snMainContainer #mainAR #coldir, #snMainContainer #mainAR #colesq, #snMainContainer #mainAR .informacao{
  font-size: 0.9em;
  line-height: 1.231;
  text-align: left;
  font-family: Calibri, "Trebuchet MS", sans-serif;
}

#mainAR{

	margin:0;

	font-size:0.9em;

	line-height:1.231;

	background-color:#D5D6CB;

  width:944px;
	
	min-height:340px;

	height:auto;


  text-align: left;

	position:relative;

  font-family: Calibri, "Trebuchet MS", sans-serif;

}

#mainAR h1{

	margin:0;

}

/* borders */

#mainAR span.bordertop,span.borderbottom{

	height:5px;

	display:block;

	width:auto;
  z-index: 0;
	background:url("imgs/borderbg.png") repeat-x;

}

#mainAR span.borderbottom{

	position:relative;

	clear:both;

}

/* COLUNA ESQUERDA */

#mainAR #colesq{

  width:170px;

  padding:0;

  margin:0;

  border-right:1px solid #c3c4ba;

  float:left;
 
  background-color:#D5D6CB;
 
  display:block;

  z-index: 70;
  
  position: relative;

}



#mainAR a#logoAR{

 height:122px;

 width:170px;

 display:block;

 background:url("imgs/logoAR.png") no-repeat;

 border-bottom:1px solid #c5c6bc;

 text-indent:-9999px;

}



#mainAR #nav ul{

	padding:0;

	margin:0;

}



#mainAR #nav li{

	list-style:none;

	text-align:center;

	background-color:#d5d6cb;

	font-weight:bolder;

	text-transform:uppercase;

	letter-spacing: 0.02em;

  font-family: Calibri, "Trebuchet MS", sans-serif;
	
	padding:0;
	
	margin:0;

}



#mainAR #nav li a{

	display:block;

	padding:0.57em;

	color:#323232;

	text-decoration:none;

	border-bottom:1px solid #c5c6bc;

	border-top:1px solid #edede1;

	border-right:1px solid #c3c4ba;
	
		margin:0;

}

#snMainContainer #mainAR #nav li a {
  padding: 1em;
}

#mainAR #nav li a:hover{

	background:#babbb1 url("imgs/btnOver.png") repeat-x;


	border-top:1px solid #a9aaa1;

	border-bottom:1px solid #a9aaa1;

}

#snMainContainer #mainAR #nav li a:hover{
	background:#babbb1 url("imgs/btnOverInt.png") repeat-x;
}  
#mainAR #nav li a.selected, #mainAR #nav li a.selected:hover{

	background:#b82121 url("imgs/btnSelected.png") repeat-x;

	color:#fff !important;

	border-bottom:1px solid #9a1b1b;

	border-top:1px solid #9a1b1b;

	border-right:1px solid #b82121;

}
#snMainContainer #mainAR #nav li a.selected, #mainAR #nav li a.selected:hover{

	background:#b82121 url("imgs/btnSelectedInt.png") repeat-x;

}

/* COLUNA DIREITA */

#mainAR #coldir{
 background-color:#000;

 float:right;

 width:773px;

 height:auto;
 
 min-height:340px;

 position:relative;
  z-index: 10;
  zoom:1;
}

#mainAR #coldir span.topscale,#mainAR #coldir span.middlescale,#mainAR #coldir span.bottomscale{

 float:right;

 width:773px;

 height:86px;

 color:#474747;

 border-bottom:1px dashed #333;

 font-size:0.8em;
  
 text-indent: -9000px;
}

#mainAR #coldir li{

 list-style:none;

}

#mainAR #caixap{

	display:block;

	background-color:#000;

	position:relative;

	padding:0;

	margin:0;

	height:25px;

}

#mainAR #caixap .caixa{

	position:absolute;

	right:5px;

}

#mainAR #caixap .caixa select{

	float:left;

	margin-top:1px;

}

/* COLUNA DIREITA - timeline */

#mainAR #coldir ul.timeline .balao{

	background-color:#D5D6CB;

	-webkit-border-radius:5px;
	-o-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

	position:relative;

	height:auto;

	top:0;

	padding:2px;

	z-index:20;

	display:block;

}

#mainAR #coldir ul.timeline li.big .balao{
  padding-bottom: 5px;
}

#mainAR #coldir ul.timeline .balao:hover{
	
	background-color:#fff;

}

#mainAR #coldir ul.timeline .balao h2{

	font-size:1em;

	margin:0;

	color:#B82121;
  display: inline-block;

	background-color:none;

	position:relative;

	border:none;

}

#mainAR #coldir ul.timeline .balao p{

	font-size:1em;

	margin:0 0 10px 0;

	color:#5d5e5b;

	position:relative;

}

#mainAR #coldir ul.timeline .balao a{

	display:block;

	clear:both;

	position:relative;

	width:auto;

}





#mainAR #coldir ul.fotos{

	overflow:hidden;

}

/* SETAS */

#mainAR #coldir a.next,#mainAR #coldir a.prev{

	display:block;

	width:26px;

	height:340px;
	
	display:block;

	position:absolute;
	
  z-index: 20;
	


}

#mainAR #coldir .prev{
  display:none;
  top:0;
  height: 100%;
	left:0;
  z-index:60;
	width:26px;
	position:absolute;
}

#mainAR #coldir .next{
  top:0;
	right:0;
	width:26px;
display: none;
height: 100%;
	position:absolute;
  z-index:60;
}

#mainAR #coldir .next a,#mainAR #coldir .prev a{

	background:url("imgs/nextbtn.png") no-repeat;

	height:33px;
	
	text-indent:-9999px;
	
	width:26px;
	
	display:block;
	
	margin-top:140px;
  z-index: 20;

}

#mainAR #coldir .prev a{

	background:url("imgs/prevbtn.png") no-repeat;

	left:0px;

	margin-top:140px;
}
#mainAR #coldir.ano-revista div.prev, #mainAR #coldir.ano-revista div.next {
  margin-top: 0px;
}
#mainAR #coldir.ano-revista div.prev a, #mainAR #coldir.ano-revista div.next a{
position: absolute;
  background: none;
  height: 260px;
  margin-top: 0px;
  top: 30px;
}
#mainAR #coldir.ano-revista div.next a span {
  background:url("imgs/nextbtn.png") no-repeat;
  display: block;
  height:33px;
	text-indent:-9999px;
	width:26px;
	margin-top:110px;
}
#mainAR #coldir.ano-revista div.prev a span {
  background:url("imgs/prevbtn.png") no-repeat;
  display: block;
  height:33px;
	text-indent:-9999px;
	width:26px;
	margin-top:110px;
}
#mainAR #coldir .next a:hover, #mainAR #coldir.ano-revista .next a:hover span{

  z-index: 50;
	background-position:0 -33px;

}

#mainAR #coldir .prev a:hover, #mainAR #coldir.ano-revista .prev a:hover span{
  z-index: 50;
  
	background-position:0 -33px;

}

/* FOTOS */

#mainAR #coldir ul.timeline{
	display:block;
	position:absolute;
  margin: 0;
  height : 260px;
  padding:0;
  width: 100%;
  top: 30px;
  left: 0;
  z-index: 20;
  overflow-y: visible;
}

#mainAR #coldir ul.timeline li{
	position:absolute;


}

#mainAR #coldir ul.timeline span{
	position:relative;
  display: block;
	top:0;
	width:26px;
	height:45px;
	left:0;
}

#mainAR #coldir ul.timeline span.link_icon{
  height: 18px;
  width: 20px;
}
#mainAR #coldir ul.timeline span.bolaA{
	background:url("imgs/pictures/yellow.png") no-repeat top center;
  height: 28px;
}
#mainAR #coldir ul.timeline span.bolaAI{
	background:url("imgs/pictures/yellowDown.png") no-repeat bottom center;
  height: 28px;
}
#mainAR #coldir ul.timeline li.big span.bolaA{
	background:url("imgs/pictures/yellowGray.png") no-repeat top center;
  height: 28px;
}
#mainAR #coldir ul.timeline li.big span.bolaAI{
	background:url("imgs/pictures/yellowDownGray.png") no-repeat bottom center;
  height: 28px;
}
#mainAR #coldir ul.timeline span.bolaL{
	background:url("imgs/pictures/orange.png") no-repeat top center;
  height: 39px;
}
#mainAR #coldir ul.timeline span.bolaLI{
	background:url("imgs/pictures/orangeDown.png") no-repeat bottom center;
  height: 39px;
}
#mainAR #coldir ul.timeline li.big span.bolaL{
	background:url("imgs/pictures/orangeGray.png") no-repeat top center;
  height: 39px;
}
#mainAR #coldir ul.timeline li.big span.bolaLI{
	background:url("imgs/pictures/orangeDownGray.png") no-repeat bottom center;
  height: 39px;
}
#mainAR #coldir ul.timeline span.bolaV{
	background:url("imgs/pictures/red.png") no-repeat top center;
  height: 41px;
}
#mainAR #coldir ul.timeline span.bolaVI{
	background:url("imgs/pictures/redDown.png") no-repeat bottom center;
  height: 41px;
}
#mainAR #coldir ul.timeline li.big span.bolaV{
	background:url("imgs/pictures/redGray.png") no-repeat top center;
  height: 41px;
}
#mainAR #coldir ul.timeline li.big span.bolaVI{
	background:url("imgs/pictures/redDownGray.png") no-repeat bottom center;
  height: 41px;
}
#mainAR #coldir ul.timeline li.big a.img1{
  float:left; 
}
#mainAR #coldir ul.timeline li.big a.img1.bullet{
  float:none; 
}
#mainAR #coldir ul.timeline a.img1,#mainAR #coldir ul.timeline a.img2,#mainAR #coldir ul.timeline a.img3{

	display:block;

	position:relative;

	background-color:transparent;
	background-color:#fff;

	-webkit-border-radius:5px;
	-o-border-radius:5px;

  -moz-border-radius:5px;

  border-radius:5px;

	z-index:20;

	top:0;

}
#mainAR #coldir ul.timeline a.img1:hover,#mainAR #coldir ul.timeline a.img2:hover,#mainAR #coldir ul.timeline a.img3:hover{
	
	background-color:#FFF;
}

#mainAR #coldir ul.timeline li.big a.close{

	position:absolute;

	width:26px;
	
	height:25px;

	z-index:20;

	top:-12px;
	
	right: -12px;
	
	

	background:url("imgs/pictures/close.png") no-repeat top center;
             background-position: 0 -2px;
	

}

#mainAR #coldir ul.timeline li.big a.close:hover{
	background-position:0 -27px;
}



#mainAR #coldir ul.timeline a.img1.bullet,#mainAR #coldir ul.timeline a.img2.bullet,#mainAR #coldir ul.timeline a.img3.bullet{
  -webkit-border-radius:5px;
	-o-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  background-color: transparent;
  width: 25px;
  left: 15px;
}

#mainAR #coldir ul.timeline a img{

	display:block;

	width:47px;
	height:37px;
	padding:2px;
  margin-right: 5px;
	
	border:none;

}

#mainAR #coldir .barrames{

	display:block;

	height:19px;

    background:#F7F8EB url("imgs/mes_bg.png") repeat-x;

	position:relative;

}

#mainAR #coldir .barrames p{

 font-size:0.9em;

 color:#a4a59d;

 position:absolute;

 background-color:#F7F8EB;

 right:45%;

 top:-150%;

 padding:1em;

 display:block;

}

/* COLUNA DIREITA - legenda */

#mainAR #coldir .top,#mainAR #coldir .meses{
background-color:#131313;
border-bottom:1px solid #393939;

/*overflow:hidden;*/

height:30px;

}

#mainAR #coldir .meses{
background-color:#131313;
border-top:1px solid #393939;
border-bottom:none;
overflow:hidden;
height:50px;
padding:0;
position:absolute;
margin:0;
bottom:0;
width:773px;
}

#mainAR #coldir .meses ul{
margin:-1px 0 0 23px;
padding:0;
}

#mainAR #coldir .meses ul li{
float:left;
-webkit-appearance: none;
}
#mainAR #coldir .meses a{
float:left;
margin-right:3px;
color:#a4a59d;
padding:4px 7px 5px 7px;
z-index:20;
font-size: 0.85em;
text-transform: lowercase;
-webkit-appearance: none;
-webkit-border-radius:5px;
	-o-border-radius:5px;
-webkit-border-top-right-radius:0px;
-moz-border-radius:5px;
-moz-border-radius-topright:0px;
border-radius:5px;
border-top-right-radius:0px;
}

#mainAR #coldir .meses a:hover{
-webkit-appearance: caret;
color: #d6bb1d !important;
text-decoration: none;
background-color: none;
}

#mainAR #coldir .meses a.selected,#mainAR #coldir .meses a:active, #mainAR #coldir .meses a:focus{
-webkit-appearance: caret;
color:#d6bb1d;
background-color:#000;
-moz-box-shadow: inset -2px -2px 2px #2d2d2b;
-webkit-box-shadow: inset -2px -2px 2px #2d2d2b;
box-shadow: inset -2px -2px 2px #2d2d2b;
}	

#mainAR #coldir .dragbar{

background:#000 url("imgs/dragbar/dragbase.png") repeat-x;

display:block;
height:17px;
width:735px;
margin-top:25px;
padding:0;
margin-left:20px;
}

#mainAR #coldir .meses li{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#mainAR #coldir .dragbar span{

display:block;

width:17px;

height:17px;

position:absolute;

}

#mainAR #coldir .dragbar span.cornerright{

background:#000 url("imgs/dragbar/dragbase_cornerright.png") no-repeat;

right:16px;

}

#mainAR #coldir .dragbar span.cornerleft{

background:#000 url("imgs/dragbar/dragbase_cornerleft.png") no-repeat;

left:16px;

}

#mainAR #coldir .dragbar a.bar{

cursor: default;
background:transparent url("imgs/dragbar/bar.png") no-repeat center center;

display:block;
z-index: 19; 

height:8px;

position:absolute;

top:28px;

left:20px;

padding:0;

text-indent:-999px;

width: 44px; 
}

#mainAR #coldir .legenda{

display:block;

position:absolute;

right:10px;

top:3px;

}

#mainAR #coldir .legenda p{

 font-size:0.75em;

 color:#a4a59d;

 margin-top:0.6em;

 padding:0;

 float:left;
       line-height: 18px;

}

#mainAR #coldir .legenda span{

display:block;

float:left;

width:21px;

height:21px;

margin-top:-2px;

}	

#mainAR #coldir .legenda span.bolavermelha{

background:url("imgs/leg/bv_leg.png") no-repeat;

}

#mainAR #coldir .legenda span.bolalaranja{

background:url("imgs/leg/bl_leg.png") no-repeat;

}

#mainAR #coldir .legenda span.bolaamarela{

background:url("imgs/leg/ba_leg.png") no-repeat;

}

#mainAR #coldir .top .tit{

 position:absolute;

 background-color:#000;

 padding:2px 10px 0 10px;

 left:10px;

 top:11px;
 
 height:17px;

 border:1px solid #393939;

 border-bottom:none;



-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;

}

#mainAR #coldir a.retroceder{
display:block;

width:20px;

height:20px;

text-indent:-9999px;

float:left;

background:url("imgs/retroceder.png") no-repeat;

background-position:0 0px;
margin:0 10px 0 0;

}
#mainAR #coldir div.tit.has-link:hover {
  cursor: hand;
  cursor: pointer; 
}
#mainAR #coldir a.retroceder:hover, #mainAR #coldir div.tit:hover a.retroceder{
background-position:0 -20px;
}
#mainAR #coldir .top {
  position: relative; 
  z-index: 20;
} 
#mainAR #coldir .top h2{
 font-family: Calibri, "Trebuchet MS", sans-serif;
 font-size:0.95em;
 color: #D6BB1D; 
 float:left;
 margin-top:2px;
}


#mainAR #coldir .balao h3{
 font-size:1em;
 font-weight:normal;
 text-transform: lowercase;
 color:#323232;
 margin:0 0 10px 0;
}

#mainAR #coldir ul.timeline a.links,#mainAR #coldir ul.timeline a.historia{
overflow:hidden;
padding:0 1px 0 0;
margin:0;
color:#B82121;
}

#mainAR #coldir ul.timeline li:hover{ z-index: 100; }
#mainAR #coldir ul.timeline a.historia{
 -webkit-border-radius:5px;
-o-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 background-color: #B82121; border-radius: 5px 5px 5px 5px; bottom: 5px; color: #FFFFFF; padding: 5px; position: absolute; right: 5px; z-index: 20; 
}



#mainAR #coldir ul.timeline li.big { z-index: 21;}
#mainAR #coldir ul.timeline li.big .balao{

  z-index: 80;
}
#mainAR #coldir ul.timeline li.small .balao {
  width: 50px;
  overflow: auto;
  *overflow: hidden;
}
#mainAR #coldir ul.timeline li.big .balao{
width: 300px;
  border: 1px solid #aaa;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  background-color: #fff;
}
#mainAR #coldir ul.timeline li.big a.bullet {
  left: 130px;  
}
#mainAR #coldir ul.timeline li.big.align-right a.bullet {
  left: 250px;  
}
#mainAR #coldir ul.timeline li.big.align-left a.bullet {
  left: 10px;  
}       
#mainAR #coldir ul.timeline li .balao{ overflow: visible; }
#mainAR #coldir ul.timeline li.big .balao.has-story{ padding-bottom: 30px; }
#mainAR #coldir ul.timeline li.small .balao h3, #mainAR #coldir ul.timeline li.small a.links,#mainAR #coldir ul.timeline li.small .balao h2, #mainAR #coldir ul.timeline li.small .balao p, #mainAR #coldir ul.timeline li.small .balao a.close,#mainAR #coldir ul.timeline li.small .balao .historia {
  display: none;
}

#mainAR #coldir ul.timeline a.links{

  margin-bottom:5px;

}



#mainAR #coldir span.link_icon{

  display:block;

  background:url("imgs/linkIcon.png") no-repeat;

  width:17px;

  height:15px;

  float:left;

}

#mainAR #coldir a{

 font-size:1em;

 text-decoration:none;

 color:#D6BB1D;

}

#mainAR #coldir a:hover{

  color: #D6BB1D !important;
}

/*INSÓLITOS*/

#mainAR #coldir ul.thumbs p {

 color:#fff;
 font-size:1em;

}
#mainAR #coldir ul.thumbs {

 margin-left:30px;
 margin-top:20px;

}

#mainAR #coldir ul.thumbs li {

 float:left;
 width:200px;
 margin-right:20px;
}

#mainAR #coldir ul.thumbs li a{

 font-size:1em;

}

#mainAR #coldir ul.thumbs li img,#mainAR #coldir ul.gallery li a img,#mainAR #coldir .galleryPreview img{
 display:block;
 margin-bottom:10px;
-o-border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 border:2px solid #d5d6cb;

}
#mainAR #coldir ul.thumbs li img{
 width:100px;
 height:80px;
}


#mainAR #coldir .galleryPreview{
 width:773px;

}
#mainAR #coldir .galleryPreview p img{
 margin-top:20px;
 max-width: 530px;
margin-left:110px;
}

#mainAR #coldir .galleryPreview p,#mainAR #coldir .galleryPreview h3{
 color:#D5D6CB;
 margin-left:10px;
 margin-bottom:10px;
 width:700px;
 font-size:1em;

}

#mainAR #coldir .galleryPreview h3{
 color:#D6BB1D;

}

#mainAR #coldir ul.gallery {

 margin-left:55px;

}

#mainAR #coldir ul.gallery li{
 
 float:left;
 width:200px;
 margin-right:20px;

}

#mainAR #coldir ul.thumbs li a img:hover,#mainAR #coldir ul.gallery li a img:hover{
 border:2px solid #333;

}

#mainAR #coldir ul.gallery li a img{
margin-top:30px;

}


#mainAR #coldir .topcoments{
-moz-transition-duration: 1s; 
  -webkit-transition-duration: 1s; 
  -o-transition-duration: 1s; 
  transition-duration: 1s;
      width:750px;
    top: 45px;
      margin-left:10px;
      position: absolute;
      z-index:10; 
}

#mainAR #coldir .topcoments li{
padding:5px;
border-bottom:1px solid #333333;
}

#mainAR #coldir .topcoments li.hidden{
display:none;
}

#mainAR #coldir .topcoments li:hover{
background-color:#111;
}

#mainAR #coldir .topcoments a{
font-size:1em;

}

#mainAR #coldir .topcoments p{
font-size:0.8em;
color:#D5D6CB;
}

#mainAR #coldir .topcoments p,#mainAR #coldir .quotes p{
font-size:1em;
color:#D5D6CB;
margin-bottom:0.5em;
}
#mainAR #coldir .topcoments p{
font-size:1em;
}

#mainAR #coldir .quotes {
margin-top: 0;
margin-left: 28px;
background: none;
padding: 0;
margin-bottom: 0;
}

#mainAR #coldir .quotes p{
font-size:1.1em;
color:#888;
text-shadow:1px 1px 1px #000;
}

#mainAR #coldir .quotes p.author,#mainAR #coldir .quotes p.date{
font-size:1em;
color:#D6BB1D;
margin:0;
}


#mainAR #coldir .quotes p.author{
font-size:1.1em;
margin-right:5px;
}

#mainAR #coldir .quotes li{
display:block;
/* width:200px;
height:200px; */
width:202px;
height:252px;
margin-top:20px;
float:left;
padding:5px;
margin-right:20px;
position:relative;
}
#mainAR #coldir .quotes li:hover{
  background-color:#111;
}

#mainAR #coldir .signature{
position:absolute;
left:5px;
bottom:10px;
}

#mainAR #coldir ul.arcarousel {
-moz-transition-duration: 1s; 
  -webkit-transition-duration: 1s; 
  -o-transition-duration: 1s; 
  transition-duration: 1s;
width: 1500px;
height: 270px;
position: absolute;
left: 28px;
      z-index: 0;
}

#mainAR #coldir ul.arcarousel li{
  -moz-transition-duration: 1s; 
  -webkit-transition-duration: 1s; 
  -o-transition-duration: 1s; 
  transition-duration: 1s;
}
#mainAR #nav li a {
  font-weight: bold;
}

#mainAR .informacao{
    padding: 25px 0px;
  background-color:#fff;
clear: both;
overflow: hidden;

}
#snMainContainer #mainAR .informacao {
  padding: 25px 10px;
}
#mainAR .informacao .esq, #mainAR .informacao .dir{
float:left;
width:620px;
overflow:hidden;
margin:0 20px 0 0;
}
#snMainContainer #mainAR .informacao .esq{
  margin: 0 0px 0 0;
}
#mainAR .informacao .esq a {
  text-decoration: underline;
}
#mainAR .informacao .dir {
width: 302px;
clear: none;
margin:0;
}
 
#mainAR .informacao .esq h4{
  font-size:1.5em;
  color:#333;
  font-family: Georgia,"Times New Roman",Times,serif;
}
 
#mainAR .informacao .esq p{
  margin: 7px 0px;
  font-size:1em;
  font-family: Helvetica,"Helvetica Neue","HelveticaNeue",Arial,sans-serif;
}
 
#mainAR .informacao .dir p{
  font-size:0.6em;
  color:#444;
  text-transform:uppercase;
  border: 0px;
  border-bottom:1px solid #333;
}
#mainAR #coldir a.nextarrow,#mainAR #coldir a.prevarrow{
    width:35px;
    height:30px;
    text-indent:-9999px;
    display:block;
    position:absolute;
right: 10px;
}
#mainAR #coldir a.prevarrow{
    background:url("imgs/prevarrow.png") no-repeat;
    top:30px;
    z-index: 20;
}

#mainAR #coldir a.nextarrow{
    background:url("imgs/nextarrow.png") no-repeat;
    bottom:0px;
    z-index: 20;
}
 
#mainAR #coldir a.nextarrow:hover,#mainAR #coldir a.prevarrow:hover{
  background-position:0 -30px;
  bottom:  0px; 
}

#mainAR #coldir div.month-grid {
  z-index: 0;
  width:773px;
  height: 310px;
  position: absolute;
  top: 30px;
  left: 0px;
  overflow: hidden;
}

#mainAR #coldir div.raphael-container {
  z-index: 1;
  width:773px;
  height: 310px;
  position: absolute;
  top: 30px;
  left: 0px;
  overflow: hidden;
  display: none;
}


#mainAR #coldir div.month-grid div{
  width: 8%; 
  float: left;
  text-align: right;
  height:86px;
  color:#474747;
  border-right:1px dashed #333;
  font-size:0.70em;
  height: 300px;
  margin-right: 1px;
  padding: 0;
  text-transform: uppercase;
}
#mainAR #coldir div.month-grid div.first{
  margin-left: 5px;
}

#mainAR #coldir div.month-grid.two {
  width: 1546px; 
}

#mainAR #coldir div.month-grid.two div{

}

#mainAR #coldir ul.page-selector {

  display: none;
 background-color:#000;
 padding:2px 10px 0 10px;
 top:11px;
 border:1px solid #393939;
 border-bottom:none;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position:absolute;
  left: 41%;
}

#mainAR #coldir ul.page-selector li {
  float: left;
  margin-right: 5px;
}


#mainAR #coldir #loading{
  display: none;
  margin-top:0px;
  font-size:0.9em;
  text-align:center;
  z-index: 200;
position: absolute;
left: 344px;
top: 145px;
}
 
#mainAR #coldir #loading p{
  color:#D6BB1D;
}

#mainAR #coldir ul.timeline a.links:hover{
color:#B82121 !important;
text-decoration: underline;
}

#mainAR #coldir ul a:hover, #mainAR #coldir ol a:hover{
text-decoration: underline;
}
#mainAR #coldir ul.timeline a.historia:hover{
  background-color:#D5D6CB;
color:#B82121 !important;
      text-decoration:none;
}
#snHeader {position: relative; z-index:0}
#snContent {position: relative; z-index:1}