@charset "utf-8";
/* CSS Document */

body {font-family: 'Ubuntu', sans-serif;font-size:12px;margin:0
auto;padding:0;background: #F8F8F8 url(../img/bg_body.jpg) repeat-x;text-align:center; }


#lbl_tipo_banner_1xm{cursor:pointer;position:absolute;width:90px;height:40px;left:404px;top:320px;text-align:left;}
#lbl_tipo_banner_lat{cursor:pointer;position:absolute;width:50px;height:378px;left:502px;top:3px;text-align:left;}
#lbl_tipo_banner_Xx1{cursor:pointer;position:absolute;width:374px;height:90px;left:6px;top:381px;text-align:left;}
#lbl_tipo_banner_1x2{cursor:pointer;position:absolute;width:90px;height:180px;left:404px;top:372px;text-align:left;}
#lbl_tipo_banner_1x1{cursor:pointer;position:absolute;width:90px;height:90px;left:403px;top:160px;text-align:left;}
#lbl_tipo_banner_full{cursor:pointer;position:absolute;width:488px;height:64px;left:6px;top:3px;text-align:left;}
#cont_tipo_banner label:hover{background:#137BAF;}
#cont_tipo_banner input{width:20px;height:20px;}
#cont_tipo_banner{float:left;position:relative;width:560px;height:750px;background:url(../img/template.png) no-repeat 0 0;}

#colorSelector{ background: url(../img/select.png) repeat transparent; float:left; height: 36px; position: relative;width: 36px;}
#colorSelector div{ background: url(../img/select.png) repeat scroll center center transparent; height: 30px; left: 3px; position: absolute; top: 3px; width: 30px; }
#cont_comp li{ float:left; list-style:none; width:100%; text-align:left; margin:3px 0px; padding:0px; color:#146295; font-size:14px; }
#cont_comp{ float:left; list-style:none; width:98%; margin:5px 1%; padding:0px; }


.arbol_checkboxs{ text-align:left;width:auto !important;border:none !important; }
.novisible{ display:none ; }
.readonly{ background: url(../img/diagonales.png) !important; color:#025A8D !important; font-weight:bold; font-size:16px !important; }

.msjs_sistema{ display:none; margin:10px 0px;}

.li_form .btn_op{ float:left; margin:0 0 0 10px; }
.li_form .text{ float:left; min-height:25px; line-height:25px; font-size:14px;  }
.li_form .lbl_C span{ color:#990000; }
.li_form .lbl_C{ float:left; min-width:170px; margin:0 0 0 20px; text-align:left; color:#666; height:25px; line-height:25px; font-size:14px; }
.li_form label.error{ float:left; margin:0 0 0 10px !important; }
.li_form{ float:left; width:100%; margin:5px 0px; padding:0px; list-style:none; }
#ul_form{ float:left; width:100%; margin:0px; padding:0px; list-style:none; }


#cont_tabla{ float:left; position:relative; width:98%; margin:15px 1%; }
#tabla_admin .span_campo_in:hover{ text-decoration:underline; }
#tabla_admin .span_campo_in{ color:#004276; font-weight:bold; font-size:13px; margin:0 0 0 10px; cursor:pointer; }
#tabla_admin .span_campo_in span{ color:#999; font-weight:500; }
#tabla_admin{ text-align:left; width:100% !important; }


#header .btn_1 img{ margin:0 0px 0 0;  }
#header .btn_1{ position:absolute; top:5px; height:16px; line-height:16px; right:10px; font-weight:500; text-transform:uppercase;  }

#header .btn_2 img{ margin:0 0px 0 0;  }
#header .btn_2{ position:absolute; top:5px; right:60px; font-weight:500; text-transform:uppercase; height:16px; line-height:16px; }


#header .btn_3 img{ margin:0 0px 0 0;  }
#header .btn_3{ position:absolute; top:5px; right:105px; font-weight:500; text-transform:uppercase; height:16px; line-height:16px; }

#header .btn_4 img{ margin:0 0px 0 0;  }
#header .btn_4{ position:absolute; top:5px; right:150px; font-weight:500; text-transform:uppercase; height:16px; line-height:16px; }

#header .btn_5 img{ margin:0 0px 0 0;  }
#header .btn_5{ position:absolute; top:5px; right:195px; font-weight:500; text-transform:uppercase; height:16px; line-height:16px; }



#header .btn_6 img{ margin:0 0px 0 0;  }
#header .btn_6{ position:absolute; top:5px; right:240px; font-weight:500; text-transform:uppercase; height:16px; line-height:16px; }

#header .btn_7 img{ margin:0 0px 0 0;  }
#header .btn_7{ position:absolute; top:5px; right:285px; font-weight:500; text-transform:uppercase; height:16px; line-height:16px; }

#header .btn_8 img{ margin:0 0px 0 0;  }
#header .btn_8{ position:absolute; top:5px; right:325px; font-weight:500; text-transform:uppercase; height:16px; line-height:16px; }

#header .btn_9 img{ margin:0 0px 0 0;  }
#header .btn_9{ position:absolute; top:5px; right:375px; font-weight:500; text-transform:uppercase; height:16px; line-height:16px; }



#header .icon{ position:absolute; top:5px; left:10px;  }
#header h1{ margin:0px; color:#137BAF; width:auto; position:absolute; top:5px; left:50px;  }
#header{ position:relative; margin:0 0 15px 0; float:left; width:100%; background:#FFF url(../img/bg_gris.png) repeat-x; border-bottom:1px solid #333; height:40px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;  }
#cont_seccion #seccion_g h3{ color:#333; width:auto; padding:0px 5px; background:#FFF; position:absolute; left:5px; top:-10px; margin:0px; }
#cont_seccion #seccion_g{ float:left; width:60%; margin:10px 1%; border:1px solid #CCC; position:relative; padding:10px 0px; }


#cont_seccion #seccion_f .img_ide{ max-width:100px; padding:5px; border:1px solid #137BAF; float:left; margin:0px 10px; }
#cont_seccion #seccion_f h3{ color:#333; width:auto; padding:0px 5px; background:#FFF; position:absolute; left:5px; top:-10px; margin:0px; }
#cont_seccion #seccion_f{ float:left; width:97%; margin:10px 1%; border:1px solid #CCC; position:relative; padding:10px 0px; }


#cont_seccion #seccion_c h3{ color:#333; width:auto; padding:0px 5px; background:#FFF; position:absolute; left:5px; top:-10px; margin:0px; }
#cont_seccion #seccion_c{ float:left; width:33%; margin:10px 1%; border:1px solid #CCC; position:relative; padding:10px 0px; }


#cont_seccion #seccion_m h3{ color:#333; width:auto; padding:0px 5px; background:#FFF; position:absolute; left:5px; top:-10px; margin:0px; }
#cont_seccion #seccion_m{ float:left; width:47%; margin:10px 1%; border:1px solid #CCC; position:relative; padding:10px 0px; }


#cont_seccion{overflow:hidden; position:relative;float:left; background:#FFF; width:95%; min-width:950px; margin:30px 2%; border:1px solid #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


#footer .copy a:hover{ text-decoration:underline; }
#footer .copy a{ color:#137BAF; text-decoration:none; font-weight:bold; }
#footer .copy{ float:right; width:auto; margin:5px; color:#333; }
#footer{ float:left; width:95%; min-width:950px; margin:0px 2% 5px 2%; border-top:1px solid #999; }

#cont_accesos_1 a img{ opacity: .7;  -moz-opacity: .7;  filter:alpha(opacity=70);  }
#cont_accesos_1 a p{ margin:5px 0 0 0; font-size:14px;  }
#cont_accesos_1 a:hover img{ opacity: 1;  -moz-opacity: 1;  filter:alpha(opacity=100);  }
#cont_accesos_1 a{ text-decoration:none; color:#333; float:left; width:70px; margin:10px; border:1px solid #137BAF; background:#FFF url(../img/bg_login.png) repeat-x center center; padding:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#cont_accesos_1{ float:left; width:95%; min-width:950px; margin:30px 2%; border:1px solid #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; }



.msjs{ display:none; }
#div_cargando h2{ padding:0 0 40px 0; background: url(../img/loading42.gif) bottom center no-repeat; color:#000; margin-top:300px;  }
#div_cargando{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999; background: #FFF; display:none; }




#cont_menu{ float:left; width:100%; min-width:950px; background: url(../img/bg_menu.png) repeat-x; height:35px; border-top:5px solid #137BAF; }



#form_login input{ float:left; width:250px; height:25px; line-height:25px; font-size:16px; margin:0 0px 10px 150px; border:1px solid #CCC; color:#999; }
#form_login label{ float:left; font-size:14px; color:#222; width:400px; margin:0 0 10px 150px; text-align:left; font-weight:bold; }
#form_login #btn_login_entrar{ float:left; border:none; margin:5px 50px 3px 150px; }
#form_login a:hover{ text-decoration:underline; }
#form_login a{ color:#1155CC; float:left; text-decoration:none; height:35px; line-height:35px; margin:5px 0 0 0px; font-size:14px; }
#form_login{ float:left; width:550px; }
#login h1{ margin:10px 0 20px 0; color:#DB4A39; }
#login{ float:left; width:550px; margin:240px 0 0 0; height:300px; background: #FFF url(../img/bg_login.png) repeat-x top center; border:1px solid #CCC; }
#cont_login{ margin:auto; width:550px; }






label.error {  margin:0 0 0px 150px !important;  height:20px; line-height:20px;  width:auto !important; font-size:11px !important; color:#CC0000 !important; font-weight:500 !important; }
input.error { border:1px solid #CC0000 !important; }




/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/*************  BOTONES  ******************************************************************/
.button, .button:visited { /* botones genéricos */
  background: #222 url(../img/overlay.png) repeat-x;
  
  padding: 5px 10px 6px;
  color: #FFF;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor:pointer
}
.button:hover { /* el efecto hover */
  background-color: #111
  color: #FFF;
}
.button:active{  /* el efecto click */
  /*top: 1px;*/
}

 /* botones pequeños */
.small.button, .small.button:visited {
  font-size: 11px ;
}

 /* botones medianos */
.button, .button:visited,.medium.button, .medium.button:visited {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

 /* botones grandes */
.large.button, .large.button:visited {
  font-size:14px;
  padding: 8px 14px 9px;
}

 /* botones extra grandes */
.super.button, .super.button:visited {
  font-size: 34px;
  padding: 8px 14px 9px;
}
.negro.button { background-color: #333; }
.negro.button:hover{ background-color: #000; }

.azulp.button { background-color: #137BAF; }
.azulp.button:hover{ background-color: #0F648C; }

.pink.button { background-color: #E22092; }
.pink.button:hover{ background-color: #C81E82; }

.green.button, .green.button:visited { background-color: #91BD09; }
.green.button:hover{ background-color: #749A02; }

.red.button, .red.button:visited { background-color: #E62727; }
.red.button:hover{ background-color: #CF2525; }

.orange.button, .orange.button:visited { background-color: #FF5C00; }
.orange.button:hover{ background-color: #D45500; }

.blue.button, .blue.button:visited { background-color: #2981E4; }
.blue.button:hover{ background-color: #2575CF; }

.yellow.button, .yellow.button:visited { background-color: #FFB515; }
.yellow.button:hover{ background-color: #FC9200; }

ul#cont_contacto{list-style: none;padding: 10px;margin:0;text-align: left;}
ul#cont_contacto li{list-style: none;width:100%;float:left;margin:3px 0;}
ul#cont_contacto li .button{float:left;}
ul#cont_contacto li .cont_datos{float:left;margin-left: 4px;}
ul#cont_contacto li strong{color:#0080FF;}
ul#cont_contacto li p{margin:0;font-size: 11px;}
ul#cont_contacto li .telefono{font-style: italic;}


.cont_fotos_embarcacion{float:left;width:100%;}
.cont_fotos_embarcacion .foto{float:left;width:16%;margin:5px 2%;height: 60px;overflow: hidden;position: relative;}
.cont_fotos_embarcacion .foto .icono{float:left;width:100%;}
.cont_fotos_embarcacion .foto .eliminar{position: absolute;right: 0;top: 0;}

.cont_fotos_embarcacion.solover .foto{float:left;margin:5px 3px;height: 54px;overflow: hidden;position: relative;}
.cont_fotos_embarcacion.solover .foto .icono{border:2px solid #CCC;float:left;height: 50px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.cont_fotos_embarcacion.solover a:hover .icono{border-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}


.cont_archivos_embarcacion{float:left;width:100%;text-align: left;}
.cont_archivos_embarcacion .archivo{float:left;width:100%;margin:5px 0;height: 40px;overflow: hidden;position: relative;}
.cont_archivos_embarcacion .archivo .icono{float:left;height:30px;margin:0 5px;}
.cont_archivos_embarcacion .archivo .eliminar{}


.mostrar_ocultar{position: absolute;left:50%;bottom:0px;z-index:1;}


ul.pasajeros{text-align: left;float: left;}

h5.subtitulo{margin:0 ;float:left;width:100%;background: #0080C0;padding: 3px 0;color:#FFF;text-transform: uppercase;font-size: 13px;}

.pull-left{float: left !important;}
.pull-right{float: right !important;}
.text-left{text-align: left;}
.text-right{text-align: right;}

#seccion_m.sololectura .li_form{margin-top: 0;}
#seccion_m.sololectura input{background: #E8E8E8;}
#seccion_m.sololectura h3{color: #999 !important;}
#seccion_m.sololectura h5.subtitulo{background: #E8E8E8 !important;color:#333;}

table.arrendamiento{width:100%;border: 1px solid #CCC;margin:0 ;}
table.arrendamiento.totales{width:100%;border: 1px solid #CCC;margin:0 ;}
table.arrendamiento th{border: 1px solid #CCC;background: #DEDEDE;}
table.arrendamiento td{border-bottom: 1px solid #CCC;}
table.arrendamiento.totales .text-left{background: #DEDEDE;}

input.inputlabel{border:none;padding: 0;margin:0;width:auto;}


#cont_notas_inicio{float:left;width: 96%;margin:10px 2%;}
#cont_notas_inicio .nota{float:left;width:97%;margin:0 0 5px 0;padding:20px 0;position:relative;border-left:3px solid #CCC;background: #EAEAEA;font-size: 11px;color:#555;}
#cont_notas_inicio .nota .enviado_por{position: absolute;left:5px;top:3px;}
#cont_notas_inicio .nota .fecha{position: absolute;right:5px;top:3px;}
#cont_notas_inicio .nota .estatus{position: absolute;left:5px;bottom:3px;}
#cont_notas_inicio .nota .estatus strong{color:#000;}
#cont_notas_inicio .nota .prioridad{position: absolute;right:5px;bottom:3px;}
#cont_notas_inicio .nota .texto{float:left;text-align: left;font-size: 13px;margin:3px 5%;color:#000;width:90%;}
#cont_notas_inicio .nota .foto{display:none;float:left;width:15%;margin:0 2.5%;}
#cont_notas_inicio .nota .btn_conf{display:none;position: absolute;right:2px;top:30px;cursor: pointer;}
#cont_notas_inicio .nota .btn_conf img{width: 20px;height: 20px;}
#cont_notas_inicio .nota .btn_conf:hover img{width: 25px;height: 25px;}
#cont_notas_inicio .nota:hover .btn_conf {display: block;}
#cont_notas_inicio.seccion .nota .foto{float:left;width:10%;margin:0 2.5%;}

#cont_notas_inicio .nota.prioridad1 {border-color: #800000;}
#cont_notas_inicio .nota.prioridad1 .prioridad strong {color: #800000;}

#cont_notas_inicio .nota.prioridad2 {border-color: #FF8000;}
#cont_notas_inicio .nota.prioridad2 .prioridad strong {color: #FF8000;}

#cont_notas_inicio .nota.prioridad3 {border-color: #008040;}
#cont_notas_inicio .nota.prioridad3 .prioridad strong {color: #008040;}