@import url(overlay.css);


/* horaris */

.telefhorario {position: relative; height: 260px; }
.telefhorario .telefono {width:283px; position: absolute; }

#subnavhorario { position:relative; background: #FFFFFF  url(./images/widget/widget_background_20080405.gif) repeat-y bottom; z-index:10;  }
#subnavhorario h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:13px; color:#CCCCFF; height:23px; background:url(./images/widget/widget_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavhorario h2 a { color:#303030; text-decoration:none; }
#subnavhorario h2 a:hover { text-decoration:underline; }
#subnavhorario h3.importante  { color:#FF0000; }

#subnavhorario ul { margin:0 ; top:8px; background:url(./images/widget/widget_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavhorario ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px; text-align: center;}
#subnavhorario ul li a { display:block; margin-bottom:-1px; height:4.17em; border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#subnavhorario ul li a:hover { text-decoration:none; color:#D2c; }

#subnavhorario ul li a img { float:left; margin-right:13px; }
#subnavhorario ul li.bottom a { border:0 }

/* telèfon */
.telefhorario .horario {width:283px; position: absolute; left: 300px; top: 60px;}

#subnavtelefono { position:relative; background: #FFFFFF  url(./images/widget/widget_background_20080405.gif) repeat-y bottom; z-index:10; }
#subnavtelefono h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:13px; color:#CCCCFF; height:23px; background:url(./images/widget/widget_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavtelefono h2 a { color:#303030; text-decoration:none; }
#subnavtelefono h2 a:hover { text-decoration:underline; }

#subnavtelefono ul { margin:0 0; top:8px; background:url(./images/widget/widget_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavtelefono ul li { display:block; margin:10; padding:0 10px; position:relative; _margin-bottom:-2px; text-align: center;}
#subnavtelefono ul li a { display:block; margin-bottom:-1px; margin-left: 10px; height:4.17em; border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#subnavtelefono ul li a:hover { text-decoration:none; color:#D2c; }
#subnavtelefono ul li a img { float:left; margin-right:13px; }
#subnavtelefono ul li.bottom a { border:0 }
#subnavtelefono ul li.urgencias  { border:0; color:#FF0000; background: #DDDDDD;}
#subnavtelefono ul li.normal  { font-size:20px; background: #DDDDDD;}
#subnavtelefono ul li.fax  { background: #DDDDDD;}

/* direcció comercial */
.griddireccion .principal { width:623px; }

#subnavdireccion { position:relative; background: #FFFFFF  url(./images/widget/emails_background_20080405.gif) repeat-y bottom; z-index:10; }
#subnavdireccion h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:15px; color:#CCCCFF; height:23px; background:url(./images/widget/emails_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavdireccion h2 a { color:#303030; text-decoration:none; }
#subnavdireccion h2 a:hover { text-decoration:underline; }
#subnavemails h3 { height: 35px; }

#subnavdireccion ul { margin:0 0; top:10px; background:url(./images/widget/emails_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavdireccion ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px; text-align: left;}
#subnavdireccion ul li a { display:block; margin-bottom:-1px;  height:4.17em; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#subnavdireccion ul li a:hover { text-decoration:none; color:#D2c; }
#subnavdireccion ul li.normal {margin-left: 10px; }
#subnavdireccion ul li a img { float:left; margin-right:13px; }
#subnavdireccion ul li.bottom a { border:0 }

/* direcció comercial */
.gridpresentacion .principal { width:623px; }

#subnavpresentacion { position:relative; background: #FFFFFF  url(./images/widget/emails_background_20080405.gif) repeat-y bottom; z-index:10; }
#subnavpresentacion h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:25px; color:#000000; height:43px; background:url(./images/widget/presentacion_top_20080405.gif) no-repeat left top; text-align: center;}
#subnavpresentacion h2 a { color:#303030; text-decoration:none; }
#subnavpresentacion h2 a:hover { text-decoration:underline; }
#subnavemails h3 { height: 35px; }

#subnavpresentacion ul { margin:0 0; top:1px; padding:1 50px;  background:url(./images/widget/emails_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavpresentacion ul li { display: block; padding:10 15px; position:relative; text-align: left; background: url(./images/programas/bullet.gif) no-repeat left top ;  }
#subnavpresentacion ul li.bottom a { border:0 }
#subnavpresentacion p { position: relative; padding:0 15;}


/* direcció comercial */
.gridemails .principal { width:623px; }

#subnavemails { position:relative; background: #FFFFFF  url(./images/widget/emails_background_20080405.gif) repeat-y bottom; z-index:10; }
#subnavemails h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:13px; color:#CCCCFF; height:23px; background:url(./images/widget/emails_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavemails h2 a { color:#303030; text-decoration:none; }
#subnavemails h2 a:hover { text-decoration:underline; }
#subnavemails h3 { height: 25px; }

#subnavemails ul { margin:0 0; top:10px; background:url(./images/widget/emails_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavemails ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px;  text-align: left;}
#subnavemails ul li a { display:block; margin-bottom:-1px; margin-left: 10px; height:1.67em; line-height:11px; color:#595959; text-decoration:none; position:relative; outline:none; }
#subnavemails ul li a:hover { text-decoration:none; color:#D2c; }
#subnavemails ul li a img { float:left; margin-right:13px; }
/*#subnavemails ul li.bottom a { border:0 }*/


/* aplicació */
.gridaplicacion .principal { width:283px; }
.progresum_c1 { width:300px;}
.progresum_c2 { width:300px;}

#subnavaplicacion { position:relative; background: #FFFFFF  url(./images/widget/widget_background_20080405.gif) repeat-y bottom; z-index:10; margin:1px 0 0; }
#subnavaplicacion h2 { position:relative;   font-size:13px; color:#CCCCFF; height:23px; background:url(./images/widget/widget_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavaplicacion h2 a { color:#303030; text-decoration:none; }
#subnavaplicacion h2 a:hover { text-decoration:underline; }

#subnavaplicacion ul { margin:0 0;  background:url(./images/widget/widget_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavaplicacion ul li { display:block; margin:10;  position:relative; _margin-bottom:-2px; text-align: center;}
#subnavaplicacion ul li a { display:block; margin-bottom:-1px; margin-left: 10px; height:2.17em; border-bottom:1px solid #dcdcdc; line-height:12px; color:#595959; text-decoration:none; position:relative; outline:none; }
#subnavaplicacion ul li a:hover { text-decoration:none; color:#D2c; }
#subnavaplicacion ul li a img { float:left; margin-right:13px; }
#subnavaplicacion ul li.bottom a { border:0 }
#subnavaplicacion ul li.urgencias  { border:0; color:#FF0000; background: #DDDDDD;}
#subnavaplicacion ul li.normal  { font-size:20px; background: #DDDDDD;}
#subnavaplicacion ul li.fax  { background: #DDDDDD;}


/* alerta */
#alertcontainer { position:relative; background: transparent; }
#alertcontainer p { position:relative; font-size:12px; color: #FF0000; background: #FFDFFF;}


/* direcció online */
.gridonline .principal { width:623px; }

#subnavonline { position:relative; background: #FFFFFF  url(./images/widget/emails_background_20080405.gif) repeat-y bottom; z-index:10;  }
#subnavonline h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:13px; color:#CCCCFF; height:23px; background:url(./images/widget/emails_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavonline h2 a { color:#303030; text-decoration:none; }
#subnavonline h2 a:hover { text-decoration:underline; }
#subnavonline h3 { height: 25px; }

#subnavonline ul { margin:0 0; top:10px; background:url(./images/widget/emails_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavonline ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px;  text-align: left;}
#subnavonline ul li a { display:block; margin-bottom:-1px; margin-left: 10px; height:5.17em; border-bottom:1px; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#subnavonline ul li a:hover { text-decoration:none; color:#D2c; }
#subnavonline ul li a img { float:left; margin-right:13px; }
/*#subnavonline ul li.bottom a { border:0 }*/

/* direcció online */
.gridclientes { width:663px; }

/* clients */
#subnavclientes { position:relative; background: #FFFFFF  url(./images/widget/emails_background_20080405.gif) repeat-y bottom; z-index:10;  }
#subnavclientes h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:13px; color:#CCCCFF; height:23px; background:url(./images/widget/emails_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavclientes h2 a { color:#303030; text-decoration:none; }
#subnavclientes h2 a:hover { text-decoration:underline; }
#subnavclientes h3 { height: 25px; }

#subnavclientes ul { margin:0 0; top:10px; background:url(./images/widget/emails_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavclientes ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px;  text-align: left;}
#subnavclientes ul li a { display:block; margin-bottom:-1px; margin-left: 10px; height:4.17em; border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#subnavclientes ul li a:hover { text-decoration:none; color:#D2c; }
#subnavclientes ul li a img { float:left; margin-right:13px; }



/* información programas */

#appinfo_list ul { padding: 0 10px;}
#appinfo_list ul li { display: block; padding:10 15px; position:relative; text-align: left; background: url(./images/programas/bullet.gif) no-repeat left top ;  }

#appinfo_images img { width: 95%; padding:10 0;}

#appinfo_perif img { width: 25%; padding:10 0;}
#appinfo_perif p { position: relative; padding:10 0;}




/* Desgarga última versión */

#subnavdescarga { background:url(./images/widget/descarga.gif) no-repeat; height:10em;}
#subnavdescarga h2 { position:relative; top:2px; margin:0 0 -8px; padding:9px 15px 0; font-size:13px; text-align: center;}
#subnavdescarga h3 { position:relative; top:2px; margin:0 0 -8px; padding:9px 15px 0; font-size:13px; text-align: center;}
#subnavdescarga a { display:block; margin-bottom:-1px; margin-left: 10px; height:4.17em; line-height:50px; text-decoration:none; position:relative; outline:none; text-align: center;}

/* Descargas Completo */
#subnavdescargas { position:relative; background: #FFFFFF  url(./images/widget/emails_background_20080405.gif) repeat-y bottom; z-index:10;  }
#subnavdescargas h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:13px; color:#CCCCFF; height:23px; background:url(./images/widget/emails_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavdescargas h2 a { color:#303030; text-decoration:none; }
#subnavdescargas h2 a:hover { text-decoration:underline; }
#subnavdescargas h3 { height: 25px; }

#subnavdescargas ul { margin:0 0; top:10px; background:url(./images/widget/emails_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavdescargas ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px;  text-align: left;}
#subnavdescargas ul li a { display:block; margin-bottom:-1px; margin-left: 10px; height:4.17em; border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#subnavdescargas ul li a:hover { text-decoration:none; color:#D2c; }
#subnavdescargas ul li a img { float:left; margin-right:13px; }

/* Isl */

#islbutton { position:relative; cursor: pointer; color: #000000; }
#islbutton h1 { position:relative; text-align: center; display: inline; float: left; width:9%; color:#FF3344;}




/* sispassw */
.gridsispassw .principal { width:623px; }

#subnavsispassw { position:relative; background: #FFFFFF  url(./images/widget/emails_background_20080405.gif) repeat-y bottom; z-index:10; }
#subnavsispassw h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:15px; color:#CCCCFF; height:23px; background:url(./images/widget/emails_header_20080405.gif) no-repeat left top; text-align: center;}
#subnavsispassw h2 a { color:#303030; text-decoration:none; }
#subnavsispassw h2 a:hover { text-decoration:underline; }
#subnavemails h3 { height: 35px; }

#subnavsispassw ul { margin:0 0; top:10px; background:url(./images/widget/emails_bottom_20080405.gif) no-repeat left bottom; position:relative; }
#subnavsispassw ul li { display:block; margin:0; padding:0 20px; position:relative; _margin-bottom:-2px; text-align: left; font-size:17px;}
#subnavsispassw ul li.bottom a { border:0 }

input{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
border:2px solid #555;
}
#logindiv { 
  width:560px; 
  height:220px; 
  padding:50px; 
  border:1px solid #ccc;
  margin:auto;
}

input:focus, textarea:focus {
border: 2px solid #FFaa55;
}

#loginform {
  width:300px;
  height:2100px;
  margin:auto;
}

#promptDiv { 
  width:278px; 
  height:48px; 
  padding:10px;
  margin-bottom:16px;
  background:#ffffff;
  text-align:left;
  font-size:11px;
  
  color:#666666;
  border:1px solid #222;
}

#buttonDiv { 
  text-align:center;
}
.fieldTitle {
  margin-bottom:10px;
  font-size:20px;
  font-weight:bold;
  color:#666666;
}
.fieldEntry {
  margin-bottom:8px;
}