html {}

body.frontsite {
margin:0px auto;
height:100%;
font:70% Tahoma;
background: #FFFFFF;
}

#wrap {
clear:both;
margin:10px auto 0px;
padding:0;
width:880px;
background-image: url(../images/e023_02.png);
background-color:#FFFFFF;
}

#logoandresizer {
height:35px;
clear:both;
width:850px;
margin:0 auto;
height:35px;
}

#logo {
float:left;
width:220px;
height:35px;
margin:0;
padding:0;
}

#resizer {
height:35px;
float:right;
width:100px;
text-align:right;
}

#resizer img {}

#membersandsearch {
clear:both;
width:880px;
height:30px;
margin:0px auto;
}

#memberwrap {
float:left;
height:30px;
width:780px;
margin:0;
padding:0;
margin:0 auto;
}

#toggle1  {
float:left;
height:25px;
width:110px;
}

a#toggle1  {background:url(../images/arrow3.png) right 9px  no-repeat;}

a#toggle1:hover {background:url(../images/arrow4.png) right 9px no-repeat;}

#interesting {
clear:both;
width:100%;
background: url(../images/back.gif) repeat-x;
margin:0;
padding:0;
}

#interesting a#toggle2  {
margin:0;
padding:0;
font: 110% Verdana;
line-height:28px;
display:block;
width:140px;
height:28px;
color:#fff;
background:url(../images/arrow1.png) 110px 10px  no-repeat;
}

#interesting a#toggle2:hover {background:url(../images/arrow2.png) 110px 10px no-repeat;}

#topmodules {
width:100%;
background:#555;
color:#fff;
margin:0;
padding:0;
}

#memberarea {
height:25px;
width:630px;
float:left;
font: normal 90% Tahoma;
color: #fff;
padding-top:3px ;
overflow:hidden;
margin-top:5px;
padding:0;
}

#memberarea div {
margin-left:40px;
margin-top:-15px;
width:200px;
height:30px;
}

#memberarea label {	margin-left: 5px;}

#mod_login_username,#mod_login_password {
background: #333333;
color:#fff;
border:1px solid #cdcdcd;
}

#memberarea form {margin-left:5px;}

#memberarea form input.button {
background: #156c94;
color: #fff;
font: normal 100% Tahoma;
}

#memberarea form input.button:hover {
background: #1e81ae;
color: #fff;
}

#memberarea  a {
color:#fff;
background:#156c94;
text-decoration:none;
margin-left:5px
}

#memberarea  a:hover {background: #1e81ae;}

#searchbox {
display:block;
float:left;
margin:0;
width:100px;
height:30px;
overflow:hidden;
background:#555;
}

#mod_search_searchword {
margin:2px;
width:90px;
}

#searchbox input {
border:1px solid #cdcdcd;
background:#156c94;
color:#fff;
font: normal 100% Tahoma;
margin-top:5px;
padding-left:3px;
}

#siteandbanner  {
height:95px;
width:850px;
padding:0px;
margin:0px auto;
overflow:hidden;
}

#site {
float:left;
width:55%;
height:95px;
font-size:1.3em;
color:#fff;
overflow:hidden;
text-align:center;
font-weight: bold;
}

#site img{margin-top:10px;border:0;}

#banner {
float:right;
width:60%;
height:95px;
/*text-align:center;*/
}

#banner img {margin-top:10px;border:0;/*text-align:center;*/}

/*****HYBRID**********/

#horizmenu{
width:880px;
padding:0;
height:30px;
margin:0px auto  ;
}

#contentseparator {
width:auto;/*880px;*/
height:24px;
margin:0px auto;
padding:0;
}

#nav {
position: relative;
top:5px;
height:20px;
width:880px;
margin:0;
padding:0;
/*esto es para ponerlo en color electroquimica*/
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
background-image: url(../images/e023_06.png);
background-repeat: no-repeat;
background-position: right center;
}

#nav li ul {
margin: 0;
padding: 0;
}

#nav a {
display:block;
text-decoration: none;
}

#nav li { /*float the main list items*/
margin: 0;
float: left;
display: block;
padding:0 5px;
}

#nav li ul {display: none;}

#nav li.off ul  { /*put the subnav below*/
position: absolute;
top: 15px;
padding-top:10px;
left: auto;
height:35px;
width:130px;/*880px; y auto xa que no se salga de la pagina*/
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
margin-left:-70px;
float:right;
}

#nav li a {
float:left;
height:25px;
line-height:25px;
padding:0 10px 0 10px;
display:block;
color:#fff;
text-decoration:none;
}

#nav li.off ul a {
border: 1px solid #fff;
float: left; /*ie doesn't inherit the float*/
color: #000;
width: 130px; /*auto*/
background: #f0f0f0;
font-weight:normal;
}

#nav li.over ul li a { /*for ie - the specificity is necessary*/
margin-left:0px;
float:right;
}


#nav li.off:hover ul, #nav li.over ul {
display: block;
z-index: 6000;
}

#nav li.off a:hover{ color: #fff;}

/********************/

#contentwrap {
float:left;
width:100%;
margin:0;
padding:0;
}

#content {
clear:both;
width:880px;
margin:1em auto;
background-color:#FFFFFF;
}

.inside {
padding:0 1%;
background-color:#FFFFFF;
}

#mainbody {
float:left;
width:65%;
height:100%;
margin:0 1% 0 1%;
overflow:hidden;
}

#mainbodylr {
float:left;
width:75%;
height:100%;
margin:0 0.5%;
overflow:hidden;
}

#mainbodyfull {
float:left;
width:97%;
height:100%;
margin:0 0.5%;
border-left:1px solid #156c94;
border-right:1px solid #156c94;
overflow:hidden;
}

#leftbar {
float:left;
width:20%;
height:100%;
background:#fff;
overflow:hidden;
}

#rightbar {
float:left;
width:10%;
height:100%;
background:#fff;
overflow:hidden;
}

#leftbar .moduletable,#rightbar .moduletable {
margin-bottom:2em;
width:100%;
border:0;
}

#leftbar .moduletable li,#rightbar .moduletable li{list-style: none;border:0;}

#leftbar .moduletable h3,#rightbar .moduletable h3{
margin-top:0;
color:#333333;
text-align:center;
padding-bottom:5px;
border-bottom: dotted #333 1px;border:0;
width:150px;
}

#leftbar  .moduletable a ,#rightbar .moduletable a{
color:#555;
font-size:100%;
font-weight: bold;
text-decoration:dotted;
border:0;
}


#leftbar  .moduletable .banneritem a img{border:0;}

#leftbar .moduletable .syndicate a ,#rightbar .moduletable .syndicate a{
text-decoration:none;
border:0;
}

#leftbar .moduletable .latestnews ul ,#rightbar .moduletable .latestnews ul{}

#leftbar .moduletable table{margin-top:-10px;border:0;}

#leftbar .moduletable td{width:100%;}

#leftbar a:hover,#rightbar a:hover {
border-bottom:1px solid #000;
color:#8f5263;
text-decoration:none;border:0;
}

h3,.contentheading,strong,.componentheading {
color:#333333;
font-size:105%;
font-weight:bold;
background-color:#FFFFFF;
}

.small,.createdate,.modifydate {color:#555;}

a.readon,#mainbody a,#mainbodyfull a,#mainbodylr a {
color:#555;
text-decoration:none;
}

a.readon:hover,#mainbody a:hover,#mainbodyfull a:hover, #mainbodylr a:hover{
border-bottom:1px dotted #000;
color:#8f5263;
background:#fff;
}

a.readon,#mainbody a,#mainbodyfull a,#mainbodylr a img{
color:#fff;
text-decoration:none;
border:0;
}

#active_menu.mainlevel {background:#cdcdcd;}

#content .button{
background:#CCCCCC;
border:1px solid #999999;
color:#333333;
margin:5px 0px;
}

.moduletable tr div img {display:none;border:0;}

a.sublevel {
text-align:left;
padding-left:12px;
background:url(../images/indent.png) left  no-repeat;
text-decoration:none;
}

#user12wrap {
float:left;
width:100%;
background:#fff;
margin:0; 
padding:0;
margin-top:0,5em;
border-top:1px dotted #cecece;
}

#user12modules {
clear:both;
width:880px;
margin:0 auto;
padding:0;
}

#user1 {
padding:0;
height:100%;
margin:10px 0 5px;
overflow:hidden;
background:#fff;
}

#user2 {
float:right;
width:49%;
color:#fff;
padding:0;
height:100%;
margin:10px 0 5px;
overflow:hidden;
background:#fff;/*555;*/
border:1px solid #000;
}

#userx {
height:100%;
margin:10px 0 5px;
color:#fff;
padding:0;
overflow:hidden;
background:#fff;
}

#userx img {
float:left;
margin-right:10px;
margin-left:5px;
border:0;
}

#user1 h3,#user2 h3,#userx h3 {
color:#fff;
text-align:center;
}

#user1 a, #user2 a, #userx a {
color:#fff;
text-decoration:none;
}

/*#user1 a:hover,#user2 a:hover,#userx a:hover {background:#1e81ae;}*/

#footerwrap {
float:left;
width:100%;
/*background:url(../images/laterales.png) repeat;*/
padding:0;
/*margin-top:2em;*/
margin-bottom:2em;
height:120px;
}

#footer {
clear:both;
width:880px;
height:120px;
margin:0 auto;
padding:0;
background:url(../images/downbackground1.png);
}

.topmenu{
margin:1em 0 0 0;
float:left;
width:70%;
}

ul#mainlevel-nav {
padding:0;
margin:0;
}

ul#mainlevel-nav li {
list-style: none;
float:left;
}

ul#mainlevel-nav li a {
background:url(../images/split.gif) no-repeat 100%;
padding:0 10px 0 10px;
color:#555;
text-decoration:none;
}

ul#mainlevel-nav li a:hover {border-bottom:1px solid #555;}

.siteinfo {
float:left;
width:50%;
margin:1em 0 0 0;
text-align:left;
line-height:25px;
height:25px;
padding-left:10px;
color:#fff;


}

.designedby {
float:left;
line-height:25px;
font-size:10px;
text-align:center;
width:100%;
margin:1em 0 0 0;

}

















.designedby a {
padding-left:10px;
text-decoration:none;
color:#555;
}

.designedby a:hover {border-bottom:1px dotted #fff;}

.validsite {
float:right;
width:20%;
text-align:right;
margin:0 0 0 0;
padding-top:10px;
padding-right:10px;
}

.validsite a {text-decoration:none;}

/*************************/

#ff_formdiv11{
/*color: orange;*/
font-familiy:tahoma;
font-size:11px;
}

#ff_form11 .inputbox{
height:15px;
font-size:100%;
}

#ff_form11 .textarea{
height:30px;
font-size:100%;
}