.formulario { margin-bottom:6px}
.formulario .fila {display:block; position:relative; width:525px; clear:both; margin:0; padding:0 0 5px 0; min-height:18px; float:none}
.formulario .fila2 {position:relative; width:220px;  margin:0; padding:0 0 3px 0; min-height:18px; float:left;}
.formulario .fila2 label {position:relative; width:73px;  margin:0; padding:0 0 3px 5px; min-height:18px;max-width:73px; float:left;}
.formulario .fila2 input {}
.formulario .fila3 {position:relative; width:300px;  margin:0; padding:0 0 3px 0; min-height:18px; float:left}
.formulario .fila3 label {position:relative; width:100px; margin:0 0 0 0px; text-align:right; padding:0 8px 3px 50px; max-width:100px;min-height:18px; float:left;}
.formulario .fila3 input {}
.formulario .fila4 {display:block; position:relative; width:525px; clear:both; margin:0; padding:0 0 5px 0; height:12px; min-height:12px; float:none}
.formulario .filabaja {display:block; width:100%; clear:both; margin:0 0 -3px 0; padding:0; min-height:18px; float:none}
.formulario .filalabels {display:block; width:100%; clear:both; margin:0; padding:0 0 5px 0; height:12px; float:none}
.formulario .multilinea {position:relative; top:15px; margin-top:-15px; width:150px}
.formulario .infocheck {width:100%; padding:0; margin:-4px 0 10px 16px; float:none}
.formulario textarea {float:left; font-family:Verdana, Arial, Helvetica, sans-seriff; width:194px; height:70px; font-size:1em; font-weight:normal; background-color:#ffffff; color:#7f7f7f; border:1px solid #a5acb2; padding:2px 1px 3px 3px; margin:0 4px 3px 0}
.formulario textarea.cajaerror {float:left; font-family:Verdana, Arial, Helvetica, sans-seriff; width:194px; height:70px; font-size:1em; font-weight:normal; background-color:#FFECE6; color:#7f7f7f; border:1px dotted #F00; padding:2px 1px 3px 3px; margin:0 4px 3px 0}
.formulario fieldset {float:left; border:none; height:auto; margin:0 7px 0 0; padding:0}
.formulario select {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:200px; height:22px!important; font-size:1em; font-weight:normal; background-color:#ffffff; color:#7f7f7f; border:1px solid #a5acb2;}
.formulario select.cajaerror {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:200px; height:20px; font-size:1em; font-weight:normal; background-color:#FFECE6; color:#7f7f7f; border:1px dotted #F00; padding:0; margin:0 4px 0 0}
.formulario option {padding:0 0 0 5px; margin:0 0 3px 0}
.formulario input.caja {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:194px; height:12px; font-size:1em; font-weight:normal;  border:1px solid #a5acb2; padding:2px 1px 3px 3px; margin:0 4px 0 0}
.formulario input.cajaerror {background-color:#FFECE6; color:#7f7f7f; border:1px dotted #F00;}
.formulario input.rb {display:block; float:left; background:none; border:none; width:14px; padding:0; margin:2px 2px 0px 0}
.formulario input.cb {display:block; float:left; background:none; border:none; width:14px; padding:0; margin:2px 2px 0px 0}
.formulario div.fila input.btn-bk,
.formulario div.fila input.btn-bl,
.formulario div.fila input.btn-wt,
.formulario div.fila input.btn-rd {margin:0}
.formulario label {display:block; padding:0 0 5px 0; margin:0 9px 0 0}
.formulario .fila label.izq,
.formulario span.izq {display:block; float:left; width:150px; margin:2px 8px 0 0; padding:0; text-align:right}
.formulario label.chkbx {margin: 0 0 0 35px}
.formulario label.btn-enviar {margin: 0 35px 0 0px; text-align:right;}
.formulario input.long1 {width:35px}
.formulario input.long2 {width:80px}
.formulario input.long22 {width:120px}
.formulario input.long3 {width:139px}
.formulario input.long4 {width:194px}  /* Longitud por defecto */
.formulario input.long5 {width:231px}
.formulario input.long6 {width:340px}
.formulario select.long1 {display:block; float:left; width:56px; height:20px;}
.formulario select.long2 {display:block; float:left; width:86px; height:20px;}
.formulario select.long3 {display:block; float:left; width:145px; height:20px;}
.formulario select.long4 {display:block; float:left; width:200px; height:20px;}
.formulario select.long5 {display:block; float:left; width:237px; height:20px;}
.formulario select.long6 {display:block; float:left; width:340px; height:20px;}
.formulario textarea.long1 {display:block; float:left; width:35px}
.formulario textarea.long2 {display:block; float:left; width:80px}
.formulario textarea.long3 {display:block; float:left; width:139px}
.formulario textarea.long4 {display:block; float:left; width:194px}
.formulario textarea.long5 {display:block; float:left; width:231px}
.formulario textarea.long6 {display:block; float:left; width:340px}
.formulario label.long1 {display:block; float:left; width:39px; margin:3px 0 0 0}
.formulario label.long2 {display:block; float:left; width:88px; margin:3px 0 0 0}
.formulario label.long3 {display:block; float:left; width:143px; margin:3px 0 0 0}
.formulario label.long4 {display:block; float:left; width:198px; margin:3px 0 0 0}
.formulario label.long5 {display:block; float:left; width:231px; margin:3px 0 0 0}
.formulario label.long6 {display:block; float:left; width:340px; margin:3px 0 0 0}
.formulario label.longlibre {display:block; float:left; margin:3px 9px 0 6px;}
.formulario label.nota_rojo {display:block; padding:0px 0px 0 160px; color:#EE0073;font-size:9px;}
.formulario span.long1 {display:block; float:left; width:39px; margin:3px 0 0 0}
.formulario span.long2 {display:block; float:left; width:84px; margin:3px 0 0 0}
.formulario span.long3 {display:block; float:left; width:143px; margin:3px 0 0 0}
.formulario span.long4 {display:block; float:left; width:198px; margin:3px 0 0 0}
.formulario span.long5 {display:block; float:left; width:231px; margin:3px 0 0 0}
.formulario span.long6 {display:block; float:left; width:340px; margin:3px 0 0 0}
.formulario span.longlibre {display:block; float:left; margin:3px 9px 0 0}
.formulario span.alineador {float:right}
.formulario .nota {position:absolute; right:20px; top:0; width:244px}
.formulario img.calendar {position:relative; padding:2px 0 0 0; margin:0 20px 0 0; cursor:pointer; display:block;  float:left;}
.formulario .fondo_gris {background-color:#EEEEEE; color:#777777;}

a.btn-redondo { padding:1px 10px; cursor:pointer; font-weight:normal; font-size:13px; font-family:Tahoma,Verdana,sans-serif; color:#EC008C; border:solid 2px #EC008C; -moz-border-radius:15px; -webkit-border-radius:10px; }
a.btn-redondo:hover { border-color:#FFFFFF; color:#FFFFFF; background:#EC008C; text-decoration: none;}
input.btn-redondo { position:relative; font-weight:normal; font-size:13px; font-family:Tahoma,Verdana,sans-serif; padding:0px 8px; cursor:pointer; color:#EC008C; background:none; border:solid 2px #EC008C; -moz-border-radius:15px; -webkit-border-radius:10px; }

button { cursor: pointer }

button.btn { background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5, #ccc); background: -ms-linear-gradient(top, #e5e5e5, #ccc); background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ccc)); background: linear-gradient(top, #e5e5e5, #ccc); border-radius: 5px; box-shadow: 0px 1px 2px rgba(0,0,0,0.5); color: #000; padding: 3px 10px; text-shadow: 0px 1px 0px rgba(255,255,255,0.5) }
button.btn:hover { background: -moz-linear-gradient(top, #ccc, #e5e5e5); background: -ms-linear-gradient(top, #ccc, #e5e5e5); background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e5e5e5)); background: linear-gradient(top, #ccc, #e5e5e5) }

#boton-submit-amarillo,
#esc-rec-send-btn { background: #FFEA00 transparent; background: -moz-linear-gradient(top,  #FFEA00,  #FFBF00); background: -webkit-gradient(linear, left top, left bottom, from(#FFEA00), to(#FFBF00)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEA00', endColorstr='#FFBF00'); color: #333 !important; font-size: 14px !important; padding: 4px 8px 5px; text-shadow: 0px 1px 0px #ff0;}

button.yellow-btn { background: #ffea00; background: -moz-linear-gradient(top, #ffffb3, #ffea00 10%, #ffbf00 90%, #ff9500); background: -ms-linear-gradient(top, #ffffb3, #ffea00 10%, #ffbf00 90%, #ff9500); background: -webkit-gradient(linear, left top, left bottom, from(#ffffb3), color-stop(10%, #ffea00), color-stop(90%, #ffbf00), to(#ff9500)); background: linear-gradient(top, #ffffb3, #ffea00 10%, #ffbf00 90%, #ff9500); border: solid 3px #fff; -moz-border-radius: 4px; border-radius: 8px; box-shadow: 0px 1px 2px rgba(0,0,0,0.4); color: #4d3300; cursor: pointer; display: inline-block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea00', endColorstr='#ffbf00'); font-family: Tahoma, Arial, sans-serif; font-size: 22px; font-weight: normal; padding: 2px 5px; text-shadow: 0px 1px 0px #ff0 }
button.yellow-btn.disabled,
button.yellow-btn:disabled { background: #ccc; color: #999; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); text-shadow: none }
.no-boxshadow button.yellow-btn,
.no-box-shadow button.btn { outline: solid 1px #ccc }
.ie7 button.yellow-btn,
.ie7 button.btn { display: inline; zoom: 1 }

/* Estilos nuevos botones y formularios */
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

a.ui-boton-bd { padding:5px 10px; font-size:12px; text-decoration: none; border: 1px solid #aaaaaa; background: #cccccc url(http://www.bodaclick.com/css/images/ui-bg_highlight-soft_100_ec008c_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #444; }
a.ui-boton-bd:hover { border: 1px solid #999999; background: #dda2c6 url(http://www.bodaclick.com/css/images/ui-bg_glass_100_dda2c6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #444; text-decoration:none;}

input.ui-boton-bd, button.ui-boton-bd { cursor:pointer; padding:3px 10px; font-size:11px; text-decoration: none; border: 1px solid #aaaaaa; background: #cccccc url(http://www.bodaclick.com/css/images/ui-bg_glass_100_cccccc_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #444; }
input.ui-boton-bd:hover, button.ui-boton-bd:hover { border: 1px solid #999999; background: #dda2c6 url(http://www.bodaclick.com/css/images/ui-bg_glass_100_dda2c6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #444; }

.titulo-normal { padding:3px 6px; font:normal 11px "Trebuchet MS"; border: 1px solid #aaaaaa; background: #ec008c url(http://www.bodaclick.com/css/images/ui-bg_highlight-soft_100_ec008c_1x100.png) 50% 50% repeat-x; color: #ffffff; }
.titulo-invertido { background:#ffffff; color:#ec008c; border:solid 1px #EFA4D1; padding:3px 10px;  font:normal 14px "Trebuchet MS"; }
.titulo-gris { padding:3px 6px; font:normal 14px "Trebuchet MS"; border: 1px solid #aaaaaa; background: #cccccc url(http://www.bodaclick.com/back/css/images/ui-bg_highlight-soft_100_cccccc_1x100.png) 50% 50% repeat-x; color: #444444; }
.tituloG2 { padding:3px 8px; font:normal 14px "Trebuchet MS"; border: 1px solid #000000; background: #000000 url(http://www.bodaclick.com/back/css/images/ui-bg_glass_75_000000_1x400.png) 50% 50% repeat-x; color: #ffffff; }
.tituloG-rosa-claro { padding:3px 8px; font:normal 14px "Trebuchet MS"; border: 1px solid #aaaaaa; background: #dda2c6 url(http://www.bodaclick.com/back/css/images/ui-bg_glass_100_dda2c6_1x400.png) 50% 50% repeat-x; color: #444444; }
.resaltar { background: #EFB3D7; color: #333333; }
.salida-ajax { background:#ffffff; color:#ec008c; border:solid 1px #EFA4D1; padding:3px 10px;  font:normal 11px "Trebuchet MS";}
.caja-texto { padding:2px 4px; height:13px; border:solid 1px #cccccc; font:normal 11px "Trebuchet MS"; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.lon0 { width:20px }
.lon1 { width:50px }
.lon2 { width:70px }
.lon3 { width:100px }
.lon4 { width:140px }
.lon5 { width:190px }
.lon6 { width:230px }
.area-texto { padding:2px 4px; border:solid 1px #dddddd; font:normal 11px "Trebuchet MS"; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.caja-select {  border:solid 1px #cccccc; font:normal 11px "Trebuchet MS"; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.tabla_form { margin-top:3px; margin-bottom:30px; width:50%; background:#eeeeee; color:#444444; border:1px #dddddd solid; padding:3px; }
.tabla_form tr td { padding:3px 6px; }
.tabla_form tr.titulo-normal { background: #ec008c url(http://www.bodaclick.com/css/images/ui-bg_highlight-soft_100_ec008c_1x100.png) 50% 50% repeat-x; }
.tabla_form tr td.titulo-normal { padding:3px 6px; font:normal 11px "Trebuchet MS"; background: #ec008c url(http://www.bodaclick.com/back/css/images/ui-bg_highlight-soft_100_ec008c_1x100.png) 50% 50% repeat-x; color: #ffffff; }
.tabla_form tr td.titulo2 { padding:3px 6px; font:normal 12px "Trebuchet MS"; border: 1px solid #aaaaaa; background: #cccccc url(http://www.bodaclick.com/back/css/images/ui-bg_highlight-soft_100_cccccc_1x100.png) 50% 50% repeat-x; color: #444444; }
.tabla_form tr td a { color:#aaaaaa; }
.tabla_form tr td a:hover { color:#555555; }
.tabla_form tr td.titulo { border:none; padding:2px 5px; text-align:center; }
.tabla_form tr td.ultimo { border:none; }
.tabla_form tr td.izq { border:none; padding:5px; text-align:right; font-size:11px; width:160px; }
.tabla_form tr td.der { border:none; padding:5px; text-align:left; font-size:11px; }

.tabla_resultados { margin-top:10px; margin-bottom:20px; width:90%; background-color:#eeeeee; border:1px #dddddd solid; padding:3px; }
.tabla_resultados tr td { border-bottom:1px solid #cccccc; padding:5px; text-align:center; }
.tabla_resultados tr td.titulo-normal { border:none; padding:2px 5px; text-align:center; }
.tabla_resultados tr td.titulo2 { border:none; padding:2px 5px; text-align:center; }
.tabla_resultados tr td.ultimo { border:none; }

/**************************/


/*
*********************************************************
Login general con acceso usando cuenta de facebook
*/
button.ui-boton-bd { cursor:pointer; padding:3px 10px; font-size:11px; text-decoration: none; border: 1px solid #aaaaaa; background: #cccccc url(http://www.bodaclick.com/css/images/ui-bg_glass_100_cccccc_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #444; padding: 2px }
button.ui-boton-bd:hover { border: 1px solid #999999; background: #dda2c6 url(http://www.bodaclick.com/css/images/ui-bg_glass_100_dda2c6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #444; }


.cont_login_general { position: absolute; right: 0; top: 45px; z-index: 100}
.login_general { float: right}
#tareas-login { position: relative }
.tareas-login-box, #orgperfil .modulo-login-repa { margin: 0 25px 0 auto; text-align: right; width: 180px }
#orgperfil .modulo-login-repa { text-align: left }
#orgperfil .nuevo-repa { width: 250px }
#divMenu { position: absolute }
.login-txt { margin: 10px 0 }
.login_general a:hover { text-decoration: none }
.login_general_container { position: absolute }
.login_general .login_registro, .login_general .login_form { float: left; padding: 3px 0 }
.login_general .login_form:hover { background: #ddd }
.login_general .login_registro a { border-right: 1px solid #747474; color: #EC008C; padding: 0 10px; display: block; height: 15px}
.login_general .login-drop-btn { background: url("http://media.bodaclick.com/css/gfx/down_gris02.gif") right center no-repeat; color: #EC008C; padding: 0 14px 0 10px }
.login_general .login_form:hover .login-drop-btn { color: #444 }
.login_general .login_form form { display: none }
.login_general .login_form form, #divMenu { background: #fff; border: 6px solid #ddd; padding: 6px 11px; position: absolute; width: 178px; right: 0; text-align: left; top: 19px; z-index: 200 }
.modulo-login-repa form { margin: 0 auto; width: 178px }
.login_general label, .modulo-login-repa label, #divMenu label { display: block }
.login_general input.text, .modulo-login-repa input.text, #divMenu input.text { margin-bottom: 15px; width: 174px }
.login_general #lost-pass-link, .modulo-login-repa #lost-pass-link, #divMenu #lost-pass-link { color: #EC008C; font-size: 10px }
.login_general #login-recordar, .modulo-login-repa #login-recordar, #divMenu #login-recordar { float: right }
.login_general .facebook-login, .modulo-login-repa .facebook-login, #divMenu .facebook-login { border-top: 1px dotted #b2b2b2; margin-top: 25px; padding-top: 20px; text-align: center }
.login_general .fb_button_medium, .modulo-login-repa .fb_button_medium, #divMenu .fb_button_medium { margin: 10px }
.modulo-login-repa #login-recordar input, #divMenu #login-recordar input { margin-right: 5px; vertical-align: top }
.login-drop-btn { color: #EC008C }
#login-recordar input { margin-top: 0; width: auto !important }
.login_registro:hover { background: non }
.login_registro a:hover, #lost-pass-link:hover { text-decoration: underline }

#.filamodulos .modulo img { float: none }
h3.nuevo-repa-title { font-size: 15px; padding: 20px 0; text-align: center }
.nuevo-repa-title strong, .modulo-login-repa strong { color: #000 }

.nuevo-repa .bt-registrate, .tareas-login-box button.bt06 { font-size: 16px; font-weight: normal; margin: 20px auto 0 }
.tareas-login-box button.bt06 { padding: 6px 0 }
.nuevo-repa p { margin-bottom: 0 }

.login_general.user_logged { top: -9px; right: -12px; width: 300px }
.login_general.user_logged a { padding-right: 2px }

form#login_general.user-logged-fb { padding-right: 44px; margin-top: -21px; margin-right: 12px; position: relative; width: 300px }
.user-pic-fb { height: 42px; position: absolute; right: 0; width: 42px }
.user-logged-fb .logged-icon { margin-top: -1px; margin-right: 3px }
.user-logged-fb .fb_button_medium { margin: 0; position: absolute; right: 44px; top: 20px }

.filamodulos.doble03 .modulo-login-repa { border-left: 1px dotted #B2B2B2 !important; margin-bottom: 20px !important; margin-top: 20px !important; min-height: 230px; padding-top: 0 !important; width: 276px !important }

#orgperfil td:first-child { border-right: 1px dotted #B2B2B2 !important }

.formulario label.der { display: inline; float: none; max-width: 200px; padding: 0 0 0 5px; text-align: right; vertical-align: top; width: auto !important }
#reserva-telefono { width: 260px }
#reserva-telefono input { width: 85px }
#reserva-forma-contacto { width: 245px }
#reserva-forma-contacto label.izq { max-width: 100px; width: auto }