/*--- reset ---*/
/*--- reset5 © 2011 opensource.736cs.com MIT ---*/
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, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup,
mark, menu, meter, nav, output, progress, section, summary, time, video {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Open Sans";
	overflow: hidden;
	color: #FFF;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
    display: block;
}

nav ul {
    list-style: none;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

ul ul {
    list-style: circle;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

mark {
    background: none;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input[type=submit], input[type=button], button {
    margin: 0;
    padding: 0;
}

input, select, a img {
    vertical-align: middle;
}

a {
    text-decoration: none;
}

.clear {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    zoom: 1;
}

#switcher {
	height: 50px;
	z-index: 99999;
	position: fixed;
	width: 100%;
	background-color: #000000;
}

#switcher .inner-switcher {
    max-width: 960px;
    padding: 0 20px;
    margin: 0 auto;
}

#switcher .switcher-logo {
    float: left;
    height: 25px;
    margin-top: 12px;
    margin-right: 23px;
}

#switcher #theme_select {
    float: left;
    font-size: 15px;
    line-height: 20px;
    padding: 15px 15px;
    width: 185px;
    color: #cfcfcf;
    background: url('dropdown.png') right center no-repeat #3f3f3f;
    cursor: pointer;
}

#iframe {
    margin-top: 50px;
}

/*#region "theme list"*/
#theme_list {
    margin: 0 auto;
    position: relative;
    float: left;
}

#theme_list ul {
    display: none;
    margin-left: 0;
    list-style: none;
    width: 215px;
    position: absolute;
    top: 50px;
    background: #3f3f3f;
    max-height: 300px;
    overflow-y: hidden;
    overflow-x: hidden;
}

#theme_list ul li {
    padding: 0 15px;
}

#theme_list ul li a {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    color: #cfcfcf;
    border-top: 1px solid #616161;
}

#ouvintes{
    float: left;
    width: 420px;
    padding: 10px;
    display: table;
}

#ouvintes p{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    width: 100%;
    font-size: 13px;
}


/*#endregion*/

/*#region "Control Player*/
#Control_Player {
    margin: 0 auto;
    float: left;
    width: 60px;
    padding-top: 5px;
    padding-right: 10px;
}

/*#endregion*/

/*#region "Info Radio"*/
#info_radio {
	position: relative;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*#endregion*/

.info_radio_ready {
    float: left;
    width: 220px;
    height: 40px;
    margin-top: 5px;
    display: block;
    border-left-width: 2px;
    border-left-color: #cfcfcf;
    border-left-style: solid;
    border-right-width: 2px;
    border-right-color: #cfcfcf;
    border-right-style: solid;
}

.info_radio_ready .info_radio_ready_text {
	margin-left: 35px;
	margin-top: 7px;
}

.info_radio_ready .info_radio_ready_text p {
    font-size: 13px;
    color: white;
}

.info_radio_ready .info_radio_ready_text h1 {
	color: #FFFFFF;
}

/*#region "command button"*/
#command_button {
    float: right;
    font-size: 13px;
    font-weight: bold;
}

#command_button .controlPlayer {
    float: left;
}

#command_button .controlPlayer a {
    display: inline-block;
    padding: 15px 30px 15px 55px;
    line-height: 20px;
    height: 20px;
    background: url('trolley.png') 25px center no-repeat #3f3f3f;
    color: #fff;
}

#command_button .remove_frame {
    float: left;
}

#command_button .remove_frame a {
    display: inline-block;
    padding: 15px 0 15px 55px;
    line-height: 20px;
    height: 20px;
    background: url('cross.png') 25px center no-repeat;
    color: #fff;
}

/*#endregion*/

/*--- tablet ---*/
@media only screen and (max-width: 959px) {
    #switcher .inner-switcher {
        max-width: 768px;
    }
}

/*--- mobile landscape style ---*/
@media only screen and (max-width: 767px) {
    #switcher .inner-switcher {
        max-width: 420px;
    }

    #command_button .purchase a, #command_button .remove_frame a {
        text-indent: -9999px;
        padding: 15px 0;
        width: 30px;
        background-position: center center;
    }
}

/*--- mobile portrait style ---*/
@media only screen and (max-width: 419px) {
    #switcher .inner-switcher {
        max-width: 300px;
        min-width: 300px;
    }

    #command_button {
        float: left;
    }

    #switcher #theme_select {
        width: 115px;
    }
}

/*#region "Player"*/
#player-status {
    position: absolute;
    top: 90px;
    left: 100px;
    width: 180px;
    color: #666;
}

a#player-control-bt {
    display: block;
    width: 42px;
    height: 42px;
    text-indent: -9999px;
}

a.player-on-play {
    background: transparent url(play-pause-radio-bt.png) 0 0 no-repeat;
}

a.player-on-play:hover {
    background: transparent url(play-pause-radio-bt.png) 0 -42px no-repeat;
}

a.player-on-pause {
    background: transparent url(play-pause-radio-bt.png) 0 -84px no-repeat;
}

.tabela {
    width: auto;
    padding: 0;
    margin: 0;
}

/*#endregion*/