/* BIENVENIDOS */	
	
	body {
		
	background-image:url(rollos/2010-06-16/fondo.jpg);    
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 50%;
	
	background-color:#C0C0C0;
		
	width:555px;
	margin:0 auto;
	padding:0px;
	
	height:100%;
	margin-bottom:1px;
		
	font:0.8125em Verdana, sans-serif; line-height:1.66 }
	
	#bodyrollos {
		
	width:100%;
	margin:0 auto;
	padding:0px;
		
	font:0.8125em Verdana, sans-serif; line-height:1.66 }
	
	.preload { display:none }
	
	#postrollos { margin:0px 0px 15px 0px; text-align:center }
	#postmusica { margin:0px 0px 33px 0px }
	#postdiario { margin:0px 0px 33px 0px }
	#posttienda { margin:0px 0px 33px 0px }
	
	#fadeinbox{ position:absolute; background-color:transparent; z-index:100; visibility:hidden }
	
	
/* TEXSTYLES */	

	.rollos { color:#FF0033 }
	.rollos a { text-decoration:none }
	.rollos a img { border:none;display:block }
	.rollos a:link { color:#FF0033; border-bottom:1px dotted #FF0033 }
	.rollos a:visited { color:#FF0033; border-bottom:1px dotted #FF0033 }
	.rollos a:hover { color: #FF0033; border-bottom:1px solid #FF0033 }
	.togglerollos img { border:1px dotted #3A4446 }		
	.togglerollos:hover img { border:1px solid #FF0033 }
	.togglerollos:hover { color:#red } /* IEHACK */	
	.togglerollosp img { border:1px dotted #3A4446; cursor:pointer }
	.togglerollosp:hover img { border:1px solid #FF0033 }
	.togglerollosp:hover { color:red } /* IEHACK */	
	
	.rollos2 { color:#FF0033; font:0.61em }
	.rollos2 a { text-decoration:none }
	.rollos2 a img { border:none;display:block }
	.rollos2 a:link { text-decoration:none }
	.rollos2 a:visited { text-decoration:none }
	.rollos2 a:hover { text-decoration:none }

	.musica { color:#333333 }
	.musica a { text-decoration:none }
	.musica a img { border:none;display:block }
	.musica a:link { color:#333333; border-bottom:1px dotted #333333 }
	.musica a:visited { color:#333333; border-bottom:1px dotted #333333 }
	.musica a:hover { color: #333333; border-bottom:1px solid #333333 }
	.togglemusica img { border:1px dotted #FF004A }			
	.togglemusica:hover img { border:1px solid #333 }
	.togglemusica:hover { color:red } /* IEHACK */
	
	.diario { color:#FFF }
	.diario a { text-decoration:none }
	.diario a img { border:none;display:block }
	.diario a:link { color:#FFF; border-bottom:1px dotted #FFF }
	.diario a:visited { color:#FFF; border-bottom:1px dotted #FFF }
	.diario a:hover { color: #FFF; border-bottom:1px solid #FFF }
	.togglediario img { border:1px dotted #00A3D2 }			
	.togglediario:hover img { border:1px solid #FFF }
	.togglediario:hover { color:red } /* IEHACK */	
	
	.tienda { color:#00CCFF }
	.tienda a { text-decoration:none }
	.tienda a img { border:none;display:block }
	.tienda a:link { color:#00CCFF; border-bottom:1px dotted #00CCFF }
	.tienda a:visited { color:#00CCFF; border-bottom:1px dotted #00CCFF }
	.tienda a:hover { color: #00CCFF; border-bottom:1px solid #00CCFF }
	.toggletienda img { border:1px dotted #8C007F }			
	.toggletienda:hover img { border:1px solid #00CCFF }
	.toggletienda:hover { color:red } /* IEHACK */
	
	.martin { color:#990066 }
	.martin a { text-decoration:none }
	.martin a img { border:none;display:block }
	.martin a:link { color:#990066; border-bottom:1px dotted #990066 }
	.martin a:visited { color:#990066; border-bottom:1px dotted #990066 }
	.martin a:hover { color: #990066; border-bottom:1px solid #990066 }
	.togglemartin img { border:1px dotted #FFF }			
	.togglemartin:hover img { border:1px solid #990066 }
	.togglemartin:hover { color:red } /* IEHACK */
	

/* SQUARES */	

	td.rolloson { color:#FF0033; background-color:#3A4446; cursor:pointer }
    td.rollosoff { color:#FF0033; background-image:url(rollos/65-trans.png); cursor:pointer }
	td.rolloses { color:#FF0033; background-image:url(rollos/65-trans.png) }
	td.rollosno { color:transparent; background-image:url(rollos/65-trans.png); cursor:pointer }
	td.rollosinv { color:transparent; background-color:#3A4446 }
	td.rollosroll { color:#FF0033; background-color:#3A4446;  }
	td.rollosroll a { text-decoration:none }
	td.rollosroll a img { border:none }
	td.rollosroll a:link { color:#FF0033; border-bottom:1px dotted #FF0033 }
	td.rollosroll a:visited { color:#FF0033; border-bottom:1px dotted #FF0033 }
	td.rollosroll a:hover { color: #FF0033; border-bottom:1px solid #FF0033 }
	td.rollosroll2 { color:#FF0033; background-color:#3A4446 }
	td.rollosroll2 a { text-decoration:none }
	td.rollosroll2 a img { border:none; text-decoration:none }
	td.rollosroll2 a:link { text-decoration:none }
	td.rollosroll2 a:visited { text-decoration:none }
	td.rollosroll2 a:hover { text-decoration:none }
	td.rollosx { color:#FF0033; background-color:#3A4446; cursor:pointer }
		
	td.musicaon { color:#333333; background-color:#FF004A; cursor:pointer }
    td.musicaoff { color:#333333; background-image:url(musica/65-trans.png); cursor:pointer }
	td.musicaes { color:#333333; background-image:url(musica/65-trans.png) }
	td.musicano { color:transparent; background-image:url(musica/65-trans.png); cursor:pointer }
	td.musicainv { color:transparent; background-color:#FF004A }

	td.diarioon { color:#FFF; background-color:#00A3D2; cursor:pointer }
    td.diariooff { color:#FFF; background-image:url(diario/65-trans.png); cursor:pointer }
    td.diarioes { color:#FFF; background-image:url(diario/65-trans.png) }	
	td.diariono { color:transparent; background-image:url(diario/65-trans.png); cursor:pointer }		
	td.diarioinv { color:transparent; background-color:#00A3D2 }	

	td.tiendaon { color:#00CCFF; background-color:#8C007F; cursor:pointer }
    td.tiendaoff { color:#00CCFF; background-image:url(tienda/65-trans.png); cursor:pointer }
	td.tiendaes { color:#00CCFF; background-image:url(tienda/65-trans.png) }
	td.tiendano { color:transparent; background-image:url(tienda/65-trans.png); cursor:pointer }
	td.tiendainv { color:transparent; background-color:#8C007F }

	td.martinon { color:#990066; background-color:#FFF; cursor:pointer }
    td.martinoff { color:#990066; background-image:url(martin/65-trans.png); cursor:pointer }
	td.martines { color:#990066; background-image:url(martin/65-trans.png) }
	td.martinno { color:transparent; background-image:url(martin/65-trans.png); cursor:pointer }
	td.martininv { color:transparent; background-color:#FFF }
	
		
/* TRANSPARENCIAS */	

	#wrapper { overflow:hidden }
		
	.grayoverlay { background:#3A4446; position:absolute; top:0; bottom:0; left:0; width:100%; opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65) }		
	.hotpinkoverlay { background:#FF004A; position:absolute; top:0; bottom:0; left:0; width:100%; opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65) }	
	.blueoverlay { background:#00A3D2; position:absolute; top:0; bottom:0; left:0; width:100%; opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65) }	
	.purpleoverlay { background:#8C007F; position:absolute; top:0; bottom:0; left:0; width:100%; opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65) }
	.whiteoverlay { background:#FFF; position:absolute; top:0; bottom:0; left:0; width:100%; opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65) }	
		
	.container { position:relative; width:555px }
	.content { position:relative }
	.contentrollos { position:relative }
	.containerrollos { position:relative }

	#columna { width:555px }
    #columna .content { padding:0px; width:555px }
	
    #columnarollos { padding:0px }
    #columnarollos .contentrollos { padding:0px  }
	
	#squares { width:555px }
	#squares .content { padding:0px; width:555px }
	
	* html #columna .grayoverlay { height: expression(document.getElementById("column-1").offsetHeight) } /* IEHACK */
	* html #columna .hotpinkoverlay { height: expression(document.getElementById("column-1").offsetHeight) } /* IEHACK */
	* html #columna .blueoverlay { height: expression(document.getElementById("column-1").offsetHeight) } /* IEHACK */
	* html #columna .purpleoverlay { heigt: expression(document.getElementById("column-1").offsetHeight) } /* IEHACK */
	* html #columna .whiteoverlay { height: expression(document.getElementById("column-1").offsetHeight) } /* IEHACK */


/* THUMBOX */		

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #FFF;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 0px Tahoma;
letter-spacing: 0px;
line-height: 0px;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}