/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

/* basics */

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

body {  
  margin: 20px 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: 100px;
  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;
}

.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;
  font-weight: normal;
} 

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:80px; 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;}

.tituloGrabado {font-size:12px; font-weight: bold;}

#informacion {
  width: 642px;
  margin:0px;
  padding:0px 0px 0px 1px;
  height: 415px;
}
#texto { font-weight: normal; float: left;padding:8px;border: 1px solid #ccc;width: 189px;
  display: none;
}
#imagen_wrap {
  font-weight: normal;
  float: right;
  width: 420px;
}
#imagen {
  display: none;
  float:left;
  border: 1px solid #ccc;
  padding: 8px;
  margin-bottom: 70px;
}

#next_wrap {padding:0px; background:#fff; width:642px; text-align:left; border:1px solid #fff;height:24px;} 
#availables {
  float:left;
  padding-left: 8px;
  font-weight: normal;
}
#next {float:right;}




#logo-inicio {
  height: 84px;
}
#graf-inicio {
  margin: 6px 17px 0 0px;
  padding: 8px 0 4px 8px;
  border: 1px solid #ccc;
  width: 632px;
}

#graf-inicio ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

#graf-inicio li {
  padding: 0 5px 0 0;
  margin: 0;
  list-style: none;
  display: inline;
}

img.inicio {
  margin: 0;
  padding: 0;
}
.portada {
  float: right;
  width: 629px;
  margin: 3px 8px 45px 0;
  padding: 0;
}

.portada-left {
  float: left;
  width: 300px;
  font-size: 16px;
  line-height: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #888;
  text-align: left;
  margin: 310px 0 0 7px;
  padding: 0;
}

.portada-right {
  float: right;
  width: 250px;
  text-align: right;
  font-size: 11px;
  line-height: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #aaa;
  margin: 0;
  padding: 0;
}
.portada-right a:link, .portada-right a:visited, .portada-right a:active {
  color: #aaa;
  text-decoration: none;
}
#footer-space {
  background: #fff;
  clear: both;
  width: 100%;
  height: 75px;
}