/*
 * ===================
 * RESET AND GENERAL
 * ===================
 */
body{ font:12px/20px Helvetica, Arial, sans-serif; color: #333; background-color: #F0F0F0;  } 
a { color: #0D549A; text-decoration: underline;  } 


/*
 * ===================
 * TABLE
 * ===================
 */
table { border: 1px solid #DEDEDE; border-spacing: 0; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #EDEDED, 0px 5px 2px #999;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
table tbody tr, table tbody tr.even, table tbody tr:nth-child(odd).even { background: #E9E9E9; }
table tbody tr:nth-child(odd), table tbody tr.odd, table tbody tr:nth-child(even).odd { background: #fff; }
table td, table th { border:none; text-align: left; }
table th { background: #EDEDED; }
table a {color:#333;}


/*
 * ===================
 * FORMS
 * ===================
 */
fieldset { border: none; box-shadow: 2px 2px 0 #E3E3E3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #FFF;}
fieldset legend { border:none; background: #FFF; font-weight: bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
select { border: 1px solid #CCC; font-size: 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
textarea, input[type="text"] { border: 1px solid #CCC; font-size: 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
label {font-weight: bold;}
label .obrigatorio { color: #F00; font-family: monospace; }

input.button { padding-left:10px !important; cursor:pointer;}
.button {
	background-color:#3bb3e0;
	font-size:12px;
	line-height:20px;
	border:0px;
	margin-bottom: 5px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding: 3px 10px 3px 30px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 2px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 2px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 2px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 2px #999;
}

.button:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;

}

.button::before {
	background-color: #2591B4;
	text-align:center;
	font-weight: normal;
	font-size: 10px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	left: 5px;
	top: 50%;
	padding: 0px;
	margin-top: -8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.button:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.button.disabled {
	color: #999;
	font-style:italic;
	background-image: linear-gradient(bottom, rgb(190,190,190) 0%, rgb(250,250,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(190,190,190) 0%, rgb(250,250,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(190,190,190) 0%, rgb(250,250,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(190,190,190) 0%, rgb(250,250,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(190,190,190) 0%, rgb(250,250,250) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(190,190,190)),
	color-stop(1, rgb(250,250,250))
	);
	-webkit-box-shadow: inset 0px 1px 0px #FAFAFA, 0px 2px 0px 0px #BEBEBE, 0px 5px 2px #999;
	-moz-box-shadow: inset 0px 1px 0px #FAFAFA, 0px 2px 0px 0px #BEBEBE, 0px 5px 2px #999;
	-o-box-shadow: inset 0px 1px 0px #FAFAFA, 0px 2px 0px 0px #BEBEBE, 0px 5px 2px #999;
	box-shadow: inset 0px 1px 0px #FAFAFA, 0px 2px 0px 0px #BEBEBE, 0px 5px 2px #999;
}

.button.disabled::before {
	background-color: #F2F2F2;
	font-style:normal;
	-webkit-box-shadow: inset 0px 1px 0px #FAFAFA, 0px 1px 0px #BEBEBE;
	-moz-box-shadow: inset 0px 1px 0px #FAFAFA, 0px 1px 0px #BEBEBE;
	-o-box-shadow: inset 0px 1px 0px #FAFAFA, 0px 1px 0px #BEBEBE;
	box-shadow: inset 0px 1px 0px #FAFAFA, 0px 1px 0px #BEBEBE;
}

.button.disabled:active {
	top:0;
}
.button.disabled:active::before {
	top:0;
	margin-top:5px;
}

/* ===================
 * BUTTONS & ICONS
 * ===================
 */
.icon { background: url(../img/sprite-azul.png)  no-repeat; }
a.x_alt, a .x_alt { color: #F00; }


/*
 * ===================
 * TIMER
 * ===================
 */ 
.pires-timer { background: white; border: 1px solid #666; } 
.pires-timer li a { text-decoration: none; color: #000; font-weight: normal; } 
.pires-timer li a:hover { background: #E7EBF0; }  


/**
 * ===================
 * DIÁLOGOS
 * ===================
 */
.fancybox-inner h3 span { font-weight: normal;}



/*
 * ===================
 * PAGE HEADER
 * ===================
 */
#container > header { background: #00487d; /* Old browsers */ background: -moz-linear-gradient(top,  #00487d 0%, #0067b3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00487d), color-stop(100%,#0067b3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #00487d 0%,#0067b3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #00487d 0%,#0067b3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #00487d 0%,#0067b3 100%); /* IE10+ */ background: linear-gradient(top,  #00487d 0%,#0067b3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00487d', endColorstr='#0067b3',GradientType=0 ); /* IE6-9 */ }
#container > header h1 { color: #8CCEFF; font-size: 20px; }
#container > header ul a { color: #FFF; }
#container > header ul a:hover {text-decoration:none;}
#container > header ul a.disabled { font-style: italic; color: #999999; cursor: default;}

.rightsided .right { background-color: #D2D2D2;}


/*
 * ===================
 * TIPOS DE ATIVIDADES
 * ===================
 */
.color-box { border: 1px solid #000; }

/*
 * ===================
 * ATIVIDADES
 * ===================
 */
#atividades-grid tr.choque { background-color: #FF9999;}
.ui-menu-item.separator {margin-top: 5px; padding-top:5px; border-top: 1px solid #8CCEFF; border-bottom: 0px;}

/*
 * ===================
 * MENU
 * ===================
 */
.menu { border: 1px solid #000; }
.menu li a {  color: #000; }
.separator { border-bottom: 1px dashed #8CCEFF; }
.separator + li a { color: #999; }

/*
 * ===================
 * EVENT RESUME
 * ===================
 */

.tab > header > ul > li { background: transparent url(../img/bg-menuitem.png) 50% 50% repeat-x; }
.tab > header > ul > li.selected { background: transparent url(../img/bg-menuitem-selected.png) 50% 50% repeat-x; }
.tab > header > ul > li > a { color: #FFF;}
.tab > header > ul > li.selected > a { color: #333;}
.tab > header .dropdown { border-bottom: 1px solid #F0F0F0; }
.tab > header .dropdown:hover { border-bottom: 1px solid #00487D; }
.tab > header .dropdown.selected:hover { border-bottom: 1px solid #E9E9E9; }
.tab > header .dropdown ul { background-color: #00487D; }
.tab > header .dropdown.selected ul { background-color: #E9E9E9; }
.tab > header .dropdown ul li a { color: #8CCEFF;  }
.tab > header .dropdown.selected ul li a { color: #333;  }
.tab > header .dropdown ul li a:hover { color: #FFF; }
.tab > header .dropdown.selected ul li a:hover { color: #0065B0; }
.tab > header a.disabled, .tab > header .dropdown ul li a.disabled, .tab > header .dropdown ul li a.disabled:hover { font-style: italic; color: #CCC;}