/* Hoja de estilos para Linea 
azul logotipo: #092f75
azul texto: #082b6b */

body { 	
	margin: 40px 0; 	
	padding: 0;
	background: #fff;
 	font-size: 12px;
	line-height: 16px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
 	color: #666;
 	text-align: center;
}
#wrapper {
 	width: 940px;
 	margin: auto;
 	text-align: left;
	border:1px solid #ccc;
}
#header {
 	width: 940px;
 	height: 130px;
	margin-top: 10px;
	text-align: center;
}
#content {
 	width: 642px;
	margin: 0 0 0 190px;
	padding: 0;
}
#index {
	width: 640px;
 	height: 600px;
	background: url(img/index.jpg) no-repeat top;
}
#artists {
	width: 640px;
	height: 587px;
 	margin: 0px 0 0px 0;
}
#artistsLeft {
	margin: 105px 0 0px 50px !important;
	margin: 105px 0 0px 25px;
	float: left;
	width: 250px;
}
#artistsRight {
	margin: 105px 0 0px 0px;
	float: right;
	width: 280px;
}
#text, #text-ofer {
	width: 610px;
 	margin: 0px 0 0px 0;
}
#textLeft {
	margin: 0px 0 100px 50px !important;
	margin: 0px 0 100px 25px;
	float: left;
	width: 250px;
}
#textRight {
	margin: 0px 0px 100px 0px;
	float: right;
	width: 250px;
}
#next {
	margin: 0px 0px 60px 0px;
	padding: 2px 0 2px 0;
	height:40px;
} /* Recuadro para anterior y siguiente */

.paginaActual {
	color: #fff; text-decoration: none; background-color: #ccc; border:1px solid #aaa; margin: 2px 4px 2px 1px; padding: 0 4px;}

#sidebar { 	
	/*clear: left;*/
	float: left;
 	width: 150px;
 	padding: 190px 0 0 10px;
	color: #092f75;
}  
#footer {
	clear: both;
	width:940px;
 	height: 20px;
	margin: 0px 0 0 0;
	text-align: center;
	color: #082b6b;
	font-size: 10px;
} 

a:link, a:visited, a:active {color: #666; text-decoration: none;}
a:hover {color: #666; text-decoration: underline;}

#sidebar a:link, #sidebar a:visited, #sidebar a:active, #footer a:link, #footer a:visited, #footer a:active {color: #082b6b; text-decoration: none;}
#sidebar a:hover, #footer a:hover {color: #082b6b; text-decoration: underline;}

#next a:link, #next a:visited, #next a:active {color: #888; text-decoration: none; background-color: #fff; border:1px solid #ccc; margin: 2px; padding: 0 4px 0 4px;}
#next a:hover {color: #fff; text-decoration: none; background-color: #ccc; border:1px solid #aaa; margin: 2px; padding: 0 4px;}

#text-comprar a:link, #text-comprar a:visited, #text-comprar a:active {color: #666; text-decoration: underline;}
#text-comprar a:hover {color: #666; text-decoration: none;}


p {
	line-height: 17px;
	margin: 0;
}
h2 {
	font-size: 11px;
	margin: 0px 0 10px 0;
	text-transform: uppercase;
	/*font-variant: small-caps;*/
	font-weight: 100;
	letter-spacing: 1px;
}
#text h2 { /* titulos en seriesList */
	margin: 20px 0 3px 0;
}
h3 {		/* titulos en informacion */
	font-size: 14px;
	color: #082b6b;
	margin: 30px 0 10px 0;
	letter-spacing: 1px;
}


/* slides styling */

/* Contenedor */
#photo {padding:0px; background:#fff; width:640px; height:500px; text-align:left; border:1px solid #fff;} 
/*  fuente texto "Informacion:" */
#titulo1 h1 {font-size:12px; text-align: left; font-weight:100; color:#666;  margin:1px 8px 0px 8px; padding:0;text-transform: uppercase; letter-spacing: 1px;}
#titulo2 h3 {font-size:13px; text-align: right; font-weight:100; color:#666; margin:0px 8px 0px 8px; padding:0;text-transform: none;letter-spacing:0px;}
#titulo {width: 640px; margin: 0; padding: 0;height:19px;}
#titulo1 {float: left; margin: 0; padding: 0 0 0 3px;}
#titulo2 {float: right; margin: 0; padding: 0;}

/* Contenedor de las miniaturas */
#photo ul {list-style:none; padding:0; margin:0; width:638px; background:#fff; border:1px solid #ccc; position:relative; height:71px;}

/* Miniaturas estaticas */
#photo ul li {display:inline; width:55px; height:55px; float:left; margin: 8px 0 0 8px;}
#photo ul li a {display:block; width:55px; height:55px; cursor:default; background:url(img/flecha.gif) no-repeat; text-decoration:none;}
#photo ul li a img {display:block; width:53px; height:53px; border:1px solid #ccc; text-decoration:none;}

/*  fuente recuadro de comentarios */
#photo ul li a b {display:none; font-size:12px;}

/* Miniaturas en hover */
#photo ul li a:hover {white-space:normal; position:relative; border-color:#999; text-decoration:none;}
#photo ul li a:hover img {position:absolute; border:1px solid #999; text-decoration:none;}

/* Imagen que se muestra */
#photo ul li a:active, #photo ul li a:focus {position:static; outline:0;}
#photo ul li a:focus img, #photo ul li a:active img {background-color:#fff; position:absolute; left:221px; top:86px; width:auto; height:auto; border:1px solid #ccc; padding: 8px;}

/* Recuadro de informacion */
#photo ul li a:focus b, #photo ul li a:active b {display:block; position:absolute; width:189px; border:1px solid #ccc; top:86px; left:-1px; color:#666; font-weight:normal; padding:8px; text-decoration:none;}
.tituloGrabado {font-size:12px; font-weight: bold;}