/*-------------------------------------+ | | | Sifra Com | | Hoja de estilo principal | | Rev: Abril 2010 | | v7 | +-------------------------------------*/ * { margin: 0 auto; padding: 0; min-width: 0px;} body {font-size:10px;font-family:Arial,sans,sans-serif;background:#fbfbfb url('/media/57/bg-h.jpg') center -80px no-repeat;color:black} input, select, th, td {font-size:1em} li li, li p, td p, blockquote p {font-size:1em} #cabecera, #cuerpo, #pie {font-size:1.2em} #menu, #index, #pieIndex {font-size:1.4em} hr {width:98%} a, a:link {color:#225875;-webkit-transition-property:color, background-color;-webkit-transition-duration:300ms;} a:visited {color:#66799f} a:hover {color:#40a9fd} a:active {color:#fb3333} p {margin:1em 0 0;line-height:1.4em;} h4 + p, h5 + p {margin-top:0;} h1, h2, h3, h4, h5, h6 {font-weight:normal;} h3, h4, h5 {margin-top:1em;line-height:1.6em} h2 small {display:block;font-style:italic;;white-space:normal;margin-left:0} h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration:none} li h1, li h2, li h3, li h4, li h5, li h6 {margin:0;line-height:1em} h1 {font-size:2.4em} h2 {font-size:2.0em} h3, .menuDir {font-size:1.8em} h4 {font-size:1.6em} h5 {font-size:1.2em;font-weight:bold} h6 {font-size:1em;margin:0;font-weight:bold} h4.center {margin-top:2em} .recuadro3 h4 {height:4.2em} h1 span, h2 , h2 span, h3 span, h4 span {color:#c62626} span {color:#c62626} span.boton {display:block;width:80%;clear:both;text-align:center;margin:5px;height:30px} .boton a {display:block;float:right;width:158px;line-height:25px;background:transparent url('/media/2253/boton.png') no-repeat;color:white;text-decoration:none;position:relative} .boton a:hover {top:1px;left:1px;color:#ffe1e1} .menuDir {margin:1em 0 1.6em} .menuDir span {margin:0 20px} a img {border:none} .center, .menuDir {text-align:center} .right {text-align:right} img.right {float:right;margin:10px} img.left {float:left;margin:10px} img.logo {display:block;margin:10px auto;} ul, ol {margin:1em 0 0 3em;color:#444;} ul.enfocado {list-style:none;padding:10px 20px;} ul {margin:1em 0} li {margin:0 0 0 30px;line-height:1.4em;} li div {line-height:16px} /*lista noticias*/ ol.noticias {margin:1em;list-style:none;} ol.noticias li {background:white;border:1px solid #777;padding:20px;margin-bottom:12px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; -webkit-box-shadow:3px 3px 5px #aaa; -moz-box-shadow:3px 3px 5px #aaa;box-shadow:3px 3px 5px #aaa; } /*ol.noticias li.contraido {margin-bottom:2px;padding:0px 10px;} li.contraido h4, li.contraido .fecha {font-size:1em;padding:0;margin:0;} .contraido .fecha {display:block;width:80px} .contraido p {height:0px;overflow:hidden;margin:0}*/ .fecha {font-size:1.2em;} .noticias h4 {font-size:1.4em;} .noticias .fecha {float:right;color:#2774ad} .noticias h4, .noticias .fecha {padding:0px 0px .7em;line-height:22px} /*listas en pares*/ dt strong {padding:0 10px} .caso dl, dl.datos, dl.pares {margin:.6em auto 2em;padding:0px;position:relative;z-index:500} .contenido .caso dl, .contenido dl.datos, .contenido dl.pares, .contenidoDos dl.pares {z-index:1;width:80%} .caso dl dt, .pares dt {position:absolute;left:0px;width:23%;text-align:right;font-weight:bold;} .caso dl dt, .caso dl dd {margin-top:35px;} .caso dl dd, .pares dd {margin-left:25%;} .pares dd {margin-bottom:12px;} .pares dt {font-weight:normal;font-style:italic;} .informes dt {margin-top:1em;} .informes dd {font-style:italic;color:#777} .informes p {text-align: center} .cliente dt, .cliente dd {display:inline} dl h5 {display:inline;margin:0;padding:0;clear:right;} table {margin:1em auto;border-collapse:collapse} table, th, td {border:#36679b solid 1px} td, th {padding:.5em 20px;} th {/*background:#36679b;*/background:#bbb url('/media/19174/menu-gl.png') repeat-x;color:#fff;color:#fff} /*formas general 01 */ form {} fieldset {overflow:auto;padding:10px 0;border:none;} legend {font-size:1.6em;font-weight:bold;} option {padding:0 10px} select {width:160px;margin:0 20px 0 0;} #casos fieldset {padding:0 10px} #casos legend {position:relative;padding:10px;} #casos label {display:block;width:145px;margin:0 auto;text-align:center;} #casos ol {list-style:none;background:transparent;overflow:auto;padding:0px 0 4px 0px;margin:0;} #casos li {float:left;margin-left:2px;color:black;width:178px;text-align:center} #casos select {margin:0 auto;width:160px;} #casosSubmit {margin:10px auto;width:200px;display:block;} #casos input.boton {display:block;width:50px;margin:0 0 0 110px} /*-------------------------------------- estrucura Cabeza --------------------------------------*/ #cabecera a, #cabecera a:link {color:#922424;text-decoration:none} #cabecera a:hover {text-decoration:underline} #cabecera .buscar span a, #cabecera .buscar span a:link {background-color:#922424;color:#fff} #cabecera .buscar span a:hover {background-color:#DD6628;} #cabecera {width:986px;overflow:auto;color:#922424;} #cabecera .contenido {margin-left:142px;padding:2px} #cabecera h2 {margin:25px 0;width:357px;height:58px;text-indent:-9999px;background:transparent url('/media/16727/sifragrupo8.png') no-repeat} #cabecera .contenido span {font-size:.9em;display:block;text-align:left;padding-left:120px} #cabecera h1 {margin:.6em 1% .5em;} img.logomain {display:block;margin:25px 10px 0px;height:200px;float:left} img#confianza {display:block} /* menu izquierda arriba */ div.buscar {margin-top:24px;padding:10px;width:440px;float:right;text-align:right} div.buscar p {margin:0;} div.buscar input.text {width:24em;margin:6px 0;display:inline} .buscar .submit {background:#bd171c;color:#fff;padding:4px;border:#fff solid 1px;cursor:pointer} #cabecera .buscar span a {padding:4px 10px;font-weight:bold;background:#bd171c;color:white} /*-------------------------------------- menu principal --------------------------------------*/ #menu {clear:both;margin:10px auto;width:986px;height:34px;background:transparent url('/media/16712/menu-ll.png') left top repeat-y} #menu div {margin-left:18px;background:transparent url('/media/102/menu-rl.png') right top repeat-y;} #menu ul {margin:0;margin-right:18px;background:transparent url('/media/19174/menu-gl.png') repeat;height:34px;list-style:none;} #menu ul li {/*width:120px;*/margin:0;height:34px;position:relative;display:block;float:left;background:transparent;line-height:22px;} /* links menu */ #menu a,#menu a:link {display:block;padding:6px 20px;color:white;text-decoration:none;background:transparent;text-shadow:2px 2px 2px rgba(0,0,0,.5);} #menu a:visited {} #menu a:hover {background:transparent url('/media/19174/menu-gl.png') center -34px repeat;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.9)} #menu a:active {} /*menu desplegable */ #menu ul li ul {display:none} #menu ul li:hover ul {display:block;position:absolute;left:-5px;z-index:300;padding:0;width:200px;height:auto;background:transparent;border:rgb(141,204,241) solid 2px;border:rgba(141,204,241, 1) solid 2px; color: black; -webkit-box-shadow:5px 5px 5px rgba(123,123,123,.5); -moz-box-shadow:5px 5px 5px rgba(123,123,123,.5); box-shadow:5px 5px 5px rgba(123,123,123,.5); } #menu ul li ul li {float:none;background:transparent;display:inline;font-weight:bold;} #menu ul li ul li * , #menu ul li ul li *:hover {text-shadow: 0 0;} #menu ul li ul li a, #menu ul li ul li a:link {padding:2px 0 2px 6px;border-top:#36679b dotted 1px;background:#daf4fe;text-shadow: 0 0;} #menu ul li:hover ul li {height:auto;line-height:normal;background:white;color:#9fd3fd} #menu ul li:hover ul a, #menu ul li:hover ul a:link {color:#000;} #menu li.subsec a, #menu li.subsec a:link {padding-left:12px;color:#444;background:#fff;font-weight:normal;border:none;} #menu ul li ul li a:hover, #menu li.subsec a:hover {background:#fecfcf} /*-------------------------------------- estrucura Index --------------------------------------*/ #index, #pieIndex {clear:both;margin-bottom:2.4em;width:986px;overflow:hidden;z-index:-1;position:relative} #index {color:#2c5b79;} #index h2 {margin:1em 0 0 1em;font-weight:bold;width:90%;color:#bf3939} #index h2 small {font-weight:normal;color:#2c5b79} #index div {float:left;width:50%;margin:0;position:relative;height:270px;z-index:2;} #index img {margin-top:30px;display:inline;position:absolute;right:10px;top:-10px;z-index:1;} #index p {margin-left:2em;width:90%} /* pieIndex se cuadros e imagen del index */ #pieIndex {background:#2965a4 url('/media/127/pieindex-bg.png') bottom repeat-x;color:#fff;margin:20px auto;z-index:1} #pieIndex h4 {margin-top:0;} #pieIndex a, #pieIndex .boton a:visited {color:#fff} #pieIndex a:visited {color:#bbe1fd} #pieIndex a:hover {color:#c2e2fa} #pieIndex .boton a:hover {color:#ffe1e1} div.dosColumnas, .inside div.princasos {width:50%;float:left;} #pieIndex div.dosColumnas {margin:10px 0;} #pieIndex #divisor {margin-right:-1px;border-right:1px solid #7dbdec} div.dosColumnas .inside {margin:14px;overflow:auto;} /*casos marquesina*/ #envoltura {position:relative;} #contenedor {height:400px;overflow:hidden;position:relative;} #scroller {position:relative;top:0px;margin:0;overflow:auto;} #navs {position:absolute;display:none;top:-22px;right:20px;z-index:2;} #navsprev, #navsnext, #contador {width:14px;height:16px;float:left;cursor:pointer} #navsprev, #navsnext {background-image:url('/media/19169/casosnav.png');} #navsprev {background-position:0 0 } #navsnext {background-position:14px 0;} h4.navs {text-align:center} #contador {color:white;border:1px solid white;margin:0 10px;text-align:center;line-height:16px;cursor:default} div.princasos {text-align:center;margin:0 -1px;overflow:hidden;} div.princasos a {height:176px;display:block;padding:12px 0} div.princasos a:hover {background:#0e4d7f} div.princasos img {height:100px;} div.princasos p {margin:8px;line-height:1em;font-size:12px} /*esquinas redondeadas pieIndex*/ #bottomright, #topright, #bottomleft, #topleft {display:block;position:absolute;width:15px;height:15px;} #bottomright {bottom:0px;right:0px;background:transparent url('/media/16717/pieindex-esq.png') right bottom} #topright {top:0px;right:0px;background:transparent url('/media/16717/pieindex-esq.png') right top} #bottomleft {bottom:0px;left:0px;background:transparent url('/media/16717/pieindex-esq.png') left bottom} #topleft {top:0px;left:0px;background:transparent url('/media/16717/pieindex-esq.png') left top} /* contenidos contendor principal */ #cuerpo {clear:both;width:986px;margin-top:10px;position:relative;} /*menu izquierdo, sobre fondo azul*/ #submenu {position:absolute;top:0px;bottom:0px;left:0px;width:190px;background:transparent url('/media/16855/submenubg.png') top left no-repeat;} #submenu h2 {color:white;text-align:right;margin:1.4em 20px 2em 10px;font-size:1.7em} #submenu ul {list-style:none;margin:0;} #submenu ul li {padding-top:5px;margin:2px -10px 2px 15px;list-stye:none;} #submenu li.current {margin:0;} #submenu li.separador {margin:30px 0 0;padding:10px 30px 10px 0;background:transparent;color:white;font-size:1.3em;font-weight:bold;text-align:right;border:white solid;border-width:1px 0;} #submenu ul li a {display:block;padding:2px 15px;line-height:20px;text-decoration:none;font-size:1.3em;background:#153e6c url('../img/subM-somba.jpg') 158px repeat-y;color:#fff;border:1px solid #2c8bc0; border-radius:.8em; -moz-border-radius: .8em; -webkit-border-radius: .8em; -ms-border-radius: .8em; } #submenu li.current a, #submenu li.current a:hover {background:white url('/media/16755/submenu-currbg.png') top left repeat-y;padding:7px 15px;color:#2c5b79;text-indent:16px;border:none; -moz-border-radius: 0em; -webkit-border-radius: 0em; -ms-border-radius: 0em; border-radius:0em; } #submenu ul li a:hover {background:#922424} /*reglas contenido generales*/ #cuerpo .contenido, #cuerpo .contenidoDos {font-size:1.2em;min-height:550px;margin-left:190px;padding:10px 200px 100px 20px;position:relative;background:white url('/media/18308/contenidobg.png') top left no-repeat;overflow:auto;} #cuerpo .contenidoDos {padding:10px 10px 100px 20px;} /*reglas casos plantilla*/ #contcasos .columna {width: 260px;} #contcasos h2.casosReferencia {font-size:1.6em} #contcasos h4 {font-size:1.2em;font-weight:700;} #contcasos div.informes p {text-align: center} #contcasos div.informes strong {padding: 0px} /*columnas detro de .contenido width para una columna, dentro de .contenidoDos width para dos columnas*/ .contenido .columna {float:right;width:150px;margin-right:-190px;margin-bottom:16px;margin-left:10px;padding:1em 10px;background:#e3ebf0;border:#a7ccde solid 1px;font-size:.9em;text-align: left; -moz-border-radius: .8em; -webkit-border-radius: .8em; -ms-border-radius: .8em; -webkit-transition-property:color, background-color;-webkit-transition-duration:300ms; } .contenidoDos .columna {float:left;width:49%;position:relative;} .contenido h2 {margin-top:1em;font-size:2.2em;font-weight:normal} .contenido h3, .caso h4 {margin-top:2em;border-bottom:black solid 1px} .contenido .columna h2, .contenido .columna h3, .contenido .columna h4, .contenido .columna h5 {font-size:1.2em;color:#034672;font-weight:700;} .contenido .columna img {max-width:150px;margin:0;} .contenido .columna ul, .contenido .columna ol {margin:1em 0 0 18px;color:#444;} .contenido li {} .columna li {margin:0 0 12px;border:none} .contenidoDos .columna div {padding:15px;} #sitemap li {margin:0 0 0 30px;} /* pie, logos y copyright */ #pie {height:238px;overflow:auto;background:transparent url('/media/509/ondas-sifra.png') no-repeat top right;} #pie div {width:986px;position:relative;z-index:200} #pie p {margin-top:2em} #pie img {margin:12px auto;padding:10px;display:block} #ondas {position:absolute;width:100%;margin:0;z-index:1} /*-------------------------------------- clases por tipos --------------------------------------*/ .caso {clear:both} .yellow {background:#e3ebf0;border:#a7ccde solid 1px;margin-bottom: 15px;text-align: left; -moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em; -webkit-transition-property:color, background-color;-webkit-transition-duration:300ms; } .enfocado {margin: 0px 15px;padding:12px;background:#e3ebf0;border:#a7ccde solid 1px} /* recuadros azules */ div.trescol {background:#e3ebf0 url('/media/16840/arrowclick.png') bottom right no-repeat;border:#a7ccde solid 1px;line-height:16px;padding:15px 12px 35px;margin:0 10px 1em;text-align: left; -moz-border-radius: .8em; -webkit-border-radius: .8em; -ms-border-radius: .8em; border-radius:.8em; -webkit-transition-property:color, background-color;-webkit-transition-duration:300ms; } div.trescol:hover {text-decoration:underline;} div.trescol p {text-align:left;margin:0;} div.trescol img {border:2px solid #a7ccde;margin:10px 0;padding:5px;background:white;-moz-border-radius:5px;-webkit-border-radius:5px} #cuerpo .contenidoDos div.trescol {background-image:none} #cuerpo .contenidoDos div.trescol:hover {text-decoration:none;} .iztext, .centext, .dertext, .cuartatext {padding:0 20px;} .descripcion {margin:10px 30px;font-size:1.2em;color:#727272;font-style:italic;line-height: 18px;} .informes {padding:12px;border:#7e7e7e solid 2px;text-align:center; -moz-border-radius: .8em; -webkit-border-radius: .8em; -ms-border-radius: .8em; border-radius:.8em; } .informes h5, .informes h4 {margin-top:0;} .cliente {padding:2em 0 5px;border-bottom:#777 solid 1px} .directorio {overflow:auto} .directorio .menuDir {margin:0;font-size:14px} .directorio .dirAN {width:50%;float:left;margin:0} .directorio .dirOZ {width:50%;float:left;margin:0} .resultado {padding:10px 20px 10px;margin:6px 0 4px;font-size:1.15em} .resultado h5, .resultado p {padding:0;margin:0 0 8px} .resultado h5 {margin:.8em 0 0;} .resultado span a, .resultado span {color:#246fc1} .resultado small {padding:0 10px;font-style:italic;font-size:.8em} .resultado small a {color:#aaa} .resultado a {text-decoration:underline} /*recuadros naranjas seleccionados */ .selected {background:#830c0c;color:#fff;} div.selected img {border:2px solid #d92b2b;margin:10px 0;padding:5px;background:white;} div.selected {background:#830c0c} div.selected * {color:#fff} div.selected:hover {text-decoration:none} /* reglas video */ .video {overflow:auto;border:#aaa 1px solid;margin:0 auto;padding:24px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; -webkit-box-shadow:5px 5px 10px #aaa; -moz-box-shadow:5px 5px 10px #aaa;box-shadow:5px 5px 10px #aaa; } .video img, .video object {float:left;padding:0 24px 0 0} /*formas general 02 */ /* FORM ELEMENTS */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #a7ccde;background:#e3ebf0;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 1em;border:1px solid #ae0b0b;-webkit-border-radius:4px;-moz-border-radius:3px;border-radius:3px;} fieldset p {float:right} fieldset p * {vertical-align:top} input.buton {background:#8a1f11;border:none;padding:4px;color:white;margin:0;position:relative} input.buton:hover {background:#da331b;cursor:pointer} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #ffb5b5;} input.text, input.title {width:300px;padding:4px;} input.title {font-size:1.5em;} textarea {width:300px;height:250px;padding:5px;} p input {width:200px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} .error ul{margin-bottom: 0; padding-bottom: 0;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */