/* Hubermann.com | 2008 */ 
/* Info@Hubermann.com */ 
/* CSS Essentials */ 
/* ---------------------*/ 

/*  Reset CSS */ 
body, div, dl, dt, dd, li, pre, 
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; } 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; } 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; } 
ol, ul { list-style: none; margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; }  
caption, th { text-align: left; font-weight: normal; font-style: normal; } 
acronym, abbr, fieldset, img { border: 0;} 
:focus { outline: 0; } 

body{font-family: Verdana, Arial Helvetica; font-size: 11px; background: url(bg_body.jpg); color: #383421;} 

h1{font-size: 130%; color:#453F29;} 

h2{font-size: 120%; color:#453F29;} 

h3{font-size: 110%; color:#453F29;} 

#wrapper{width: 850px; margin:15px auto; overflow:hidden; background:#FFF; border:2px solid #FFF;} 

#header{width: 850px; float: left; height: 85px; background: url(bg_header.jpg) repeat-x;} 

#logo{width: 270px; height: 75px; margin:0 0 0 20px}

#imageHeader{width: 850px; height: 110px; margin:0; float: left;}

#menu{width: 850px; height:25px; float: left; background: url(bg_menu.jpg) repeat-x; } 


#menu li{float: left; border-right: 1px solid #887D51; height: 25px; width: 100px; text-align: center;}

#menu li:hover{ background:#958450 url(bg_menu2.jpg) repeat-x;}

#menu a{text-decoration: none; color:#383421; margin:3px; padding: 3px;  display: block;  }

#menu a:hover{color:#464234;}


/* menu 2 */

#menuInside{width: 200px;float: left; margin:10px 0 10px 0; } 

#menuInside li{height: 23px; width: 180px; text-align: center; background:#958450 url(bg_menu.jpg) repeat-x; border-left:1px solid #887D51;  border-right:1px solid #887D51; border-bottom:1px solid #887D51; margin:5px 0 5px 20px; }

#menuInside li:hover{ background:#958450 url(bg_menu2.jpg) repeat-x;}

#menuInside a{text-decoration: none; color:#464234; margin:4px; padding: 5px;  display: block; }

#menuInside a:hover{color:#464234;}



#content{width: 850px; float: left; margin:0; background: url(bg_content.jpg) repeat-y;} 

#expand{width: 1px; height: 300px; float: left; } 

#columnBig{width: 600px; float: left; } 

#columnSmall{width: 240px; float: left;} 

#footer{width: 850px; height:25px; float: left; background: #958450; color:#FFF; font-size: 10px;} 

#footerSign{width: 400px; float: left; margin:0 0 0 5px; text-align: left;}

#footerDev{width: 400px; float: right; margin:0 5px 0 0; text-align: right;}

#footerDev a{text-decoration: none; color:#ffe6ae;}

/* Class */ 

.inside{margin:5px;} 

.insideCenter{margin:5px; text-align:center;} 

/* items  */ 

.boxItem{ width: 570px; float:left; border:1px solid #ced9f2; margin:5px; }

.boxItem a{text-decoration: none; color: #354F83; }

.titleItem{width: 560px; margin:3px; float:left; font-weight: bold; color:#453F29;}

.avatarItem{width: 100px; float:left;  margin:3px;}

.descripItem{width: 450px; float: left; margin:3px;}

.descripContent{width: 450px; float:left;}

.infoItem{width: 450px; margin:3px 0 3px 0; color: #58526a; float: left;}

.optionsItem{width: 450px; margin:3px 0 3px 0; float: left; }

.optionsItem a{color:#2d3a6a; text-decoration: none; display: block; background: #d0dcde; width: 55px; text-align: center; float: right; padding: 1px;}


/*   FORM  */


form.myform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.myform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.myform fieldset ol {
  margin: 0;
  padding: 0;
}
form.myform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.myform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.myform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.myform fieldset fieldset label {
  display: block;
  width: auto;
}
form.myform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.myform label {
  width: 120px; /* Width of labels */
}
form.myform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.myform .btn {
  width: 50px; color: #383421; margin:0 0 0 4px; height: 16px;
}

form.myform .btn2 {
  width: 50px; color: #383421; height: 16px;
}



input{background: #E3D6B6; border:1px solid #887D51; width: 160px; height: 15px;} 

textarea{background: #E3D6B6; border:1px solid #887D51;} 


#searchBox{width: 177px; height: 71px;  margin:15px 0 0 23px; background: url(bg_search_box.jpg) no-repeat; }

#boxInput{margin:15px 0 0 45px; float:left; width: 120px; }

#boxInput .input{width: 110px; height: 15px; float: right; border:1px solid #887D51; background: #E3D6B6;}

#boxInput .btn{float: right; margin:4px 0 0 0; background: #9C8B59; width: 50px;  border:1px solid #887D51; color:#383421; }


#findHeader{width: 582px; margin:5px; height: 60px; background: url(header_search.jpg) no-repeat}
/*busqueda avanzada*/

#inputsAdvanced{width: 510px; float:right; margin-top: 12px;}

#select{ float:left;}

#subselect{ float:left;}

#boton{width: 100px; float:left;}

#boton .btn{width: 50px; height: 20px; margin-left: 4px;}

select{height: 20px; border:1px solid #887D51; background: #E3D6B6;}

.notify{width: 95%; margin:5px; padding: 5px; background: #f3f2dd; border:1px solid #cfbea7;}