body {

background-color:white;

font-family:Trebuchet MS;

margin:0px;

}

.menuheader {

background-image:url(../image/back.jpg);

border-bottom:1px solid #CCCCCC;

height:100px;

left:0px;

position:absolute;

top:0px;

width:100%;

}

.GutxuLogo {

background-image:url(../image/gutxu_logo.png);

background-repeat:no-repeat;

height:100px;

left:5px;

position:absolute;

top:2px;

width:150px;

}

.cmssystem {

bottom:2px;

color:#3766AC;

font-size:24pt;

font-weight:bold;

left:95px;

margin-right:100px;

position:absolute;

}

.menu {

height:100px;

left:450px;

position:absolute;

top:0px;

}

.menuitem {

height:100px;

float:left;

}

.menu div:hover {

background-image:url(../image/back_hover.jpg);

}

.menu table {

color:#B6B6B6;

font-size:14px;

padding-left:6px;

padding-right:6px;

margin-top: 65px;

text-align:center;

text-decoration:none;

}

.menu a:hover {

color:#3766AC;

}

.menu table:hover {

color:#3766AC;

}

.menu2 {

bottom:5px;

left:265px;

position:absolute;

width:200px;

}

.menuitems {

color:#B6B6B6;

font-size:15pt;

}

.menuitems_label {

width:200px;

color:#B6B6B6;

font-size:15pt;

}

.kop {

color:#3766AC;

font-size:20pt;

font-weight:bold;

}

.kop1 {

color:#3766AC;
font-size:20pt;
font-weight:normal;

}

.kop2 {

color:#3766AC;

font-size:14pt;

font-weight:bold;

}

.kop3 {

color:gray;

font-size:17pt;

}

.kop4 {

color:gray;

font-size:12px;

}

.kop5 {

font-size: 17pt;
color:gray;
font-weight:bold;

}

.text {

left:75px;

position:absolute;

top:115px;

width:90%;

}

a {

color:gray;

text-decoration:none;

}

.ahovertitle {

color:gray;

font-size:17pt;

text-decoration:none;

}

a:hover {

color:#3766AC;

text-decoration:none;

}

a:visited {

color:#3766AC;

text-decoration:none;

}

.somp {

border-top:1px dashed gray;

color:gray;

font-size:12px;

margin-top:30px;

padding-top:5px;

}

.somp a {

color:#3766AC;

text-decoration:none;

}

.somp a:hover {

color:gray;

text-decoration:none;

}

.logo {

bottom:5px;

left:0px;

position:absolute;

}

input {

background-color:#F4F4F4;

border:1px solid gray;

color:gray;

font-family:Trebuchet MS;

margin-top:2px;

}

textarea {

background-color:#F4F4F4;

border:1px solid gray;

color:gray;

font-family:Trebuchet MS;

margin-top:2px;

}

.rightmenu {

color:#3766AC;

float:right;

font-size:12px;

height:600px;

overflow:auto;

}

.menudiv {

background-color:#F4F4F4;

border:1px dotted gray;

}

.menudiv2 {
background-color:#F4F4F4;
border:1px dotted gray;
font-weight:normal; }
.menudiv2 p {padding:5px 0 10px 0; margin:0;}

.statusbox {

border-left:1px dotted #CCCCCC;

height:80%;

padding-left:15px;

position:absolute;

right:25px;

top:10px;

width:150px;

}

.statusbox table {

font-family:Verdana;

font-size:11px;

}

.th { background:#3766AC; color:#fff; border-color:#3766AC; }
.espaciador { height:20px; width:100%;}

/* ---------------pie---------------------*/
#footer { clear:both; background:#fff; color:#777777; padding:5px 0px 5px 20px; vertical-align:middle; font: 12px/28px Arial, Helvetica, sans-serif; }
#footer a { color:#3766AC; font-size:12px; }
#footer a:hover { color:#FF9933; }


/*----------------NUEVO---------------------*/
/* always visible */

.holder { /*width:250px; padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;*/}
.holder p {padding:5px 0 10px 0; margin:0;}
.holder p.bold {/*font-weight:bold;*/}
.holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
div.more span {float:left; margin:5px 10px 5px 10px; cursor:pointer; color:#3766AC; font-weight:bold;}
div.more span.hide {display:none;}
div.more p {display:none;}
div.more ul {display:none;}
div.more img {display:none;}

/* clicked style div.click */
div.click span.show {display:none;}
div.click span.hide {display:block;}
div.click p {display:block;}
div.click ul {display:block;}
div.click li {display:block;}
div.click img {display:block; float:left; padding-right:10px; padding-left:10px;}