body { background: #F9F9F9; font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 9pt; border: 0px; margin:0px; padding: 0px; color:#7D7D7D } img {border: none} h1 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size: 22px; font-weight:bold; /*color: #9F9F9F;*/ margin:0px; letter-spacing: -1px; line-height:20px} h1 .resal { color: #6089A2; background:inherit} a.mini {font-size: 10px; color: #CCCCCC; text-decoration:none; background:inherit} a.mini:hover {text-decoration: underline} .boton {background: #FFFFFF url(../img/fondoboton.jpg) repeat-x; height:17px; border-top: #617C8D 1px solid; border-left: #617C8D 1px solid; border-right: #99B7CA 1px solid; border-bottom: #99B7CA 1px solid; padding:0px;font-size:9px; color: #F85900; font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"} form {margin:0px; padding:0px} input {font-size: 10px; margin: 0px 0px 5px 0px; padding:1px; border: #CACACA 1px solid} select {font-size: 10px; margin: 0px 0px 5px 0px; padding:1px; border: #CACACA 1px solid} #pagina {background:#FFFFFF url(../img/fondoweb.jpg) repeat-y; width:750px; /*height:740px;*/ margin: 0px auto; overflow:hidden; padding: 0px 10px; color: #8C8C8C} #parteizda {width: 253px; float:left; margin:0px; padding:0px} #parteizda .logo {width: 253px; height: 98px; background-color: #2D3454; overflow:hidden; color: #666666} #parteizda .direccion {width: 231px; height: 48px; background: #2D3454 url(../img/fondodirec.jpg); padding: 9px 0px 0px 22px; color: #2D3453; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin:0px; border:0px; letter-spacing:0px} #parteizda .topmenu {width: 253px; height: 55px; background: #2D3454 url(../img/fondomenu1.jpg); margin:0px; border:0px; padding:0px; color:#FFFFFF} #parteizda .menu {width: 217px; height: 316px; background: #F3F3F3 url(../img/fondomenu2.jpg); padding:0px 0px 0px 36px; color:#FFFFFF} #parteizda .menu .puntoactivo{margin: 0px 37px 20px 0px; background-color: #E4E4E4; border-bottom:1px #999999 solid; height:35px; padding-left:5px; color:#FFFFFF} #parteizda .menu .puntonoactivo{margin: 0px 37px 20px 0px; border-bottom:1px #999999 solid; height:35px; padding-left:5px} #parteizda .menu .titulo {font-family:Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 18px; color: #999999; background:inherit} #parteizda .menu .titulo a{color: #999999; text-decoration:none; background:inherit} #parteizda .menu .titulo a:hover{color: #F85900; background:inherit} #parteizda .menu .descri { font-family:Arial, Helvetica, sans-serif; font-size: 9px; color: #5B8EA8; font-weight: 100; background:inherit} #parteizda .clientes {width:253px; height:148px; background:#F3F3F3 url(../img/fondoform.jpg); padding-top:30px; color:#7D7D7D} #parteizda .clientes .rotulo {width: 183px; height:53px; border-bottom: #999999 1px solid; margin:0px 35px 0px 35px} #parteizda .clientes .formu { width: 183px; height:75px; margin:0px 35px 0px 35px; overflow:visible} #parteizda .clientes .formu .cajaizda{ float:left; width:55px; padding:10px 0px 0px 5px; color:#F85900; font-size:9px; line-height: 20px; background:inherit} #parteizda .clientes .formu .cajadere{ float:right; padding:7px 0px 0px 0px; text-align:right} #parteizda .banner {width:157px; height:325px; background: #F3F3F3 url(../img/bannerbonosat.jpg); padding:195px 50px 0px 45px; font-size:11px; color: #7D7D7D; letter-spacing:-1px; font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"} #parteizda .banner ul{margin: 0px; padding: 0px 0px 0px 20px} #parteizda .banner li{margin: 0px; padding: 0px 0px 8px 0px} /*##############################################*/ #partedcha {width: 497px; float: right; margin: 0px 0px 0px 0px; background-color: #FFFFFF ;color: #8C8C8C} #partedcha .toplink {background-color: #2D3454; width: 477px; height: 16px; margin:0px; padding: 12px 15px 2px 5px;color: #8C8C8C} #partedcha .toplink .textosi {color: #CCCCCC; font-size: 9px; float:left; background:inherit} #partedcha .toplink .textosi a { text-decoration:underline; color: #F6F6F6; background:inherit} #partedcha .toplink .textosd {color: #CCCCCC; font-size: 9px; float:right; background:inherit} #partedcha .banner {width: 467px; height: 109px; clear:both; background: #2D3454 url(../img/banner.jpg); color: #f3f7f8; padding: 94px 0px 0px 30px; font-family:Arial, Helvetica, sans-serif } #partedcha .banner h1 { font-family:Arial, Helvetica, sans-serif;font-size:13px; font-weight:bold; margin:0px; padding:0px; line-height:13px;letter-spacing: 0px} #partedcha .banner h2 {font-size:11px; margin:4px 0px 0px; padding:0px; font-weight:100; margin-left:35px; line-height:13px} #partedcha .banner h2 a{font-size:11px; color: #E1E9EE; background:inherit} #partedcha .banner h2 a:hover{font-size:11px; color: #FFFFFF; background:inherit} /*##############################################*/ #partedcha .textos {width:466px; background: #FFFFFF; padding: 12px 12px 0px 19px; font-size:8pt; color: #8C8C8C} #partedcha .textos a {color:#F85900; text-decoration:none; font-weight:bold; background:inherit} #partedcha .textos h1 a {text-decoration:none; color: #9F9F9F; background:inherit} #partedcha .textos a:hover {text-decoration: underline} #partedcha .textos .menudoble {overflow:hidden; height:25px; width:480px} #partedcha .textos .minimenu {float:right;height:20px;font-size:9px; width:100px; padding-top:0px; text-align:right; letter-spacing:-1px} #partedcha .textos ul.textos {margin: 8px 0px 8px 40px; padding:0px} #partedcha .textos li.textos { list-style-type:none; background:url(../img/flechita.gif) left no-repeat; padding: 0px 0px 0px 12px; margin:0px} #partedcha .textos .minimenu a{text-decoration:none; color: #7D7D7D; font-weight:normal; background:inherit} #partedcha .textos .minimenu a:hover{text-decoration: underline; color: #F85900; font-weight:normal; background:inherit} #partedcha .textos .caja {border-bottom: 1px #CACACA solid; padding-bottom:10px} #partedcha .textos .cajadoble {overflow:hidden; clear:both} #partedcha .textos .cajadoble a {color:#F85900; font-size: 10px; text-decoration:none; font-weight:bold; background:inherit} #partedcha .textos .cajadoble a:hover {text-decoration: underline} #partedcha .textos .cajadoble h1 {color: #6089A2; background:inherit} #partedcha .textos .cajadoble .izda {width:220px; float:left; padding-top:10px; overflow:hidden} #partedcha .textos .cajadoble .izda p{margin-bottom: 15px; text-align:left; font-size:10px} /* ############################################################### */ #partedcha .textos .cajadoble .compromisos {float:right; width:195px; padding:20px 30px 0px 20px} #partedcha .textos .cajadoble .compromisos h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 17px; color: #627db6; line-height: 16px; letter-spacing: -1px; background: #F3F3F3} #partedcha .textos .cajadoble .compromisos h2 a {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 17px; color: #627db6; line-height: 16px; letter-spacing: -1px; background: #F3F3F3; padding-left: 60px} #partedcha .textos .cajadoble .compromisos h2 a:hover {color:#FF0000; background: inherit;text-decoration:none} #partedcha .textos .cajadoble .compromisos .comprouno {height:60px; width:180px; overflow:hidden} #partedcha .textos .cajadoble .compromisos .comprouno h2 a{ background: url(../img/comp1.jpg) left no-repeat; display:block; height:50px; width:120px} #partedcha .textos .cajadoble .compromisos .comprouno h2 a:visited{ background: url(../img/comp1.jpg) left no-repeat} #partedcha .textos .cajadoble .compromisos .comprouno h2 a:hover { color:#FF0000;background: #F3F3F3 url(../img/comp1h.jpg) left no-repeat} #partedcha .textos .cajadoble .compromisos .comprodos {height:60px; width:180px; overflow:hidden} #partedcha .textos .cajadoble .compromisos .comprodos h2 a{ background: url(../img/comp2.jpg) left no-repeat; display:block; height:50px; width:120px} #partedcha .textos .cajadoble .compromisos .comprodos h2 a:visited{ background: url(../img/comp2.jpg) left no-repeat} #partedcha .textos .cajadoble .compromisos .comprodos h2 a:hover { color:#FF0000;background: #F3F3F3 url(../img/comp2h.jpg) left no-repeat} #partedcha .textos .cajadoble .compromisos .comprotres {height:60px; width:180px; overflow:hidden} #partedcha .textos .cajadoble .compromisos .comprotres h2 a{ background: url(../img/comp3.jpg) left no-repeat; display:block; height:50px; width:120px} #partedcha .textos .cajadoble .compromisos .comprotres h2 a:visited{ background: url(../img/comp3.jpg) left no-repeat} #partedcha .textos .cajadoble .compromisos .comprotres h2 a:hover { color:#FF0000;background: #F3F3F3 url(../img/comp3h.jpg) left no-repeat} #partedcha .textos .cajadoble .compromisos .comprocuatro {height:60px; width:180px; overflow:hidden} #partedcha .textos .cajadoble .compromisos .comprocuatro h2 a{ background: url(../img/comp4.jpg) left no-repeat; display:block; height:50px; width:120px} #partedcha .textos .cajadoble .compromisos .comprocuatro h2 a:visited{ background: url(../img/comp4.jpg) left no-repeat} #partedcha .textos .cajadoble .compromisos .comprocuatro h2 a:hover { color:#FF0000;background: #F3F3F3 url(../img/comp4h.jpg) left no-repeat} /* ############################################################## */ #partedcha .textos .cajadoble .dcha {width:208px; float: right; background:url(../img/fondotexto.jpg); height:274px; padding: 10px 14px 10px 10px; overflow:hidden} #partedcha .textos .cajadoble .dcha h1 { font-weight:bolder} #partedcha .textos .cajadoble .dcha p { text-align:left; font-size:10px} #partedcha .textos p {margin:5px; text-align:justify; line-height: normal} #partedcha .textos p.prod{margin:0px; text-align:left; font-size: 11px; line-height:12px; letter-spacing:-1px; padding:0px} #partedcha .textos h2 {font-size: 10pt; color: #8A8A8A; font-weight: bold; margin:0px; letter-spacing: -1px; background:inherit} #partedcha .textos h2.resal { color: #6089A2; background:inherit} #partedcha .textos h3 {font-size: 8pt; color: #6089A2; font-weight: bold; margin:5px; padding:0px; background:inherit} /*##############################################*/ .textos .lineacaja {width:482px; height:145px; margin-top:8px; padding:0px} #partedcha .textos h2.prod {color: #6089A2; font-size:16px; font-family:Arial, Helvetica, sans-serif; background: #F3F3F3} #partedcha .textos .prod a {color: #6089A2; font-size:16px; font-family:Arial, Helvetica, sans-serif; background:inherit} #partedcha .textos .prod a:hover {color: #FF0000; text-decoration:none; background:inherit} .lineacaja .cajai {width:232px; height:145px; margin-right: 9px; float:left} .cajai .linea1{width:162px; height: 23px; background: url(../img/boxi1.jpg) no-repeat top; padding:15px 0px 0px 70px } .cajai .linea2{width:212px; height:100px; overflow:visible; background: url(../img/boxi2.jpg) repeat-y; padding: 0px 10px 0px 10px} .cajai .linea3{width:232px; height: 8px; background: url(../img/boxi3.jpg) no-repeat top } .lineacaja .cajad {width:232px; height:145px; margin-left: 9px; float:right} .cajad .linea1{width:150px; height: 23px; background: url(../img/boxd1.jpg) no-repeat top; padding:15px 70px 0px 12px } .cajad .linea2{width:209px; height: 100px; overflow:visible; background: url(../img/boxd2.jpg) repeat-y; padding: 0px 10px 0px 13px} .cajad .linea3{width:232px; height: 8px; background: url(../img/boxd3.jpg) no-repeat top } .textos .lineacajau {width:479px; height: 106px; margin-top: 10px} .lineacajau .linea1{width:389px; height: 22px; background: url(../img/boxu1.jpg) no-repeat; padding:15px 0px 0px 90px} .lineacajau .linea2{width:450px; height: 56px; background: url(../img/buxu2.jpg) repeat-y; padding:5px 10px 0px 20px} .lineacajau .linea3{width:479px; height: 8px; background: url(../img/buxu3.jpg) no-repeat} /*##############################################*/ #partedcha .textos .formcto {padding-left: 10px} .fromcto .formlabel {color: #7D7D7D; font: 8pt Verdana, Arial, Helvetica, sans-serif; background:inherit} .formcto .input {font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; padding:1px; border: #CACACA 1px solid} .formcto .formlinea1 {float:left; width:50%} .formcto .formlinea2 {float:right; width:50%} .formcto .lineahor {width: 96%; height:1px; border: #EDEDED 1px solid; margin: 25px 0px 6px 0px; padding:0px} /*##############################################*/ #partedcha .textos .notifecha {float: left; color: #6D6D6D; font-size: x-small; font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 10px 5px 0px 0px; height: 20px; border-right: #ACACAC 2px solid; margin: 2px 10px 0px 0px; background:inherit} #partedcha .textos h2.notititulo {color: #6089A2; font: bold 9pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:16px; letter-spacing:normal; background:inherit} #partedcha .textos h2.notititulo a{color: #6089A2; font: bold 9pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:16px; letter-spacing:normal; text-decoration:none; background:inherit} #partedcha .textos .notitexto {color: #8D8D8D; padding: 3px 0px 0px 0px; font-size: 8pt; font-family:"Trebuchet MS", sans-serif; margin-left: 0px; background:inherit} #partedcha .textos .lineahor {width: 100%; height:0px; border-bottom: #C1C1C1 1px dashed; margin: 10px 0px 10px 0px; padding:0px; overflow: hidden} /*##############################################*/ /*Estilos layout clientes*/ .logoclis{width: 482px; height: 365px; overflow:hidden; margin: 10px 0px 10px 0px} .clilinea {width:482px; height: 59px; border-bottom: #E5E5E5 1px solid; overflow:hidden; clear:both; margin-bottom:1px; padding:0px} .clilineafin{width:480px; height: 60px; border:0px; overflow:hidden; clear:both; margin:0px; padding:0px} .clicajacentral {width: 158px; height: 60px; border-left: #E5E5E5 1px solid; border-right: #E5E5E5 1px solid; margin: 0px; padding:0px; overflow:hidden; float:left} .clicajalogo {width: 160px; height: 60px; margin: 0px; padding:0px; overflow:hidden; float:left} /*##############################################*/ .mapaweb {height: 400px; width: 476px; margin-top: 25px;background: url(../img/fondoe.gif); overflow: auto} #partedcha .textos .mapaweb ul li a{color: #627CB4; background: #FFFFFF} .mapaweb ul{margin:5px 0px 0px 10px; padding:0px } .mapaweb li.nodop { background: #FFFFFF url(../img/nodop.gif) no-repeat; padding: 5px 0px 0px 27px; list-style-type:none; height:23px; color: #627CB4; font-size:11px; margin: 5px 0px 0px 0px} #partedcha .textos .mapaweb li.nodop a{font-weight:bold; font-size:11px; background:none} .mapaweb li.nodos { background: url(../img/nodos.gif) no-repeat; padding: 2px 0px 0px 22px; list-style-type:none; height:20px; font-size:10px; margin-left: 10px; margin-top: 3px} #partedcha .textos .mapaweb li.nodos a{font-weight:normal; font-size:10px; background:none} .mapaweb li.nodou { background: url(../img/nodou.gif) no-repeat; padding: 2px 0px 0px 22px; list-style-type:none; height:18px; margin-left: 30px} #partedcha .textos .mapaweb li.nodou a{font-weight:normal; font-size:10px; background:none} /*##############################################*/ #pie {background-color: #2D3454; width: 720px; font-size: 8pt; color: #CCCCCC; height: 14px; padding: 18px 15px; clear:both; margin-top:0px; border-top: #FFFFFF 10px solid} #pie a{color:#CCCCCC; text-decoration:none; background:inherit} #pie a:hover{text-decoration:underline} /*##############################################*/ /* Estilos de tabla para listado de registros principal*/ /* La tabla debe de estar contenida en un DIV con el magen auto para que se centre bien en IE y FireFox*/ .tabladatos {border: #6089A2 2px solid; padding: 0px; margin-left: auto; margin-right: auto; text-align:left; color:#999999; background:inherit } .tabladatos caption {background:#6089A2; color: #F7F7F7; margin-left: auto; margin-right:auto; padding:2px; padding-right: 8px; text-align:center} .tabladatos th {color: #6089A2; padding: 0px 6px; font-size: 7pt; background:inherit} .tabladatos td {margin:0px; border:0px; padding: 1px 6px; font-size: 8pt;color:#7D7D7D; background:inherit} .tabladatos .filaimpar { background: #F3F3F3; margin: 0px; padding:0px; border:0px; color: #7D7D7D} .tabladatos tfoot {background: #E60644 ; color:#FFFFFF; text-align:right} .tabladatos2 {border: #F3F3F2 5px solid; padding: 0px; margin-left: auto; margin-right: auto; text-align:left; color:#999999; background: #F3F3F3; line-height:10px } .tabladatos2 caption {background:#F3F3F3; color: #6089A2; margin-left: auto; margin-right:auto; padding:2px; padding-right: 8px; text-align:left; font-weight:bold;border: #F3F3F2 5px solid} .tabladatos2 th {color: #6089A2; padding: 0px 6px; font-size: 7pt; background:inherit} .tabladatos2 td {margin:0px; border:0px; padding: 1px 6px; font-size: 8pt;color:#7D7D7D; background:inherit} .tabladatos2 .filaimpar { background: #F3F3F3; margin: 0px; padding:0px; border:0px; color:#7D7D7D} .tabladatos2 tfoot {background: #E60644 ; color:#FFFFFF; text-align:right}