/*
**** Default
*/
* { margin: 0; padding: 0; }
html,body { height: 100%; width:100%; font-size: 12px; color: #515151; font-size: 12px; font-family: Tahoma;}
a,a:visited { text-decoration: underline; color: #454545; }
a:hover { color: #338ed8; }
img { border: 0px; vertical-align: bottom;} 
table { border-collapse: collapse; }
table td { font-size: 12px; font-family:Tahoma;}
h1 { font-size: 2em; margin: 0 0 15px 0; color: #404040; }
h2 { font-size: 1.7em; margin: 0 0 15px 0; }
h3 { font-size: 1.5em; margin: 0 0 15px 0; }
h4 { font-size: 1.2em; margin: 0 0 15px 0; }
h5 { font-size: 1em; margin: 0 0 15px 0; }
:focus { outline: 0px; }
.clear { height: 1px; line-height: 1px; font-size: 1px; clear: both;}
p { margin: 0 0 12px 0; }

.a_not_underline {text-decoration: none;}

/*
**** Wrap style
*/

#wrap { min-height: 100%; height: auto!important; height: 100%; position: relative; min-width: 980px;}
#main { padding: 0 0 70px 0 }

.all-wrap { width: 90%; margin: 0 auto; min-width: 980px; max-width: 1400px;}

/*
**** Panel style
*/

.panel 			{ background-color: #404040; height: 35px;  }
.panel .in 		{ min-width: 956px; height: 35px; background: url('/img/main/bg-panel-left.gif') no-repeat left top; margin: 0 auto; position: relative; width: 90%; max-width: 1400px;}
.panel .in2		{ background: url('/img/main/bg-panel-right.gif') no-repeat right top; height: 35px;  }	
.panel .social	{ position: absolute; top: 11px; left: 0px; }
.panel .social a,
.panel .social a:visited 	{ margin: 0 10px 0 0; color: #fff; font-size: 12px; }
.panel .social a:hover 	{ text-decoration: none; color: #fff; }
.panel .form 			{ position: absolute; right: 80px; top: 7px; }
.panel .form a,
.panel .form a:visited	{ font-size: 12px; color: #fff; margin: 0 18px 0 0 }
.panel .form a:hover		{ text-decoration: none; color: #fff; }
.panel .form a.small,
.panel .form a.small:visited	{ font-size: 11px; margin: 0 0 0 10px; }
.panel .form a.small:hover	{  }
.panel .form form {  }
.panel .form form input.text	{ background: #252525; border: 0px; width: 125px; padding: 2px 5px; font-size: 11px; color: #999; margin: 0 0 0 12px}
.panel .form form .input-send	{ display: inline-block; //display: inline; zoom: 1; background: url('/img/main/button.gif') no-repeat left top; margin: 0 0 0 7px}
.panel .form form .input-send input { font-size: 10px; color: #fff; font-family: Tahoma; background: none; border: 0px; padding: 2px 12px 1px 19px; cursor: pointer; } 


/*
**** Header style
*/

.header 			{ position: relative; height: 110px; margin: 0 auto;}
.header .logo 	{ position: absolute; left: 0; top: 10px; }
.header .banner 	{ position: absolute; right: 12px; top: 10px; background: #FFFFFF; width: 728px; height: 90px;  }

/*
**** Navigation style
*/

#navigation  	{ height: 39px; background: #4f8dc2 url('/img/main/nav-bg.gif') repeat-x left top; padding: 0 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; behavior: url(js/PIE.htc);}
#navigation ul 	{ list-style: none; margin: 0; padding: 0; height: 39px;}
#navigation ul li 	{ float: left; margin: 0; padding: 0; height: 39px; line-height: 36px; color: #fff; position:relative; zoom:1; z-index: 1}
#navigation ul li a, #navigation ul li a:visited { display: block; float: left; padding: 0 15px; line-height: 36px; height: 39px; color: #fff; background: url('/img/main/li.png') no-repeat left center; margin-left:-2px;}
#navigation ul li.active { z-index: 2; }
#navigation ul li a:hover,
#navigation ul li.active a,
#navigation ul li.active a:visited { background: #4f4f4f!important; z-index:2; }
#navigation ul li:hover{ z-index: 2; } 
#navigation ul li.first a,
#navigation ul li.first a:visited  { background: none; }
#navigation ul li.first a:hover { background: #4f4f4f; }
#navigation .ico { position: absolute; right: 20px; top: 10px; }


#navigation2  	{ height: 39px; background: #4f8dc2 url('/img/main/nav-bg.gif') repeat-x left top; width: 435px; padding: 0 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; behavior: url(js/PIE.htc);}
#navigation2 ul 	{ list-style: none; margin: 0; padding: 0; height: 39px;}
#navigation2 ul li 	{ float: left; margin: 0; padding: 0; height: 39px; line-height: 36px; color: #fff; position:relative; zoom:1; z-index: 1}
#navigation2 ul li a, #navigation ul li a:visited { display: block; float: left; padding: 0 15px; line-height: 36px; height: 39px; color: #fff; background: url('/img/main/li.png') no-repeat left center; margin-left:-2px;}
#navigation2 ul li.active { z-index: 2; }
#navigation2 ul li a:hover,
#navigation2 ul li.active a,
#navigation2 ul li.active a:visited { background: #4f4f4f!important; z-index:2; }
#navigation2 ul li:hover{ z-index: 2; } 
#navigation2 ul li.first a,
#navigation2 ul li.first a:visited  { background: none; }
#navigation2 ul li.first a:hover { background: #4f4f4f; }
#navigation2 .ico { position: absolute; right: 20px; top: 10px; }

/*
**** Expand style
*/

#expand { margin: 15px 10px; }
#expand .title { background-color: #404040; height: 34px; line-height: 32px; padding: 0 10px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; position: relative; behavior: url(js/PIE.htc); }
#expand .title span { border-bottom: 1px dashed #fff; font-size: 14px; color: #fff; cursor: pointer}
#expand .title span:hover { border-bottom: 0px; }
#expand .title i { position: absolute; right: 15px; top: 10px; cursor: pointer}
#expand .inse {  padding: 10px; background-color: #eaeaea; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(js/PIE.htc); }
#expand .inse ul { list-style: none; margin: 0; padding: 0; float: left; width: 16%; }
#expand .inse ul li { padding: 0 2% 0 0; margin: 0 0 3px 0}


/*
**** content style
*/

.content 		{ margin: 0 10px; }
.margin-left 	{ margin-left: 178px;}
.margin-right 	{ margin-right: 178px;}

.contet-side .b-block p { padding: 0 5px; }

.padding-in { padding: 25px 0 0 0; }



.inline-left { margin: 0 0 15px 0; width: 47%; display: inline-block;//display: inline; zoom:1; vertical-align: top; }
.inline-right { margin: 0 0 15px 2%; width: 50%; display: inline-block;//display: inline; zoom:1; vertical-align: top; }

.news-block { padding: 0 5px;}
.news-block .news { padding: 0 0 12px 0; margin: 0 0 8px 0; background: url('/img/main/sp-news.gif') repeat-x left bottom; overflow:hidden;}
.news-block .news .date { font-size: 14px; color: #404040; margin: 5px 0; }
.news-block .news .link { margin: 0 0 5px 0; }
.news-block .news .link a,
.news-block .news .link a:visited { color: #338ed8; font-size: 12px; }
.news-block .news .link a:hover { text-decoration: none; }
.news-block .last-news { margin: 0; padding: 0; background: none; }
.box_foto { margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;}


.block-money 	 { border: 1px solid #5aa5de; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  padding: 10px; margin-top: 10px; overflow:hidden; behavior: url(js/PIE.htc);}
.block-money p 	 { width: 290px; font-size: 11px; color: #515151}
.block-money .mn  { float: right; background: url('/img/main/money.jpg') no-repeat 7px top; padding: 7px 0 2px 70px; color: #338ed8; font-size: 12px; width: 215px;}
.block-money .fsm{ float: right; width: 285px; clear: right; margin: 5px 0 0 0;}
.block-money .fsm input.text { border: 1px solid #474747; color: #404040; font-size: 14px; padding: 2px; width: 50px;}
.block-money .fsm input.send { background: url('/img/main/bt-s.gif') repeat-x left top; border: 0px; cursor: pointer; width: 100px; padding: 3px; color: #fff; font-size: 14px; margin: 0 0 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(js/PIE.htc);}

.contet-side h1 { font-size: 25px; font-weight: normal; }
.contet-side h2 { color: #338ed8; font-weight:normal; margin: 15px 0 5px 0}

.info-block { float: left; width: 25%;}
.info-block h2 { margin: 0 0 5px 0; font-size: 1.4em  }

.info-block .in { padding-right: 25px; }


.step { margin: 20px 0 20px 20px; padding: 0; }
.step li { margin: 0 0 15px 0; padding: 0; color: #515151; font-size: 16px; }
.step li img { border-top: 10px solid #fff; }


.page { color: #338ed8; font-size: 12px; }
.page a,
.page a:visited,
.page span { margin: 0 5px; }

.page a,
.page a:visited { text-decoration: none; }


.list-clips { margin: 20px 0 20px -3%; padding: 0; list-style: none; }
.list-clips li { width: 30%; display: inline-block; vertical-align: top; //display: inline; zoom: 1; margin: 0 0 15px 3%; padding: 0 0 15px 0; border-bottom: 0px solid #404040;}
.list-clips li.border { border-bottom: 1px solid #404040;}
.list-clips li div.img { float: left; width: 100px; }
.list-clips li div.cnt { margin: 0 0 0 110px; }


.b-desc-clip .img { width: 235px; float: left;  }
.b-desc-clip .img .big-img  { margin: 0 0 8px 0; }
.b-desc-clip .img .small-img ul { list-style: none; margin: 0 0 0 -3px; padding: 0; }
.b-desc-clip .img .small-img ul li { display: inline-block;//display: inline; zoom: 1; margin: 0 0 8px 3px;}
.b-desc-clip .desc { margin: 0 0 0 260px; width: 50%;}
.b-desc-clip .artist_lang { margin: 0 0 0 260px; float: right;}


.list-news { margin: 20px 0 20px -2%; padding: 0; list-style: none; }
.list-news li { width: 47%; display: inline-block; vertical-align: top; //display: inline; zoom: 1; margin: 0 0 15px 2%; padding: 0 0 15px 0; border-bottom: 0px;}
.list-news li.border { border-bottom: 1px solid #404040;}
.list-news li div.img { float: left; width: 120px; padding:0 10px;}
.list-news li div.cnt { margin: 0 0 0 110px;   }
.list-news li div.cnt .date { margin: 10px 0; color: #338ed8; font-size: 14px; font-weight: bold; }
.one-news {width: 800px; float: left; }
.one-news .date { margin: 10px 0; color: #338ed8; font-size: 14px; font-weight: bold; }

.artist-list {width: 80%; float: left; }
.artist-list .date { margin: 10px 0; color: #338ed8; font-size: 14px; font-weight: bold; }

.b-desc-clp .left { margin-right:20%; }

.b-desc-clp .right { float: right; width: 180px; }
.b-desc-clp .right .b-block ul.clips { padding: 10px 15px 4px 15px; background-color: #eaeaea;}

.clips-info th { white-space: nowrap; }
.clips-info th a,
.clips-info th a:visited { color: #fff; }
.clips-info th a:hover { text-decoration: none }
.clips-info .lyrics { text-align: left; background-color: #DDDDDD; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;}

.clips-info th ,
.clips-info td { padding-right: 5px; height: 32px; vertical-align: middle; text-align: center;}


.clips-info th div { padding: 5px 10px; text-align: center; height: 32px; vertical-align: middle;}

.clips-info th div { background-color: #404040; font-weight: normal; color: #fff; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; position: relative; behavior: url(js/PIE.htc);}


.clips-info td .on {background-color: #eaeaea}
.clips-info td .off {background-color: #111111}

.clips-info tr.off td {background-color: #eaeaea}
.clips-info tr.on td {background-color: #FFFFFF}
.clips-info tr.off2 td {background-color: #CCCCCC}

a.alp_enter,a.alp_enter:visited { text-decoration: none; font-size:12px; color: #000000  }
a.alp ,a.alp :visited { text-decoration: none; color: #338ed8; }

/*
**** sideBar style
*/

#sidebarL 		{ float: left; width: 150px; }
#sidebarR 		{ float: right; width: 150px;}
#sidebarRArtistOne      { float: right; width: 150px; margin: 0 100px 0 20px;}

.b-block {}
.b-block .title 	{ background-color: #404040; height: 34px; line-height: 34px; padding: 0 10px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; position: relative; margin: 0; color: #fff; font-size: 14px; behavior: url(js/PIE.htc);}
.b-block .title a,
.b-block .title a:visited { color: #fff; font-size: 14px; }
.b-block .title a:hover	 { text-decoration: none; }
.b-block ul.clips 		 { list-style: none; margin: 0; padding: 10px 0 0 0; }
.b-block ul.clips li 		 { margin: 0 0 25px 0; padding: 0; }
.b-block ul.clips li.last	{ margin-bottom: 0px; }
.b-block ul.clips li .img 	 { margin: 0 0 10px 0; }
.b-block ul.clips li p 		 { margin: 0 0 10px 0; }
.b-block ul.list-forum 	 { list-style: none; margin: 0 0 0 10px; padding: 0; }
.b-block ul.list-forum li 	 { margin: 0 0 5px 0; padding: 0; }
.b-block ul.list-forum li a,
.b-block ul.list-forum li a:visited  { background: url('/img/main/bullet.gif') no-repeat left center; padding: 0 0 0 10px; }
.b-block ul.list-forum li a:hover 	 { background: url('/img/main/bulleta.gif') no-repeat left center; padding: 0 0 0 10px;}
.b-block .inse 			 { padding: 10px; background-color: #eaeaea; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(js/PIE.htc); position: relative;}
.b-block .inse ul 		 { list-style: none; margin: 0 0 0 -15px; padding: 0; }
.b-block .inse ul li		 { display: inline-block; //display: inline; vertical-align: top; zoom: 1; width: 100px; margin: 0 0 0 15px; }
.b-block .inse ul li .img	 { margin: 0 0 5px 0; }
.no-margin .title		 { margin: 0;  }


/*
**** New and top clips
*/

.v-block { position: relative; }
.v-block-item { float: left; font-size: 11px; border: 2px solid #FFF; margin: 0 24px 19px 0; width:150px; height:150px; }
.v-block-item .img { margin: 0 0 5px 0; }

/*
**** Block clips info
*/

.block-clips { overflow:hidden; background-color: #000; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius:0 5px 5px 0;behavior: url(js/PIE.htc); margin-bottom: 20px;}
.block-clips .photo-clips { margin-right: 20% }
.block-clips .photo-clips .images { overflow:hidden; }
.block-clips .photo-clips .images div { float: left; width:  280px; height: 210px; padding: 5px 0 5px 10px; position: relative;  overflow:hidden; }
.block-clips .photo-clips .images a{ display: block; width: 280px; height: 210px; position: relative; }
.block-clips .photo-clips .images a .loupe { position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; margin: -8px 0 0 -8px; display: none;}
.block-clips .photo-clips .images a:hover .loupe { display: block; }
 
.block-clips .info-block { float: right; width: 20%; padding: 20px 0; margin: 0 10px 0 0}
.block-clips .info-block .info-item { overflow:hidden; zoom:1; margin-bottom: 5px;}
.block-clips .info-block .info-item span { color: #58b2fb; font-size: 12px; display: block; margin-left: 90px;}
.block-clips .info-block .info-item span.label { font-size: 11px; color: #565656;  width: 80px;  text-align: right; float: left; margin-left: 0px;}
.block-clips .info-block .info-item span.flag { margin-top: 2px; }
.block-clips .info-block .info-item span a,
.block-clips .info-block .info-item span a:visited { color: #fff; }
 
/*
 Block search
*/

.flag a { margin-right: 2px; }
.left-search { width: 490px; float: left;}
.left-search { margin: 20px 0 0 0; }
.left-search .genre{ background: url('/img/main/kb.gif') no-repeat 5px 4px; padding: 2px 0 2px 25px; float: left; margin-right: 20px;}
.left-search .genre select { width: 158px; border: 1px solid #7f9db9; }

.left-search .video{ background: url('/img/main/tel.gif') no-repeat 5px 4px; padding: 2px 0 2px 25px; float: left;margin-right: 20px; }
.left-search .video select { width: 105px; border: 1px solid #7f9db9; }

.left-search .type{ background: url('/img/main/type.gif') no-repeat 5px 4px; padding: 2px 0 2px 25px; float: left; }
.left-search .type select { width: 85px; border: 1px solid #7f9db9; }

.left-search .all{ padding: 2px 0 2px 0; float: left; margin-top: 10px; margin-right: 20px; }
.left-search .all select { width: 110px; border: 1px solid #7f9db9; }

.left-search .field { width: 295px; float: left; margin: 12px 15px 0 0; }
.left-search .field input { width: 295px; border: 1px solid #7f9db9; padding: 1px 0;  }

.search-btn { float: left; width: 17px; height: 16px; margin-top: 14px; }
.search-btn input{ border:0px; background: url('/img/main/search-btn.gif') no-repeat left top; height: 16px; width: 17px; cursor: pointer}

.help_icon { border:0px; height: 32px; width: 32px; cursor: pointer;  margin-top: -33px; margin-right: -25px; float: right;}
.favorites_icon { border:0px; height: 32px; width: 32px; cursor: pointer;  margin-top: -33px; margin-right: -65px; float: right;}


.right-search { width: 470px; float: left; margin: 20px 0 0 0; text-align: center; }
.right-search-artist { width: 420px; float: left; margin: 20px 0 0 0; text-align: center; }

.info-block-search { margin-top: 15px; font-size: 14px;}
.info-block-search div { float: left; }
.info-block-search div.one { margin-right: 35px; color: #404040;  }
.info-block-search div.one span { color: #338ed8 }

.info-block-search div.two { color: #404040;  }
.info-block-search div.two span { color: #338ed8; }
.info-block-search div.two span { margin-right: 10px; }
.info-block-search div.two span.fr { margin-right: 10px;  }
.info-block-search div.two a{ margin-right: 10px; }



/*
**** Footer style
*/

#footer { height: 50px; width: 100%; position: absolute; left: 0px; bottom: 0px; background-color: #404040 }
#footer .in { height: 50px; position: relative; margin: 0 auto;min-width: 956px; width: 90%; max-width: 1400px;}
.liveinternet { position: absolute; left: 10px; top: 9px; }
.copyright { position: absolute; left: 110px; top: 18px; }
.copyright a,        
.copyright a:visited { color: #fff; font-size: 11px; }
.copyright a:hover { text-decoration: none }
.nav-bottom { color: #808080; font-size: 11px; width: 630px; margin: 0 auto; padding: 18px 0 0 0;}
.nav-bottom a,       
.nav-bottom a:visited { font-size: 11px; color: #808080; }
.nav-bottom a:hover { text-decoration: underline; color: #fff; }
.ico { position: absolute; right: 10px; top: 16px; }
.ico a,
.ico a:visited { margin: 0 0 0 5px; }

#slider-code { height: 125px; overflow:hidden; }
#slider-code .viewport {width: 85%; height: 125px; overflow: hidden; position: relative;  margin: 0 auto;}
#left_btn {position: absolute; top: 60px; width: 20px; height: 20px; left: 5%;}
#right_btn {position: absolute; top: 60px; width: 20px; height: 20px; right: 5%;}
#slider-code .next { margin: 0;}
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 100px; text-align: center;}


.button_image {float: left; padding: 4px 5px 2px 0px;}