/*------------------------------------------------------------ 
                 estilos para landing formularios 
------------------------------------------------------------*/
#header > .navegaLanding {
    background: none repeat scroll 0 0 #ffffff;
    min-height: 0;
    padding-bottom: 70px;
}
#header > .navegaLanding > ul > li > ul > li {
    padding: 0 0 0 10px;
}
#content.formulario.publicar {
    padding-top:327px;
    background:  url("/img/content_publicar.jpg") no-repeat center top #ffffff;
}
#content.formulario.contacto {
    padding-top:327px;
    background:  url("/img/content_contacto.jpg") no-repeat center top #ffffff;
}
#content.formulario.taller {
    padding-top:327px;
    background:  url("/img/content_taller.jpg") no-repeat center top #ffffff;
}
#content.formulario > div > div {
    overflow: hidden;
    padding: 20px 70px 20px 20px;
}
#content.formulario > div > div > h2 {
    color: #999999;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px;
    font-family: HelveticaNeue, helvetica, sans-serif;
}
#content.formulario > div > div > ul {
    height: 24px;
    border-bottom: 1px solid #666666;
    width: 100%;
    margin: 10px 0 10px 0;
}
#content.formulario > div > div > ul > li {
    display: block;
    float: left;
    border: 1px solid #666666;
    position: relative;
    bottom: -1px;
}
#content.formulario > div > div > ul > li+li {
    border-left: none;
}
#content.formulario > div > div > ul > li > a {
    background: url("/img/arrow.png") no-repeat scroll right -175px #FFFFFF;
    color: #666666;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 12px;
    margin-right: 5px;
    padding: 5px 20px 5px 10px;
    text-transform: uppercase;
}
#content.formulario > div > div > ul > li.actual {
    border-bottom: 1px solid #ffffff;
}
#content.formulario > div > div > ul > li.actual > a {
    background: url("/img/arrow.png") no-repeat scroll right -198px #FFFFFF;
}
#content.formulario > div > div > form {
    padding: 5px 10px;
}
#content.formulario > div > div > form > div {
    display: none;
}
#content.formulario > div > div > form > div.actual {
    display: block;
}
#content.formulario > div > div > form > div > p {
    margin-bottom: 10px;
}
#content.formulario > div > div > form > div > p > span {
    margin: 3px 0;
    display:block;
}
#content.formulario > div > div > form > div > div > ul > li {
    
}
#content.formulario > div > div > form > div > div > ul > li > label {
    font-weight: bold;
    color:#777777;
    display: block;
    font-size: 13px;
}
#content.formulario > div > div > form > div > div > ul > li > label > em.enlace {
    display: block;
    font-size: 12px;
    margin: 6px 2px 6px 15px;
}
#content.formulario > div > div > form > div > div > ul > li > label > em.enlace > a {
    color: #999999;
}
#content.formulario > div > div > form > div > div > ul > li > label > em.enlace > a:hover {
    color: #CC0000
}
#content.formulario > div > div > form > div > div > ul > li > label > span {
    background: url("/img/info.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
    position: relative;
    top: 3px;
    width: 15px;
}
#content.formulario > div > div > form > div > div > ul > li > label > span > i {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    bottom: 15px;
    color: #333333;
    display: none;
    font-style: normal;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 300px;
}
#content.formulario > div > div > form > div > div > ul > li > label > span:hover > i {
    display: block;
}
#content.formulario > div > div > form > div > div > ul > li > input[type=text] {
    width: 250px;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 5px 0 10px 0;
}
#content.formulario > div > div > form > div > div > ul > li > .datepicker {
    background: url("/img/calendario.jpg") no-repeat scroll right 0 #FFFFFF;
    cursor: pointer;
}
#content.formulario > div > div > form > div > div > ul > li > textarea {
    width: 250px;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 5px 0 10px 0;
    resize: none;
    height: 70px;
}
#content.formulario > div > div > form > div > div > ul > li > .file {
    background: url("/img/adjuntar.jpg") no-repeat scroll 0 3px transparent;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    height: 20px;
    margin: 10px 0 0;
    width: 158px;
}
#content.formulario > div > div > form > div > div > ul > li > .file > input {
    opacity: 0;
    filter: alpha(opacity = 0);
    cursor: pointer;
}
#content.formulario > div > div > form > div > div > ul > li > ul > li {
    margin: 8px 0;
    vertical-align: middle;
}
#content.formulario > div > div > form > div > div > ul > li > ul > li > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
#content.formulario > div > div > form > div > div > ul > li > ul > li > img {
    width: 95px;
    border: 1px solid #ddd;
    margin-right: 50px;
}
#content.formulario > div > div > form > div > div > ul > li > ul > li > a {
    background: url("/img/borrar.jpg") no-repeat scroll 0 0 transparent;
    height: 13px;
    margin-left: 50px;
    width: 13px;
}
#content.formulario > div > div > form > div > div > div.validar {
   clear: both;
}
#content.formulario > div > div > form > div > div > div.validar > p {
   font-weight: bold;
   margin: 30px 0;
   color:#999999;
}
#content.formulario > div > div > form > div > div > div.validar > p > a, #content.formulario > div > div > form > div > div > div.validar > p > button {
   font-weight: bold;
   color: #999999;
   border: 1px solid #999999;
   padding: 2px 15px 2px 2px;
   height: 12px;
   font-size: 12px;
   background:url("/img/arrow.png") no-repeat scroll right -177px #FFFFFF;
   margin-left: 10px;
}
#content.formulario > div > div > form > div > div > div > div {
   width: 310px;
   float: left;
   margin-bottom: 30px;
}
#content.formulario > div > div > form > div > div > div > div > ul > li {
    margin: 20px 0 10px 0;
}
#content.formulario > div > div > form > div > div > div > div > ul > li+li {
    margin: 5px 0;
}
#content.formulario > div > div > form > div > div > div > div > ul > li > input[type=text] {
    width: 300px;
    padding: 2px;
    border:1px solid #ccc;
    height: 12px;
}
#content.formulario > div > div > form > div > div > div > div > ul > li > select {
    width: 305px;
}
#content.formulario > div > div > form > div > div > div > div > ul > li > a {
    background: url("/img/arrow.png") no-repeat scroll right -177px #FFFFFF;
    border: 1px solid #999999;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    margin: 0 0 0 145px;
    padding: 2px 15px 2px 2px;
    display: inline-block;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul {
    margin: 20px 0;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li {
    margin: 5px 0 15px 0;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li > ul {
    padding: 5px;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li > ul > li > b {
    font-weight: bold;
    color: #999999;
    vertical-align: top;
    margin-top: 5px;
    display: inline-block;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li > ul > li > span {
    display: block;
    margin: 5px 0;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li > ul > li > a {
    background: url("/img/arrow.png") no-repeat scroll left -177px transparent;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    margin: 2px 0;
    padding: 2px 2px 2px 15px;
    display: none;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul {
    overflow: hidden;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li:hover > ul, #content.formulario > div > div > form > div > form > div > div > ul+ul > li > ul.seleccionado {
    background: #f3f3f3;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li > ul.seleccionado {
    background: url("/img/visto.png") no-repeat scroll 285px 5px #f3f3f3;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li:hover > ul > li > a {
    display: block;
}
#content.formulario > div > div > form > div > div > div > div > ul+ul > li:hover > ul.seleccionado > li > a {
    display: none;
}
#content.formulario > div > div > form > div > div > div > div+div {
   width:350px;
   float: right;
   margin: 40px 0 30px 0;
}
#content.formulario > div > div > form > div > div > p {
    margin: 5px 0;
}
#content.formulario > div > div > form > div > div > p > label > b {
    font-weight: bold;
    position: relative;
}
#content.formulario > div > div > form > div > div > p > label > b > b{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
    bottom: 15px;
    color: #333333;
    font-weight: normal;
    left: 0;
    padding: 8px;
    position: absolute;
    width: 500px;
    display: none;
}
#content.formulario > div > div > form > div > div > p > label > b:hover > b{
    display: block;
}



#content.formulario > div > div > form > div > div > div.validar > p > button {
    background: url("/img/arrow.png") no-repeat scroll right -177px #FFFFFF;
    border: 1px solid #999999;
    color: #999999;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    margin-left: 10px;
    padding: 2px 15px 2px 2px;
}


/*------------------------------------------------------------ 
                 especificas cita taller
------------------------------------------------------------*/
#content.formulario > div > div > form > div.datos_cita > p > strong {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px;
}
#content.formulario > div > div > form > div.datos_cita > div {
    background: #f7f7f7;
    padding: 10px;
    margin: 250px 0 0 0;
    overflow: hidden;
}
#content.formulario > div > div > form > div.datos_cita > div > ul {
    width:315px;
    float: left;
    margin-bottom: 20px;
}
#content.formulario > div > div > form > div.datos_cita > div > ul+ul {
    float: right;
    position: relative;
    padding-top:10px;
}
#content.formulario > div > div > form > div.datos_cita > div > ul+ul > li.asesor {
    position: absolute;
    right: 35px;
    top:0;
    width:75px;
}
#content.formulario > div > div > form > div.datos_cita > div > ul+ul > li.asesor > img {
    border: 1px solid #eaeeed;
}
#content.formulario > div > div > form > div.datos_cita > div > ul > li > b {
    color: #999999;
    display: inline-block;
    font-weight: bold;
    margin-top: 5px;
    vertical-align: top;
}
#content.formulario > div > div > form > div.datos_cita > div > ul > li > span {
    display: block;
    margin: 5px 0;
}
#content.formulario > div > div > form > div.datos_cita > div > ul > li >em {
    background: url("/img/arrow.png") no-repeat scroll left -177px transparent;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    margin: 2px 0;
    padding: 2px 2px 2px 15px;
    display: inline-block;
}
#content.formulario > div > div > form > div.datos_cita > div div {
    clear: both;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul {
    display: inline-block;
    float: left;
    width: 315px;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul+ul {
    display: block;
    float: right;
    margin-top: 48px;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > label {
    color:#777777;
    display: block;
    font-size: 13px;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > label > span {
    background: url("/img/info.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
    position: relative;
    top: 3px;
    width: 15px;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > label > span > i {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    bottom: 15px;
    color: #333333;
    display: none;
    font-style: normal;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 300px;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > label > span:hover > i {
    display: block;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > input[type=text] {
    width: 250px;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 5px 0 10px 0;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > select {
    width: 256px;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 5px 0 10px 0;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > .datepicker {
    background: url("/img/calendario.jpg") no-repeat scroll right 0 #FFFFFF;
    cursor: pointer;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > textarea {
    width: 250px;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 5px 0 10px 0;
    resize: none;
    height: 70px;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > label > b {
    font-weight: bold;
    position: relative;
    font-weight: normal;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > label > b > b {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
    bottom: 15px;
    color: #333333;
    display: none;
    font-weight: normal;
    right: 0;
    padding: 8px;
    position: absolute;
    width: 500px;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > label > b:hover > b {
    display:block;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul > li > button {
    background: url("/img/arrow.png") no-repeat scroll right -177px #FFFFFF;
    border: 1px solid #999999;
    color: #999999;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin-right: 60px;
    padding: 0 15px 2px 2px;
}

#content.formulario > div > div > form > div.datos_cita > div div > ul+ul > li {
    margin: 0 0 5px 0;
}
#content.formulario > div > div > form > div.datos_cita > div div > ul+ul > li.right {
    text-align: right;
}
.cita {
    display: block;
    margin-bottom: 10px;
}
.cita > label {
    display: block;
    margin: 3px 0 3px 10px;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 305px !important;
    background: #ffffff;
    color: #333333;
    border: 1px solid #eaeeed;
}

#content.formulario form span.error, #content.formulario form p.error{
    padding-left: 5px;
    color: red;
}