/*
 * Reset
 */
 
*{
margin:0;
padding:0;
}

body{
font-family:verdana, arial, sans-serif;
font-size:12px;
text-align:center;
color:#333;
background:#eee;
}

a{
color:#0094dc;
text-decoration:none;
}

h1,h2,h3,h4{
font-family:"trebuchet ms",verdana, arial, sans-serif;
}

/*
 * Layout
 */

#container{
text-align:left;
position:relative;
}

#header{
height:75px;
position:relative;
background:#eee url(images/body_bg.gif) repeat-x top
}

#header h1{
position:absolute;
left:30px;
top:3px;
padding:4px;
background:#000;
}

#header h1 img{
display:block;
}

#header h2{
position:absolute;
left:166px;
top:6px;
font-size:14px;
color:#adf;
}

#toolbox{
position:absolute;
top:6px;
right:24px;
color:#fff;
}

#toolbox span {
display:block;
float:left;
margin-right:6px;
font-size:10px;
}

#toolbox .btn {
display: block;
float: left;
height: 14px;
margin-right: 6px;
text-indent: -5000px;
}

#toolbox .btn:hover{
background-color:#ff6;
}

#toolbox .logout{
width:43px;
background:#cbe9ff url(images/logout_btn.gif) no-repeat;
}

#toolbox .account{
width:66px;
background:#cbe9ff url(images/account_btn.gif) no-repeat;
}


#content{
	margin:0 220px 0 30px;
	padding-top:40px;
	position:relative;
	background:#fff url(images/container_bg.gif) repeat-y right;
}
#content table {
	position: relative;
	z-index:1;
}
#content table tr {
	background: #fff;
}

#sidebar{
width:180px;
position:absolute;
top:100px;
right:20px;
}
#sidebar:hover  {
  z-index: 4;
}

#footer{
color:#000;
padding:10px;
text-align:center;
background:#eee url(images/footer_bg.gif) no-repeat top right;
}

#footer div{
padding:12px 0 24px 0;
text-align:center;
margin-right:10px;
background:#eee url(images/footer_bg.gif) no-repeat top left;
}


/*
 * navigation
 */
 
#navigation{
position:absolute;
top:0;
left:0;
width:100%;
height:30px;
background:#069 url(images/navigation_corner_top.gif) no-repeat right top;
line-height:30px;
z-index: 3;
}

#navigation ul{
float:left;
}

#navigation li{
list-style-type:none;
display:block;
float:left;
}

#navigation ul.nada {
padding-top: 0.5em;
float:none;
}

#navigation ul.nada li, #navigation ul.nada li a {
float: none;
display: block;
min-width: 10em;
}

#navigation div.drop {
margin-top: 30px;
background: #006699;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
position: relative;
z-index:3;
}

#navigation a{
display:block;
float:left;
color:#fff;
padding:0 12px;
}

#navigation a:hover{
background:#0094bc;
}

#navigation li.current a{
background:#fff;
color:#069;
}

/*
 * Sidebar
 */
 
#sidebar{
padding-bottom:40px;
background:#dde8eb url(images/sidebar_bg.gif) repeat-x bottom;
}
 
#sidebar .module{
padding:12px;
}

#sidebar h3{
font-size:14px;
font-weight:bold;
padding:3px;
padding-left:6px;
border-bottom: 1px solid #a6c0c7;
color:#588;
background:#c1d4de;
}


/*
 * Products listing
 */
 
#products{
padding:24px;
min-height: 400px;
}


.product{
}

.product h2{
padding:3px 12px;
font-weight:normal;
font-size:18px;
color:#333;
background:#cbe9ff;
border-top:1px solid #cbe9ff;
border-bottom:1px solid #8dcaff;
}

.product .image{
float:left;
margin:3px;
padding:3px;
background:#cbe9ff;
}

.product dl{
margin-left:120px;
padding:12px;
}

.product dt{
color:#333;
font-weight:bold;
margin-bottom:6px;
}

.product dd{
color:#666;
margin-bottom:12px;
}


/*
 * Tables
 */

table {
width:100%;
border-collapse:collapse;
}

th{
padding:6px;
background:#d8e795;
border-right:1px solid #c6d777;
border-bottom:2px solid #c6d777;
}
th img { border:0px;}

tr:hover{
background:#eaf5fd;
}

td{
padding:6px;
border-bottom:1px solid #eaedef;
}

td.expanded{
background:#fff;
padding:0;
}


/*
 * Login
 */
 
#login{
width:420px;
height:380px;
text-align:left;
margin: 30px auto;	
background:transparent url(images/login_bg.gif) 10px 10px no-repeat;
}

#login h1{
padding:15px;
padding-bottom:0px;
}

#login h2{
font-size:18px;
color:#069;
text-align:center;
}

#login form{
padding:20px;
padding-top:10px;
position:relative;
}

#login .text{
width:350px;
}

#login .submit{
position:absolute;
/*bottom:10px;*/
right:30px;
}
#login label input { width: 99%;} 
#login div { margin: 10px 15px 20px 15px; }
#login div div.o { cursor:pointer;font-size:18px; }
#login #new {  color:#f80700;}
#login #new:hover { background-color:#ffc0be; }
#login #regresa { color:#00af1d; }
#login #regresa:hover { background-color:#c3ffca; }
#login #quiero { color:#0300dd; }
#login #quiero:hover { background-color:#cac9f6; }
/*
 * Interface elements
 */
 
/*generales */

.options input[type='checkbox']{
border:1px solid #a6c0c7;
width:10px;
} 

.options_title{
display:block;
font-weight:bold;
background:url(images/icons/down_mini_arrow.gif) no-repeat right;
}

ul.options li{
list-style-type:none;
margin-bottom:12px;
}


ul.options ul{
margin:6px 0;
padding:3px;
background:#ecf2f4;
border:1px solid #dce2e4;
}

ul.options ul li{
display:block;
padding:3px 3px 3px ;
margin:0;
border-bottom: solid 1px #ddd;

}

ul.options ul li label, ul.options ul li input{
padding:0;
margin:0;
display:inline;
}

ul.options ul li:hover{
background:#dfeaed;
}

/*
 * Forms
 */
 
.form{
padding:6px;
margin-right:24px;
} 
 
label{
cursor:pointer;
display:block;
padding:3px 0;
}

label.required{
color:#333;
font-weight:bold;
}

label.optional{
color:#666;
}

label.disabled{
color:#aaa;
}

fieldset{
background:#dde8eb;
padding:6px;
border:none;
}
.padres fieldset legend{margin:19px 0 0; font-weight:bold;}

label input, label select{
display:block;
margin:3px 0;
background:#fff url(images/input_bg.gif) no-repeat;
}


input.text{
padding:3px;
border:1px solid #999;
border-top:1px solid #777;
width:350px;
}

select{
display:block;
border:1px solid #999;
border-top:1px solid #777;
background:#fff url(images/input_bg.gif) no-repeat;
padding:1px;
min-width:100px;
/*width:auto !important;*/
/*width:100px;*/
}

.message {
	padding: 10px;
	border: 1px solid #c7dcff;
	background: #f5f8ff;
	color: #1d2241;
	margin: 10px;
}

.hint {
	padding:6px;
	padding-left:22px;
	background:#f3f5f6 url(images/icons/bell.png) no-repeat 3px center;
	border:1px solid #adf;
	color:#633;
}

.error_message {
	padding:6px;
	padding-left:22px;
	background:#fbf4dc url(images/icons/bullet_error.png) no-repeat 3px center;
	border:1px solid #f5db5d;
	color:#633;
}




/*botones*/

input.btn{
outline:none;
margin:6px 0;
width:100px;
height:25px;
cursor:pointer !important;
cursor:hand;
border:none;
background:url(images/buttons_bg.gif) no-repeat;
}

input.btn:active{
background-position:1px 1px;
}

input.ok{
background-position:0 -25px;
}

input.ok:active{
background-position:1px -26px;
}

input.cancel:active{
background-position:1px -51px;
}

input.cancel{
background-position:0 -50px;
}

.add_product{
text-indent:-5000px;
display:block;
width:180px;
height:60px;
background:#d8e795 url(images/add_product_btn.gif) no-repeat;
}


/*
 * Misc Classes
 */
 
.even{
background:#f9f9f9;
}


div.clear { clear:both; }

table.peque th {font-size:08pt;}
table.peque td {font-size:08pt;}

table.limpia th {background:transparent; width:; height:0; border:0;}
table.limpia tr:hover {background:transparent;}

div.required {font-weight:bold; margin:15px;}
div.required input {font-weight:normal;}
div.required label {margin:0; display:inline;}
sub.required {color:#600; font-size:75%; font-weight:normal;}
div.required div.notice { margin:0px; font-size:85%; font-style:italic; background:#fff; font-weight:normal;}
div.required select {display:inline;}

div.optional {font-weight:normal; margin:15px;}
div.optional input {font-weight:normal;}
div.optional label {margin:0; display:inline;}
sub.optional {color:#600; font-size:75%; font-weight:normal;}
div.optional select {display:inline;}
div.optional div.notice, div.optional span.notice { margin:0px; font-size:85%; font-style:italic; background:#fff; font-weight:normal;}


/** formas */

div.headerForma {margin-top: 0.2em; padding: 0.2em 0 0 0.2em; text-align: center; background: #c1d4de; border: 1px solid #ccc;}
div.bodyForma {padding: 0.2em; min-height: 50px; background: #eff3f4; border: 0px solid #ccc; border-top: 0;} 
div.left {border-right: solid 1px #ddd;}
div.Forma {background: #eff3f4; }
.dragdiv {
  border: 1px solid #eee;
  padding: .5em;
  cursor: pointer;
  background-color: #FFFDE9;
  margin-top: .2em;
  width:280px;
}
.dropdiv {
  border: 1px solid #eee;
  padding: .5em;
  background-color: #eef;
  margin-top: .2em;
}
.rightlink {float: right;}

.drag-area {float: left; margin-left: 2em;}
.drag-area2 {
  position:absolute;
    width:300px;right:0px;top:50px;
    padding:1px;background:#FFFFFF;
  margin-right: 2em;
}

DIV.result {
  padding: 3px;
  margin: 2px;
  background: #fffff8;
  border: 1px solid #ffffee;
  color: #666;
}
DIV.result_hover, DIV.result:hover {
  padding: 3px;
  margin: 2px;
  background: #fffff8;
  border: 1px solid #ffffee;
  color: #666;
  background: #ffffe2;
  border: 1px solid #f9ffa4;
  cursor: pointer;
}
DIV.result b {
  color: #000;
}
.reporte_editable_input {border:0px; background-color:transparent;}
.reporte_editable_input:focus {background-color:#fff993;}

.reporteRes th {background-color:#eee; border:solid 1px #ddd; padding:1px 2px 1px 1px; margin:0;}
.reporteRes td {background-color:#fff; border:solid 1px #ddd; padding:1px 2px 1px 2px; margin:0; text-align:right;}
ul.ordenable { list-style-type:none; float:left; margin:0 10px 0 0; clear:none; padding:0;}
ul.ordenable li { clear:both;  margin:0;}
ul.ordenable img { float:left; }
ul.ordenable li:hover { background-color:#ddd; }
ul.ordenable div.handler { padding:3px 0 0 0;margin:0 0px 0 0; cursor:move; min-height:10px; float:left; vertical-align:bottom;}
.calendar{
  z-index:1;
}
.sortarrow{

}
ul.actions{
  padding-left:10px;
}

.tags-ul {
  list-style: none;
  overflow: auto;
}
.tags-ul li {
  list-style: none;
  margin: 3px;
  background: #eee;
  padding: 3px;
  display: block;
  float: left;
}
.tags-ul li a {
  background: #ddd;
  color: #f00;
}


.mensajes ul li {
  padding: 5px;
  background: #eee;
  margin: 4px;
  list-style: none;
  overflow: auto;
}
.buttons li {
  float: left;
}
.buttons {
  overflow: auto;
  float: right;
}
.autocomplete-w1 { background:url(/js/autocomplete/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
.autocomplete-w1 { z-index: 1000 }
.qualify{font-size:16px;}
.u-star,.u-star-normal{
	background: url("images/star.gif");
	display: block;
	width:21px;
	cursor: pointer;
	height:24px;
	float:left;
}
.u-star:hover,.u-star-selected{
	background: url("images/star_i.png");

}

.u-star-normal2{
	background: url("images/star2.png");
	display: block;
	width:16px;
	cursor: pointer;
	height:16px;
	float:left;
}
.u-star2:hover,.u-star-selected2{
	background: url("images/star2_i.png");
}



.clear{clear:both;}

#habilidades{
	vertical-align: top;
}