@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; }

img{border:none;}

.textareas100 textarea{width:90%;margin:0px 5%;}
#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; }

.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{ 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;
  display: inline-block;
  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; }