.icono_preload { background-image: url(../img/preload3.gif); background-repeat: no-repeat; width: 100px ; height:100px ;  margin: 0 auto;}

.campo_texto_persona {
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:55px  !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_usuario_oscuro.png); background-repeat: no-repeat; background-position: 20px 9px ; width:150px ; background-color: #ffffff; height:24px !important; 
}
.campo_texto_pais {
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:55px  !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_web.png); background-repeat: no-repeat; background-position: 20px 9px ; width:150px ; background-color: #ffffff; height:24px !important; 
}
.campo_texto_movil{
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:55px  !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_movil.png); background-repeat: no-repeat; background-position: 20px 9px ; width:150px ; background-color: #ffffff; height:24px !important; 
}
.campo_texto_select_pais {
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:55px  !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_web.png); background-repeat: no-repeat; background-position: 20px 9px  ; background-color: #f9f9f8; height:44px !important; 
}
.campo_texto_codigo {
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:55px  !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_asterisco_oscuro.png); background-repeat: no-repeat; background-position: 20px 9px ; width:150px ; background-color: #ffffff; height:24px !important; 
}

._4z_b { width: 150px; height: 150px; font-size: 26px !important; padding: 10px !important; color: #fff; background: #fff; border: 4px solid #fff;}
._4z_d ._4z_f { width: 150px; height: 150px; font-size: 26px !important; padding: 10px !important; color: #fff; background: #fff; border: 4px solid #fff;}

.desenfoque { filter:url(#blur-effect-1);  filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); }

.puerta_izquierda, .puerta_derecha { width: 50%; height: 100%; position: absolute; bottom: 0; background-color: #151515; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.puerta_izquierda { left: 0; border-right: 3px solid #4e4e4e;}
.puerta_derecha { right: 0; border-left: 3px solid #4e4e4e;}

.puerta_izquierda.login-animate,
.puerta_derecha.login-animate { width: 0; height: 3000px;}

.boton_en_inicio { z-index: 1000; position: absolute; top: 350px; left: 50%; display: block; width: 150px; height: 150px; line-height: 150px; font-size: 26px; text-align: center; color: #fff; background: #fff;
    border: 4px solid #fff; margin-left: -80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; -webkit-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out;
     -o-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; }

.logo_en_intro { display: block; top: -2px; position: relative; }

.boton_en_inicio:hover,
.boton_en_inicio:focus { text-decoration: none; color: #fff; box-shadow: 0 0 100px 0 #777; }
.boton_en_inicio:focus { outline:none; }
.boton_en_inicio::-moz-focus-interior { border:0; }
.boton_en_inicio.login-animate { top: -550px; box-shadow: none; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); }

#contenedor_ventana_de_login { width: 660px; margin: 0 auto 0; padding: 30px 0 40px; }
#centrado { width: 240px; margin: 0 auto 0; padding: 40px 0px 0px 0px; }

.texto_simple_blanco { color: #fff;}
.login .tabs_contenido { padding-bottom: 10px !important;}

#tabs_de_login li { width: 50%;}

body.login input[type="text"],
body.login input[type="password"] { width: 215px;}

.login-extra-check { margin: 5px 0 0;}

body { background-image: url('../img/fondologin.jpg'); background-color: #333333; color: #333; line-height: 1.6; font-family: Arial, sans-serif;}

#contenedor_de_pagina { width: 95%; min-width: 320px; max-width: 1240px; margin: 0 auto; background-color: #343332;}
#contenedor_de_pagina.ancho_de_pagina { width: 100%;}
#contenido_de_pagina { padding: 20px; min-height: 1200px; background-color: #fff; }

.ancho_de_pagina .affix { margin-left: 201px;}

.contenido_de_bloque { margin: 0; padding: 20px 20px 5px; border: 1px solid #ddd; border-top: none; }
.contenido_de_bloque.full { padding: 120px; }
.contenido_de_bloque.contenido_de_bloque-flat { padding: 0;}

/* bloque_basico Tabs */
.bloque_basico.tabs_de_bloque { padding: 0; border: 2px solid #ddd; }
.tabs_de_bloque > .menu_con_tabs { background-color: #ddd; border-bottom: 2px solid #ddd; }
.tabs_de_bloque > .menu_con_tabs > li { margin-bottom: -2px;}
.tabs_de_bloque > .menu_con_tabs > li > a,
.tabs_de_bloque > .menu_con_tabs > li > a:hover,
.tabs_de_bloque > .menu_con_tabs > li > a:focus { border: none; border-radius: 6px 6px 0px 0px !important;}
.tabs_de_bloque > .menu_con_tabs > li > a:hover,
.tabs_de_bloque > .menu_con_tabs > li > a:focus { border: none; color: #333; background-color: #d4d4d4; border-radius: 6px 6px 0px 0px !important;}
.tabs_de_bloque > .menu_con_tabs > .active > a:hover,
.tabs_de_bloque > .menu_con_tabs > .active > a:focus { background-color: #fff; border-radius: 6px 6px 0px 0px !important;}
.tabs_de_bloque > .tabs_contenido { border: 0; padding: 20px;}
.tabs_de_bloque.color_de_bloque { border: 1px solid #e0e0e0; border-radius: 6px; box-shadow: 0 0 50px 0 #404040;}
.tabs_de_bloque.color_de_bloque > .menu_con_tabs { background: #27c266; border-bottom: none; border-radius: 6px 6px 0px 0px !important;}
.tabs_de_bloque.color_de_bloque > .menu_con_tabs > li { margin-bottom: 0;}
.tabs_de_bloque.color_de_bloque > .menu_con_tabs > li > a { color: #fff;}
.tabs_de_bloque.color_de_bloque > .menu_con_tabs > li > a:hover,
.tabs_de_bloque.color_de_bloque > .menu_con_tabs > li > a:focus { background: #333;}
.tabs_de_bloque.color_de_bloque > .menu_con_tabs > .active > a,
.tabs_de_bloque.color_de_bloque > .menu_con_tabs > .active > a:hover,
.tabs_de_bloque.color_de_bloque > .menu_con_tabs > .active > a:focus { color: #333; background-color: #fff; border-radius: 6px;}
.tabs_de_bloque.color_de_bloque > .tabs_contenido { padding: 20px;border-radius: 0px 0px 6px 6px  !important;}

/* Mini Sidebar Profile */
.logo_modulo { padding: 24px; background: #353535;}
.logo_modulo a { display: inline-block;}
.logo_modulo a:hover { opacity: 0.95; filter: alpha(opacity=95);}
.logo_modulo img { width: 140px; float: left; padding-left: 32px;}
.logo_modulo-options { float: right;}
.logo_modulo-options .badge { width: 29px; height: 28px; line-height: 28px; text-align: center; padding: 0; margin: 0 0 3px; display: block; opacity: 0.80; filter: alpha(opacity=80);
    -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.logo_modulo-options .badge:hover { opacity: 1; filter: alpha(opacity=100);}

.texto_naranja { font-size: 28px; color: #ff9e07;}
.texto_verde_claro { font-size: 28px; color: #99c331;}
.subtitulo { border-width: 1px; background-color: #fff; }

.texto_alineado_derecha { text-align: right !important;}
.texto_centrado { text-align: center !important;}
/* etiquetas  */
.etiqueta,
.badge { font-size: 13px; background-color: #999; text-shadow: none; padding: 4px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-indent: 0; margin-top: 1px; margin-bottom: 1px;}

a.etiqueta:hover,
a.etiqueta:focus,
a.badge:hover,
a.badge:focus { opacity: 0.75; filter: alpha(opacity=75);}

.etiqueta_rojo,
.badge-important { background-color: #fc4c4c;}
.etiqueta_rojo[href],
.badge-important[href] { background-color: #fc4c4c;}
.etiqueta_naranja,
.badge-warning { background-color: #fcbc4c;}
.etiqueta_naranja[href],
.badge-warning[href] { background-color: #fcbc4c;}
.etiqueta_verde,
.badge-success { background-color: #b1cc16;}
.etiqueta_verde[href],
.badge-success[href] { background-color: #b1cc16;}
.etiqueta_celeste,
.boton_celeste { background-color: #4cb9fc;}
.etiqueta_celeste[href],
.boton_celeste[href] { background-color: #4cb9fc;}
.etiqueta_fondo_gris,
.badge-inverse { background-color: #555; }
.etiqueta_fondo_gris[href],
.badge-inverse[href] { background-color: #555;}
.etiqueta-neutral,
.badge-neutral { background-color: #e9e9e9; color: #333;}

.tabs_contenido { border: 1px solid #ddd; border-top: none; padding: 12px; margin: -20px 0 0; background: #fff;}
.tabs_lado_izquierda .tabs_contenido,
.tabs-right .tabs_contenido { border: none; margin: 0; padding-top: 0; padding-bottom: 0;}
.tabs_lado_izquierda .tabs_contenido { padding: 0 0 0 20px;}
.tabs-right .tabs_contenido { padding: 0 20px 0 0;}

/* Tooltip */
.tooltip { font-size: 13px; border-radius: 10px; padding: 8px !important; color: #fff; background-color: #333;}
.tooltip.top .tooltip-arrow { border-top-color: #333;}
.tooltip.right .tooltip-arrow { border-right-color: #333; margin-left: -5px !important;}
.tooltip.left .tooltip-arrow { border-left-color: #333;}
.tooltip.bottom .tooltip-arrow { border-bottom-color: #333;}
.tooltip.top { margin-top: -13px;}
.tooltip.right { margin-left: 13px;}
.tooltip.bottom { margin-top: 13px;}
.tooltip.left { margin-left: -13px;}

/* Forms */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-append .agregar_icono,
.icono_caja_de_texto_espacio .agregar_icono { margin-top: 1px; margin-bottom: 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; text-shadow: none; -webkit-appearance: none;}

select { -webkit-appearance: menulist;}
select[multiple] { -webkit-appearance: none;}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus { border-color: #27c266;}

.radio input[type="radio"], .checkbox input[type="checkbox"] { margin-top: 2px;}

span.agregar_icono { background-color: #f9f9f9 !important; line-height: 22px !important;}

.formulario_alineado,
.formulario_horizontal { margin: 0;}
.formulario_alineado .controles-grupales,
.formulario_horizontal .controles-grupales { margin-bottom: 0; border-color: #27c266;}
.formulario_alineado .texto_simple_oscuro { padding: 5px 0 0 0;}
.formulario_horizontal .texto_simple_oscuro { padding: 10px 0 0 5px;}
.formulario_alineado .espaciados { padding: 5px 0 5px 0;}
.formulario_horizontal .espaciados { padding: 5px;}
.formulario_alineado .form-actions,
.formulario_horizontal .form-actions { margin: 0; padding: 15px 10px 10px 185px; background: none; border: none;}
.formulario_alineado .form-actions { padding: 15px 0 10px;}
.form-bordered .controles-grupales { border-bottom: 1px solid #ddd; }

.formulario_horizontal.form-bordered .texto_simple_oscuro { padding: 15px 0 0 10px;}
.formulario_alineado.form-bordered .texto_simple_oscuro { padding: 10px 0 0 10px;}
.formulario_horizontal.form-bordered .espaciados { border-left: 1px solid #ddd; padding: 10px;}
.formulario_alineado.form-bordered .espaciados { padding: 0 20px 10px;}
.formulario_alineado.form-bordered .form-actions { padding-left: 20px;}
.form-etiquetas .controles-grupales { background-color: #f9f9f9;}
.form-etiquetas .espaciados { background-color: #fff;}
.texto_simple, .help-inline { color: #777;}

input:focus,
select:focus,
textarea:focus { border-color: #27c266;}

/* Tablas + DataTables */
.tabla { margin-bottom: 20px; width: 100%; }
.tabla th,
.tabla td { border-color: #eee; vertical-align: middle; padding: 10px 2px 8px;border-bottom:1px solid #f0f0f0; }
.tabla th {  /*background: #0072bc url('../img/template/grid.png') top left repeat;*/ color: #fff; padding: 10px 6px 10px;}
.tabla tbody th { background-color: #eee; color: #333;}
.tabla tbody th,
.tabla tbody td { padding: 12px 8px 8px;}
.tabla-condensed tbody th,
.tabla-condensed tbody td { padding: 2px 5px 1px;}

.borde_de_tabla {/* border: 1px solid #e0e0e0; */ border-top: none;}
.borde_de_tabla thead th { font-size: 15px; font-weight: bold; border: none; color: #fff; background-color: #27c266; -left: 1px solid #4be389;}
.borde_de_tabla th,
.borde_de_tabla td { border-color: #ddd;}
.borde_de_tabla th { background-color: #ddd; color: #333;}
.tabla-borderless th,
.tabla-borderless td { border-top: none;}
.tabla-hover tbody tr:hover > td,
.tabla-hover tbody tr:hover > th { background-color: #f1f1f1;}
.tabla tbody tr.success > td { background-color: #f1fcd7;}
.tabla tbody tr.error > td { background-color: #fcd7d7;}
.tabla tbody tr.warning > td { background-color: #fcefd7;}
.tabla tbody tr.info > td { background-color: #d7eefc;}
.tabla-hover tbody tr.success:hover > td { background-color: #e6fcb1;}
.tabla-hover tbody tr.error:hover > td { background-color: #fcb1b1;}
.tabla-hover tbody tr.warning:hover > td { background-color: #fce1b1; }
.tabla-hover tbody tr.info:hover > td { background-color: #b1dffc;}

/* Buttons */
.boton_basico { filter: none; text-shadow: none; background: #eee; border-width: 1px; border-style: solid; border-color: #ccc; margin-top: 1px; margin-bottom: 1px;}
.boton_basico:hover,
.boton_basico:focus,
.boton_basico:active,
.boton_basico.active,
.boton_basico.disabled,
.boton_basico[disabled] { background-color: #ccc;}

.boton_azul { background: #4c82fc; border-color: #425edb;}
.boton_azul:hover,
.boton_azul:focus,
.boton_azul:active,
.boton_azul.active,
.boton_azul.disabled,
.boton_azul[disabled] { background: #425edb;}

.boton_verde_claro {
    background-color: #ffa60a; border: 0px solid #fff !important; color: #fff; padding:10px 12px 9px 12px; border-radius: 70px !important; width:160px !important; font-size: 15px; margin-top:-3px;
    text-shadow:0 0px 0 rgba(0,0,0,0.0) !important;}
.boton_verde_claro:hover { background-color: #ffb32d !important; border: 0px solid #fff !important; color: #fff;}
.boton_verde_claro:hover,
.boton_verde_claro:focus,
.boton_verde_claro:active,
.boton_verde_claro.active,
.boton_verde_claro.disabled,
.boton_verde_claro[disabled] { background: #99c331;}

.boton_naranja { background: #faa732; border-color: #e78700;}
.boton_naranja:hover,
.boton_naranja:focus,
.boton_naranja:active,
.boton_naranja.active,
.boton_naranja.disabled,
.boton_naranja[disabled] { background: #e78700;}

.boton_celeste { background: #4cb9fc; border-color: #42a0db;}
.boton_celeste:hover,
.boton_celeste:focus,
.boton_celeste:active,
.boton_celeste.active,
.boton_celeste.disabled,
.boton_celeste[disabled] { background: #42a0db;}

.boton_basico:active,
.boton_basico.active,
.boton_azul:active,
.boton_azul.active,
.boton_verde_claro:active,
.boton_verde_claro.active,
.boton_rojo:active,
.boton_rojo.active,
.boton_naranja:active,
.boton_naranja.active,
.boton_celeste:active,
.boton_celeste.active,
.boton_basico-inverse:active,
.boton_basico-inverse.active { opacity: 0.75; filter: alpha(opacity=75);}

.boton_basico.disabled,
.boton_basico[disabled] { border-color: transparent !important;}

/* Links */
a { color: #27c266;}
a:hover,
a:active,
a:focus { color: #27c266;}

/* Remove Radius */
.menu_con_tabs > li > a,
.menu-pills > li > a,
.acordeon_contenido,
.etiqueta,
.barra_de_progreso,
.borde_de_tabla,
.borde_de_tabla th,
.borde_de_tabla td,
.agregar_icono,
.boton_basico,
.tooltip-interior,
.menu .menu-interior,
.menu-estilo1 .menu-interior,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input { -webkit-border-radius: 0 ; -moz-border-radius: 0 !; border-radius: 0 ;}

/* Remove Box Shadow */
.boton_basico,
.popover,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}


@media (max-width: 300px) {
input[type="text"],
input[type="password"] {    padding-top: 5px; font-size: 18px !important; height: 30px; }

body { font-size: 16px;}
.boton_azul,
.boton_celeste,
.boton_verde_claro { width: 80%; height: 50px; font-size: 22px; margin-bottom: 10px;}

.logo_inicial { width: 200px !important;}
#centrado { width: 200px; margin: 0 auto 0; padding: 20px 0px 0px 0px;}
#contenedor_ventana_de_login { width: 90%; margin: 0 auto 0; padding: 10px 0 10px;} 

}


/* Parametros para moviles y tablet:*/
/* max-device-width */
@media (max-device-width: 1200px) {
.campo_texto_persona {
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:78px !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_usuario5_movil.png); background-repeat: no-repeat; background-position: 2px 8px ; width:240px !important; background-color: #ffffff; height:56px !important; 
}
.campo_texto_email {
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:78px  !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_email5_movil.png); background-repeat: no-repeat; background-position: 2px 8px ; width:240px !important; background-color: #ffffff; height:56px !important; 
}
.campo_texto_movil{
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:78px  !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_movil5_movil.png); background-repeat: no-repeat; background-position: 2px 8px ; width:240px !important; background-color: #ffffff; height:56px !important; 
}
.campo_texto_codigo {
    -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important;padding-left:78px  !important; border: 1px solid #ccc; display:inline-block; text-align:left;
    background-image: url(../img/icono_numero5_movil.png); background-repeat: no-repeat; background-position: 2px 8px ; width:240px !important; background-color: #ffffff; height:56px !important; 
}
.checkbox_verde,
.radio_verde { display: inline-block; margin: 0 0 -5px; padding: 0; width: 48px; height: 48px; background: url('../img/jquery.icheck/grey2x.png') no-repeat; border: none; cursor: pointer;}
.checkbox_verde { background-position: 0 0;}
.checkbox_verde.hover { background-position: -48px 0;}
.checkbox_verde.checked { background-position: -96px 0;}
.checkbox_verde.disabled {  background-position: -72px 0;  cursor: default;}
.checkbox_verde.checked.disabled { background-position: -96px 0;}

.tooltip { display: none !important; visibility: hidden !important;}

input[type="text"],
input[type="password"]  { width: 65%; padding-top: 10px; padding-right: 4px; font-size: 30px !important; height: 108px; line-height: 50px;}
.icono_caja_de_texto_espacio .agregar_icono { height: 114px;  width: 130px; margin-left: 10px;}
.icono_email:before { content: url(../img/icono_email5.png);}
.icono_usuario_oscuro:before { content: url(../img/icono_usuario5.png);}
.icono_asterisco_oscuro:before { content: url(../img/icono_asterisco5.png);}

body { font-size: 22px; background-color: #1b1b1b!important;}
.boton_azul,
.boton_celeste,
.boton_verde_claro { width: 200px !important; height: 80px; font-size: 28px; margin-bottom: 16px;}
.logo_inicial { width: 400px !important;}

#centrado { width: 220px; margin: 0 auto 0; padding: 20px 0px 0px 0px;}
#contenedor_ventana_de_login { width: 84%; margin: 0 auto 0; padding: 36px 0 10px;}

.boton_en_inicio { top: 175px;}
.boton_en_inicio.login-animate { top: -160px;}

#contenedor_de_pagina,
.landing-container { padding: 0 !important; width: 100%;}

.ancho_de_pagina .affix { margin-left: 0;}
#contenedor_logo_principal { left: 50px;}
#contenedor_logo_principal input[type=text] {  width: 70px;}
#contenedor_logo_principal input[type=text]:focus { width: 220px;}

#pagina_barra_lateral { width: 100%; background: #ddd; border: none; z-index: 1050; position: relative !important; display: block !important; top: auto !important; bottom: auto !important;}

#fondo_menu_tablet, #contenido_de_pagina, footer { margin: 0; border-left: none;}


}
 

/* Oculta logo cuando es movil y pantalla horizontal */
@media (max-device-width: 1200px) and (orientation : landscape){
.tooltip { display: none !important; visibility: hidden !important;}
.ocultar_menu_tiles { visibility: hidden; display: none;}
.boton_en_inicio { top: 160px !important;}
.boton_en_inicio.login-animate { top: -180px !important;}
       
.menu-pills > li > a,
.menu-pills.menu-stacked > li > a,
.menu_con_tabs > li > a,
.menu_con_tabs.menu-stacked > li > a  { margin: 0; padding: 18px 12px;}
input[type="text"],
input[type="password"],
select  { width: 95%; padding-top: 10px; padding-right: 30px; font-size: 28px !important; height: 52px; line-height: 40px;}

.icono_caja_de_texto_espacio .agregar_icono { height: 58px; width: 84px; margin-left: -54px;}
.icono_email:before { content: url(../img/icono_email5_movil.png);}
.icono_usuario_oscuro:before { content: url(../img/icono_usuario5_movil.png);}
.icono_asterisco_oscuro:before { content: url(../img/icono_asterisco5_movil.png);}

body { font-size: 22px;}
.boton_azul,
.boton_celeste,
.boton_verde_claro { background-color: #ffa60a; border: 0px solid #fff !important; color: #fff; padding: 28px 20px 28px 20px; border-radius: 150px !important; width:200px !important; font-size: 22px; margin-top: 16px; }
.logo_inicial { width: 400px !important;}
#contenedor_ventana_de_login { width: 70%; margin: 0 auto 0; padding: 10px 0 10px;}


}   

@media (min-device-width: 4800px) and (orientation : landscape){
	.ocultar_menu_tiles { visibility: visible !important; }
} 


/*
.div_email{ position:relative;z-index:1030;display:block; color: #999999; font-size: 14px;text-align: center; width: 1px; }
.div_password{ position: relative !important; z-index: 390; color: #999999; font-size: 14px; margin-left: auto; margin-right: auto; text-align: center; width: 1px; top: -405px; left: -89px;}
*/

/* Oculta  logo cuando supera tamaņo 
@media (max-width: 1200px) {
	.ocultar_menu_tiles { visibility: hidden;display: none; }
	
}

@media (min-width: 4800px) {  
	.ocultar_menu_tiles { visibility: visible !important;}
}	
*/

/* Parametros cuando es 1200 pero en PC */
@media (max-width: 1200px) {
.boton_en_inicio { top: 400px;}
.boton_en_inicio.login-animate { top: -160px;}
#contenedor_de_pagina,
.ancho_de_pagina .affix { margin-left: 0;}
#contenedor_logo_principal { left: 50px;}
#contenedor_logo_principal input[type=text] { width: 70px;}
#contenedor_logo_principal input[type=text]:focus {  width: 220px;}
#fondo_menu_tablet, #contenido_de_pagina, footer { margin: 0; border-left: none;}

}


@media (max-width: 767px) {
#centrado { width: 220px; margin: 0 auto 0; padding: 20px 0px 0px 0px;}   
#contenedor_ventana_de_login { width: 94%; margin: 0 auto 0; padding: 10px 0 10px;}
.boton_en_inicio { top: 75px;}
body.login input[type="text"],
body.login input[type="password"] { width: 225px;}
body { padding: 0;}
#contenedor_logo_principal { left: 0;}
#contenedor_logo_principal input[type=text]:focus { width: 180px;}
#fondo_menu_tablet, #contenido_de_pagina { padding: 11px;}
#fondo_menu_tablet h1 { font-size: 26px;}
#fondo_menu_tablet h1 small { font-size: 16px;}

.bloque_basico,
.tabla { margin-bottom: 10px;}
.bloque_basico.menu_tablet { margin-bottom: 4px;}
.contenido_de_bloque { padding: 15px 15px 5px;}

.contenido_de_bloque.full,
.tabs_de_bloque > .tabs_contenido,
.tabs_de_bloque.block-themed > .tabs_contenido { padding: 15px;}

p,
.bloque_basico .bloque_basico,
.columnas > div,
.row-items div[class^="span"],
.push,
.alert,
.carousel,
pre[class*="language-"] { margin: 0 0 10px;}
.popup_cuerpo { max-height: 180px;}
.login header.menu { border-bottom: 1px solid #333 !important;}

}


@media (max-width: 650px) {
body { font-size: 18px;}
.boton_azul,
.boton_celeste { width: 90%;}
#contenedor_ventana_de_login { width: 94%; margin: 0 auto 0; padding: 10px 0 10px;}
#centrado { width: 270px; margin: 0 auto 0; padding: 20px 0px 0px 30px;}

}

	
	

@media (max-width: 480px) {
#contenedor_ventana_de_login { width: 94%; margin: 0 auto 0; padding: 50px 0 70px;}
#fondo_menu_tablet h1 i { display: none;}
.form-actions { padding-left: 5px !important;}
.plan-featured { border-width: 5px;}
header .media .colocar_derecha { float: right; margin-bottom: 0;}
header .media .colocar_izquierda { float: left; margin-bottom: 0;	}
#contenedor_logo_principal input[type=text]:focus { width: 300px;}

}


@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
     body { /*background-image: url('../img/template/bg@2x.png');*/ }
    .bloque_basico.color_de_bloque > .titulo_de_bloque,
    .tabs_de_bloque.color_de_bloque > .menu_con_tabs,
    .tabla th { background-image: url('../img/template/grid@2x.png'); }

}