/*
** Hoja de estilo en cascada creada para el portal CUANTOGANAS.TRABAJAR.COM.
** Compatible con Firefox, Opera, Safari, Chrome y navegadores Internet Explorer versiones 5.5, 6 y 7 (Correcciones en sus pertinentes hojas de estilo).
** Maqueta escalable,  orientada a xhtml accesible.
*/
/*
** autor: Sergio Berlinches
*/

body {height:100%;margin:0 auto 0 auto;border:0;padding:0;color:#000;font-family:arial, sans-serif, verdana;font-size:0.84em;text-align:center;}
	body img {margin:0;border:0;padding:0;}
	html {min-height:100%;}
    acronym, abbr {border-bottom:1px dotted #666;cursor:help;}
	a {color:#0591FD;cursor:pointer;}
    a:HOVER {text-decoration:none;}
    em, dfn, address {font-style:normal;}
    kbd {font-family:arial, sans-serif, verdana;font-size:1em;}
    kbd:before, kbd:after{content:"''";}
    big {font-weight:bold;font-size:1.2em;}
    small {font-size:0.7em;}
    p {margin:0;}
    form {position:relative;width:662px;margin:0;padding:30px 25px 30px 25px;}
        form legend {display:none;}
        form fieldset {display:block;width:100%;margin:0;padding:0;border:0;clear:both;}
        form fieldset fieldset {width:auto;margin:0;padding:1em 20px 1em 20px;border-bottom:1px solid #DFDFDF;}
        form fieldset fieldset fieldset {margin:0;padding:0;border:0;}
        form fieldset .fieldset {float:left;width:75%;clear:none;}
        form fieldset .three {width:23.3%;margin:0 2% 0 0;display:inline;}
        form fieldset .fieldset .three {width:31.3%;}
        form fieldset .fieldset .three .label {font-size:0.8em;}
        form fieldset label {float:left;width:21%;margin:0.2em 3% 0 0;text-align:right;font-size:1.1em;}
        form fieldset input {float:left;margin:0;}
        form fieldset select {float:left;width:28.8%!important;font-size:0.9em;}
        form fieldset .fieldset select {width:37.8%!important;}
        form fieldset .three .input {width:96%!important;}
        form fieldset .label {float:left;width:21%;margin:0.2em 3% 0 0;text-align:right;font-size:1.1em;}
        form fieldset .alt {float:none;font-size:0.94em;margin:0 1em 0 0.4em;font-weight:normal!important;color:#000;}
        form fieldset .input {width:37%;}
        form fieldset .submit {margin:0.9em 0 0 0;border:0;text-align:center;}
        form fieldset .submit input {float:none;margin:0.9em 0 0 0;padding:0.15em 1em 0.15em 1em;color:#434343;}
        form fieldset .radio {float:none;margin:0.4em 0 0 0;}
        form fieldset .ape {float:left;margin:0 0.4em 0 0.4em;font-size:1.3em;color:#434343;}
        form fieldset .short {width:20%;}
        form fieldset .tooshort {width:10%;}
        form fieldset p {position:relative;margin:0.2em 0 0.2em 0;padding:0;font-size:0.8em;color:#7F7F7F;clear:left;}
        form .fieldset p {margin:0.2em 0 0.2em 0;}
        form fieldset .addremove {width:14.4%;margin:0 2% 0 2%;text-align:center;}
        form fieldset .button {float:none;margin:0;padding:0;border:0;font-weight:bold;font-size:0.96em;letter-spacing:-0.02em;background:none;cursor:pointer;}
        form fieldset .add {margin:0 0 0.4em 0;color:#FFF;background:#2AA600;border-bottom:1px solid #184F05;}
        form fieldset .remove {padding:0 1% 0 1%;color:#FFF;background:#FF0066;border-bottom:1px solid #8F003B;}
        form fieldset .big {font-size:1.4em;line-height:0.8em;font-weight:bold;}
    h1 {float:left;position:relative;width:230px;height:52px;margin:0.5em 0 0 0;padding:0;font-size:2.8em;line-height:0.7em;}
        h1 a {text-decoration:none;color:#0591FD;}
        h1 #logo {font-style:italic;clear:both;}
        h1 #claim {float:right;font-size:0.5em;font-weight:normal;color:#4C4C4C;clear:both;}
        h1 .subs {position:absolute;display:block;width:230px;height:52px;top:0;left:0;background:url(../img/logo.gif) no-repeat 0 0;}
    h2 {margin:0;font-size:1.8em;}
    h3 {margin:1em 0 0.2em 0;padding:0 0 0 30px;font-size:1.4em;color:#4C4C4C;background:url(../img/arrow.gif) no-repeat 0 50%;}


/*WRAPPER_________________________________________________________________ */
	#wrapper {position:relative;width:779px;margin:0 auto 0 auto;padding:0;}
	#wrapperalt {position:relative;width:720px;margin:0 auto 0 auto;padding:0;text-align:left;}


    /*HEADER_________________________________________________________________ */
        #header {float:left;width:100%;margin:0;}
            .wrappertitle {float:left;position:relative;width:100%;margin:10px 0 0 0;color:#fff;z-index:2;}
            .titletop {float:left;position:relative;background:url(../img/titletop.gif) repeat-x 0 0;}
                .titletopleft {position:absolute;width:7px;height:4px;top:0;left:0;background:url(../img/titletopleft.gif) repeat-x 0 0;}
                .titletopright {position:absolute;width:7px;height:4px;top:0;right:0;background:url(../img/titletopright.gif) repeat-x 0 0;}
                .mark {position:absolute;width:24px;height:11px;top:-8px;left:70px;background:url(../img/mark.gif) repeat-x 0 0;}
            .titleleft {float:left;margin:4px 0 0 0;background:url(../img/titleleft.gif) no-repeat 0 100%;display:inline;}
            .titleright {float:left;margin:0 0 0 7px;display:inline;background:url(../img/titleright.gif) no-repeat 100% 100%;}
            .titlebottom {float:left;margin:0 7px 0 0;display:inline;background:url(../img/titlebottom.png) repeat-x 0 100%;}
            .titlecenter {float:left;margin:0 0 6px 0;padding:10px 60px 8px 40px;display:inline;background:#42ACFD url(../img/titlecenter.gif) repeat-x 0 100%;}


    /*CONTENT_________________________________________________________________ */
        #content {float:left;width:100%;margin:0 0 1.8em 0;}
            .fail {color:#DF0009;border:1px solid #DF0009;}
            fieldset.fail {background:#FFCDCD;margin:0.4em 0 0.4em 0;}
            fieldset.fail label, fieldset.fail .label {font-weight:bold;}
            /* fieldset .fail .label {color:#000;} */
            fieldset p.fail {float:left;display:block;position:relative;width:21%;margin:0.2em 4% 0 0;border:0;color:#4A1E1E;text-align:right;}
            .nofield {margin:0 0 0 24%;padding:0.4em 0 0 0;}


    /*LEFT_________________________________________________________________ */
        #left {float:left;position:relative;top:-24px;left:-20px;width:246px;height:411px;background:url(../img/illustration01.jpg) no-repeat 0 0;}
            #left #phrase {float:left;width:162px;margin:28px 0 0 16px;text-align:center;font-size:1.3em;line-height:1.15em;color:#333;display:inline;}


    /*RIGHT_________________________________________________________________ */
        #right {float:right;width:430px;margin:44px 0 0 0;}
            #right h3 {margin:2.8em 0 0 0;}
            #right h2 {font-size:2.2em;color:#333;}
            #right p {margin:0.2em 0 0.2em 0;font-size:1.7em;color:#666;}

            #menu {float:left;margin:20px 0 0 0;padding:0;list-style-type:none;}
            #menu li {float:left;margin:0 21px 0 0;}
            #menu a {float:left;position:relative;width:121px;height:105px;margin:0;border:4px solid #CFCFCF;text-align:center;text-decoration:none;color:#191919;}
                #menu a:HOVER {border:4px solid #0291FE;}
                #menu a:HOVER .tl {background:url(../img/cornertlhover.png) no-repeat 0 0;}
                #menu a:HOVER .tr {background:url(../img/cornertrhover.png) no-repeat 0 0;}
                #menu a:HOVER .bl {background:url(../img/cornerblhover.png) no-repeat 0 0;}
                #menu a:HOVER .br {background:url(../img/cornerbrhover.png) no-repeat 0 0;}
            #menu .menutitle {display:block;width:100%;padding:0.4em 0 0.4em 0;border-bottom:1px solid #EBEBEB;font-weight:bold;font-size:1.3em;background:#F2F2F2;}
                #menu a:HOVER .menutitle {border-bottom:1px solid #D3ECFF;background:#E8F5FF;}
            #menu .menutitlesenior {display:block;width:100%;padding:0.8em 0 0.8em 0;border-bottom:1px solid #EBEBEB;font-weight:bold;font-size:0.9em;background:#F2F2F2;}
            #menu .menuempleado {position:absolute;width:94px;height:76px;top:47px;left:10px;background:url(../img/empleado.png) no-repeat 0 0;}
            #menu .menuintermedio {position:absolute;width:67px;height:76px;top:47px;left:25px;background:url(../img/intermedio.png) no-repeat 0 0;}
            #menu .menudirectivo {position:absolute;width:47px;height:83px;top:43px;left:34px;background:url(../img/directivo.png) no-repeat 0 0;}


    /*FOOTER_________________________________________________________________ */
        #footer {float:left;width:100%;margin:0;padding:0;text-align:center;font-size:0.85em;color:#4C4C4C;} .footeralt {font-size:0.9em!important;}
            #footer a {color:#4C4C4C;text-decoration:none;}
            #footer .last {margin:0 0.3em 0 0;padding:0.2em 0.6em 0.2em 0;border-right:1px solid #B3B3B3;}


.hidden {display:none!important;}
.noback {background:none!important;}
.nopad {padding:0!important;}
.nomar {margin:0!important;}
.nobor {border:0!important;}
.bor {border:2px solid #CFCFCF;}
.hot {color:#CE0BFE;}
.err {color:#DF0009;}
.blk {color:#000000;}
.corner {position:absolute;width:8px;height:8px;}
.tl {top:-4px;left:-4px;background:url(../img/cornertl.png) no-repeat 0 0;}
.tr {top:-4px;right:-5px;background:url(../img/cornertr.png) no-repeat 0 0;}
.bl {bottom:-5px;left:-4px;background:url(../img/cornerbl.png) no-repeat 0 0;}
.br {bottom:-5px;right:-5px;background:url(../img/cornerbr.png) no-repeat 0 0;}
.tlthin {top:-2px;left:-2px;background:url(../img/cornertlthin.png) no-repeat 0 0;}
.trthin {top:-2px;right:-2px;background:url(../img/cornertrthin.png) no-repeat 0 0;}
.blthin {bottom:-2px;left:-2px;background:url(../img/cornerblthin.png) no-repeat 0 0;}
.brthin {bottom:-2px;right:-2px;background:url(../img/cornerbrthin.png) no-repeat 0 0;}
.small {float:left;margin:0.2em 0.4em 0 0.4em;color:#434343;}
.back01 {background:#FAFAFA;}


h1, h2, h3, h4, h5, h6 {voice-family:paul, male;stress:20;richness:90;}
h1 {pitch:x-low;pitch-range:90;}
h2 {pitch:x-low;pitch-range:80;}
h3 {pitch:low;pitch-range:70;}
h4 {pitch:medium;pitch-range:60;}
h5 {pitch:medium;pitch-range:50;}
h6 {pitch:medium;pitch-range:40;}
li, dt, dd {pitch:medium;richness:60;}
dt {stress:80;}
pre, code, tt {pitch:medium;pitch-range:0;stress:0;richness:80;}
em, i {pitch:medium;pitch-range:60;stress:60;richness:50;}
strong, b {pitch:medium;pitch-range:60;stress:90;richness:90;}
dfn {pitch:high;pitch-range:60;stress:60;}
s, strike, u {richness:0}
a:link {voice-family:harry, male;}
a:visited {voice-family:betty, female;}
a:active {pitch:x-high;voice-family:betty, female;pitch-range:80;}