/* 1. CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:separate;
	border-spacing:0; border:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
p + ul { margin-top:-18px; }
table td { vertical-align:top;}
table .tarifas td { vertical-align:middle; }

table .grey-table {
	border:0;
	width:100%;
}

table .grey-table th {
	background:#222222;
	vertical-align:middle;
	font-weight:bold;
	color:white;
	height:30px;
	margin:4px;
	padding:4px;
	border: 0;
}


table .grey-table td {
	margin:4px;
	padding:4px;
	height:28px;
	border: 0;

}
 
 
 
 /* 2. CSS Code - YORN.net */
body {
	background-color:#000000;
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size:62.5%;
	color:white;
}

small { font-size:0.9em; line-height:2; }
.mb { margin-bottom:18px }
.mt { margin-top:18px }


a {	
	color: white;
}

.innerMainContent {
	color:white;
	font-size:12px;
	margin:0 0 1.5em 0;
	line-height:1.5em;
}

p { margin-bottom:1.5em; }

.small { font-size:11px; line-height:2.1em; }

li { 

}


ul {
	list-style:inside disc;
	margin:0 0 1.5em 0;
	color:white;
	/*font-size:1.2em;*/
	line-height:1.5em;

}

ul ul {
	color:#AAAAAA;
	font-size:100%;
	list-style-type:disc;
	margin-left:14px;
}

input.error {
	border: 1px solid red;
}

div.errors {
	color: red;
	font-size: 1em;
}

.center { text-align:center }


/* ------------------------------------------------------------------------ */ 
#container {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 100%;
	height:146px;
	/*background-image:url(ys_fita.png);*/
	background-position:center;
	position:absolute;
	top: 0px;
	left:0;
}

#nav-list-td { vertical-align: top; width: 255px;}
#nav span { display:block; }
#nav br { line-height:9px }

#logoutTable { height: 70px; }
#logoutTable table{ padding-left: 5px; }

#InqTable { font-size:10px; padding:12px }
#InqTable p { margin:0; margin-top:1.5em; }
#InqTable #turnMeYorn { margin:0; margin-top:1.5em; display:block; width:40px}

#mainDiv { height: 650px; }
#businessContent { height: 630px; width:100%; }

#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:1;  
}

#modalWdw{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	/*height:100px;*/  
	width:700px;  
	background:#000000;  
	border:2px solid white;  
	z-index:2;  
	padding:6px;  
	font-size:12px;  
}

#modalWdw .input { font-size:11px; color:#ccc;}

#modalWdw table{ width:100%; }

#notificationsArea{  
	display:none;
	/*height:100px;  
	width:400px;  */
	background:#000000;   
}

#notifySuccess{  
	display:none;
	/*height:100px;  
	width:400px; */ 
	background:#000000;   
}

#notifyError{  
	display:none;
	/*height:100px;  
	width:400px;  */
	background:#000000;   
}

#formValidationErrors p{
	color:red;
	font-size:8.5pt;
	margin-bottom:4px;
	margin-top:4px;
}

#modalWdw h1{  
	text-align:left;  
	color:white;  
	font-size:18px;  
	font-weight:700;  
	border-bottom:1px solid white;  
	padding-bottom:2px;  
	margin-bottom:20px;
}
  
#modalWdwClose{  
	font-size:14px;  
	line-height:14px;  
	right:6px;  
	top:4px;  
	position:absolute;  
	color:white;  
	font-weight:700;  
	display:block;
}

#modalWdwClose p{ cursor: pointer; } 
#siteMapTable { margin:20px; }
#siteMapTable tr td{ width:50%; }
#ssm_body { color:black; }
#ssm_properties {color:black}
#ssm_body label { color:black}
.ssm_form label {color:black}

#apDiv1 {
	position:absolute;
	left:-204px;
	top:0;
	width:100%;
	height:146px;
	z-index:1;
	visibility: visible;
	background-image:fita_yorn.png;
	background-position:center top;
}

#loginTableInnerPages {
	padding-left: 5px;
}


#homepageLinks {
	list-style-type: none;
    padding-left: 0px;
    margin: 0;
}  

#box-container {overflow: auto; position: relative; margin-top: 36px; width: 693px;}
#box-container .box.first, #box-container .box .first {margin: 6px 4px 6px 58px; padding: 0px; background: #E72714; float: left; width: 190px; height: 245px;}

#box-container.extravaganza .box.first {background: #764785;}

#box-container .box { margin: 6px 4px; background: #cfcfcf;  float: left; width: 180px; height: 245px; }

#box-container p.titles { margin: 0px; padding: 6px 0px 0px; background-color: black; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; -moz-background-size: auto auto; font-size: 8pt; font-weight: bold; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; height: 40px; }

#box-container p.titles.big {  height: 58px; }

#box-container .box.first .container { border-style: solid solid none; border-color: rgb(198, 18, 0) rgb(198, 18, 0) !important; border-width: 3px 3px 0pt; }
#box-container.extravaganza .box.first .container {border-color: #36213D;}

#box-container .box .container { border-style: solid solid none; border-color: #bbb; -moz-use-text-color; border-width: 3px 3px 0pt; }

#box-container .headline {background-image: none; margin-top: -10px; float: left ;width: 100%; text-align: center; font-weight: bold;}

#box-container .headline.secondary, #box-container .headline .secondary { border-top: 3px solid rgb(187, 187, 187); padding: 8px 0px; background-color: rgb(207, 207, 207); font-size: 12px;  margin-bottom: 12px;  color: black; }

#box-container .headline.main, #box-container .headline .main  { border-top: 3px solid rgb(198, 18, 0); padding: 3px 0px 7px; background-color: rgb(231, 39, 20);  font-size: 14px; margin-bottom: 6px;  color: white; }

#box-container.power-sms .box { width:285px; height:232px }
#box-container.power-sms .box { background:none;}
#box-container.power-sms .box .container { border-color:#999; background:#AAA;  height:200px }

#box-container .headline.sms { border-top: 3px solid #ddd; padding: 6px 0px 9px; background-color: white; color:#00A346; font-size: 18px; font-weight:bold; }

#box-container.power-sms p.titles { height:20px }


/* ------------------------------------------------------------------------ */ 
.h1-purple {
	color:#764785;
	font-size:1.1em;
	font-weight: bold;
}

.innerMainContent { color:white; }

.titulo {
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
}

.campo {
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #808080;
	text-decoration: none;
	border: 1px solid #666666;
	background-color:#000000;
	padding:2px 3px;
}


.menu {
	font-size:8.5pt;
	font-weight:bold;
	color:#FFFFFF;
	line-height:17pt;
	padding-right:1px; padding-left:1px; padding-bottom:1px; padding-top:1px;
	text-decoration:none;
}

.menu:link {
	font-size:8.5pt;
	font-weight:bold;
	color:#FFFFFF;
	line-height:17pt;
	text-decoration:none;
	padding-right:1px; padding-left:1px; padding-bottom:1px; padding-top:1px;
}

.menu:hover {
	font-size:8.5pt;
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFF;
	line-height:17pt;
	text-decoration:none;
	padding-right:1px; padding-left:1px; padding-bottom:1px; padding-top:1px;
}

.submenu { padding-left: 10px; padding-right:5px; }

.submenu:hover {
	padding-left: 10px;
	padding-right:5px;
}

.menu2 {
	font-size:7pt;
	font-weight:bold;
	color:#FFFFFF;
	line-height:11pt;
	text-decoration:none;
	padding-right:2px; padding-left:2px; padding-bottom:2px; padding-top:2px;
}

.menu2:link {
	font-size:7pt;
	font-weight:bold;
	color:#FFFFFF;
	line-height:11pt;
	text-decoration:none;
	padding-right:2px; padding-left:2px; padding-bottom:2px; padding-top:2px;
}

.menu2:hover {
	font-size:7pt;
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFF;
	line-height:11pt;
	text-decoration:none;
	padding-right:2px; padding-left:2px; padding-bottom:2px; padding-top:2px;
}

.txtdestaque {
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

.footer {
	font-size:7pt;
	font-weight:bold;
	text-decoration:none;
	color:#707070;
}

.footer a {
	color:#707070;
}

.bt:Hover {
	cursor: pointer;
}

.bt {
	cursor: pointer;
}

.title {
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

.purple{
	color:#764785;
	font-size:13px;
	line-height:1.38em;
	margin-bottom:1.4em;
}
.purple-link{
	color:#774785;
	text-decoration:none

}

.tableTitle { 
	font-size:10pt;
	color:white;
}

.tarifsTable tr {
	border-bottom:1px solid white;
	height: 29px;
}

.tarifasTableDiv {
	padding: 15px 0px;
}

.topTd {
	text-align:left; 
	padding: 10px; 
	vertical-align:bottom;
}

.zero {
	font-size:50pt;
	font-weight:bold;
	color: black;
}

.zeroText {
	font-size:20pt;
	font-weight:bold;
	line-height:11px;
	color: black;
}

.tarifsTable {
	color: white;
}

.selected {
	border: 1px solid white;
}

.notSelected {
	padding:1px;
}

.nav-selected {
	font-weight: bold;
}

.nav-menu {
	font-size:8.5pt;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	padding:2px;
	text-decoration:none;	
}

.nav-menu a {
	color:#FFFFFF;
	text-decoration: none;
}

.nav-w-child {
	padding-right: 20px;
	background: transparent url('ys_menu_arrow.png') no-repeat center right;	
}

.nav-selected {
	background-color: white;
	color: black;
}

.nav-selected-w-child {
	padding-right: 20px;
	background: white url('ys_menu_arrow_vert_on.png') no-repeat top right;
}

.nav-open {
	background: transparent url('ys_menu_arrow_vert.png') no-repeat top right;
}

.link-list p {
	margin-bottom:0;
}

.link-list p a {
	font-size:8.5pt;
	font-weight:bold;
	color:#FFFFFF;
	line-height:17pt;
	padding-left:2px; padding-bottom:1px; padding-top:1px;
	text-decoration:none;	
	padding-right: 11px;
	background: transparent url('ys_menu_arrow.png') no-repeat center right;
}

.adminTagTitle {
	background-color:#046380;
	color:white;
	padding: 3px 5px;
	font-size:10pt;
	font-weight: bold;
}

.adminTagContent {
	background-color:white;
	border:1px solid white;
	color: gray;
	padding:2px 8px;
	font-size:8.5pt;
	height: 150px;
	overflow: auto;
}

.login-link {
	font-size:7.0pt;
	font-weight:bold;
	color:#FFFFFF;	
	padding-left:0px; padding-bottom:1px; padding-top:1px;
	text-decoration:none;	
	padding-right: 15px;
	background: transparent url('ys_menu_arrow.png') no-repeat center right;
}

.loading {
    background: transparent url('ys_loading_img.gif') no-repeat center;
}

.mainContentLink {
	cursor: pointer;
}

.mainContentLink img {
	border: 0;
	cursor: pointer;
}

.mainContentLink img:visited {
	border: 0;
}

.site-map-link {
	font-size:8.5pt;
	font-weight:bold;
	color:#FFFFFF;
	line-height:17pt;
	padding-right:3px; padding-left:3px; padding-bottom:1px; padding-top:1px;
	text-decoration:none;	
}

.site-map-link-inner {
	background:url("ys_menu_arrow.png") no-repeat scroll right center transparent;
	padding:1px 15px 1px 0;
}

.arrow-link {
	background:url("ys_menu_arrow.png") no-repeat scroll right center transparent;
	padding:1px 15px 1px 0;
	text-decoration: none;
}

.red-back {
	background:url(tarifs_extra_sem_back.png) repeat transparent;
}

.purple-back {
	background:url(tarifs_extra_back.png) repeat transparent;
}

.green-back {
	background:url(sms_back.png) repeat transparent;
}
.out {
	left: -999999;
}


/* ------------------------------------------------------------------------- GRID */
.grid {margin:36px 0 18px 0; overflow:auto}
.grid .title {margin-bottom:0}
.grid-cell2 { clear:left;float:left; width:330px; margin:18px 3px 18px 0}
.grid-cell2.last { float:right;clear:none; margin-right:0 }
.grid .content p { margin-bottom:0 }
.grid h3.purple.title a { text-decoration:none }

.notas { margin:18px 0; font-size:0.8em; line-height:1.8em}
.notas p { margin:0; }

table .tarifas  { margin-bottom:18px; }
table .tarifas td{ padding:4px;background:#1d1d1d; border:0; border-top:1px solid black }
table .tarifas td.empty { background:black}
table .tarifas td.header {}
table .tarifas td.header p { margin:0; padding:6px; font-style:italic}
table .tarifas td p { margin:0; padding:6px;}
.purple.mt {margin-top:1.4em}

#faqs .question { margin-bottom:0; padding:0;margin:18px 0 0px; font-weight:bold; color:white;}
#faqs .question:hover {color:#764785}
#faqs .answer {color:white;font-size:10px; line-height:1.8em;}

table .carregamentos { margin-bottom:18px; }
table .carregamentos td{ padding:6px;background:#1d1d1d; border-top:1px solid black }
table .carregamentos td.header p { margin:0; font-style:italic}


.tarifario { width:100%; height:250px; }
.tarifario.esm { background:url(../i/fundo-extsm.png) no-repeat top left ;}
.tarifario .logo { width:97px; height:65px; padding-top:80px; padding-left:6px; float:left }
.tarifario .table { width:555px; height:220px; margin-top:25px; margin-left:15px; float:left ; padding:6px}

.table .table-title { font-size:0.9em; height:30px; margin-bottom:0 }
.table .table-0 { font-size:5.5em; text-align:center; font-weight:bold; line-height:1em; margin:0; margin-top:3px }
.table .table-0-cent { text-align:center; line-height:1.5em; margin:0 }
.table .table-info { text-align:center; font-size:0.9em; margin-top:6px }
.table .table-field { padding:20px 6px; text-align:center; margin:0 }
.table .box { width:160px; margin:0 8px; float:left }
.table .box.first { margin-left:20px }

.table .box .tarifs-container {  border:3px solid #c61200; border-bottom:0; height:142px; }
.table .box.first .tarifs-container  { background:white;}
.table .box.first .tarifs-container p { color:#9D2416; }


.table .highlight { background:white; color:#222; border-top:3px solid #dfdfdf; width:95%; margin:0px auto; padding:3px 0 5px; clear:both; margin-bottom:4px; text-align:center; font-size:1.6em;  }
.table .highlight span { font-weight:bold; font-size:1.2em;  }


.maisinfo { border-bottom:4px solid #222;  margin:6px 0 12px;}
.maisinfo .maisinfo-link {text-decoration:none; padding:3px 6px; display:block}
.maisinfo .maisinfo-link:hover {background:#222}
.maisinfo .maisinfo-link span {text-decoration:underline}
.maisinfo .maisinfo-content {margin-top:8px;padding:6px;}

#btLike {
	position: absolute;
	float: left;
    left: -135px;
    margin-left: 50%;
	top: 595px;
	z-index:1000;
	display: none;
}
           
.btVisible{
	display: block !important;
}