/* General style  */

body{
	font:normal 13px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#959595;
	background-color: #111113;
	padding:0;
	margin:0;
    overflow: scroll;
}
*{
	margin:0;
	padding:0;
}
a{
	outline:none;
	text-decoration:none;
}
ul{
	list-style-type:none;
}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

/* Header panel style */

#headerbg{
	background:url(../images/body-bg.gif) 0 0 repeat-x;
}

/* Toppan panel style */

#toppan{
	width:943px;
	margin:0 auto;
	padding:38px 0 12px 5px;
	position:relative;
}

#toppan img.logo{
	position:absolute;
	top:35px;
	left:0;
	display:block;
}

#toppan h1{
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	font-family:"Trebuchet MS", arial, sans-serif;
	padding:34px 0 0 0;
	float:left;
	width:auto;
	color:#fff;
	background-color:inherit;
}

#toppan ul{
	width:510px;
	float:right;
	height:37px;
}

#toppan ul li {
	padding:0 6px 0 0;
	float:left;
	width:auto;
	font-size:13px;
	font-weight:normal;
}
#toppan ul li a{
	display:block;
	line-height:37px;
	float:left;
	width:auto;
	color:#fff;
	background-color:inherit;
}

#toppan ul li a span{
	display:block;
	padding:0 17px 0;
	height:37px;
	float:left;
	width:auto;
	cursor:pointer;
}

#toppan ul li a:hover, #toppan ul li a.active{
	background:url(../images/nav-bg.gif) 100% 0 no-repeat;
	display:block;
}

#toppan ul li a:hover span, #toppan ul li a.active span{
	background:url(../images/nav-bglt.gif) 0 0 no-repeat;
	display:block;
}

/* Header panel style */

#header {
	width:928px;
	padding:29px 0 31px 20px;
	margin:0 auto;
}

#header img {
	float:left;
	display:block;
	margin:0 75px 0 0;
}

#header div.headercontent {
	width:455px;
	float:left;
}

#header h2 {
	font-size:32px;
	line-height:34px;
	color:#292929;
	background-color:inherit;
	margin:0 0 14px 0;
	font-weight:normal;
}

#header p {
	font-size:16px;
	line-height:23px;
	color:#4D4D4D;
	background-color:inherit;
	margin:0 0 55px 0;
}

#header div.headercontent ul li {
	padding:0 0 20px 0;
	margin:0 36px 0 0;
	float:left;
	width:auto;
}

#header div.headercontent ul li.learn {
	background:url(../images/shadow-bg.gif) 0 100% no-repeat;
}

#header div.headercontent ul li.learn a{
	background: url(../images/learn-bg.gif) 0 0 no-repeat;
	width:162px;
	height:34px;
	display:block;
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
}

#header div.headercontent ul li.learn a:hover {
	color:#333333;
	background-color:inherit;
}

#header div.headercontent ul li.view {
	background:url(../images/view-shadow.gif) 0 100% no-repeat;
}

#header div.headercontent ul li.view a{
	background:url(../images/view-bg.gif) 0 0 no-repeat;
	width:162px;
	height:34px;
	display:block;
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;	
}

#header div.headercontent ul li.view a:hover {
	color:#333333;
	background-color:inherit;
}

/* Body panel style */

#bodybg {
	background-color:#fff;
	color:inherit;
	
}

#bodybg div.bodycontent {
	width:948px;
	margin:0 auto;
	padding:30px 0 40px 0;
}

#bodybg div.bodycontent a{
	background-color:inherit;
	text-decoration:none;
}
#bodybg div.bodycontent a:hover{
	color:#000;
	background-color:inherit;
}

div.bodycontent div.bodybox {
	width:274px;
	float:left;
	margin:0 60px 0 0;
}

div.bodycontent div.bodybox h3 {
	font-size:25px;
	line-height:31px;
	color:#FA7C03;
	font-weight:bold;
	background-color:inherit;
	margin:0 0 20px 0;
}

div.bodycontent div.bodybox p {
	margin:0 0 30px 0;
}

div.bodycontent div.nomargin {
	margin:0;
}

div.bodycontent div.bodybox a.readMore {
	background:url(../images/readmore-bg.gif) 0 0 no-repeat;
	width:136px;
	height:32px;
	display:block;
	text-align:center;
	font-size:16px;
	line-height:32px;
	color:#fff !important;
	background-color:inherit;
}

div.bodycontent div.bodybox a.readMore:hover {
	color:#333333 !important;
	background-color:inherit;
}

/* Footer panel style */

#footer {
	background:url(../images/footer-bg.gif) 0 0 repeat-x #111113;
	color:inherit;
}

#footer div.footercontent {
	padding:46px 0 70px 0;
	width:948px;
	margin:0 auto;
}

#footer div.footercontent div.footernav {
	width:528px;
	float:left;
}


#footer div.footercontent div.footernav ul li {
	background:url(../images/footer-nav-divider.gif) 0 3px no-repeat;
	padding:0 10px;
	font-size:13px;
	line-height:16px;
	color:#fff;
	background-color:inherit;
	float:left;
	width:auto;
}

#footer div.footercontent div.footernav ul li.noline {
	background:none;
	padding:0 10px 0 0;
	font-size:13px;
	line-height:16px;
	color:#fff;
	background-color:inherit;
}

#footer div.footercontent div.footernav ul li a {
	color:#fff;
	background-color:inherit;
}

#footer div.footercontent div.footernav ul li a:hover {
	color:#7D7D7D;
	background-color:inherit;
}

#footer div.footercontent div.footernav p {
	clear:both;
	font-size:12px;
	line-height:14px;
	color:#7D7D7D;
	background-color:inherit;
	padding:15px 0 0 0;
}

#footer div.footercontent div.footernav p a.templateworld {
	color:#7D7D7D;
	background-color:inherit;
}

#footer div.footercontent div.footernav p a.templateworld:hover {
	color:#fff;
	background-color:inherit;
}

#footer div.footercontent div.contactinfo {
	width:245px;
	float:right;
}


#footer div.footercontent div.contactinfo p {
	font-size:12px;
	line-height:24px;
	color:#fff;
	background-color:inherit;
	
}

#footer div.footercontent div.contactinfo p a{
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}

#footer div.footercontent div.contactinfo p a:hover{
	text-decoration:underline;
}

/* sIFR Style */

.title
{
	font-family:"CG Omega", Arial, Helvetica, sans-serif;	
}
			
.sIFR-active .title
{
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
}


/* ----Style-sheet for inner pages------
 -----customize these styles or -------
 -----use your own styles ------------*/

div.bodybox img{
  border: 1px solid #DCDCDC;
}
div.bodybox a{
  color:#FA7C03;
}

/* ---Stylin Blog Page--- */
div#sidebar{   /* this style for blog-posts sidebar right */
  width: 270px;
  margin:0;
  margin-left: 10px;
  padding:0;
  border-left: thin solid #DCDCDC;
}
div#sidebar div{
  margin:0;
  padding:0;
  padding-left: 30px;
}
div#sidebar div ul.lists{
  margin-top: 12px;
}
div#sidebar div ul li{
  padding-left: 9px;
  margin-bottom: 3px;
}
div#sidebar div ul li.title{
  margin:0;
  padding:0;
}
div#sidebar a.more{
  color: #FFF;;
}

div#post{ /* blog post main body panel */
  width: 660px;
  margin:0;
  padding:0;
  line-height: 1.5em;
}
div#post ul.postbody{
  width: 620px;
}
div#post ul li{
  padding-bottom: 20px;
  margin-bottom: 10px;
}
div#post ul li img{
  float: right;
  border: 2px solid #DCDCDC;
}
div#post ul li h3{
  margin:0;
  padding:0;
  padding-bottom: 1px;
}
div#post ul li p{
  padding:0;
  margin:0;
  padding: .2em 0 1em 0;
}
div#post ul li p.postdate{
  padding:0;
  margin:0;
  width: 320px;
  border-bottom: 1px dotted #959595;
}

/* -----services page----- */

div.bodycontent div.services{
  width:274px;
  float: left;
  margin:0 60px 0 0;
}
div.bodycontent div.services h3{
	font-size:25px;
	line-height:31px;
	color:#FA7C03;
	font-weight:bold;
	background-color:inherit;
	margin:0 0 20px 0;
    padding: .2em 0 .4em 0;
}
div.bodycontent div.services p {
	margin:0 0 30px 0;
}
div.bodycontent div.nomargin {
	margin:0;
}

div.bodycontent div#services{ /* services body content */
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
}
div.bodycontent div#services p{
  padding: 1em 0;
}
div.bodycontent div#services ul{
  float: left;
  width: 100%;
  padding: 9px 0;
}
div.bodycontent div#services ul li{
  float: left;
  padding:0 20px;
  margin-left: 20px;
  list-style: square;
}

/* icons for h3-level--- */
div.bodycontent div.services h3.service_1{
    background: url(../images/icons/Globe_Icon_House.jpg) no-repeat 95% 0;
}
div.bodycontent div.services h3.service_2{
    background: url(../images/icons/Globe_Icon_Info.jpg) no-repeat 95% 0;
}
div.bodycontent div.services h3.service_3{
    background: url(../images/icons/Globe_Icon_Navigation.jpg) no-repeat 95% 0;
}

/* --- About Us ----- */
div.bodybox img{
  float: left;
  margin: 0 12px 4px 0;
}
div.bodybox a.more{
  color: #fff;
}
/* -----Portfolio---- */
div.bodybox div img{
  float: none;
}

/* ----Contact Page---- */
div.address{
  float: left;
  width: 301px;
}
div.address h3{
  font-size:25px;
  line-height:31px;
  color:#FA7C03;
  font-weight:bold;
  background-color:inherit;
  margin:0 0 20px 0;
}
div.map{ /* thia is for google map */
  width: 548px;
  float: right;
}
div.map h3{
  font-size:25px;
  line-height:31px;
  color:#FA7C03;
  font-weight:bold;
  background-color:inherit;
  margin:0 0 20px 0;
}


/* Privacy & policy */
div#bodycontent div#bodybox{
  float: left;
}
div.bodycontent #bodybox h3{
	font-size:25px;
	line-height:31px;
	color:#FA7C03;
	font-weight:bold;
	background-color:inherit;
	margin:0 0 20px 0;
    padding: .4em 0 .2em 0;
}
div.bodycontent #bodybox p {
	margin:0 0 30px 0;
}

/* universal rule for small buttons */
a.more{
  color: #FFFFFF;
  padding: 2px 9px 6px 12px;
  background: url(../images/a.more_bg.gif) no-repeat;
}
a.more:hover{
  color: #333333;	
	
/*div#submitbutton a.submitbutton {
	background: url(../images/submit.png) 0 0 no-repeat ;
	height:17px;
	width:66px;
	display:block;
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#fff;
	float: left;
	margin:0px;
	text-align:center;
	padding:4px 0 0;
	text-decoration:none;
}
div#submitbutton a.submitbutton:hover {
	background: url(../images/submitover.png) 0 0 no-repeat ;
	color:#fff;
	}
*/		
/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/																																									


/* forms */
form {
	padding: 0;
	margin: 0;
}

.form {
	margin: 0px;
}
fieldset {
	margin: 10px;
	padding: 0;
	border-style: none;
	border: 0;
}
.formLine {
	margin-bottom: 10px;
/*	clear: both;
*/}
.formSet {
	margin-bottom: 10px;
}
label {
	float: left;
	width: 40%;
	margin-right: 3px;
	margin-top: 2px;
	text-align: right;
}

.textfield {
	border: 1px solid #999;
	font: 8pt Arial, Helvetica, sans-serif;
	height: 20px;
	color: #000;
	padding: 2px;
}
.textarea {
	border: 1px solid #999;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px;
}
.buttonForm {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #000;
}
.dropdown {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #000;
}
.dropdown_multiple {
	font: 8pt Arial, Helvetica, sans-serif;
	height: 70px;
	color: #000;
}

/* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(../images/img.php.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:285px !important; /* IE Win = width - padding */
      width: 270px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h3{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0px 15px 40px} /* mirror .cssbox_head right/left */
			

/* status box */
/* set the image to use and establish the lower-right position */
    .statuscssbox, .statuscssbox_body, .statuscssbox_head, .statuscssbox_head h3{
      background: transparent url(../images/img2.php.png) no-repeat bottom right }
    .statuscssbox{
    /* intended total box width - padding-right(next) */
      width:500px !important; /* IE Win = width - padding */
      width: 485px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .statuscssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .statuscssbox_head h3{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .statuscssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0px 15px 40px} /* mirror .cssbox_head right/left */			
			
			
/* new */
#main-tableColumn
{
	float:left; width:110px; margin:2px;
}

#main-tableRow
{
	border:solid; border-width:1px; border-color:#CCC; font-size:10px; background-color:#fff; float:left; width:108px;
}

#main-tableHeader
{
	border:solid; border-width:1px; border:#CCC; font-size:12px; background-color:#CCC; width:100%;
}

.divSearch
{
	padding:5px;
	margin:5px;
}

.redText{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color:#F03;
}

.whiteText{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}

.whiteTextLink{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:underline;
	cursor:pointer;
}

/*vikonet.com CLIENTES*/
.clienteHead{
	background:#06C;
	color:#FFF;
	font-size:15px;
	font-family:"Trebuchet MS";
	width:900px;
	overflow:hidden;
	border:1px solid #000;
	margin:auto;
}
.clienteRowOn{
	background:#CCC;
	color:#000;
	font-size:13px;
	font-family:"Trebuchet MS";
	width:900px;
	overflow:hidden;
	margin:auto;
}
.clienteRowOff{
	background:#FFF;
	color:#000;
	font-size:13px;
	font-family:"Trebuchet MS";
	width:900px;
	overflow:hidden;
	margin:auto;
}
.clienteRowOn:hover{
	background:#FF8;
}
.clienteRowOff:hover{
	background:#FF8;
}
.clienteColL{
	float:left;
	text-align:left;
	border:1px solid #FFF;
}
.clienteColC{
	float:left;
	text-align:center;
	border:1px solid #FFF;
}
.clienteColR{
	float:left;
	text-align:right;
	border:1px solid #FFF;
}
div#boxVik{
	position:absolute;
	top:60%;
	left:50%;
	background:none;
	display:none;
	height:auto;
	width:auto;
	margin-left:0px;
	margin-top:0px;
	background:#FFF;
	border:1px solid #006;
}
/*vikonet.com TERMINA CLIENTES */


#fview {
	
	
/*	margin:auto; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin-top:20px;
	margin-left:350px;*/
	
	position: fixed;
	top: 85px;
	left: 49%;
	margin-left: -350px;
	width: 700px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: url(../images/fviewbg.png) repeat-x #f5f5f5;
	border: 1px solid #666;
	text-align: left;
	z-index: 210;
}

table.setting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;
}
#fview th {
	color: #666;
	font-weight: normal;
	text-align: left;
}
table.setting th {
	color: #666;
	font-weight: normal;
	text-align: right;
	width: 15%;
}
#fview td, #fview td, table.setting td {
	color: #000;
	text-align: left;
}
#vctxt span {
	font-weight: bold;
}
#fviewmenu {
	float: right;
	text-align: right;
	margin: 5px 8px 5px 0px;
}
#fviewmenu a:link, #fviewmenu a:visited {
	color: #ccc;
	text-decoration: none;
}
#fviewmenu a:hover {
	color: #999;
}
#fviewmenu a img {
	margin-left: 8px;
	padding-top: 2px;
	position: relative;
	top: 1px;
	vertical-align: middle;
}
#fviewmenu img {
	vertical-align: middle;
	margin: 0px 0px 6px 0px;
}
#fviewload, #fviewcontent .ctr {
	text-align: center;
}
#fviewload img {
	margin: 160px 0px 170px 0px;
}
#fview div.flabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	margin-bottom: 3px;
}
#fview div.flabel2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #ccc;
	float: left;
	margin: 3px 20px 3px 0px;
}

.popupheader {
	background: url(../images/win-head.png) #3d3d3d repeat-x;
	height: 122px;
	display: block;
	width: 720px;
	position: relative;
	top: -10px;
	left: -10px;
}

.popupheadershort {
	background: url(../images/win-head-short.png) #222;
	height: 50px;
	display: block;
	width: 720px;
	position: relative;
	top: -10px;
	left: -10px;
}
.popupheadershort #ftitl {
	padding-top: 10px;
}

#fprio {
	clear: left;
	float: left;
	width: 90px;
	height: 32px;
	margin-left: 10px;
}
#fdead, #fctxt {
	float: left;
	width: 150px;
	height: 32px;
}
#fproj {
	clear: left;
	float: left;
	width: 400px;
	margin: 7px 5px 2px 10px;
	color: #eee;
}
#ftitl {
	clear: left;
	float: left;
	width: 492px;
	margin: 3px 5px 10px 10px;
	font-size: 20px;
	color: white;
	sheight: 40px;
}
#ftitl .flabel { display: none; }
#fproj .flabel { display: none; }
#fuser {
	clear: both;
	float: left;
	width: 240px;
	height: 36px;
	margin-left: 0px;
	margin-bottom: 6px;
}
#fvisi {
	float: left;
	width: 252px;
	height: 36px;
}
#fsts {
	margin: 3px 0px 6px 3px;
}
#flink {
	margin-top: 7px;
}
#vsts {
	float: left;
}

/* Folios */

.folioHeader{
	background-color:#999999;
	color:#FFF;
	font-size:15px;
	font-family:"Trebuchet MS";
	width:900px;
	overflow:hidden;
	border:1px solid #666666;
	margin:auto;
}
.folioRowOn{
	background:#CCC;
	color:#000;
	font-size:13px;
	font-family:"Trebuchet MS";
	width:900px;
	overflow:hidden;
	margin:auto;
}
.folioRowOff{
	background:#FFF;
	color:#000;
	font-size:13px;
	font-family:"Trebuchet MS";
	width:900px;
	overflow:hidden;
	margin:auto;
}
.folioRowOn:hover{
	background:#FF8;
}
.folioRowOff:hover{
	background:#FF8;
}
.folioCol{
	float:left;
	border:1px solid #FFF;
}
.folioColHeader{
	float:left;
	border:1px solid #FFF;
	height:30px;
	padding-top:5px;
}

/* End Folios */

.tblHeader{
	background-color:#999999;
	color:#FFF;
	font-size:15px;
	font-family:"Trebuchet MS";
	overflow:hidden;
	border:1px solid #666666;
	margin:auto;
}

.tblHeaderBlack{
	background-color:#000000;
	color:#FFF;
	font-size:15px;
	font-family:"Trebuchet MS";
	overflow:hidden;
	border:1px solid #666666;
	margin:auto;
}

/* Forms */

.m{
	width: 680px;
	padding: 10px;
	height: auto;
}
.l{
	width: 140px;
	margin: 0px;
	padding: 0px; 
	float: left;
	text-align: right;
}
.r{
	width: 300px;
	margin: 0px;
	padding: 0px; 
	float: right; 
	text-align: left;
}
.a{
	clear: both;
	width: 470px;
	padding: 10px;
}

.txtRed{
	color:#FF0000;
}

/* End Forms */

.txtGral{
	color:#000;
	font-size:13px;
	font-family:"Trebuchet MS";
}