/* BIENVENIDOS */	
	
	
		body { 
	
		background-color:#C0C0C0; 
		background-image:url(); 
		/* background-image:url(pgs/radioback.png); */	   
	    background-repeat:no-repeat;
		background-attachment:scroll;
		background-position:50% 0%;
	
		width: 777px;
		margin: 0 auto;
		
		height:100%;
		margin-bottom:1px;
		
		font:0.8125em Verdana, sans-serif; line-height:1.66; 
		color: #000; 
		 
		}
	
	#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) }		
	.pinkoverlay { 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; float: left }
	.content { position: relative; /* Fixes the z-index */ float: left }
	
	#logo { width: 555px; height:84px }
	#logo .content { margin-top:55px; width: 555px }
	
	#cuerpo { width: 555px; padding: 0px }
	#cuerpo .content { padding: 25px; width: 500px }
	
	#casper { width: 222px; height:111px; margin-left: 0px; float: left; display: inline }
	#casper .content { padding: 0px; margin-top:0px; width: 222px; text-align:center }
	
	#rollos { width: 222px; height:55px; margin-top: 0px; position:relative; display: inline }
	#rollos .content { padding: 0px; margin-top:16px; width: 222px; text-align:center }
	
	#musica { width: 222px; height:55px; margin-top: 0px; position:relative; display: inline }
	#musica .content { padding: 0px; margin-top:16px; width: 222px; text-align:center }
	
	#diario { width: 222px; height:55px; margin-top: 0px; position:relative; display: inline }
	#diario .content { padding: 0px; margin-top:16px; width: 222px; text-align:center }
	
	#tienda { width: 222px; height:55px; margin-top: 0px; position:relative; display: inline }
	#tienda .content { padding: 0px; margin-top:16px; width: 222px; text-align:center }
	
	#martin { width: 222px; height:55px; margin-top: 0px; position:relative; display: inline }
	#martin .content { padding: 0px; margin-top:16px; width: 222px; text-align:center }
	
	#fondo { clear:both; width: 555px; height:55px; display: inline }
	#fondo .content { padding: 0px; margin-top:16px; width: 555px; text-align:center }
	
	/* Let's compensate for IE6's inability to interpret top: 0; and bottom: 0; */
	* html #cuerpo .grayoverlay { height: expression(document.getElementById("cuerpo").offsetHeight) }
	* html #cuerpo .pinkoverlay { height: expression(document.getElementById("cuerpo").offsetHeight) }
	* html #cuerpo .blueoverlay { height: expression(document.getElementById("cuerpo").offsetHeight) }
	* html #cuerpo .purpleoverlay { height: expression(document.getElementById("cuerpo").offsetHeight) }
	* html #cuerpo .whiteoverlay { height: expression(document.getElementById("cuerpo").offsetHeight) }
	* html #rollos .grayoverlay { height: expression(document.getElementById("rollos").offsetHeight) }
	* html #musica .pinkoverlay { height: expression(document.getElementById("musica").offsetHeight) }
	* html #diario .blueoverlay { height: expression(document.getElementById("diario").offsetHeight) }
	* html #tienda .purpleoverlay { height: expression(document.getElementById("tienda").offsetHeight) }
	* html #martin .whiteoverlay { height: expression(document.getElementById("martin").offsetHeight) }
	
	#bodyrollos {
		
	width:100%;
	margin:0 auto;
	padding:0px;
		
	font:0.8125em Verdana, sans-serif; line-height:1.66 }
	
	.preload { display:none }
	
	#preload { display:none }
	
	#postrollos { margin:0px 0px 15px 0px }
	#postmusica { margin:0px 0px 33px 0px }
	#postdiario { margin:0px 0px 33px 0px }
	#posttienda { margin:0px 0px 33px 0px }
	#postmartin { 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 */	

	.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 */	
	
	.minidiario { color:#FFF; font-size:8px }
	.minidiario a { text-decoration:none }
	.minidiario a img { border:none;display:block }
	.minidiario a:link { color:#FFF; border-bottom:1px dotted #FFF }
	.minidiario a:visited { color:#FFF; border-bottom:1px dotted #FFF }
	.minidiario a:hover { color: #FFF; border-bottom:1px solid #FFF }
	
	.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:0px }			
	.toggletienda:hover img { border:0px }
	.toggletienda:hover { border:0px } /* IEHACK */
	
	.tiendat { color:#00CCFF; text-decoration:none; -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto; }
	.tiendat a { text-decoration:none }
	.tiendat a:link { color:#00CCFF; border-bottom:1px dotted #00CCFF }
	.tiendat a:visited { color:#00CCFF; border-bottom:1px dotted #00CCFF }
	.tiendat a:hover { color: #00CCFF; border-bottom:1px solid #00CCFF }
	.tiendat p { color:#00CCFF; display:inline-block; width: 500px; -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;}
	
	.refes { color:#00CCFF; text-decoration:none }
	.refes a { text-decoration:none }
	.refes a:link { color:#00CCFF; text-decoration:none; font-weight: bold; cursor:text }
	.refes a:visited { color:#00CCFF; text-decoration:none; font-weight: bold; cursor:text }
	.refes a:hover { color: #00CCFF; text-decoration:none; font-weight: bold; cursor:text }
	.refes p { color:#00CCFF; display:inline; text-decoration:none; cursor:text }
	
	.refest { color:#00CCFF; text-decoration:none }
	.refest a { text-decoration:none }
	.refes a:link {
color:#00CCFF !important;
cursor:text !important;
font-weight:bold !important;
text-decoration:none !important;
cursor:pointer;
}

#posttienda a:-webkit-any-link
{
color:#00CCFF !important;
cursor:text !important;
text-decoration:none !important;
}

	.refest a:visited { color:#00CCFF; text-decoration:none; cursor:pointer }
	.refest a:hover { color: #00CCFF; text-decoration:none; cursor:pointer }
	.refest p { color:#00CCFF; display:inline; text-decoration:none; cursor:pointer }
	
	.martin { color:#990066 }
	.martin a { text-decoration:none }
	.martin a img { border:none; }
	.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 */
	
	.martint { color:#990066; text-decoration:none }
	.martint a { text-decoration:none }
	.martint a:link { color:#990066; text-decoration:none; cursor:pointer }
	.martint a:visited { color:#990066; text-decoration:none; cursor:pointer }
	.martint a:hover { color: #990066; text-decoration:none; cursor:pointer }
	.martint p { color:#990066; display:inline; text-decoration:none; cursor:pointer; padding-bottom:-10px }
	
	
	


    .text-rotation {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
           -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
			
    }
	





/* 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;
}