/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, /*p, */ blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration:none; color:#FFF; font-family: 'MyriadWebProRegular'; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; margin:0px; padding: 0px; font-size: 14px; color: #fff; /* background: #f5f5f5 url(/images/backgrounds/new/00.jpg) no-repeat center top fixed; */ }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* :focus { outline: 0; }
/* End Browser Reset */

::selection { color: white; background-color: #600E00; }
::-moz-selection { color: white; background-color: #600E00; }


/* Font Declaring */
@font-face {
    font-family: 'MyriadWebProRegular';
    src: url('myriadwebpro-webfont.eot');
    src: url('myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
/*         url('myriadwebpro-webfont.woff') format('woff'), */
         url('myriadwebpro-webfont.ttf') format('truetype'),
         url('myriadwebpro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* End Font Declaring */

/* Clears */
.clear { clear: both; display: block; margin: 0px; padding:0px; height: 0px; line-height: 0px; font-size: 1px; }
.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: block; } 
.clearVertical {  display: block; margin: 0px; padding:0px; height: 0px; line-height: 0px; font-size: 0px; }

/* Publicidade */

#IOL360RON_barraiol { background-color:#EEEEEE; width:100%; height:25px; top:0; overflow:hidden; float:left; z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; }
#top-sponsor { position: absolute; width: 100%;	height: 27px; left: 0px; top: 0px; background: #EEEEEE; } /* Barra Clix */
#mrec {	width: 300px; height: 250px; text-align: center; margin-right:10px;}
#mrec-player {	width: 300px; height: 250px; background: url(/images/bg_mrec.png) no-repeat; text-align: center; padding-top:6px;}
.leaderboard { height: 90px; background: #000; display: none; margin-bottom: 13px; }

/* End Publicidade */

/* Geral */

.img-responsive { display: block; max-width: 100%; height: auto; }

.background {width: 100%; height: 100%; z-index:-4; position:inherit; }

#container { position: absolute; width: 100%; z-index: 100; top: 0px; }
.header { position: relative; margin: 0px auto 0px auto; width: 100%; height:410px;  }
#sponsorTop { height:30px; width:100%; background-color: #EEEEEE; }
#topo { padding: 0; margin: 0 auto; width: 980px; background-color: transparent; height: 390px; text-align:center; }

#nowplaying { width:287px; height:108px; float:right; margin:0px 0px 0px 0px; }
#nowplaying #capa { margin:6px 6px 0px 6px; float:left; text-align:right; width: 95px; height: 95px; border: 0px; }
#nowplaying #onair-play { width: 179px; height:40px; margin:7px 0px 0px 0px; }
#nowplaying #onair-info { width: 179px; padding: 1px; margin: 0px 0px 0px 0px; }
#nowplaying #onair-artist { width: 170px; line-height:20px; font-weight:bold; font-size:16px; color:#FFFFFF; display: table-cell; vertical-align: middle; }
#nowplaying #onair-song { width: 170px; line-height:20px; color:#eae2c3; font-size:13px; display: table-cell; vertical-align: middle; }
#nowplaying #onair-claim { width: 170px; line-height:20px; padding:5px 5px 0px 0px; font-size:13px; font-weight:bold; color:#000000; text-align:right; display: table-cell; vertical-align: middle; }

#content { padding: 0; margin: 0 auto; width: 980px; }

#pagebody { width:980px; /* background: #000000 url(/images/bg_pagecontent.png) repeat-x; */ margin:0px; }

#hp-left-content { float:left; width:635px; height:262px; background-color:#000000; }
#hp-right-content { float:left; width:300px; margin-left:45px; }
#left-content { float:left; width:635px; min-height:500px; background-color:#000000; margin:6px 6px 0px 6px; padding:1px 1px 70px 1px; }
#right-content { float:left; width:312px; margin:6px 9px 0px 9px;  }

.pagecontent { width:980px; /* background: url(/images/bg_leftcontent.png) repeat-y; */}
.pagefooter { width:980px; /* background: url(/images/bg_footer_content.png) repeat-x bottom; */ }

.footer-separator { background: #000000 url(/images/bg_footer_separator.png) repeat-x; height:86px; margin-top:0px; }
#footer-feed { background: #000000 url(/images/bg_footer.jpg) repeat-x; position: relative; margin: 0px auto 0px auto; width: 100%; height:340px; }
#footer-bottom { background-color: #000000; height:50px; }

/* #page-title { padding-left:5px; padding-right:5px; background: url(/images/bg_title.png) no-repeat; width:635px; height:47px;  font-size:24px; display: table-cell; vertical-align: middle; text-transform:uppercase; } */
 #page-title { background-color:#000000; font-size:22px; font-weight:bold; color:#FFFFFF; padding:10px; text-transform:uppercase; }
.midpage-title { padding-left:5px; padding-right:5px; width:635px; height:47px;  font-size:20px; display: table-cell; vertical-align: middle; }
.back-link { padding-left:5px; padding-right:5px; background: url(/images/bg_backlink.png) no-repeat right; width:621px; height:35px;  font-size:14px; display: table-cell; vertical-align: middle; text-align:right; }

#foots { padding-bottom:70px; }

#bott-menu { font-size:16px; margin:10px auto 5px auto; color:#666666; text-align:center; width:980px; word-spacing:50px; }


/* End Geral */

/* Menu */
.menu { height:45px; margin:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:100%; background-color:#000000; }
.menu a { color:#FFFFFF; font-weight:bold; text-transform:capitalize; }
.menu ul { padding: 0px; margin: 0px; background: transparent; width:980px; margin-left: auto; margin-right:auto; position: relative; display: inline-table; }
.menu li { float: left; margin-left: auto; margin-right:auto; display:inline; line-height:45px; display: table-cell; vertical-align: middle; width:159px; text-align:center; border-right: 1px #2a2520 solid; }
.menu li:hover { background-color:#000000; color:#FFFFFF; }
.menu li:hover a { color:#FFFFFF; }
.menu .bigger { float: left; margin-left: auto; margin-right:auto; display:inline; line-height:45px; display: table-cell; vertical-align: middle; width:179px; text-align:center; }

.m-smooth-sep:hover { background-color:#2e2c25; color:#FFFFFF; }
.m-smooth-sep {  }

.submenu:hover ul { display:inherit; z-index:2000;  top:100%; height:auto; top:45px;  }
.submenu ul { display: none; list-style-type: none; width:160px; position: absolute; top: 100%; }
.submenu ul li {display: inline-table; clear:both; overflow:hidden; background-color:rgba(5,5,5,0.8); width:160px; float: none; position: relative; border-right:0px; border-top:1px solid #3c392f; }
.submenu ul li div { overflow:hidden; }
.submenu ul li:hover { background-color:#ad0d09; }

.submenu-normal:hover ul { display:inherit; z-index:2000;  top:100%; height:auto; top:45px;  }
.submenu-normal ul { display: none; list-style-type: none; width:159px; position: absolute; top: 100%; }
.submenu-normal ul li { display: inline-table; clear:both; overflow:hidden; background-color:rgba(5,5,5,0.8); width:159px; float: none; position: relative; border-right:0px; border-top:1px solid #3c392f; }
.submenu-normal ul li div { overflow:hidden; }
.submenu-normal ul li:hover { background-color:#ad0d09; }

.submenu-wide:hover ul { display:inherit; z-index:2000;  top:100%; height:auto; top:45px;  }
.submenu-wide ul { display: none; list-style-type: none; width:404px; position: absolute; top: 100%; margin-left:-98px; }
.submenu-wide ul li { display:inline-table; overflow:hidden; background-color:rgba(5,5,5,0.8); width:200px; float: left; position: relative; border-right:0px; border-top:1px solid #3c392f; margin-left:2px; }
.submenu-wide ul li div { overflow:hidden; border-top:1px solid #3c392f; padding-top:5px; }
.submenu-wide ul li div:hover { background-color:#ad0d09; }
.submenu-wide ul li a { display:block;}
.submenu-wide ul li div.letring-subdestaques:hover { background-color:#ad0d09; }

.subletring { font-weight:normal; font-size:13px; padding:15px 3px 0px 3px; display:block; line-height:normal; height:35px; }
.letring-subdestaques { font-weight:bold; font-size:14px; padding:3px; display:block; background-color:#ad0d09; }
.submenu-content { float:left; width:200px; display: table; text-align:left; padding:5px; }
.submenu-content div { border-right:0px; border-top:1px solid #3c392f;}
.submenu-content div:hover { background-color:#ad0d09; }
.submenu-title { background-color:#1A1A1A; padding:3px; font-size:16px; font-weight:bold; text-align:center; margin-bottom:5px; }
submenu-content .submenu-title:hover { background-color:#1A1A1A; }

/* */


/* Destaques */

ul#destaqueMenu {font-size: 18px; list-style-type: disc; }
ul#destaqueMenu li { text-transform: uppercase; padding: 5px; white-space:nowrap; }
ul#destaqueMenu li a { color:#FFF; }

.destaque-invideo { border: 0px dotted #a4a4a4; margin: 5px; *margin: 0px;  padding: 10px; font-size: 13px; float: left; position: relative; }
.destaque-invideo .videobox { float: left; cursor:pointer; background: transparent url(/images/iconVideoPlay-trans.png) no-repeat center; padding: 0px; border: 1px solid #fff; margin: 0px; width: 600px; height: 400px;}
.destaque-invideo .videobox:hover { background: transparent url(/images/iconVideoPlayhover-trans.png) no-repeat center; width: 600px; height: 400px; float: left; cursor:pointer; }
.destaque-invideo { }
.destaque-invideo h2 { font-size: 15px;  position: relative; }
.destaque-ingallery { width: 600px; clear: both; margin: 0px auto 20px auto; }

.photoGallery { width: 540px;  display: block;clear: both;  margin: 0px auto 10px auto; }
.photoGallery .album-name { float: left;}
.photoGallery ul { list-style: none; padding: 0px; margin: 0px auto 10px auto; clear: both;}
.photoGallery ul li { list-style: none; float: left; width: 130px; height: 80px; overflow: hidden; margin: 1px; padding: 0px; position: relative; z-index: 9999999999; border: 1px solid #373737;}
.photoGallery ul li:hover { border: 1px solid #e9e9e9;}
.photoGallery ul li img {
	width: 180px;
	filter: alpha(opacity=50);
	opacity: .50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.photoGallery ul li img:hover  {
    filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
	-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
	box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
}
/* End Destaques */

/* PLAYER */
#playstuff #onair-info { width: 170px; float: left; padding: 2px; margin:5px 0px 0px 10px; }
#playstuff #onair-artist { width: 170px; font-size:16px; color:#FFFFFF; text-shadow: 2px 2px 2px #000; font-weight:bold;  }
#playstuff #onair-song { width: 170px; font-size:14px; color:#FF0000; text-shadow: 2px 2px 2px #000; margin-top:5px; }

#wmastuff #onair-artist { width: 170px; line-height:28px; color:#FFFFFF; text-shadow: 2px 2px 2px #000; }
#wmastuff #onair-song { width: 170px; font-weight:bold; font-size:16px; line-height:30px; margin-top:2px; color:#FF0000; text-shadow: 2px 2px 2px #000;}
/* d49c0b */
/* END Player */

/* PASSOU */
.passou-artist { line-height:32px; color:#FFFFFF; font-weight:bold; font-size:20px; text-shadow: 2px 2px 2px #000; display: table-cell; vertical-align: middle; text-transform:capitalize; }
.passou-song {  line-height:30px; color:#FF0000; font-size:16px; text-shadow: 2px 2px 2px #000; display: table-cell; vertical-align: middle; text-transform:capitalize; }

/* Fim PASSOU */

/* Artistas */
#artist-bio { line-height:20px; }
#artist-bio a { background-color:#333; font-weight:bold; color:#FFFFFF; }

#formSearchArtists { height: 37px; float: right;}
	
	.autocomplete-w1  
        {   
        	
        	position:absolute; top:-2px; 
        	left:10px; 
        	margin:18px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; font-size: 13px;}
        
    .autocomplete {
        	border-left: 1px solid #494949; 
        	border-right: 1px solid #494949; 
        	border-bottom: 1px solid #494949; 
        	color:#FFFFFF; 
        	background:#181818; 
        	cursor:default; 
        	text-align:left; 
        	max-height:350px; 
        	overflow:auto; 
        	margin:-10px 6px 6px -12px; /* IE6 specific: */ _height:350px;  _margin:10px 0px 0px 0px; _overflow-x:hidden;  min-width: 400px; font-size: 14px;}
        
	.autocomplete .selected { background:#600203; font-size: 14px;}
	.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; font-size: 14px;}
	.autocomplete strong { font-size:16px; font-weight:bold; color:#FF0000; font-size: 13px;}
	        
	#formSearchArtists .textbox { width: 415px; height: 30px; font-size: 16px; border: 3px solid #666666; margin: 15px 0px 0px 0px; float: right; 
	    /*
	    -moz-box-shadow: inset 0 3px 8px #6a6a6a;
		-webkit-box-shadow: inset 0 3px 8px #6a6a6a;
		box-shadow: inset 0 3px 8px #6a6a6a;
*/		position: absolute; left: 210px; top: -16px;
		background: #000 445px 6px; color: #fff; font-size: 18px;
		box-shadow:0 0 9px #121212; -moz-box-shadow:0 0 9px #121212; -webkit-box-shadow:0 0 9px #121212;
	}


.lista-artistas ul { list-style:none; width:615px; }
.lista-artistas li { padding:12px 10px 12px 10px; font-size:16px;  width:608px; border-bottom:1px dotted #666;}

.artistas { height:28px; float:left; width:20px; padding-top:30px; }
#artistas-on { background: url(/images/indice_select.jpg) no-repeat; width:25px; height:28px; }
.artistas-out { height:28px; float:left; width:60px; padding-top:30px; }
#artistas-out-on { background: url(/images/indice_select_out.jpg) no-repeat; width:64px; height:28px; }

div.rot-hpartist { display: none; }
.rot-hpartist { float:left; width:300; padding:6px 6px 6px 6px;  text-align:left; }

/* Fim Artistas */

/* Feedback */

#feed .selectbox { border:0px; color:#DDDDDD; height:22px; width : 232px; margin-bottom:15px; background-color: #2a2a2a; font-family: 'MyriadWebProRegular'; }
#feed select { color:#DDDDDD; background-color:#4f3503; font-family: 'MyriadWebProRegular'; }
#feed input { color:#DDDDDD; font-family: 'MyriadWebProRegular'; }
#feed div.selectbox-wrapper {
  position:absolute;
  width : 230px; 
  margin:1px;
  margin-top:-3px;
  *padding:1px;
  font-size:12px;
  text-align:left;
  overflow: hidden;
  background: #666666;
  z-index:999999
}

#feed div.selectbox-wrapper ul  {
  width: 234px;
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#feed div.selectbox-wrapper ul li.selected { 
  padding: 3px 3px 3px 3px;
  width : 234px;
  background-color: #000000;
}

#feed div.selectbox-wrapper ul li.current { 
  padding: 3px 3px 3px 3px;
  width : 234px;
  background-color: #000000;
}

#feed div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:3px;
  cursor:pointer;
  width: 194px;
  color:#DDDDDD;
  font-size:12px;
}

#sendFeedback input {
	margin: 0px 0px 15px 0px;
	width:230px;
	height: 22px;
	background: #2a2a2a;
	border: 0px;
	color: #DDDDDD;
	font-size: 12px;
	padding-left:2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#sendFeedback textarea {
	font-family: 'MyriadWebProRegular';
	margin: 0px 0px 15px 0px;
	width: 230px;
	height: 60px;
	background: #2a2a2a;
	border: 0px;
	color: #DDDDDD;
	font-size: 12px;
	padding-left:2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}

/* End Feedback */

/* Smooth Forms */
.smoothforms {
	color: #b3b3b3; font-size: 12px; 
	margin: 0px auto 10px auto; width: 600px;
	 
}
.smoothforms fieldset {float: left; border: 1px solid #fff;-moz-border-radius: 3px;
    -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; 
	background: #000; margin-bottom: 20px; 
}
.smoothforms fieldset legend {
	font-size: 15px; 
	padding: 3px 5px 5px 5px; 
	border: 1px solid #fff;
	-moz-border-radius: 3px; 
	background: #000;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px; /* for old Konqueror browsers */
    border-radius: 3px; /* future proofing */
    margin-left: 20px;
}

.smoothforms div.label{
width:100%;
*width: 570px;
display: block;
border-bottom:1px solid #161712;
padding: 10px 0px 10px 0px;
float: left;

}

.smoothforms div.label span{
display: block;
color:#bbb;
float:left;
width:100px;
text-align:right;
padding:5px 20px 5px 0px;
}

.smoothforms div.label span.line{
display: block;
color:#bbb;
float:left;
width:550px;
text-align:left;
padding:5px 20px 15px 5px;
}

.smoothforms input  {
	 background-color: #2A2A2A; padding: 4px;  border: 1px solid #222; color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px; /* for old Konqueror browsers */
    border-radius: 3px; /* future proofing */
}

.smoothforms input:focus { background-color: #4f3503; padding: 4px; border: 1px solid #6E6E6E; color: #fff;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; /* future proofing */
  -khtml-border-radius: 3px; /* for old Konqueror browsers */
}

.smoothforms input.nome { width: 330px;}
.smoothforms input.mail { width: 230px;}
.smoothforms input.morada { width: 300px;}
.smoothforms input.localidade { width: 150px;}
.smoothforms input.bi { width: 150px;}
.smoothforms input.idade { width: 30px;}
.smoothforms input.cpostal { width: 100px;}
.smoothforms input.telefone { width: 100px;}

.smoothforms textarea {
	overflow: auto; background-color: #2A2A2A;  border: 1px solid #222; height: 120px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	font-size: 12px; color: #fff;
	margin: 0px auto 0px auto;
	}
	
.smoothforms textarea:focus {
	overflow: auto; height: 120px; border: 1px solid #6E6E6E; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	font-size: 12px;
	}

.smoothforms select {
	font-size: 12px; background-color: #2A2A2A; repeat; padding: 4px;  border: 1px solid #222; color: #fff; min-width: 250px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px; /* for old Konqueror browsers */
    border-radius: 3px; /* future proofing */
    clear: left;
	}

.smoothforms select:focus { font-size: 12px; background-color: #2A2A2A; padding: 4px; border: 1px solid #6E6E6E; color: #fff; min-width: 250px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; /* future proofing */
  -khtml-border-radius: 3px; /* for old Konqueror browsers */
}

.smoothforms select option {
	font-size: 12px; border: 0px solid #222; color: #fff;
}

.smoothforms .radio {
	background: transparent;
	border: 0px;
}
	
.smoothforms .submit {
	font-size: 12px; 
	font-weight: bold;
	text-transform: uppercase;
	background: #222 url(/images/stripes3.png) repeat; padding: 4px; border: 0px; color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px; /* for old Konqueror browsers */
    border-radius: 3px; /* future proofing */
    float: right;
    margin: 0px 10px 5px 10px;
    clear: both;
}

/* End Smooth Forms */

/* pagination*/
#pagination {
	width: 633px;
	font-size: 11px;
	float: left;
}

#pagination ul{
	padding: 0px;
	margin: 5px 0px 0px 0px;
	float: right;
}

.pagination li {
	margin: 0px 0px 0px 2px;
	list-style-type: none;
	padding: 5px;
	float: left;
	background: #2A2A2A;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}

.pagination li:hover {
	margin: 0px 0px 0px 2px;
	background-color: #7A7A7A;
	list-style-type: none;
	padding: 5px;
	float: left;
	color: #FFFFFF;
	text-align: center;
}

.pagination li.current {
	margin: 0px 0px 0px 2px;
	list-style-type: none;
	background-color: #7A7A7A;
	padding: 5px;
	float: left;
	color: #FFFFFF;
	text-align: center;
}

.pagination li.left {
	margin: 0px 0px 0px 2px;
	list-style-type: none;
	background: #454545;
	padding: 5px;
	float: left;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
}

.pagination li.right {
	margin: 0px 0px 0px 2px;
	list-style-type: none;
	background: #454545;
	padding: 5px;
	float: left;
	color: #FFFFFF;
	font-size: 11px;
}

.pagination li a {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.pagination li a:hover {
	color: #FFFFFF;
}

/* End Pagination */

/* Slider Destaque Grande */
/*
#rotative-features {
	width: 680px;
	height: 250px;
	float: left;
}
*/

#rotative-features {
	width: 635px;
	height: 262px;
	float: left;
}

#slider {
	position:relative;
	/*background:url(/images/loading.gif) no-repeat 50% 50%; */
	z-index: 998;	
}

#slider img {
	position:absolute;
	z-index: 998;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	display:block;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	z-index: 1;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index: 51;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background-color: #000000;
	color:#FFFFFF;
	width:625px;
	padding:5px;
	z-index:89;
	
	font-size:26px;
	
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:42%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:37px;
	height:60px;
	background:url(/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-37px -7px;
	right:10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity: 0.5;
}
a.nivo-prevNav 
{
	background-position:0px -7px;
	left:10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity: 0.5;
}
a.nivo-nextNav:hover {
	background-position:-37px -7px;
	right:10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
}
a.nivo-prevNav:hover
{
	background-position:0px -7px;
	left:10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
}
/* End Slider Destaque Grande */


/* INFO */
#weather { width: 635px;}
#weather-current-image { height: 260px; width: 225px; float:left; }
#weather-current-container { width:195px; padding: 20px 0px 0px 0px; float: left; }
#weather-current-text { width:195px; float:left; padding: 20px 0px 0px 0px; font-size: 30px; font-weight: bold; color: #FF0000; text-shadow: #000000 0px 2px 2px; text-transform:uppercase; padding-left: 10px; }
#weather-current-city { margin:10px 0px 0px 0px; text-align: left; font-size: 26px; font-weight: bold; color: #fff; text-transform:uppercase; padding-left: 10px; text-shadow: #000 1px 1px 1px; }
#weather-current-temperature { margin:10px 0px 0px 0px; text-align: left; font-size: 18px; font-weight: bold; color: #FF0000; padding:3px 0px 0px 20px; }
#weather-current-max { color: #FF0000; font-size: 18px; margin-top:5px; padding:3px 0px 0px 20px; font-weight: bold; }
#weather-current-min { color: #FF0000; font-size: 18px; margin-top:5px; padding:3px 0px 5px 20px; font-weight: bold; }
.weather-current-max-min-text { font-size: 11px; font-weight: normal; }
.weather-current-max-min-temp { clear: right; }

ul#weather-next-days { list-style: none; padding: 0px; margin: 0px 0px 5px 5px; width: 430px; text-align:right; float:right; }
ul#weather-next-days li { width: 420px; margin: 0px; text-align: center; background-color:#181818; margin:2px 0px 2px 0px; float:right; }

.weather-next-day { font-size: 18px; font-weight: normal; text-transform:uppercase; text-shadow: #000 1px 1px 1px; padding-top: 6px; }

ul#weather-distritos { float: left; list-style: none; text-transform: uppercase; font-weight: bold; margin: 20px 0px 20px 0px; padding:0px; width:200px; text-align:right; }
ul#weather-distritos li, ul#weather-distritos li a { text-align: right; padding: 0px; text-shadow: #606060 1px 1px 1px; font-size: 16px; width:200px; line-height: 20px; cursor: pointer; color: #fff; }
ul#weather-distritos li:hover, ul#weather-distritos li:hover a { text-align: right; padding: 0px; width:200px; text-shadow: #000 1px 1px 1px; cursor: pointer; color: #FF0000; font-size:16px; } 
ul#weather-distritos li.selected, ul#weather-distritos li.selected a { text-align: right; padding: 0px; width:200px; line-height: 30px; text-shadow: #000 1px 1px 1px; cursor: pointer;  color: #FF0000; font-size: 16px; }


.head-transito { width:635px; height:58px; background:#CA090C url(/images/sep-red-635.jpg) no-repeat; font-weight:bold; font-size:30px; color:#FFFFFF; padding-left:20px; text-transform:uppercase; display: table-cell; vertical-align: middle; }

.traffic-green-info { background: url(/images/traffic-green.png) no-repeat; width:30px; height:30px; margin:5px; }
.traffic-yellow-info { background: url(/images/traffic-yellow.png) no-repeat; width:30px; height:30px; margin:5px; }
.traffic-red-info { background: url(/images/traffic-red.png) no-repeat; width:30px; height:30px; margin:5px; }

.transito-data { font-size:12px; text-align:center; padding:0px; width:39px; background: url(/images/bg_timetraffic.png) no-repeat; color:#FFFFFF; margin: 5px 3px 3px 3px; }
.transito-local { font-size:14px; font-weight:bold; color:#999999; margin:5px 5px 0px 5px; }
.transito-texto { font-size:13px; margin:0px 5px 5px 5px; }

.opt1 { background:#181818; }
.opt2 { background:#131313; }

/* End Info */

/* Rúbricas */

#rubs { width:625px; padding:5px 0px 0px 5px; }
#rubs ul { width: 625px; margin-left:auto; margin-right:auto; }
#rubs li { font-size:14px; width: 605px; padding:10px; }

/* End Rúbricas */

/* Home */
.hp-sep { background: #000000 url(/images/hp_separator.jpg) repeat-x; position: relative; margin: 0px auto 0px auto; height:47px; width: 100%;}
.hp-meteo { background: #000000 url(/images/hp_meteo.jpg) repeat-x; position: relative; margin: 0px auto 0px auto; height:168px; width: 100%;}
div.rot-artist { display: none; }
.rot-artist { float:left; width:196px; text-align:center; }
 
/* End Home */

/* Facebook Users Like Box */
#likebox-frame {
	width:312px;
	z-index:10;
	overflow: hidden;
	position:relative;
	top:-2px;
	bottom:-7px;
	left:-3px;
	right:-6px;
	margin-left:8px;
	margin-right:-1px;
}
#likebox-frame iframe{
	overflow:hidden;
	position:relative;
	top:-2px;
	bottom:-6px;
	left:-6px;
	right:-7px;
	margin-right:-1px;
}



/* GALERIAS - FOTOS */

.galerias-title {
	width: 605px; font-size: 30px; color: #fff; float: left; padding: 15px; text-transform: uppercase;
}

ul.galerias-albuns {
	 margin: 0px 0px 0px 0px; padding: 0px 0px 10px 2px; 
	 list-style: none; border: 0px solid green; width: 633px; 
	 float: left;
}

ul.galerias-albuns li {
	float: left;
	width: 312px;
	height: 200px;
	padding: 0px 0px 10px 0px;
	margin: 2px;
	text-align: center;
	_margin: 2px;
/*	background: #000; */
	font-size: 16px;	
	color: #fff;
}

ul.galerias-albuns li:hover {
/*	float: left;
	width: 309px;
	padding: 0px 0px 10px 0px;
	margin: 2px;
	text-align: center;
	_margin: 4px;
	background: #fff; 
	color: #000;	
	font-weight: bold;
	*/
}

ul.galerias-albuns li a {
	text-decoration: none;
}

ul.galerias-albuns li h2 {
	padding: 0px; 
	margin: 0px 0px 15px 0px; 
	font-size: 17px;	
}

ul.galerias-albuns li a img{
	float: left;
	padding: 2px;
/*	background: #fff; */
	margin: 0px 0px 15px 0px;
	width: 305px;
	height: 200px;
}

ul.galerias-albuns li a img:hover{
/*	padding: 2px; background: #D79C21; */
} 

.galeria-ingallery-title { font-size: 20px; padding: 10px 0px 10px 10px; background: #000; margin: 0px; float: left; width: 625px; }
.galeria-ingallery { width: 635px; clear: both; margin: 0px auto 20px auto; background: #000; padding: 0px 0px 20px 0px; float: left;}

.galeriaPhotoGallery ul { list-style: none; padding: 0px; margin: 0px 0px 10px 10px; _margin: 0px 0px 0px 8px; clear: both; /* background: #fff; */position: relative;}
.galeriaPhotoGallery ul li { list-style: none; float: left; width: 145px; height: 100px; overflow: hidden; margin: 3px; padding: 0px; position: relative; z-index: 9999; border: 1px solid #373737;}
.galeriaPhotoGallery ul li:hover { border: 1px solid #e9e9e9; }

.galeriaPhotoGallery ul li img {
	width: 185px; filter: alpha(opacity=50); opacity: .50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";position: relative;
}

.galeriaPhotoGallery ul li img:hover  {
    filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
	-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
	box-shadow: inset 0 3px 8px rgba(0,0,0,.24);position: relative;
}

/* GALERIAS - FOTOS */

/* GALERIAS - VIDEOS */

ul.video-gallery {
	width:635px; margin: 0;	padding: 0px 0px 0px 0px; list-style: none;	border: 0px solid green; 
}

ul.video-gallery li {
	float: left; width:635px;  padding: 0px 0; margin: 0px 0px 10px 0px;
}

ul.video-gallery li .invideo {
	border: 0px dotted #a4a4a4; margin: 5px; _margin: 0px; padding: 0px 10px 10px 10px; font-size: 13px; float: left; position: relative; width: 600px; height: 400px; 
}

ul.video-gallery li .invideo .videobox {
	float: left; cursor:pointer; background: transparent url(/images/iconVideoPlay-trans.png) no-repeat center; padding: 0px; border: 0px solid #fff; margin: 0px; width: 600px; height: 400px; 
}

ul.video-gallery li .invideo .videobox:hover {
	background: transparent url(/images/iconVideoPlayhover-trans.png) no-repeat center; width: 600px; height: 400px; float: left; cursor:pointer;
}

ul.video-gallery li h2 {
	margin: 0; padding: 0px 0px 3px 15px; font-size: 16px; position: relative; 
}

/* GALERIAS - VIDEOS */

/* GALERIAS BUTTON */

.gallery-more { width:95px; height: 15px; font-size:13px; float: right; text-transform: uppercase; margin-top: 5px; padding: 5px 5px 5px 5px; white-space:nowrap; border: 1px solid #900f0f; background-color:#ad0507; background:-moz-linear-gradient(100% 100% 90deg, #4b0505, #ad0507); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b0505), to(#ad0507)); text-align: center; text-shadow: #000 1px 1px 1px;}

.gal-caption { position:absolute; left:0px; bottom:0px; background-color: #000000; color:#ff0000; width:295px; padding:10px 5px 10px 5px; z-index:89; text-shadow: 0px 2px 2px #000; font-size:14px; margin:0px 2px 17px 2px; text-align:left;}
/* GALERIAS BUTTON */

/* NEWS */

ul.news {
	width:625px;
	_width: 635px;
	margin: 0;
	padding: 5px 5px 10px 5px;
	_padding: 5px 0px 10px 0px;
	list-style: none;
	background: #000;
}

ul.news li {
	float: left;
	width: 615px;
	padding: 0px 0;
	margin: 5px;
	background: #0D0D0D;
}

ul.news li:hover {
	background: #0D0D0D url(/images/stripes2.png) repeat;
}

ul.news li .content_block {
	padding: 0px 0px 0px 0px; 
	color: #FFF;
	margin: 0px;
	width: 600px;
}

ul.news li .content_block h2 {
	margin: 0px;
	padding: 5px 5px 5px 0px;
	font-size: 20px;	
	color: #FFF;
	float: left;
	width: 415px;
	display: block;	
}

ul.news li .content_block .title {
	margin: 4px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 15px;	
	color: #FFF;
	float: left;
	width: 450px;
	display: block;	

}

ul.news li .content_block p {
	margin: 2px 5px 5px 5px;
	padding: 0px 5px;
	color: #FFF;
	font-size: 12px;		
	font-weight: normal;
	display: block;	
	float: left;
	width: 450px;	
}

ul.news li .content_block h2 a {
	text-decoration: none;
	padding: 5px 10px 5px 5px;
	color: #FFF;
	
}

ul.news li .content_block h2 a:hover {
	text-decoration: none;
	color: #fff;	
	background: #000; padding: 5px 10px 5px 5px;
}

ul.news li .content_block a img{
	padding: 4px 4px 4px 4px;
	border: 0px solid #ccc;
	margin: 0 0px 0 0;
	float: left;
	width: 100px;
	height: 100px;
} 

ul.news li .content_block .dateContainerIndex {
	margin-top: 2px; margin-right: 2px; padding: 1px; float: right; color: #000; font-size: 12px;text-transform: uppercase; font-weight: bold; _width: 30px;
}

ul.news li .content_block .dateContainerIndex .dateBox .dia {
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
}

ul.news li .content_block .dateContainerIndex .dateBox .mes {
	background: red;
	text-align: center;
	margin: 1px;
	padding: 1px 2px 1px 2px;
}

#newsBody {
	width:615px; 
	background: #000; 
	font-size: 12px; 
	color: #fff; 
	padding: 5px 5px 30px 5px; 
	text-align: justify;
}

#newsTitleBody {
	font-size: 18px;
	margin: 0px;
	font-weight: bold;
	background: #000;
	color: #fff;
	padding: 10px 0px 10px 10px;
}

#newsTextBody {
	font-size: 12px;
	padding: 10px 10px 10px 10px;
}

#newsBody .dateContainer {
	margin-top: 2px; 
	margin-right: 2px;  
	background: #000; 
	padding: 1px; 
	float: right; 
	color: #fff; 
	font-size: 12px;
	text-transform: uppercase; 
	font-weight: bold;
}

#newsBody .dateContainer .dateBox .dia {
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
}

#newsBody .dateContainer .dateBox .mes {
	background: red;
	text-align: center;
	margin: 2px;
	padding: 1px 2px 1px 2px;
}

/* News */

.opacity 
{
/*    background-color:#000000;
    opacity:0.4;
    filter:alpha(opacity=40);
*/
background-color:rgba(0,0,0,0.5);
}

.rub-title { background-color:#000000; font-size:22px; font-weight:bold; color:#FFFFFF; padding:10px; text-transform:uppercase; }

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF;
    color: #000000;
    font-family: sans-serif, Verdana;
    font-size: 20px;
    padding: 5px;
    z-index:111;
}


.footer-info ul { display: inline-table; list-style-type: none; width:980px; }
.footer-info ul li {display: inline-table; clear:both; overflow:hidden; width:324px; float: none; height:400px; background-color:rgba(0,0,0,0.5); }


.hp-traffic ul li { display:block; height:150px; background-color:none; width:324px; margin:0px; }


/* VEGAS */
.vegas-loading {
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,0.7);
	background: url(/images/loading.gif) no-repeat center center; /* Loading Gif by http://preloaders.net/ */
	height: 32px;
	left: 20px;
	position: fixed;
	top: 100px;
	width: 32px; 
	z-index: 0;
}

.vegas-overlay {
	background: transparent url(/images/vegas/01.png);
	opacity: 0.5;
	z-index: -1;
/*	margin-top:110px; */
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
    max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
	z-index: -2;
/*	margin-top:110px; */
}

.vegas-overlay,
.vegas-background {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

#pic-fb { background: url(/images/sprite_buttons.png) no-repeat -26px -170px; width:32px; height:32px; display:block; }
#pic-fb:hover { background: url(/images/sprite_buttons.png) no-repeat -26px -206px; width:32px; height:32px; display:block; }

#pic-contacto { background: url(/images/sprite_buttons.png) no-repeat -26px -242px; width:32px; height:32px; display:block; }
#pic-contacto:hover { background: url(/images/sprite_buttons.png) no-repeat -26px -278px; width:32px; height:32px; display:block; }


/* Places Slider */

#places-features {
	width: 455px;
	padding:10px;
}

#placeslider {
	position:relative;
	/*background:url(/images/loading.gif) no-repeat 50% 50%; */
	z-index: 998;	
}

#placeslider img {
	position:absolute;
	z-index: 998;
	top:0px;
	left:0px;
	display:none;
}
#placeslider a {
	display:block;
}
/* Slider */

.nivoSliderPlaces {
	position:relative;
}
.nivoSliderPlaces img {
	position:absolute;
	z-index: 1;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSliderPlaces a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivoSliderPlaces .nivo-slice {
	display:block;
	position:absolute;
	z-index: 51;
	height:100%;
}
/* Caption styles */
.nivoSliderPlaces .nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:transparent;
	color:#FFFFFF;
	width:255px;
	padding:5px;
	z-index:89;
    top:30px;
	left:200px;
	
	font-size:26px;
	
}
.nivoSliderPlaces .nivo-caption p {
	padding:5px;
	margin:0;
}
.nivoSliderPlaces .nivo-caption a {
	display:inline !important;
}
.nivoSliderPlaces .nivo-html-caption {
    display:none;
}

/* End Slider Destaque Grande */