@import url("topo.css");
@import url("rodape.css");

* {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 10pt;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #FFFFFF;
	border: 0;
}

body {
	background:#000000;
	width: 940px;
	margin:90px auto 0;
}

h1{
    width:170px;
    height:66px;
    position:absolute;
    right:20px;
    top:25px;
}

#menu{
    background: url(../images/padrao/bg_menu.png) no-repeat center top #808283;
    width:940px;
    height:136px;
    position:relative;
}

#brilho {
	width:940px;
	height: 16px;
	margin-bottom: 35px;
}

#menu nav ul{
	padding-left: 20px;
}

#menu nav li{
    float:left;
	background:url(../images/padrao/border_menu.png) no-repeat center bottom;
	padding: 0 20px;
}

#menu nav a{
	color:#fff;
	font-size: 105%;
	padding-top: 14px;  
    display:block;
	position: relative;
	padding-bottom: 5px;
}

#menu nav span{
    color:#4f4d4d;
	font-size: 80%;
	position: absolute;
	left: 0;
	top: 0;
}

#menu nav .active{
    color:#f6bc04;
	font-size: 120%;
	padding-top: 12px;
}

#menu nav .active span {
	font-size: 70%;
}

#menu nav a:hover,
#menuRight a:hover,
button:hover {
	color:#f6bc04;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color 0.3s linear;
}

#menuRight{
    position:absolute;
    bottom:15px;
    right:20px;
}

#menuRight li{
    float:left;
	padding-right: 20px;
}

#menuRight a{
    color:#333;
	font-variant: small-caps;
}

#menuRight li a.active{
    color:#f6bc04;
}

#menuRight .icone {
	padding: 2px 0 0 5px;
}

/* CLASSES */
#subconteudoVideos {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 14px;
	position: relative;
	padding-right: 180px;
	padding-bottom: 31px;
}

#colunaDir h2,
#colunaDirVideo h2 {
	width: 120px;
	float:right;
	font-size: 110%;
	text-align:right;
	border-bottom:1px #3a3a3a solid;
	color: #FFFFFF;
	font-weight: normal;
	padding: 20px 20px 0 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#colunaDir p {
	padding: 0 10px 5px;
}

#colunaDir form {
	padding-left: 10px;
	padding-top: 10px;
}
#colunaDir strong {
	display: none;
}
#colunaDir button {
	background-color: transparent;
	background-image: url(../images/padrao/btn_procurar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 26px;
	width: 82px;
	border: 0px none #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 15px;
}
#colunaDir button:hover {
	background-image: url(../images/padrao/btn_procurar.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	cursor: pointer;
	color: #666666;
}


#chamadas {
	background-color: #e3e7ea;
	/*padding-right: 90px;*/
	/*padding-left: 90px;*/
	display: table;
	/*padding-top: 5px;*/
	/*padding-bottom: 10px;*/
        /*padding:5px 20px 10px;*/
        padding:5px 0 0 30px;
        padding-bottom:10px;
        width:980px;
}
#chamadas li {
	float: left;
	background-image: url(../images/padrao/det_chamadas.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	width: 200px;
	padding-left: 20px;
        padding-right:11px;
}
#chamadas h3 {
	font-family: "Arial Narrow", Arial;
	font-size: 120%;
	color: #5f666c;
	font-weight: normal;
}

#chamadas img {
	height: 85px;
	width: 180px;
	border: 4px solid #FFFFFF;
}
#chamadas  .desbordar {
	background-image: none;
}
.hide {
	display: none;
}
.msgAviso {
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	font-family: "Arial Narrow", Arial;
	text-transform: uppercase;
}

#listaCliente{
    padding:0 0 0 20px;
}

#listaCliente li{
    padding-top:10px;
}

#listaCliente li a{
    padding-left:10px;
}

#listaCliente li a.mapa{
    padding-left:35px;
}

#listaCliente li.disabled{
    padding: 0;
}

.textoHome{
    background: #E3E7EA;
    padding-left:50px;
}

.clear{
    clear: both;
}