html{
    height:100%; 
    margin:0;
    padding:0px; 
}
body{
    height:100%;
    padding:0px;
    font-size:10px;
    margin:0px;
    font-family: Arial, Helvetica;
    background: #000 url("../images/fondo_belio.gif") top left;
    color: #fff;
}
a { color: #ff0dc3; text-decoration: none; outline: none; }
img { border: 0; }
/** HACKS */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* /HACKS **/
.dark {
    background: #000000;
}

#cont_content.dark {
    border: 1px solid #525252;
    width: 599px;
}
#container {
  width: 995px;
  margin: 20px auto;
}

#container .publi {
  margin-left: 95px; 
}

#container .publi img { 
  border: 1px solid #525252;
  margin-bottom: 2px;
}

#container .publi #flashbanner { 
  width: 896px;
  height: 80px;
  overflow: hidden;
  border: 1px solid #525252;
  margin-bottom: 2px;
}

#container #content {
    width: 993px;
}
#container #content #menu {
  width: 94px;
  float: left;
}

#container #content #menu ul {
  list-style: none;
  margin: 1px 0 0 0;
  padding: 0;
}

#container #content #menu ul#mainmenu {
    padding-bottom: 10px;
    background: url("../images/mainmenu.gif") no-repeat bottom left;
}


#container #content #menu ul li {
    position:relative;
}

#container #content #menu ul li a.active span,
#container #content #menu ul li a:hover span {
    position: absolute;
    display: block;
    left: -14px;
    width: 12px;
    top: 0;
    height: 24px;
    background: #FFFFFF url('../images/menuarrow.gif') no-repeat center center;
}


#container #content #menu ul li a { 
  display: block;
  border: 1px solid #525252;
  width: 80px;
  background: #282828;
  padding: 5px 5px 4px 5px;
  margin-bottom: 2px;
  color: #525252;
}

#container #content #menu ul li.rosa a:hover span,
#container #content #menu ul li.rosa a.active span {
      background-color: #ff0dc3;
}

#container #content #menu ul#mainmenu li.rosa a,
#container #content #menu ul li.rosa a.active {
  border: 1px solid #ff0dc3;
  color: #ff0dc3;
} 
#container #content #menu ul li.rosa a:hover {
  border: 1px solid #ff0dc3;
  color: #ff0dc3;
}

#container #content #menu ul li.naranja a:hover span,
#container #content #menu ul li.naranja a.active span {
      background-color: #ffa903;
}

#container #content #menu ul#mainmenu li.naranja a,
#container #content #menu ul li.naranja a.active,
#container #content #menu ul li.naranja a:hover { 
  color: #ffa903;
  border: 1px solid #ffa903;
}

#container #content #menu ul li.verde a:hover span,
#container #content #menu ul li.verde a.active span {
      background-color: #0fff4d;
}

#container #content #menu ul#mainmenu li.verde a,
#container #content #menu ul li.verde a.active,
#container #content #menu ul li.verde a:hover { 
  color: #0fff4d;
  border: 1px solid #0fff4d;
}
#container #content #menu ul li.azul a:hover span,
#container #content #menu ul li.azul a.active span {
      background-color: #00ffff;
}

#container #content #menu ul#mainmenu li.azul a,
#container #content #menu ul li.azul a.active,
#container #content #menu ul li.azul a:hover { 
  color: #00ffff;
  border: 1px solid #00ffff;
}
#container #content #menu ul li.amarillo a:hover span,
#container #content #menu ul li.amarillo a.active span {
      background-color: #e6ff0f;
}
#container #content #menu ul#mainmenu li.amarillo a,
#container #content #menu ul li.amarillo a.active,
#container #content #menu ul li.amarillo a:hover { 
  color: #e6ff0f;
  border: 1px solid #e6ff0f;
}
#container #content #menu #languages {
  text-align: center;
  margin-top: 10px;
}
#container #content #menu #languages img { 
  margin: 0 5px;
}
#container #content #menu #promo_cdmon {
  margin-top: 70px;
}
#container #content #cont_content {
  float: left;
  width: 601px;
/*  border: 1px solid #525252;
*/}

#container #content #cont_content.dark {
    border: 1px solid #525252;
    width: 598px;
}

#container #content.one_column #cont_content {
  width: 885px;
}


#container #content .form,
#container #content #form {
  width: 275px;
  overflow: hidden;
  float: right;
  background: #000;
  border: 1px solid #525252;
  color: #ff0dc3;
  padding: 10px;
  margin: 0 0 2px 0;
}
#container #content .publi_right {
  width: 275px;
  float: right;
  overflow:hidden;
  background: #000;
  border: 1px solid #525252;
  color: #ff0dc3;
  padding: 10px;
  margin: 0 0 2px 0;
  clear: right;
}
#container #content .publi_right img {
    border: 1px solid #525252;
}
#container #content .form .form_content,
#container #content #form .form_content { padding: 0 10px; }
#container #content #form .form_content form { width: 240px; }
#container #content.two_columns_same #cont_content{ width: 435px; }
#container #content.two_columns_same #form { width: 435px; padding: 5px; }


#container #content .form h3,
#container #content #form h3,
#container #content #form p { 
  margin: 0.2em 0;
  padding: 0;
  font-size: 1em;
}
#container #content #form form {
  margin: 20px 0 0 0;
  padding: 0;

}
#container #content #form form label { 
  display: block;
  font-weight: bold;
  margin: 7px 1px;
}
#container #content #form form input.text {
  width: 230px;
  border: 1px solid #ccc;
  padding: 3px;
  font-family: Arial, Helvetica;
}
#container #content #form form textarea {
  font-family: Arial, Helvetica;
  padding: 3px;
  width: 230px;
  height: 170px; 
  font-size: 1.2em;
}
#container #content #form form .actions {
  text-align: right;
  margin-top: 15px;
}
#container #content #form .condiciones {
  color: #525252;
  padding-bottom: 20px;
}
#container #content #form .condiciones h4 {
  font-weight: bold;
  font-size: 1em;
  margin: 85px 0 0 0;
}

/* noticias */
#container #content .noticia {
  width: 570px;
  margin: 15px auto;
}
#container #content .noticia .tit_noticia {
  background: #323232;
  color: #ff0dc3;
  border: 1px solid #ff0dc3;
  padding: 3px;
}


#container #content .noticia .tit_noticia p { margin: 0; }
#container #content .noticia .tit_noticia h2 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
#container #content .noticia .noticia_content {
  padding: 10px 5px;
  text-align: left; 
  font-size: 1.1em; 
}

#container #content .noticia .noticia_content.video,
#container #content .noticia .noticia_content.video p {
    text-align: center;
}

#container #content .noticia .noticia_content p { text-align: left; }
#container #content .noticia .noticia_content ul {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#container #content .info_tiendas { 
  background: #e6ff0f;
  width: 893px;
  margin: 10px 0 10px 100px;
  color: #000;
  font-size: 1.2em;
}
#container #content.amarillo .info_tiendas { 
  background: #e6ff0f;
}
#container #content.azul .info_tiendas { 
  background: #00ffff;
}
#container #content .info_tiendas p { 
  margin: 0;
  padding: 5px;
} 
#container #content .info_tiendas p a { color: #000; text-decoration: underline;}

/* colores */
#container #content.rosa .noticia .tit_noticia {color: #ff0dc3; border: 1px solid #ff0dc3;}
#container #content.naranja .noticia .tit_noticia {color: #ffa903; border: 1px solid #ffa903;}
#container #content.verde .noticia .tit_noticia {color: #0fff4d; border: 1px solid #0fff4d;}
#container #content.azul .noticia .tit_noticia {color: #00ffff; border: 1px solid #00ffff;}
#container #content.amarillo .noticia .tit_noticia {color: #e6ff0f; border: 1px solid #e6ff0f;}

#container #content.rosa a {color: #ff0dc3;}
#container #content.naranja a {color: #ffa903; }
#container #content.verde a {color: #0fff4d; }
#container #content.azul a {color: #00ffff; }
#container #content.amarillo a {color: #e6ff0f;}

#footer.rosa a {color: #ff0dc3;}
#footer.naranja a {color: #ffa903; }
#footer.verde a {color: #0fff4d; }
#footer.azul a {color: #00ffff; }
#footer.amarillo a {color: #e6ff0f;}


#container #content.rosa #form {color: #ff0dc3;}
#container #content.naranja #form {color: #ffa903; }
#container #content.verde #form {color: #0fff4d; }
#container #content.azul #form {color: #00ffff; }
#container #content.amarillo #form {color: #e6ff0f;}

#container #content.two_columns_same #form p { color: #fff; font-size: 1.1em; padding-bottom: 3px;}
#container #content .note {
  background: #ff0dc3;
  padding: 4px;
  font-size: 1.2em;
  margin: 1px 2px 3px 0;
}


#container #content.verde .note {
  background: #0FFF4D;
}

#container #content .note p {
  margin: 0;
  padding: 0;
}
#container #content .note a { color: #000; }

/* distribution */
#container #content .distribution {
  float: right;
  width: 898px;
}
#container #content .two_columns #cont_content {
  padding: 0;
  background: none;
  width: 600px;
  border: 0;
}

#container #content .two_columns.distribution #cont_content {
  padding: 0;
  background: none;
  width: 598px;
  border: 0;
}

#container #content #cont_content.staff {
  padding: 0;
  background: none;
  width: 599px;
  border: 0;
}

#sidebar {
    float:right;
    width: 297px;
}
#container #content .distribution #form {
  padding: 0;
  border: 0;
  width: 298px;
}
#container #content .distribution .note { 
  background: #FFA903; 
  color: #000;
  font-size: 1em;
  padding: 10px; 
  margin: 0px 0px 0px 0px   ;
}
#container #content .distribution #form h3,
#container #content .distribution h3 {
  color: #000;
  font-weight: normal;
  font-size: 10px;
  padding: 5px;
  margin: 0 0 2px 0;
  background: #FFA903; 
}

#container #content .small_column_one h3,
#container #content .small_column_two h3 {
  color: #000;
  font-weight: normal;
  font-size: 10px;
  padding: 5px;
  margin: 0 0 2px 0;
}
#container #content.rosa .small_column_one h3,
#container #content.rosa .small_column_two h3 {
  background: #ff0dc3;
}
#container #content.verde .small_column_one h3,
#container #content.verde .small_column_two h3 {
  background: #0FFF4D;
}
#container #content #cont_content .small_column_one {
  float: left;
  width: 298px;
  background: #000;
  margin-right: 2px;

}
#container #content #cont_content .small_column_one,
#container #content #cont_content .small_column_two {
  float: left;
  width: 298px;
  background: #000;
  margin-right: 2px;

}
#container #content .distribution #cont_content .small_column_two {
  float: right;
  width: 298px;
  background: #000;
  margin:0 0 0 0;

}

#container #content #cont_content .small_column_two {
  float: right;
  width: 299px;
  background: #000;
  margin:0 0 0 0;

}

#container #content #cont_content .small_column_one .noticia,
#container #content #cont_content .small_column_two .noticia { width: 268px; margin: 4px auto;}
#container #content #cont_content .scroll {
  height: 995px;
  overflow: auto;
  border:1px solid #525252;
}

#container #content #cont_content .scroll.staff {
  height: 635px;
}
#container #content #cont_content .small_column_one_one .scroll,
#container #content #cont_content .small_column_one_two .scroll {
  height: 648px;
  overflow: auto;
  border:1px solid #525252;
}

#container #content #cont_content .small_column_one_one.beliowebsites .scroll{
    height: 520px;
}

#container #content #cont_content .small_column_two.beliolinks .scroll {
  height: 1195px;
}
/* music label */

#container #content #cont_content.music_label {
  border: 0;
}
#container #content .noticia_music_label {
  overflow: hidden;
  margin: 0;
  background: #000000;
  border: 1px solid #525252;
  width: 598px;
  margin: 0px 0 2px 0;
}
#container #content .noticia_music_label_content {
    width: 575px;
    margin: 10px;
    overflow: hidden;
}

#container #content .noticia .noticia_content .lista_mp3 {
    width: 100%;
}

#container #content .noticia .noticia_content .lista_mp3 img {
  float: left;
  margin-right: 23px;
}

#container #content .noticia .noticia_content .lista_mp3 ul {
    display: block;
}

#container #content .noticia .noticia_content .lista_mp3 ul.w_images {
    margin-left: 130px;
}

#container #content .note_music_label {
  background: #000 url("../images/bg_note_music_label.jpg") no-repeat top left;
  padding: 3px;
  font-size: 1.2em;
  margin: 0 0 2px 0;
  position: relative;
  border: 1px solid #525252;
  width: 592px;
}
#container #content .note_music_label div.content {
  color: #fff;
  font-size: .85em;
  margin-left: 42px;
  margin-right: 15px;
  margin-top:25px;
}

/* products */
#container #content #product_menus {
  float: left;
  width: 300px;
} 
#container #content .products {
  float: right;
  width: 597px !important;
  border: 1px solid #525252;
  background: #000;
  overflow: hidden;
}
#container #content #product_menus .product_cat {
  width: 92px;
  float: left;
  margin-right: 2px;
}
#container #content #product_menus .libros { width: 101px; }
#container #content #product_menus .otros { width: 101px; margin: 0; }
#container #content #product_menus .product_cat ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#container #content #product_menus .product_cat ul li a { 
  display: block;
  border: 1px solid #525252;
  width: 80px;
  background: #282828;
  padding: 4px 5px;
  margin-bottom: 2px;
  color: #525252;
  overflow: hidden;
}
#container #content #product_menus .libros ul li a,
#container #content #product_menus .otros ul li a { 
  width: 89px;
}
#container #content #product_menus .product_cat ul li a:hover,
#container #content #product_menus .product_cat ul li a.active,
#container #content #product_menus .product_cat ul li.active a {
  color: #FF0DC3;
  border: 1px solid #FF0DC3;
} 
#container #content #product_menus .product_cat h3 {
  color: #000;
  font-weight: normal;
  font-size: 10px;
  padding: 5px;
  margin: 0 0 2px 0;
  background: #FF0DC3;
}

.gallery_img {
    margin: 3px auto;
    max-width: 500px;
    width:expression(document.body.clientWidth > 500? "500px": "auto" );
}


.assetpub img {
    border:1px solid #CCC;
    float: left;
    margin: 4px;
    
}

h2.separator {
    margin:15px auto 4px auto;
    width:268px;
    font-size: 1.4em;
}


.pub_paging {
    display: block;
    text-align: center;
    padding: 1em;
    color: #CCC;
}

.pub_paging div {
    display: inline;
}

.pub_paging a {
    display: inline;
}

#container #content .distros strong,
#container #content .distros strong a {
    font-weight: normal;
    color: #FFFFFF;
    background: #000000;
}


#footer {
    padding: 20px 0 40px 95px;
    clear: both;
}

#footer p {
    margin: 0;
    padding: 0;
}

.btit {
    border:1px solid #FF0DC3;
    color:#FF0DC3;
    background:#323232 none repeat scroll 0 0;
    padding:3px;
}
.btit h2 {
    font-size:1em;
    margin:0;
    padding:0;
}


.homephotos img {
    width: 245px;
}

.homevideos object,
.homevideos embed {
    width: 245px !important;
    height: 184px !important;
}

.homelinks h3, .homelinks .btit, 
.homevideos h3, .homevideos .btit,
.homephotos h3, .homephotos .btit {
    margin-bottom: 7px !important;
}

.homelinks,
.homelinks a,
.homelinks .btit h2 {
    color: #FF8D0D !important;
}

.homelinks .btit {
    border-color: #FF8D0D;
} 

.homephotos,
.homephotos a,
.homephotos .btit h2 {
    color: #FFE303 !important;
}

.homephotos .btit {
    border-color: #FFE303;
}

.homevideos,
.homevideos a,
.homevideos .btit h2 {
    color: #66FF0D !important;
}

.homevideos .btit {
    border-color: #66FF0D;
}