/*-------------------------------------+
 |                                     |
 |             Sifra Net               |
 |       Hoja de estilo principal      |
 |         Rev: 11 Febrero 2010         |
 |                                     |
 +-------------------------------------*/

* { margin: 0 auto; padding: 0; min-width: 0px;}

body {font-size:10px;font-family:Arial,sans,sans-serif;background:#96dbfd 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%;margin-top:14px}

a, a:link {color:#e76605;-webkit-transition-property:color, background-color;-webkit-transition-duration:300ms;}
a:visited {}
a:hover {color:#833a02}
a:active {color:#fed0ad}

p {margin:0 10px 1em;}
h1, h2, h3, h4, h5, h6 {margin:0 auto .7em;font-weight:normal}
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}

h1 {font-size:2.4em}
h2 {font-size:2.2em}
h3, .menuDir {font-size:1.8em}
h4 {font-size:1.6em}
h5 {font-size:1.4em;font-weight:bold}
h6 {font-size:1.2em;margin:0}

h4.center {margin-top:2em}
.recuadro3 h4 {height:4.2em}

p {line-height:1.5em;}

h1 span, h2 span, h3 span, h4 span {color:#ff9865}
#cabecera span {color:white}
span {color:#d75d19}
span.boton {display:block;clear:both;text-align:center;margin:5px;height:30px}
.boton a {display:block;float:right;width:158px;line-height:25px;background:white url('/media/2253/boton.jpg') no-repeat;color:white;font-size:1.5em;text-decoration:none}

.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;}
li div {font-size:11px;line-height:16px}

/*listas en pares*/
dt strong {padding:0 10px}
.caso dl, dl.datos {width:98%;margin:.6em auto 2em;padding:0px;position:relative;z-index:1}
.caso dl dt {position:absolute;left:0px;width:20%;text-align:right;font-weight:bold;margin-top:35px;}
.caso dl dd {margin-left:22%;margin-top:35px;}
.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}

table {margin:1em auto;border-collapse:collapse}
table, th, td {border:#e76605 solid 1px}
td, th {padding:.5em 20px;}
th {background:#e76605;color:#fff}

/*formas general 01 */
form form {overflow:hidden;}
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:white;text-decoration:none}
#cabecera a:hover {color:white;text-decoration:underline}
#cabecera a:active {position:relative;top:1px;}
#cabecera {width:986px;overflow:auto;color:white}
#cabecera .contenido {margin-left:95px;padding:2px}
#cabecera h2 {margin:2em 1% .5em;font-weight:normal;font-size:1.4em;/*width:252px*/;/*text-indent:-9999px;height:60px;background:transparent url('/media/161/sifra-consultores.jpg') no-repeat*/}
#cabecera h2 big {display:block;width:350px;text-align:center;margin:0}
#cabecera .contenido span {font-size:.9em;display:block;text-align:left;padding-left:85px}
#cabecera h1 {margin:.2em 1% .5em;}

img.logomain {display:block;margin:25px 10px 10px;height:125px;float:left}
#cabecera contenido {}
img#confianza {display:block}

/* menu izquierda arriba */
div.buscar {margin:0;padding:10px;width:440px;float:right;text-align:right;}
div.buscar input.text {width:13em;display:inline}
#cabecera .buscar span a {padding:4px 10px;font-weight:bold;background:#dd6628;color:white}
#cabecera .buscar span a:hover {text-decoration:none;background:#B92400;color:white}
#cabecera .buscar a:hover {color:#eda04f}

/*--------------------------------------
  menu principal
--------------------------------------*/

#menu {clear:both;margin:10px auto;width:986px;height:34px;background:transparent url('/media/92/menu-ll.png') left top repeat-y;z-index:9999}
#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/82/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/82/menu-gl.png') center -34px repeat;color:white;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(230,160,80) solid 2px;border:rgba(230,160,80, 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 5px;border-top:#faa065 dotted 1px;background:#fef5da;text-shadow: 0 0;}
#menu ul li:hover ul li {height:auto;line-height:normal;background:white;color:#98dbfc}
#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:2.4em;color:#444;background:#fff;font-weight:normal;border:none;}
#menu ul li ul li a:hover, #menu li.subsec a:hover {background:#ffe7ac}

/*--------------------------------------
   estrucura Index
--------------------------------------*/

#index, #pieIndex {clear:both;margin-bottom:2.4em;width:986px;overflow:hidden;color:white;z-index:1;position:relative}
 {z-index:1}
#index h2 {margin:1em 0 0 1em;font-weight:bold;width:90%}
#index h2 small {color:black}
#index div {float:left;width:40%;margin:20px 0 30px 70px;position:relative;z-index:1}
#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:#f87126 url('/media/127/pieindex-bg.png') left bottom repeat-x;margin:20px auto;}
#pieIndex div {width:31%;min-width:200px;padding:20px 8px;float:left;text-align:center}
#pieIndex p {color:black}

#pieIndex a {color:black;text-decoration:none}
#pieIndex h4 a {color:white;text-decoration:none}
#pieIndex a:hover, #pieIndex h4 a:hover {text-decoration:underline}

/*esquinas redondeadas pieIndex*/
#bottomright, #topright, #bottomleft, #topleft {display:block;position:absolute;width:15px;height:15px;}
#bottomright {bottom:0px;right:0px;background:transparent url('/media/137/pieindex-esq.png') right bottom}
#topright {top:0px;right:0px;background:transparent url('/media/137/pieindex-esq.png') right top}
#bottomleft {bottom:0px;left:0px;background:transparent url('/media/137/pieindex-esq.png') left bottom}
#topleft {top:0px;left:0px;background:transparent url('/media/137/pieindex-esq.png') left top}


/* contenidos contendor principal */
#cuerpo {clear:both;width:986px;margin-top:10px;position:relative;}

/*menu izquierdo, sobre fondo naranja*/
#submenu {position:absolute;top:0px;bottom:0px;left:0px;width:190px;background:transparent url('/media/152/submenubg.png') top left no-repeat;}
#submenu h2 {color:white;text-align:right;margin:1.6em 20px 2.4em 10px;font-size:1.7em}
#submenu ul {list-style:none;margin:0;}
#submenu ul li {/*background:white;*/padding-top:5px;margin:2px -10px 2px 15px;}
#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 li.separador a{background: transparent;border: none;color: white;font-size: 1em;
        border-radius:0em;
	-moz-border-radius: 0em;
	-webkit-border-radius: 0em;
        -ms-border-radius: 0em;
}
#submenu li.separador a:hover {background: transparent;color:white;text-decoration:underline}
#submenu ul li a {display:block;padding:2px 15px;line-height:20px;text-decoration:none;font-size:1.3em;background:#fed89f url('/media/196/subm-sombra.jpg') 158px repeat-y;color:#381d00;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
        -ms-border-radius: .5em;
        border-radius:.5em;
        }
#submenu li.current a {background:white;border-radius:0em;
	-moz-border-radius: 0em;
	-webkit-border-radius: 0em;
        -ms-border-radius: 0em;
        border-radius:0em;
}
#submenu ul li a:hover {background:white}

/*reglas contenido generales*/
#cuerpo .contenido, #cuerpo .contenidoDos {min-height: 510px;margin-left:190px;padding:10px 180px 100px 20px;position:relative;background:white url('/media/11728/contenidobg.png') top left no-repeat;}
#cuerpo .contenidoDos {padding:10px 10px 100px 20px;}

/*columnas detro de .contenido width para una columna, dentro de .contenidoDos width para dos columnas*/
.contenido .columna {position:absolute;top:0px;right:0px;bottom:0px;width:160px;padding:3em 10px;background:transparent url('/media/11728/contenidobg.png') top right no-repeat;}
.contenidoDos .columna {float:left;width:49%;position:relative;}

.contenido h2 {margin-top:1em;font-size:2.8em;font-weight:normal}
.contenido h3, .caso h4 {margin-top:2.4em;padding-bottom:4px;border-bottom:black solid 1px}
.contenido p {text-align: justify}
.contenido ul {margin-bottom:1.2em}
.contenido li {margin-bottom:.6em}
.columna ul {margin-left: 1.5em}
.columna p {text-align: left}
#cuerpo .contenido h2, .contenido h3, #cuerpo .columna h2, #cuerpo .columna h3 {text-indent:0px} 

.columna h2 {font-size:1.6em;color:#e46707}
.columna div {padding:15px;}
.columna {font-size:.9em}

/*ondas sifra*/
#ondas {width:100%;height:135px;margin:0;background:white url('/media/509/ondas-sifra.jpg') no-repeat top right;}

/* pie, logos y cooyright */
#pie {width:986px;margin:10px auto;overflow:auto}
#pie p {margin-top:5em}
#pie img {float:right;margin:0px 5px 10px;padding:10px;/*border:white solid 1px*/}

/*--------------------------------------
   clases por tipos
--------------------------------------*/
.caso {clear:both}

.yellow {margin-bottom: 15px}
.enfocado {background:#fef0dc;border:#eda04f solid 1px}

/* recuadros naranjas */
div.trescol {background:#fef0dc url('/media/6454/arrowclick.png') bottom right no-repeat;border:#eda04f solid 1px;line-height:16px;padding:15px 12px 35px;margin:0 10px 1em;border-radius:.8em;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
        -ms-border-radius: .8em;
        -webkit-transition-property:color, background-color;-webkit-transition-duration:300ms;
	text-align: left;
}
div.trescol:hover {text-decoration:underline;}
div.trescol p {text-align:left;margin:0;}
div.trescol img {border:2px solid #eda04f;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:0 50px 50px 10px;font-size:1.2em;color:#727272;font-style:italic;line-height: 18px;}
.informes {width:65%;padding:25px;border:#7e7e7e solid 2px;text-align:center;border-radius:.8em;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
        -ms-border-radius: .8em;}

.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:#da5317;color:white;}
div.selected img {border:2px solid #2584ed;margin:10px 0;padding:5px;background:white;}
div.selected {background:#da5317}
div.selected * {color:white}
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}

/*f ormas general 02 */
/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #f28f1d;background:#FFF8eF;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 1em;border:1px solid #f28f1d;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
fieldset p {float:right}
fieldset p * {vertical-align:top}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #F0571B;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ContenidoPlaceHolder_ctl02_Contact_5_bt_submit {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 */