body {
	font-family: tahoma, helvetica, arial, sans-serif;
	text-align: center;
	color: #6f6f6f;
}
  
html, body, #wrapper, h1, #nav, #nav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body, th, td {
	font-size: 10px;
}

img { border: 0; }

#wrapper {
	margin: 16px auto;
	text-align: left;
	position: relative;
}

h1, h2, h3 {
	font-size: 12px;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

h3 {
	padding: 4px 0 0 0;
}

p {
	margin: 1em 0;
	padding: 0;
}

.block {
	display: block;
}

.clear {
	clear: both;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;
}

* html .clear {
	margin-top: -5px;
	margin-bottom: -4px;
}

.left {
	float: left;
	margin: 1px 12px 0px 0px;
}

.softright {
	text-align: right;
}

/* ***** */

body {
	background: #373839;
	padding-bottom: 12px;
}

#wrapper {
	width: 658px;
}

h1 {
	margin-bottom: 2px;
}

a {
	color: #f5f5f5;
}

a:hover {
	text-decoration: none;
}

/* navigation */

#nav {
	position: absolute;
	top: 49px;
	right: 0;
	width: 32em;
}

#nav li {
	width: 7em;
	float: left;
	margin: 0 0.3em;
	padding: 0;
}

#nav a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 0;
	display: block;
	text-align: center;
	background-color:#ED8601;
}

#nav a:hover {
	/*text-decoration: underline;*/
}

/*INICIO*/
#nav li.b   { background: url(../images/mn_inicio.gif) no-repeat; }
#nav li.b a { background: url(../images/menu_b_r.gif)  top right no-repeat; }

#nav li.e   { background: url(../images/mn_foro.gif) no-repeat; }
#nav li.e a { background: url(../images/menu_a_r.gif)  top right no-repeat; }
#nav li.e:hover   {  margin-top:-3px; background: url(../images/mn_inicio.gif) no-repeat; }
#nav li.e a:hover {  background: url(../images/menu_b_r.gif)  top right no-repeat; }
/*FORO*/
#nav li.a   { background: url(../images/mn_foro.gif) no-repeat; }
#nav li.a a { background: url(../images/menu_a_r.gif)  top right no-repeat; }
#nav li.a:hover   {  margin-top:-3px; background: url(../images/mn_inicio.gif) no-repeat; }
#nav li.a a:hover {  background: url(../images/menu_b_r.gif)  top right no-repeat; }
/*TRABAJO*/
#nav li.c   { background: url(../images/mn_foro.gif) no-repeat; }
#nav li.c a { background: url(../images/menu_a_r.gif)  top right no-repeat; }
#nav li.c:hover   { margin-top:-3px; background: url(../images/mn_inicio.gif) no-repeat; }
#nav li.c a:hover { background: url(../images/menu_b_r.gif)  top right no-repeat; }
/*INTERNET*/
#nav li.d   { background: url(../images/mn_foro.gif) no-repeat; }
#nav li.d a { background: url(../images/menu_a_r.gif)  top right no-repeat; }
#nav li.d:hover   { margin-top:-3px; background: url(../images/mn_inicio.gif) no-repeat; }
#nav li.d a:hover { background: url(../images/menu_b_r.gif)  top right no-repeat; }

/* body */

.body { width: 100%; }

.body { background: #ed8601 url(../images/body_bg.gif); }
.body div { background: url(../images/body_tl.gif) top left no-repeat; }
.body div div { background: url(../images/body_tr.gif) top right no-repeat; }
.body div div div { background: url(../images/body_bl.gif) bottom left no-repeat; }
.body div div div div { background: url(../images/body_br.gif) bottom right no-repeat; }
.body .inner div { background: none; }
.body .inner .style1,.inner .style1 { background: #216683 url(../images/titulo.jpg) repeat-x; text-align:center; font-weight: bold; color: #FFFFFF; }
.body .inner .style4,.inner .style4 {  border: solid 1px #216683; border-style:dotted; padding:0 5px 0 5px }

.body .inner {
	color: white;
	padding: 18px 20px;
}


.body h2 {
	margin-top: 3px;
	text-indent: -3px;
}

* html .body h2 {
	margin-top: 21px;
	marg\in-top: 3px;
}

.body p {
	margin: 1em 0;
}

.body #dividerx {
	clear: both;
	margin: 0 1em;
	padding: 5px 0;
	/*background: url(../images/divider_h.gif) 12px 12px repeat-x;*/
	
}

/* darkboxes */

* html .boxes, * html .boxes .inner { width: 100%; }
* html .body .boxes .left .inner  { width: 100%; w\idth: 90%; }
* html .body .boxes .right .inner { width: 100%; w\idth: 95%; }

.body #boxes { background: url(../images/box_bg.gif) repeat-y; }
.body .boxes { background: url(../images/box_bg.gif) repeat-y; }
.body .boxes div { background: url(../images/box_t.gif) top left no-repeat; }
.body .boxes div div { background: url(../images/box_b.gif) bottom left no-repeat; }
.body .boxes .inner div { background: none; }

.body .boxes .inner {
	color: white;
	padding: 0;
}

.left {
	float: left;
	width: 194px;
}

.right {
	float: right;
	width: 404px;
}

.body .boxes .left .inner,
.body .boxes .right .inner {
	padding: 10px 11px 0px 11px;
}

.boxes ul {
	margin: 0;
	padding: 0;
}

* html .boxes ul {
	margin-left: -0.7em;
	marg\in-left: 0.0em;
}

.boxes li {
	margin: 0.4em 1.8em 0.2em 0.1em;
	padding: 0;
	list-style: none;
}

a {
	font-weight: bold;
}

.left .lowright {
	float: right;
	margin: 0 0 0 1em;
	display: inline;
}

* html .left .lowright {
	margin-bottom: -5px;
}

/* footer */

#footer {
	margin-top: 3px;
	text-align: center;
}

#footer, #footer a {
	font-weight: normal;
	font-size: 9px;
	color: #989994;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}


.style3 {
	color: #FFFFFF;
	font-weight: bold;
}
.style4 {color: #000000;}


/********/
/*KWICKS*/
/********/

#kwicks_container { 
	height: 100px; width:616px; float:left;
}
#kwicks {
	/*position: relative;*/
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 84px;
	height: 100px;
}
 
#kwick_red {background:url(../images/web.jpg) no-repeat;}
#kwick_orange {border-left:solid 4px #ED8601; background:url(../images/servicios.jpg) no-repeat;}
/*#kwick_orange:hover {border-left:solid 4px #ED8601; background:url(../images/web.jpg) no-repeat;}*/
#kwick_yellow {border-left:solid 4px #ED8601; background:url(../images/foro.jpg) no-repeat;}
#kwick_green {border-left:solid 4px #ED8601; background:url(../images/tarifas.jpg) no-repeat;}
#kwick_blue {border-left:solid 4px #ED8601; background:url(../images/curriculum.jpg) no-repeat;}
#kwick_indigo {color: #fff;  border-left:solid 4px #ED8601; background:url(../images/diseno.jpg) no-repeat;}
#kwick_violet {background-color: #006699; border-left:solid 4px #ED8601; background:url(../images/contactenos.jpg) no-repeat;}


/************/
/*FORMULARIO*/
/************/

/*TextBox*/
.Text {font-family: Tahoma;font-size: 11px;/*color: #686C70;*/color:Black;width:175px;}
/*ComboBox*/
.Combo {font-family: Tahoma;font-size: 11px;/*color: #686C70;*/color:Black;}
.contactform label.left {float:left; width:50px; margin:0 0 0 0px; padding:2px; font-size:100%;}
.contactform p{padding:0px; margin:0px; margin-bottom:0px; margin-top:0px;}
legend{ color:#2C5265; font-weight:bold }

.Buttonlast {background:url(../images/btn.gif); height:20px; border:solid 1px #CECECE; text-align:center; font-family:Tahoma,arial,sans-serif; color:#686C70; font-size:11px;}
.Buttonlast:hover {cursor:pointer; border:solid 1px #B4D1FE; background:url(../images/btnhover.gif); color:#686C70;}
.Buttonlast:disabled {cursor:pointer; border:solid 1px #686C70; background:white; color:#686C70;}
.Error{font-family: Tahoma;font-size: 11px; width:100%; border:0; background-color:Transparent; color:White;}

/************/
/***TOOLTIP**/
/************/



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
	text-align:left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
	text-align:left;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


/*FrameWeb--> Sistemas*/
.imagensistema
{
    float:left;
    margin-right:5px;
}
#subframesistemas .vincdetsistema
{
    color:White;
     text-decoration:none;
     font-size:11px;
}
#subframesistemas .vincdetsistema:hover
{
    text-decoration:underline;
}
/*FrameTotemsoft*/
#loginform
{
    width:225px;
    padding:5px 0 5px 0;
    /*background:url(../images/fondologin.gif);*/
}

/*FrameTrabajo*/
.columnleft{
float:left;
width:70px;
}



#disenoScroll .frame p
{
     padding:5px;
}
#disenoScroll .frame b
{
    color:White;
    border-top:1px solid;
    border-left:1px solid;
}

    
    #myTabs .mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	color:Black;
	
}

#myTabs .mootabs_title li {
	float: left;
	background-color: #ddd;
	padding: 2px 8px 2px 8px;
	margin:0;
	margin-right: 2px;
	cursor: pointer;
	height: 24px;
	
	
}

#myTabs .mootabs_title li.active {
	background-color:  White;
}

#myTabs .mootabs_panel {
	display: none;
	background-color: White;
	position: relative;
	width: 100%;
	top: -1px;
	clear: both;
	overflow: auto;
	padding: 4px;
	color:Black;
}

#myTabs .mootabs_panel.active {
	background-color: White;
	display: block;
}