/*  INDICE CSS
    ........................................................................................................................................
	
	1. Reset Estilos por defecto
	2. Tipografias
	3. Estilos Básicos
  	4. Cabecera
  	5. Navegación - Menús
  	6. Contenidos
  	7. Cesta
  	8. Pie
  	9. Estilos especiales
      	
*/



/*  1. RESET ESTILOS POR DEFECTO
    ........................................................................................................................................ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins,
kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio,
video
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    line-height:150%;
}

ol, ul
{
    list-style: none inside none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}
/*- tables still need 'cellspacing="0"' in the markup ----------*/
caption, th, td
{
    font-weight: normal;
}

input, textarea, button
{border: none;}


/*  2. TIPOGRAFÍAS-FONDOS
........................................................................................................................................ */
body
{
   font-family:'Segoe UI', sans-serif;
    background-image: url(../images/fondo_ecosoft.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

#Body_Login {
    background-image:none;
    background-color:#e6e6e6;
}


    #Body_Login #Contenedor_Contenidos_Interno {
    margin:0 auto;
    float:none;
    margin-top:50px;
    }

        #Body_Login #Contenedor_Contenidos_Interno #Contenido_Area_Privada {
        min-height:475px;}

    #Body_Login .boton_formulario {
    margin:0 auto;
    float:none;
    font-size:120%;
    text-align:center;
    margin-bottom:10px;
    }

a
{
    color: #46c5e5;
    text-decoration: none;
}

.color
{
    color: #46c5e5;
}

.orange {
color:#f77d15}

.red {
    color:#df4c11
}

blockquote
{
    border-left: 4px solid #3ca9c4;
    background-color: #f3f3f3;
    padding: 5px 15px;
    font-style: italic;
    font-size: 110%;
    line-height: 160%;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    margin-bottom:10px;
    margin-top:10px;
}

.bold
{font-weight:600;
}

p
{margin-top:15px;
 margin-bottom:15px;
  font-size: 90%;
}

b
{font-weight:600;
}

h1, h2, h4, h4, h5
{font-family:'Segoe UI',sans-serif;
}

h1 {
    font-size:130%;
font-weight:400;
padding:10px 0px;
margin:0;
}

h2 {
font-size:120%;
font-weight:400;
padding:10px 0px;
}

h3
{font-size:115%;
 border-bottom:2px solid #cbcaca;
 font-weight:400;
  border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

hr
{ border-color:#e6e6e6;
    border-bottom: 1px solid #fff;
    display: block;
-webkit-margin-before:0;
-webkit-margin-after: 0;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: solid;
border-width: 1px;
padding:0;
margin:0;
width:100%;
max-width:930px;
}

.lista{margin:15px 0px 10px 0px;font-size:90%;color:#2b2b2b;}

.lista li{display:block;background-color: #f3f3f3;border-bottom: 1px solid #fff; padding:10px;margin:0px;padding-left:35px;position:relative;}

.lista li:before{content: "\f058";font-family:FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #139AB7;padding-left:15px;position: absolute;top: 10px;left: 0;}

.lista br{display:none;}

/*  3. ESTILOS BÁSICOS
........................................................................................................................................ */

.clear
{
    clear: both;
}

.none
{display:none;
}

#Contenedor_Area_Privada
{
    float: left;
    position: absolute;
    top: 0;
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    left: 200px;
    background-color: #efefee;
    bottom: 0;
}

html, body
{
 height: 100%;
}


.left
{
    float: left;
}

.right
{
    float: right;
}

.center
{text-align:center;
 margin:0 auto;
}

.aviso_condiciones
{   background-color: #fffedc;
    line-height: 150%;
    margin-top: 15px;
    padding: 10px 20px;
    text-align: left;
    display: block;
    float: left;
}


/*  4. CABECERA
........................................................................................................................................ */


#Cabecera_Area_Privada
{
    width: 100%;
    background-color: #353535;
}

.noticia_cliente_aviso
{
    background-color: #fff;
    width: 955px;
    float: left;
    margin: 10px;
    height: 30px;
    margin-left: 15px;
}

.etiqueta_aviso
{
    background-color: #f9e88b;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:5px;
    height: 25px;
    max-height:25px;
    float: left;
}


.noticia_cliente_aviso p
{
    float: left;
    padding-top: 5px;
    padding-left: 15px;
    color:#353535;
}

.ver_aviso a
{
    float: right;
    background-color: #e95118;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    height: 30px;
    width: 30px;
    text-align: center;
}

    .ver_aviso a:hover
    {
        background-color: #fb3204;
    }

#Usuario_Programa
{
    font-size: 30px;
    color: #808080;
    font-style: italic;
    float: right;
    padding-right: 20px;
}

.titulo_area_privada {
    font-size: 30px;
      color: #808080;
       font-style: italic;
       padding-left:25px;
}

/*  5. NAVEGACIÓN - MENÚS
........................................................................................................................................ */


#Contenedor_Menu_Lateral
{
    background-color: #565757;
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
}


#Datos_Cliente_Sucursal
{
    background-color: #353535;
    padding: 5px;
    max-width: 180px;
    margin: 0 auto;
    font-family:'Segoe UI', sans-serif;
}

.dato_cliente
{
    background-color: #808080;
    color: #fff;
    padding: 5px;
    font-size: 13px;
    margin: 2px;
    width: 165px;
}

#Menu_Botones_Lateral
{
    margin: 0 auto;
    width: 190px;
    margin-top:5px;
}

    #Menu_Botones_Lateral li
    {
        
        width: 92px;
        display: block;
    }

        #Menu_Botones_Lateral li:hover
        {
            opacity: 0.8;
            filter: alpha(opacity=80); /* For IE8 and earlier */

             }


#Menu_Secundario_Lateral
{  width: 190px;
   margin: 0 auto;
   }

    #Menu_Secundario_Lateral li
    {margin-bottom:3px;
    }

    #Menu_Secundario_Lateral li a
    { background-color:#353535;
     -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:5px;
margin: 0px auto;
color:#fff;
display:block;
background-image:url(/images/bullet.png);
background-position:center right;
background-repeat:no-repeat;
color:#fff;
    }

        #Menu_Secundario_Lateral li a:hover
        { opacity: 0.8;
            filter: alpha(opacity=80); /* For IE8 and earlier */
        }

     #Menu_Secundario_Lateral li a.seccion_especial_imagen {
    
    background:none;
    border:0px;
    padding:0px

    }

.seccion_especial_imagen img {
max-width:190px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

     #Menu_Secundario_Lateral li a.seccion_especial
    { background-color:#3ca9c4;
     -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:5px;
margin: 0px auto;
color:#fff;
display:block;
background-image:url(/images/bullet_dark.png);
background-position:center right;
background-repeat:no-repeat;
color:#fff;
    }

        /**********AVISO TIQUETS**************/


.position_relative
{position:relative;
}

.aviso_novedad
{   position: absolute;
    top: 0;
    right: 0;
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 95%;
    background-color: #ff6004;
    height: 12px;
    width: 17px;
    margin-left: -15px;
    margin-top: -5px;
    padding-bottom: 9px;
    padding-right: 2px;
    padding-left: 2px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #fff;
    font-family:"Segoe UI", sans-serif;
    font-weight:700;
}


.Listado_Tickets td span.no_leido
{background-color:#4fd083;
 color:#fff;
 font-weight:600;
 padding:4px 6px;
 text-transform:uppercase;
 font-size:80%;
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  
}



/*  6. CONTENIDOS
........................................................................................................................................ */

#Contenedor_Central
{
    float: left;
    width: 630px;
    float: left;
}


#Contenedor_Widgets
{font-family:'Segoe UI', sans-serif;
    width: 315px;
    float: left;
    margin-left: 10px;
}

#Columna_Extra
{
    width: 310px;
    float: left;
    margin-left: 15px;
}

#Contenido_Area_Privada
{
    padding: 15px;
    position: relative;
    min-height:650px;
}


    #Contenido_Area_Privada img
    {max-width:100%;
    }



#Contenedor_Noticia_Destacada
{
    background-color: #fff;
    width: 594px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
    min-height: 280px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

#Contenedor_Contenidos_Interno
{
    width: 960px;
    float: left;
    background-color: #fff;
}

#Contenedor_Contenidos_Interno_Menu
{ width: 960px;
    float: left;
    background-color: #fff;
}


#Contenedor_Menu_Contenidos
{
    width: 280px;
    float: left;
    margin-left: 15px;
    background-color: #fff;
    padding: 15px;
}

#Listado
{
    border-bottom: 5px solid #efefee;
    padding-bottom: 15px;
}

    #Listado br
    {
        display: none;
    }

.tag_noticia
{
    position: absolute;
    top: 10px;
    left: 15px;
    background-color: #f9f38b;
    font-size: 14px;
    text-transform: uppercase;
}

.imagen_seccion_destacada
{
    position: absolute;
    top: -10px;
    right: 15px;
}

.titulo_noticia
{
    color: #46c5e5;
    font-size: 170%;
    display: block;
    font-family:'Segoe UI',sans-serif;
   margin-top:25px;
   margin-bottom:15px;
    }

.titulo_noticia .boton_contenido a
    {margin-right:120px;
     font-size:60%;
     font-family:'Segoe UI',sans-serif;
    }

.titulo_interior_seccion
{
    background: #565757;
    background: linear-gradient(#565757, #353535);
    font-size: 165%;
    color: #fff;
    font-style: italic;
    display: block;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-bottom: 15px;
    padding: 5px 15px 3px;
    text-align: right;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);

}

.titulo_listado a
{
    color: #353535;
    font-size: 120%;
    display: block;
    padding: 10px 0px;
    font-weight: 400;
    font-style: italic;
    padding-top: 10px;
    padding-left:10px;
}

    .titulo_listado a:hover
    {
        color: #3ca9c4;
    }


.subtitulo_noticia
{
    background-color: #565757;
    display: block;
    padding: 5px 15px;
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
}

.subtitulo_noticia
{
    position: relative;
    margin-left: -22px; /* 15px padding + 7px border ribbon shadow*/
    background: #565757;
    background: linear-gradient(#565757, #353535);
}

    .subtitulo_noticia:before,
    .subtitulo_noticia:after
    {
        position: absolute;
        left: 0;
        bottom: -6px;
        content: '';
        border-top: 6px solid #565757;
        border-left: 6px solid transparent;
    }

    .subtitulo_noticia:before
    {
        border-top: 6px solid #555;
        border-left: none;
        left: auto;
        right: 0;
        bottom: -6px;
    }

.contenido_noticia
{
    font-size: 95%;
    line-height: 20px;
    display: block;
    margin-bottom: 15px;
    line-height: 170%;
}

.boton_contenido a, .boton_contenido_aviso a, .boton_contenido_cancelar a
{
    background-color: #46c5e5;
    float: right;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    display: block;
    font-family:'Segoe UI', sans-serif;
    margin-left:10px;
}



.boton_contenido_aviso a

{background-color:#ff6004;
}


    .boton_contenido a:hover
    {
        background-color: #3ca9c4;
    }

    .boton_contenido_aviso a:hover
    { background-color:#e95118;
    }

.mas_listado a
{
    width:2%;
    font-weight: bold;
    font-size: 130%;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    color:#fff;
}

.elemento_listado
{width:100%;
    padding-bottom: 10px;
    padding-left: 10px;
}

    .elemento_listado p {
    margin-left:10px;}

.imagen_listado
{
    display: block;
    clear: left;
}

    .imagen_listado img
    {
        max-width: 120px;
        max-height: 100px;
        float: left;
        margin-right: 15px;
        margin-top: 5px;
        margin-bottom: 10px;
        margin-left:10px;
    }

#Paginador, #Cabecera_Fechas, .paginador
{
    background-color: #f7f7f6;
    border-bottom: 2px solid #e6e6e6;
    font-size: 90%;
    padding: 3px 5px;
}

    #Paginador a:hover
    {
        color: #808080;
    }

    #Paginador ul
    {
        float: right;
    }

        #Paginador ul li
        {
            display: inline;
        }


#Buscador_Contenidos
{
    display: block;
    background-color: #efefee;
    padding: 5px 0px;
    position: relative;
}

    #Buscador_Contenidos .buscador
    {
        background-color: #efefee;
    }


        #Buscador_Contenidos .buscador input
        {
            background-color: transparent;
            font-size: 100%;
            font-family: 'Segoe UI', sans-serif;
            padding-left: 5px;
        }

.buscar_btn
{
    background-color: #46c5e5;
    float: right;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 3px 5px 2px 5px;
}

    .buscar_btn:hover
    {
        background-color: #3ca9c4;
    }

#Menu_Lateral
{
    font-size: 95%;
}

    #Menu_Lateral .familia
    {
        border-bottom: 2px solid #efefee;
        display: block;
        font-size: 120%;
        padding: 10px 0px;
    }

    #Menu_Lateral .subfamilia
    {
        font-size: 90%;
        color: #353535;
        display: block;
        background-color: #f6f6f6;
        border-bottom: 1px solid #fff;
        padding: 3px;
    }

        #Menu_Lateral .subfamilia:hover
        {
            color: #565757;
            background-color: #fff;
        }




.bloque_banners
{
    width: 315px;
}

.banner_bloque img
{
    max-width: 310px;
}

.banner_bloque
{
    float: left;
    margin-right: 5px;
}


#Banners_Portada_Horizontal li
{float:left;
}


/******WIDGETS*****/


#Widget_Hora
{
    background-color: #353535;
    width: 310px;
    position: relative;
    top: 0;
    text-align: center;
    z-index: 1;
    margin-bottom:5px;
}


#Pantalla_Reloj
{
    position: relative;
    top: 0;
    z-index: 2;
    margin-bottom: -154px;
}


#Widget_Clima 
{ position: relative;
     z-index: 1;
     width: 310px;
}

#Widget_Clima h3 {
    box-shadow:none;
}

#Pantalla_Clima
{
    position: relative;
    top: 0;
    z-index: 2;
    margin-bottom: -163px;
}

/*****TICKET******/

.formulario_ticket
{
    margin: 0 auto;
    width: 400px;
    border: 1px solid #cbcaca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    text-align: left;
    line-height: 135%;
    margin-top:15px;
}

    .formulario_ticket li
    {
        margin: 10px 0px;
    }

    .formulario_ticket p
    {
        margin: 10px 0px;
    }


    .formulario_ticket input, .formulario_ticket select, .filtro_tickets input, .filtro_tickets select
    {
        background-color: #efefee;
        border: 0;
        padding: 5px 3px;
        width: 390px;
        font-family: 'Segoe UI', sans-serif;
        border-bottom: 1px solid #fff;
        box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    }

    .formulario_ticket select
    {
        width: 395px;
    }

    .formulario_ticket .texbox
    {
        min-height: 150px;
        /*display: table;*/
        vertical-align: top;
        align-content: initial;
        width: 390px;
        background-color: #efefee;
        font-family: 'Segoe UI', sans-serif;
        border-bottom: 1px solid #fff;
        box-shadow: 0 1px 0 rgba(0,0,0,0.1);
        margin-bottom:5px;
    }



.aviso_ko
{
    clear: both;
    background-color: #fff98f;
    display: block;
    font-size: 90%;
    padding: 5px;
    padding-left:15px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    margin-top: 20px;
    color:#353535;
    margin-bottom:15px;
}

.aviso_ok
{
    clear: both;
    background-color: #a0f7d4;
    display: block;
    font-size: 90%;
    padding: 5px;
    padding-left:15px;
    margin-top: 20px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    padding-top: 10px;
    color:#353535;
 margin-bottom:15px;
 }

.aviso_permanencia {
     clear: both;
    background-color:#f5f5f5;
    display: block;
    font-size: 90%;
    padding: 5px;
    padding-left:15px;
    margin-top: 20px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    padding-top: 10px;
    color:#353535;
 margin-bottom:15px;
}

.aviso_ok_producto {
    background-color: #dffbbe;
    font-size: 90%;
    padding: 5px;
    clear: both;
    display: block;
    border-bottom: 3px solid #bae18d;
    color:#353535
}

.aviso_ko_producto {
  background-color: #fefbaa;
  float: right;
  line-height: 150%;
  margin-top: 15px;
  padding: 10px 20px;
  text-align: left;
  font-size: 85%;
  border-bottom: 3px solid #f2e980;
  color:#353535
}

.numeracion_ticket
{
    background-color: #fff;
    padding: 3px;
    font-weight: 600;
}


/***********FILTRO TICKETS********************/

.filtro_tickets
{ margin: 0 auto;
    text-align: left;
    line-height: 135%;
    font-size:90%;
    margin:15px 0px;
}

    .filtro_tickets input, .filtro_tickets select
    {width:68px;
     background-color:#fff;
     padding: 2px 3px;
    }

.datos_filtro
{background-color:#e6e6e6;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: block;
    padding-bottom:0;
    text-align: right;
    position:relative;
    z-index:1;
}


/*
.separador_calendarios
{border-right: 1px solid #fff;
 box-shadow: 1px 0px 0 rgba(0,0,0,0.1);
}
*/

.desde_hasta_ticket, .desde_hasta_fecha
{float:left;
}

.desde_hasta_ticket
{width:260px;
 

}

.desde_hasta_fecha
{width:334px;
border-left:1px solid #fff;
}

.desde_hasta_ticket li, .desde_hasta_fecha li
{ 
  float:left;
      padding-bottom: 5px;
      padding-right:5px;
}

    .desde_hasta_fecha li img
    {padding-top:2px;
     margin-bottom:-7px;
    }

.calendario_desplegado_1
{text-align:center;
 position:absolute;
 z-index:2;
 left:261px;
}

.calendario_desplegado_2
{text-align:center;
 position:absolute;
 z-index:2;
 left:595px;
}

.titulo_filtro
{ color:#353535;
font-size:115%;
margin-bottom:15px;
display:block;
text-align:left;
padding-left:15px;
padding:3px;
font-style:italic;
border-bottom: 1px solid #fff;
border-top:1px solid #fff;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
background-color: #f3f3f3;
}

.tipo_estado
{
    background-color: #e6e6e6;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.tipo_estado ul
    {float: left;
     width: 50%;
    }

.tipo_estado select
    {width:95%;
     margin-bottom:10px;
    }


#Botones_Filtro_Tickets
{background-color: #f3f3f3;
 padding:10px 5px;
}


 .boton_borrar a
{
    background-color: #565757;
    float: right;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    display: block;
    margin-right:10px;
    font-family:'wf_SegoeUI','Segoe UI', sans-serif;
}


 .boton_borrar a:hover
    {color: #fff;
     background-color: #3ca9c4;
    }

.Listado_Tickets, .Listado
{width:100%;
 clear:both;
 font-size:90%;
 text-transform:lowercase;
 display:block;
}

    .Listado table
    {border-bottom:1px solid #cbcaca;
     width:100%;
     padding-left:10px;
    }

.Listado table {
  padding-left:10px;
    }

.Listado_Tickets td span:first-letter
    {text-transform:uppercase;}

.Listado_Tickets td
    {width:930px;
    }

        .Listado_Tickets td span
        {
            padding: 16px 0px;
            vertical-align: middle;
        }

            .Listado_Tickets td span a
            {
                color: #3ca9c4;
                font-weight: 600;
                padding-left: 7px;
            }

                .Listado_Tickets td span a:hover
                {
                    color: #565757;
                }

            .Listado_Tickets td span span a
            {
                color: #fff;
                padding-left: 5px;
                padding-top: 15px;
                padding-bottom: 15px;
            }

            .Listado_Tickets td span.boton_contenido {
            margin-right:10px;
            padding-top:8px;
            padding-bottom:0;
            }

            .Listado_Tickets td span.boton_contenido.mas_listado {
                display:normal;
            }

.Listado_Tickets td span.boton_contenido a {
   
        color:#fff; }

#Encabezado_Tiquets
{background-color:#e6e6e6;
 font-weight:600;
 font-size:90%;
 text-align:justify;
 width:930px;
 display:block;
}

#Titulo_Listado_Tickets, #Titulo_Listado_Tickets_no_leidos, .titulos_tabla
{background-color:#e6e6e6;
 font-weight:600;
 width:930px;
 max-width:100%;
 font-size:90%;
 margin-top:15px;
}

    #Titulo_Listado_Tickets span, #Titulo_Listado_Tickets_no_leidos span, .titulos_tabla span
    {
     background-color:#e6e6e6;
    }



.ancho_50, .ancho_50_fra
{width:48%;
 text-align:left;
 padding-left:10px;
 float:left;
 overflow:hidden;
 padding:7px 0px;
 border-right:1px solid #fff;
 font-size:104%;
}

.ancho_50_fra
{min-height:30px;
}
.ancho_40
{width:35%;
  text-align:center;
 padding-left:10px;
 float:left;
 overflow:hidden;
 padding:7px 0px;
 border-right:1px solid #fff;
 font-size:104%;

}

.ancho_30
{width:30%;
}

.ancho_10
{width:10%;
 text-align:center;
 display:block;
 float:left;
 padding:7px 0px;
  border-right:1px solid #fff;
  text-align:center;
}

.ancho_12
{width:12%;
 text-align:center;
 display:block;
 float:left;
 padding:7px 0px;
  border-right:1px solid #fff;
  text-align:center;
}


.ancho_8
{width:8%;
 text-align:center;
 display:block;
 float:left;
 padding:7px 0px;
  border-right:1px solid #fff;
   min-height:100%;
}

.ancho_4 {
width:8%;
 text-align:center;
 display:block;
 float:left;
 padding:7px 0px;
  border-right:1px solid #fff;
   min-height:100%;}

.ancho_15
{width:15%;
 float:left;
 padding:7px 0px;
  border-right:1px solid #fff;
  text-align:center;

}

.ancho_20
{width:20%;
 float:left;
 padding:7px 0px;
  border-right:1px solid #fff;
  text-align:center;

}

.last
{float:right;
 text-align:right;
 padding-right:5px;
 border:0;
}

.titulo_tabla, .titulo_tabla_descripcion

{ float:left;
  padding:7px 0px;
  border-right:1px solid #fff;
  text-align:center;
  width:24%;
}

.titulo_tabla_descripcion
{width:49%;
 text-align:left;
 padding-left:8px;
}

.estado_1, .estado_2, .estado_3, .estado_4, .estado_5
{font-family:'Segoe UI', sans-serif;
 cursor:pointer;
}


.Listado_Tickets td span .estado_1, .estado_1
{background-color:#4fd083;
 color:#fff;
 font-weight:600;
 padding:1px 4px;
 text-transform:uppercase;
 font-size:80%;
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Listado_Tickets td span .estado_2, .estado_2
{background-color:#e6e6e6;
 color:#565757;
 font-weight:600;
 padding:1px 4px;
 text-transform:uppercase;
 font-size:80%;
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Listado_Tickets td span .estado_3, .estado_3
{background-color:#e95118;
 color:#fff;
 font-weight:600;
 padding:0px 1px;
 text-transform:uppercase;
 font-size:80%;
  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Listado_Tickets td span .estado_4 {
    background-color:#3ca9c4;
     text-transform:uppercase;
 font-size:80%;
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
     padding:0px 1px;
     color:#fff;
}

.Listado_Tickets td span .estado_5 {
background-color:#8064a2;
text-transform:uppercase;
font-size:80%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:0px 1px;
color:#fff;
}

.fondo_mas_estado_5 a{
    background-color:#8064a2;
}

.Listado_Tickets td span a.color_texto_estado_5{
color:#8064a2;
}

.Listado_Tickets td span br {
display:none;}

/********CONSULTA TICKET************/

.num_ticket
{background-color:#f5f5f5;
 color:#565757;
 font-weight:600;
 padding:0 3px;
  text-align:center;
  border-bottom:1px solid #fff;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

#Cabecera_Fechas
{padding:10px;
}


#Cabecera_Fechas li
{display:inline;
}

.fondo_fecha
{background-color:#cbcaca;
  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:85%;
    padding:2px;
}

#Contenido_Ticket
{font-size:90%;
 float:left;
 width:45%;
}

#Contenido_Ticket li
    {padding:10px;
     background-color:#efefee;
     border-bottom:2px solid #fff;
     
}

.fondo_formulario{background-color:#f3f3f3;
 border-bottom:1px solid #e6e6e6;
 padding:10px;
 font-size:90%;
  border:1px solid #e6e6e6;
  border-top:0;
}

.fondo_formulario textarea, #Contenido_Ticket textarea
{width:100%;
 display:block;
 font-family:'Segoe UI', sans-serif;
 margin-bottom:15px;
}

#Contenido_Ticket .boton_contenido a, #Contenido_Ticket .boton_contenido_aviso a, #Contenido_Ticket .boton_contenido_cancelar a {
margin-left:0;}

#Historial_Ticket
{float:right;
 width:55%;
 font-size:95%;   
}

    #Historial_Ticket .titulo
    {font-size:120%;
     font-weight:600;
    }

    #Historial_Ticket ul
    {
     border:1px solid #e6e6e6;
    }


#Mensajes_Historial ul
{

 display:block;
}

#Mensajes_Historial ul li
{

 display:block;
}

#Mensajes_Historial li .fecha_historial
    {float:right;
     font-size:85%;
     background-color:#e6e6e6;
     color:#565757;
     position:absolute;
     top:0;
     right:0;
     padding:1px;
    }
    
    #Mensajes_Historial li .autor_historial
    {font-weight:600;
     color:#000;
     display:block;
    }

#Mensajes_Historial ul li .mensaje_historial{
    background-color:#fff;
    display:block;
    padding:5px 10px;
    border-top:1px solid #cbcaca;
    position:relative;
}

.enlace_boton a
{font-weight:600;
 color:#3596ae;
 background-color:#e6e6e6;
 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:2px;
    float:right;
    font-family:'Segoe UI', sans-serif;
}

    .enlace_boton a:hover
    {background-color:#fff;
     color:#3ca9c4;
    }
/*****LOGIN*********/


#Login,  .login, #Login_Empresa
{margin: 0 auto;
    width: 40%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:15px 25px 15px 30px;
    text-align: left;
    line-height: 135%;
    background-color:#353535;
    color:#fff;
    text-align:center;
}

#Contenedor_Noticia_Destacada #Login {
width:65%;}

    #Contenedor_Noticia_Destacada #Login input {
    width:90%;}

    #Contenedor_Noticia_Destacada #Login .checkbox {
    width:15px; margin-right:5px;}

#Logi_Empresa ul {
margin:0 auto;}

    #Login li, #Login_Empresa li
    {
     text-align:left;
     margin-bottom:10px;
    }


    #Login p
    {text-align:center;
     color:#fff;
     font-size:110%;
     margin-bottom:20px;
    }

#Login_Empresa {
    width:65%;
    padding-bottom:30px;
}

    #Login input, .login input, #Login select, #Login_Empresa select, #Login_Empresa input
    { background-color: #fff;
    border: 0;
    padding: 5px 3px;
    width:97%;
    font-family: 'Segoe UI', sans-serif;
    margin-bottom:10px;
    }

   #Login_Empresa select {
        width:96%;
         padding: 4px 3px;
    }

    #Login_Empresa .dato_empresa {
    float:left;
    width:50%;
    margin:0 auto;
    }

    #Login_Empresa .dato_empresa input{
      width:94%;
    }


    #Login_Empresa hr {
    width:100%;
      display:block;
    clear:both;
    margin-top:20px;
    color:#5f5f5f;
   opacity: 0.1;
    filter: alpha(opacity=10);
    height:10px;
    border-bottom:0;
    border-right:0;
    border-left:0;
    }

    #Login_Empresa h2 {
    padding-bottom:0;
    text-align:center;
    }
        #Login input[type='checkbox']
        {float:left;
         width:20px;
         -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
  background-color:transparent;
  text-align:left;
        }

.botones_formulario {
display:table-cell;
vertical-align:middle;
float:right;
padding-right:10px;
}



.label_formulario
{font-size:85%;
 margin-bottom:10px;
 float:left;
}

.boton_formulario
{ clear:both;
}

.boton_formulario a
{margin-right:16px;
 margin-top:10px;

}


.comprobar_datos
{width:620px;
}

.login li
    {width:310px;
     float:left;
    }


/**************OCUPACIÓN***************/

#Listado_bbdd
{width:100%;

}

    #Listado_bbdd table tbody
    {display:block;
     width:100%;
    }

.bloque_ocupacion_listado
{display:block;
 width:100%;
 margin-bottom:20px;
}

    .bloque_ocupacion_listado h3
    {
    }

    .bloque_ocupacion_listado img
    {width:100px;
     margin-right:10px;
     float:right;
     margin-bottom:15px;
    }

    .bloque_ocupacion_listado .datos_plan
    {
     display:block;
    }


    /***barra ocupacion****/

    .skillbar {
  font-family: 'Segoe UI', 'sans-serif';
	position:relative;
	display:block;
	margin-bottom:15px;
	width:88%;
	background:#e6e6e6;
	height:30px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
    float:left;
   margin-top:5px;
  float:left;
  
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	font-size:18px;
	color:#fff;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	padding:0 10px;
	height:30px;
	line-height:30px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;

}

.skillbar-bar {
	height:30px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    max-width:100%;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:14px;
	height:35px;
	line-height:35px;
	color:#808080;
	color:rgba(0, 0, 0, 0.4);
    font-weight:bold;
}


.linea_ocupacion
{display:block;
 background-color:#f3f3f3;
 vertical-align:middle;
 border-bottom:1px solid #fff;
 padding:10px;
}

.cantidad_mb
{
 float:right;
 color:#606060;
}
.margin_mb
{margin-top:10px;
}

.linea_ocupacion_final
{display:block;
 vertical-align:middle;
 padding:10px;
 position:relative;
}

.total_ocupacion
{
    float:right;
    background-color:#e6e6e6;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    padding:10px;
    color:#606060;
    text-align:right;
    position:absolute;
    top:0;
    right:0;
}

.titulo_ocupacion
{ background-color:#808080;
  color:#fff;
  display:block;
  padding:5px 10px;
  font-size:15px;
  border-bottom:1px solid #fff;
}

.titulo_tabla_ocupacion 
{
    width:88%;
    position:relative;
    display:block;
    float:left;
    text-align:right;
}

/*FACTURACIÓN*/



#Factura_Cliente
{
 margin-bottom:80px;
}

  
#Cabecera_Factura
{height:290px;
 display:block;
 font-size:90%;
}

#ID_Factura
{
 background-color:#e6e6e6;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
   padding-bottom:5px;
   width:220px;
   float:right;
   background-image:url(../images/e6e6e6.gif);
}

    #ID_Factura li
    {display:block;
     padding: 5px;
     text-align:right;
    }

.dato_id_factura
{ background-color:#fff;
    padding:3px;
    color:#606060;
    text-align:right;
    min-width:110px;
    float:right;
}

.datos_ecosoft_fra
{float:left;
 font-size:90%;
margin-left:20px;
 border-left:2px solid #c1f2ff;
 padding-left:10px;
 margin-bottom:30px;

}

.datos_cliente_fra
{
 padding:10px;
 width:100%;
 
}

.datos_personales_fra
{ width:45%;
  float:right;
  border-left:1px solid #efefee;
   margin-right:10px;
   padding-left:10px;
}

.dato_cliente_fra
{float:left;
 width:50%;

}

  #Factura_Cliente h1
    {font-size:160%;
     font-weight:500;
     margin-bottom:15px;
    }


  .datos_factura
{background-color:#F9F9F9;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: block;
    padding-bottom:0;
    text-align: left;
   /*position:relative;*/ 
    z-index:1;
    font-size:90%;
    padding:5px;
    line-height:180%;
}


.registro_factura
{font-size: 10px;
text-align:center;
margin:0 auto;
display:block;

}

.cliente, .concepto_fra
{text-transform:capitalize;
 font-weight:500;
 text-align:center;
}

.concepto_fra
{text-align:left;
 font-size:90%;
}

.texto_min
{font-size:75%;
 display:block;
}


.linea_ocupacion select, .linea_ocupacion input
{
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    border: 0;
    padding: 10px;
    margin-left: 5px;
    font-size:110%;
    line-height:120%;
    color:#565757;
}


.datos_pie_factura
{
    background-color: #f5f5f5;
    font-size: 90%;
    padding-right: 5px;
    line-height: 200%;
}

.datos_accesorios_factura
{ float:left;
 width:58%;
 text-align:left;
}

.titulo_dato_accesorio
{background-color:#F9F9F9;
 font-weight:600;
 margin-top:15px;
 font-size:90%;
 border-bottom:1px solid #e6e6e6;
}

.totales_factura
{
text-align:right;
float:right; 
}

.total_neto_factura
{
    background-color:#e6e6e6; 
  	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    padding:5px;
    color:#606060;
    text-align:right;
  float:right;
  clear:right;

}

    .totales_factura ul li
    {display:block;
  font-size:90%;
  padding:5px 0px;
    }

.img_pie_factura
{text-align:center;
 display:block;
 border-top:2px solid #c1f2ff;
 margin-top:20px;
 padding-top:5px;
}

.btn_extra a
{background-color:#46c5e5;
     -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:5px;
padding-left:26px;
margin: 0px auto;
color:#fff;
display:block;
float:left;
background-image:url(/images/print_blanco.png);
background-position:center left;
background-repeat:no-repeat;
color:#fff;
width:155px;
clear:right;
margin-bottom:20px;
}

    .btn_extra a:hover
    {background-color:#3ca9c4;
    }

.linea_fra
{display:none;
}


/******SOPORTE************/


.generar_clave {

vertical-align:middle;
margin-top:10px;
}

 .generar_clave input {
background-color: #fff;
border-bottom: 1px solid #fff;
box-shadow: 0 1px 0 rgba(0,0,0,0.1);
border: 0;
padding: 7px;
margin-left: 5px;
font-size:110%;
line-height:120%;
color:#565757;
}


/************LISTADO DE PRODUCTOS***************/

.producto
{
    width: 220px;
    min-height: 415px;
    height: 415px;
    max-height: 415px;
    float: left;
    margin-left: 10px;
    text-align: center;
    display: block;
    margin-bottom: 35px;
    background-image: url(../../images/bg_gris.jpg);
    position:relative;
}

#Contenido_Menu_Lateral .producto_listado
{
    width: 340px;
    float: left;
    display: block;
    margin-bottom: 35px;
    background-color: #eff7ed;
}

.producto_lista
{
    text-align: left;
    line-height: 150%;
}

.producto p, .producto_listado p
{
    text-align: left;
    height: 63px;
    overflow: hidden;
    max-height: 63px;
    min-height: 63px;
    line-height: 150%;
    margin: 0;
    padding:5px 10px;
    margin-bottom: 5px;
}

.producto p a, .producto_lista p a
    {
        color: #333;
    }

.producto p a:hover, .producto_lista p a:hover
        {
            color: #7b7b7b;
            text-decoration: none;
        }

.producto .contenedor_imagen_listado
{
    height: 220px;
    width: 220px;
    display: table-cell;
    vertical-align: bottom;
}

.producto_listado .contenedor_imagen_listado
{
    height: 340px;
    width: 340px;
    display: table-cell;
    vertical-align: bottom;
}

.producto h4, .producto_listado h4
{
    line-height: 150%;
    margin-bottom: 5px;
}

.producto_listado h4
{
    background-color: #f3f9fb;
    padding: 0px 10px;
}

.titulo_producto
{
    font-size: 115%;
    color: #555;
    text-shadow: 1px 2px 3px #fff;
    font-weight: 600;
}

.titulo_producto a
    {
        color: #333;
    }

.titulo_producto:hover
    {
        color: #3ca9c4;
        text-decoration: none;
    }

#Contenido_Menu_Lateral .producto img, .producto_lista img, .producto img
{
    max-width: 220px;
    max-height: 220px;
}

.precio_producto_listado
{
    color: #FB8200;
    font-size: 180%;
    margin: 10px;
    margin-bottom: 15px;
    display: block;
    font-family: Segoe UI,sans-serif;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05) inset;
    text-shadow: 1px 2px 3px #fff;
}

.tabs_100 {

width:930px;
margin-top:20px;
padding:3px 0px;

}

.tabs_100 li {
    float:left;
    text-align:center;
    margin:2px;
    }


.inactivo_tab {
background-color:#565757;
padding:7px;
color:#fff;
}

    .inactivo_tab a{
    color:#fff;
    }

    .inactivo_tab:hover {
    opacity:0.8;} 

.activo_tab {
background-color:#f3f3f3;
    color: #333;
    padding: 7px;
    text-transform:uppercase;
}

.texto_tab_gris {
    background-color:#f3f3f3;
    color:#353535;
    display:block;
    padding-top:20px;
    padding-bottom:15px;
    margin-bottom:15px;
    padding-left:10px;
    z-index:99;
    margin-left:2px;
    margin-top:2px;
    font-size:90%;
}



.boton_incluido
{
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    background: #f3f3f3;
    border: 1px solid #dadada;
    color: #333;
    padding: 2px;
    font-size: 80%;
    float: right;
}

.contratado_cliente {
border: 5px solid #33ce71;
   /* background-color: rgba(70, 65, 59, 0.2);*/
    height: 405px;
    left: 0;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 2;
    pointer-events: none;
    cursor: default;}

.check_contratado, .no_contratado {
background-color: #33ce71;
display:block;
color:#fff;
position:absolute;
top:0;
right:0;
padding:5px;
}

.no_contratado{
    background-color: #e6e6e6;
}

.no_contratado:hover{
    background-color: #33ce71;
}

.licencias_usuario_activas {
position:absolute;
top:0;
left:0;
background-color: #46c5e5;
display:block;
color:#fff;
font-weight:bold;
padding:10px;
z-index:99;
}

    .licencias_usuario_activas:hover {
    content:"+";
    cursor:pointer;
    }

.mas_detalles, .Registro_claves .boton_formulario a, .Botones_Cesta .boton_formulario a, #Login .boton_formulario a, #Registro_paso_01 .boton_formulario a, .Registro .boton_formulario a, .boton_comprar_ficha a, .boton_generico, .boton_formulario a{
background-color: #00becc;
background-image: linear-gradient(to bottom, #00becc, #00becc);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 0 #009ea9;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-image: none;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-style: none;
border-width: medium;
box-shadow: 0 2px 0 #01909a;
color: #fff;
filter: none;
font-weight: 600;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
padding: 5px 7px;
cursor:pointer;
}


.mas_detalles {
position:absolute;
top:40%;
left:22%;
}

.boton_formulario a:hover {
}

.mas_detalles:hover{    background-color: #3CA9C4;
text-decoration: none;}

.boton_generico:hover , #Login .boton_formulario a:hover, .boton_formulario a:hover {
background-color:#3ca9c4;
background-image:none;
}

.boton_comprar_ficha a
{   background-color: #33ce71;
    background-image: none;
    font-size: 110%;
}

.green_btn
{
    background-color: #33ce71;
    background-image: none;
    margin-left:15px;
}

    .green_btn a
    {
        background-color: #33ce71;
        background-image: none;
    }

.red_btn
{
    background-color: #df4c11;
    background-image: none;
    box-shadow: 0 2px 0 #9f3910;
}

    .red_btn:hover
    {
        background-color: #fa4e0a;
    }

.boton_comprar_ficha a:hover
{
    background-color: #00b5c2;
}

.boton_inactivo a
{
    background-color: #dadada;
    margin-top: 10px;
    color: #fff;
    font-size: 150%;
    text-transform: uppercase;
    padding: 3px 10px;
    float: right;
    display: block;
}

    .boton_inactivo a:hover
    {
        text-decoration: none;
    }


.aviso_ko .boton_generico {
margin-top:15px;}


.aviso_permanencia textarea {
font-family:'Segoe UI';
font-size:85%;
padding:5px;
background-color:#dadada;
}

.aviso_permanencia .aviso_ko {
width:488px;
}

.aviso_permanencia .boton_generico {
margin-right:10px;
margin-bottom:10px;
}

#Contenedor_Contrato {
position:relative;
display:block;
width:90%;
height:130px;
}
.no_seleccion {
width:488px;
height:140px;
background-color:#3ca9c4;
display:block;
position:absolute;
opacity:0;
top:0;
left:0;
z-index:99;
}

#Contenedor_Contrato textarea {
position:absolute;
top:0;
left:0;
z-index:1;
}


.titulo_bloque_productos
{
    width: 100%;
    border-bottom: 1px solid #dadada;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-top: 10px;
}



/***********DETALLE DE PRODUCTO*******************/

#Contenido_2Columnas
{
    margin-top: 15px;
}

    #Contenido_2Columnas h2
    {
        color: #333;
    }

    #Contenido_2Columnas p
    {
        clear: both;
    }

.volver_producto
{
    float: left;
    margin-bottom: 5px;
}

    .volver_producto a
    {
        font-size: 90%;
        font-weight: bold;
        color: #5f5f5f;
    }

#Col_imagenes_producto
{ float: left;
    /*
    width: 454px;
    margin-right: 15px;
    position: relative;*/
}

    #Col_imagenes_producto li
    {
        display: block;
    }

.imagen_activa_producto
{
    width: 365px;
    float: right;
}

#Contenido_Menu_Lateral .imagen_activa_producto img
{
    max-width: 454px;
    min-width: 454px;
}

#Imagenes_Producto
{
   display:none;
}

    #Imagenes_Producto li
    {
       /* float: left;  display: inline;*/
        margin-bottom: 9px;
        margin-right:10px;
    }

        #Imagenes_Producto li img
        {
            max-width: 85px;
            border: 1px solid #cdcdcd;
        }

        #Imagenes_Producto li .ancho_85
        {
            width: 145px;
            max-width: 145px;
        }


/*********....................imagen REBAJADO/NUEVO.............***********/

.producto .badge, .imagen_activa_producto .badge
{
    position: absolute;
    top: 0;
    right: 0;
}

#Ficha_Producto .badge img
{
    width: auto;
    position: absolute;
    top: 20px;
    right: 25px;
}


/***************************************FICHA PRODUCTO******************************/


#Col_datos_producto
{
    float: right;
    color: #5f5f5f;
    width: 58%;
    min-height:365px;
}

#Col_datos_producto
{
    border-bottom: 1px solid #aeaeae;
}

#Paginador_Producto
{
    border-bottom: 1px solid #c1c2c4;
    padding-bottom: 10px;
    display: none; /*para ecoSoft*/
}

    #Paginador_Producto a
    {
        font-size: 65%;
        font-weight: bold;
        color: #5f5f5f;
        display: block;
    }

#Col_datos_producto h1
{
    margin-top: 10px;
    font-size: 175%;
    background-color: transparent;
    padding-left: 0;
    border: 0;
    color: #555;
    font-weight: 600;
    margin-left: -5px;
    text-shadow: 1px 2px 3px #fff;
}


#Selectores_Producto
{
    width: 300px;
    float: right;
    clear: left;
    text-align: right;
    font-size: 85%;
    display: none; /*para ecoSoft*/
}


#Selectores_Producto ul
    {
        float: right;
        margin-left: 15px;
    }

        #Selectores_Producto ul li
        {
            padding: 3px 0;
        }

#Col_datos_producto select, #Col_datos_producto input, #Login input, .Registro input, .Registro select, .Registro_claves input, .Registro_claves select, #Contenido_Blanco input, #Datos_Envio_Pedido li input, #Datos_Envio_Pedido li select, #Formas_Pago_Pedido li select, #Formas_Pago_Pedido li input, .comentarios_adicionales_pedido input, #Valorar_Producto input, #Filtro_Listado select, #Contacto input, #Registro_paso_01 input, .input, #Login select, #Login_Empresa input, #Login_Empresa select
{
    font-size: 100%;
    border: 1px solid #c1c2c4;
    border-radius: 3px 3px 3px 3px;

}

#Col_datos_producto select
{
    color: #000;
    font-size: 110%;
}

#Col_datos_producto input
{
    max-width: 30%;
    width: 30%;
    min-width: 30%;
    text-align: right;
}

#checkbox
{
    margin-top: 20px;
}

    #checkbox input
    {
        float: left;
        width: 5%;
    }

.input
{
    width: 100%;
    min-height: 110px;
}

.guia
{
    font-size: 85%;
}

    .guia a
    {
        text-decoration: underline;
        color: #5f5f5f;
    }



.checkboxFive
{
    width: 25px;
    margin: 20px 100px;
    position: relative;
}

    .checkboxFive label
    {
        cursor: pointer;
        position: absolute;
        width: 25px;
        height: 25px;
        top: 0;
        left: 0;
        background: #eee;
        border: 1px solid #ddd;
    }

        .checkboxFive label:after
        {
            opacity: 0.2;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 6px;
            left: 7px;
            border: 3px solid #333;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .checkboxFive label:hover::after
        {
            opacity: 0.5;
        }

    .checkboxFive input[type=checkbox]:checked + label:after
    {
        opacity: 1;
    }

#Precio_Ficha_Producto
{
    float: right;
    margin-bottom: 10px;
    text-align: right;
}

.precio_ficha
{
    font-size: 155%;
    color: #FB8200;
    font-weight: bold;
    padding-top: 10px;
    font-weight: 600;
    font-family: Segoe UI,sans-serif;
    line-height: normal;
    text-shadow: 1px 2px 3px #fff;
}


.precio_anterior
{
    font-size: 100%;
    color: #7e7d7d;
    text-align: center;
    text-decoration: line-through;
}

.precio_anterior_ficha
{
    font-size: 130%;
    color: #7e7d7d;
    text-align: center;
    margin: 5px 0;
}

.boton_comprar_ficha
{
    float: right;
    text-align: center;
    clear: right;
    margin-bottom: 15px;
}

.boton_comprar_ficha a {
  background-color: #33ce71;
  background-image: none;
  font-size: 110%;
}

impuestos
{
    color: #262626;
    font-size: 80%;
    padding-top: 5px;
}

#Contenedor_Fondo_Producto #Col_Menu_Vertical
{
    width: 155px;
    max-width: 155px;
    padding: 0px;
    display: none;
}

    #Contenedor_Fondo_Producto #Col_Menu_Vertical img
    {
        max-width: 155px;
    }

    #Contenedor_Fondo_Producto #Col_Menu_Vertical .Menu_Vertical_Familias
    {
        max-width: 155px;
        width: 155px;
    }

    #Contenedor_Fondo_Producto #Col_Menu_Vertical #Menu_Vertical_Subfamlias .titulo_menu_vertical
    {
        max-width: 155px;
        width: 155px;
    }

#Contenedor_Fondo_Producto #Contenido_Menu_Lateral
{
    width: 995px;
}

/*********************TABLA DESCRIPCION / INFORMACION / TESTIMONIOS**************************/

#Tabs {
margin-top:15px;}

#Tabla_Descripcion_Ficha, #Tabla_Descripcion_Ficha_02
{
    min-height: 247px;
    padding: 10px;
    background-color: #fff;
font-size:90%;
line-height:150%;
    z-index: -1;
    clear: both;
    border:1px solid #e6e6e6;
}

    #Tabla_Descripcion_Ficha table
    {
        grid-cell: none;
        vertical-align: middle;
    }

#Tabla_Descripcion_Ficha_02
{
    background-color: #e8e8e8;
    float: right;
    clear: right;
}

#Menu_tabla_descripcion
{
    padding: 0;
    margin-top: 0;
    z-index: 1;
    display: block;
}

#Menu_tabla_descripcion_02
{
    border-top: 0;
    margin-top: 15px;
}

.tab a
{
    background-color: #dadada;
    font-size: 90%;
    color: #333;
    padding: 10px 15px;
    display: block;
    border:1px solid #dadada;
    border-bottom:0;
}

.tab::first-letter
{
    text-transform: uppercase;
}

.tab_activo a
{
    background-color: #fff;
    font-size: 95%;
    color: #333;
    padding: 10px 15px;
    display: block;
    border: 1px solid #e6e6e6;
    border-bottom:0px ;
    margin-bottom:-1px;

}

    .tab a:hover, .tab_activo a:hover
    {
        text-decoration: none;
        background-color: #fff;
        transition: background-color .25s ease-out 0;
         border: 1px solid #e6e6e6;
    border-bottom:0px;
    }

#Menu_tabla_descripcion li, #Menu_tabla_descripcion_02 li
{
    display: inline;
    float: left;
    margin-right: 3px;
}


/*************TESTIMONIOS COMENTARIOS VALORACION ******************/

.comentario_producto
{
    border-bottom: 1px solid #c1c2c4;
    padding: 10px;
}

    .comentario_producto li img
    {
        float: right;
    }

    .comentario_producto li h3
    {
        font-size: 110%;
        font-weight: lighter;
        color: #333;
        margin: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #dadada;
    }

.fecha_comentario
{
    font-size: 60%;
    display: block;
    float: left;
    color: #262626;
    padding: 3px;
    text-align: center;
    background-color: #e8e8e8;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    margin-right: 15px;
}

#Valorar_Producto
{
    padding-top: 15px;
    border-top: 2px solid #e8e8e8;
    font-size: 90%;
}

    #Valorar_Producto h3
    {
        font-size: 145%;
        font-style: italic;
        margin: 10px 0;
        float: left;
        border:0;
        box-shadow:none;
        display:block;
    }

    #Valorar_Producto a
    {
        float: right;
        text-align: right;
    }

    #Valorar_Producto .yellow
    {
        text-align: left;
        background-color: #fffedc;
        padding: 10px;
        margin: 10px;
    }

.valoracion_formulario
{
    background-color: #f5f5f5;
    border-top: 1px solid #c3c3c3;
    padding: 10px 20px;
    margin-bottom: 15px;
    font-size: 90%;
}

    .valoracion_formulario .boton_anular_pedido a
    {
        margin-top: 10px;
    }

#Valorar_Producto .valoracion_formulario li a
{
    float: none;
}

#Valorar_Producto .valoracion_formulario .estrellas_formulario
{
    clear: both;
    padding-left: 20px;
    background-color: #dedede;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}

    #Valorar_Producto .valoracion_formulario .estrellas_formulario span
    {
        padding: 5px 0;
    }

    #Valorar_Producto .valoracion_formulario .estrellas_formulario input
    {
        display: block;
        float: left;
        clear: left;
        margin-top: 7px;
        border: 0;
    }

    #Valorar_Producto .valoracion_formulario .estrellas_formulario label
    {
        display: block;
        float: left;
        padding: 3px;
        margin-right: 20px;
    }

    #Valorar_Producto .valoracion_formulario .estrellas_formulario li img
    {
        display: block;
        margin-left: 40px;
        margin-top: 9px;
    }

#Valorar_Producto .valoracion_formulario .titulo_valoracion input
{
    margin: 5px 0;
    padding:5px 0px;
    width:100%;
    font-family: Segoe UI,sans-serif;
}

#Valorar_Producto .input
{
}

#Valorar_Producto textarea
{
    font-family: 'Segoe UI' sans-serif;
}

.star_01
{
    background-image: url(../../star_1.png);
}


.uncheck, .checked
{
    font-size: 150%;
    color: #5f5f5f;
    width: 20px;
}

.checked
{
    color: #3ca9c4;
}


/*****MIGAS********/

.titulo_familia_seccion #breadcrumbs-three
{
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 0;
    float: right;
    font-size: 90%;
}

#breadcrumbs-three li
{
    float: left;
    margin: 0 2em 0 0;
}

#breadcrumbs-three a
{
    padding: .2em 1em .2em 1em;
    float: left;
    text-decoration: none;
    color: #444;
    background: #ddd;
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-radius: .4em 0 0 .4em;
    margin-left: 30px;
}

    #breadcrumbs-three a:hover
    {
        background: #abe0ef;
    }

    #breadcrumbs-three a::before
    {
        background: #ddd;
        content: "";
        height: 2.5em;
        margin-top: -1.25em;
        position: absolute;
        right: -1em;
        top: 50%;
        width: 2.5em;
        z-index: -1;
        transform: rotate(45deg);
        border-radius: .4em;
    }

    #breadcrumbs-three a:hover::before
    {
        background: #abe0ef;
    }

#breadcrumbs-three .current,
#breadcrumbs-three .current:hover
{
    font-weight: bold;
    background: none;
}

    #breadcrumbs-three .current::before
    {
        content: normal;
    }

#Migas
{
    background:#565757;
    height:44px;
   margin-bottom:10px;
  
   
}

#Migas a
    {
        float: left;
         background-color: #46c5e5;
     background-image: url(../../images/volver.png);
     background-repeat:no-repeat;
        padding: 10px;
        color: #fff;
        background-position:0 50%;
        padding-left:25px;
}

    #Migas a:hover {
    background-color:#565757;lid}

    

    #Migas .miga_no_enlace
    {
 
        padding: 10px;
        float: left;
   background:#3ca9c4;

    }


.titulo_bd {
float:right;
color:#fff;
padding:10px;
}

/************PANTALLAS PEQUEÑAS**********/

@media screen and (max-width:1500px){
  #Contenedor_Contenidos_Interno_Menu{
       width:70%;
    }

    #Contenedor_Menu_Contenidos
    {width:23%;
    }

.noticia_cliente_aviso
    {max-width:95%;
    }
}
@media screen and (max-width:1280px)
{
    #Contenedor_Contenidos_Interno, .Listado_Tickets, #Titulo_Listado_Tickets, #Titulo_Listado_Tickets_no_leidos
  { width:100%;    }

    .desde_hasta_ticket, .desde_hasta_fecha {
    width:33%;
}


    .Listado_Tickets td
    {width:1000px;
    }

    .calendario_desplegado_1
    { left:33%;
      right:0;

    }

    .calendario_desplegado_2
    {right:0;
     left:auto;
    }

    #Historial_Ticket, #Contenido_Ticket, #Cabecera_Fechas
    { width:100%;    }



    

}