/*---------------------
Pixelario Framework
---------------------*/
.marginCenter
{
    margin:0 auto;
}
.vAlignBottom
{
    vertical-align:bottom;
}
.alignRight
{
    text-align:right;
}
.right
{
    float:right;
}
.left
{
    float:left;
}
.arialTahomaVerdana
{
    font-family:Arial, Tahoma, Verdana;
}
.w100
{
    width:100%;
}
.italica
{
    font-style:italic;    
}
.clearBoth
{
    clear:both;
}
/*---------------------
Layout
---------------------*/
html
{    
    height:100%;   
    background:#00539F; 
}
body
{
    height:100%;    
    background:#00539F url(../img/bg_body.jpg) repeat-x 0 0;
    font-family:Arial, Tahoma, Verdana;
}
    .main
    {
        width:1014px;
        margin:0 auto;     
        height:100%;       
    }
        .wrapper
        {
            width:840px;
            margin:0 auto;            
            /*border:solid 1px red;*/
        }
            
            .top
            {
                height:148px;                
                padding-left:32px;    
                padding-top:0px;                            
            }           
            .menu
            {
                
            }
            .content
            {
                
            }
            .legales
            {
                border-top:dotted 1px #fff;                
                margin:1px 18px 20px 18px;
                padding-top:5px;
            }
/*--------------
Efectos
---------------*/
.reflejo_top
{
    background-image:url(../img/bg_reflejo_top.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
}
/*----------------
Top
----------------*/
.separador_top_body
{
    height:31px;                
}
.tabla_contedora
{
    width:100%;       
    /*margin-top:31px;             */
}   
    .tabla_contedora h1
    {
        height:110px;
        width:360px;        
    }
        .tabla_contedora h1 a
        {
            display:block;
            height:110px;
            width:360px;
            background-image:url(../img/logo.png);
            text-indent:-99999px;                
        }
    .tabla_datos_de_contacto
    {
        color:#fff;
        font-size:80%;
        border-left:dotted 1px #fff;   
        margin-bottom:15px;
        margin-right:15px;     
    }
        .tabla_datos_de_contacto tr td
        {
            padding-left:5px;
        }
.numero_de_telefono
{
    font-size:105%;
}
.casita, .telefono
{
    display:block;
    width:18px;
    height:12px;
    background-repeat:no-repeat;      
    margin:2px 5px 0 0;  
}
.casita
{
    background-image:url(../img/casita.jpg);    
}
.telefono
{
    background-image:url(../img/telefono.jpg);
}
/*--------------------
Menu
-------------------*/
.reflejo_del_menu
{
    width:840px;
    height:19px;
    background-image: url(../img/reflejo_del_menu.jpg);
    background-position:0px 0px;    
}
.menu ul, .menu ul li, .menu ul li a
{
    display:block;
    height:52px;
}
.menu ul
{    
    width:840px;    
}
    .menu ul li
    {
        display:block;   
        float:left;
    }
        .menu ul li a
        {
            text-indent:-9999px;            
            background-image:url(../img/menu_sprite.jpg);
            background-repeat:no-repeat;            
        }
#tucumail
{
    width:163px;        
}
    #tucumail a
    {
        background-position:0px 0px;
    }
#inicio
{
    width:173px;        
}
    #inicio a
    {        
        background-position:-163px 0px;
    }
        #inicio a.active
        {        
            background-position:-163px -70px;
        }
#servicios
{
    width:177px;    
    
}
    #servicios a
    {
        background-position:-336px 0px;
    } 
        #servicios a.active
        {        
            background-position:-336px -70px;
        }
#productos
{
    width:168px;
}
    #productos a
    {
        background-position:-513px 0px;
    }    
        #productos a.active
        {
            background-position:-513px -70px;
        }    
#contacto
{
    width:159px;
}
    #contacto a
    {    
        background-position:-681px 0px;
    }
        #contacto a.active
        {
            background-position:-681px -70px;
        }  
/*------------------
Contenido
------------------*/
.top_content
{
    background-image:url(../img/top_content.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    height:13px;
    font-size:0px;    
    /*border:solid 1px #fff;*/
    padding:0px;
    line-height:0px;
}
.main_content
{
    background-image:url(../img/main_content.jpg);
    background-repeat:no-repeat;
    background-position:0 0;    
    height:474px;
}
.bottom_content
{
    background-image:url(../img/bottom_content.jpg);
    background-repeat:no-repeat;
    background-position:0 0;    
    height:30px;        
    text-align:center;
}
    .bottom_content ul
    {
        display:inline-block;
    }
        .bottom_content ul li
        {
            display:inline;            
        }
            .bottom_content ul li a
            {
                color:#fff;
                text-decoration:none;                                
                font-size:70%;
                padding:0 5px;
                border-right:solid 1px #fff;
            }
                .bottom_content ul li a.no_borde
                {
                    border-right:none
                }
                .bottom_content ul li a:hover
                {
                    text-decoration:underline;                                   
                }
/*---------------------
Pie
---------------------*/
.legales table
{
    color:#fff;
    font-size:70%;
}
    .legales table a
    {
        color:#fff;
        text-decoration:none;
    }
        .legales table a:hover
        {
            text-decoration:underline;
        }
/*--------------------------
Contenido
--------------------------*/
.contenedor_3_fotogramas
{    
    margin:0px 40px 0 40px;
    padding:5px 0;
}
    .contenedor_fotograma
    {      
        float:left;
        margin:0 12px;
        *margin:0 8px;
    }    
    .contenedor_fotograma_doble
    {
        float:left;
        margin-right:19px;   
        _margin-left:10px;             
    }
        .contenedor_fotograma_doble img
        {            
                 
        }
.inicio_2
{
    width:481px;      
}
.inicio_3
{
    width:487px;
}
.marco_foto img
{
    /*border:solid 5px #01539f;
    width:205px;
    height:140px;    */
}
.inicio_1
{
    margin-bottom:0px;
    _margin-bottom:2px;
    background:url(../img/back_inicio_1.jpg) no-repeat 0 0;
    
}
    
.border3fff
{
    border:solid 3px #fff;
}    
.margin3px
{
    margin:3px;
}
/*-----------------
Servicios
----------------*/
.main_servicios
{
    height:471px;
    background-image:url(../img/back_servicios.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    margin:0 51px;    
}
    .servicio_panel_izquierda
    {
        height:100%;
        /*border:solid 1px #000;*/
        width:325px;        
    }
        .titulo_servicios img
        {
            margin:10px;
        }
        .menu_servicios
        {
        }
            .menu_servicios ul
            {
                display:block;
                margin-left:1px;
            }
                .menu_servicios ul li
                {
                    display:block;     
                    margin:5px 0;                                   
                }
                    .menu_servicios ul li a
                    {
                        display:block;
                        color:#fff;
                        /*font-size:105%;*/
                        font-size:95%;                        
                        text-decoration:none;
                        font-style:italic;
                        font-family:Trebuchet MS, Arial, Tahoma;
                        font-weight:bold;                        
                        padding:5px 0 10px 35px;
                        background:none;
                    }
                        .menu_servicios ul li a:hover, .menu_servicios ul li.ui-tabs-selected a
                        {
                            background-image:url(../img/back_servicio_hover.jpg);
                            background-position:0 0;
                            background-repeat:no-repeat;
                        }
                        
    .servicio_panel_derecha
    {
        height:100%;
        /*border:solid 1px #000;*/
        width:400px;
        margin-left:2px;
    }
        #atencion img, #local img, #asistencia img, #reparacion img, 
        #netbook img, #equipo img
        {
            margin:15px 0 0 5px;            
        }
        #atencion p, #local p, #equipo p, #asistencia p, #reparacion p,
        #equipo p
        {
            display:block;
            width:370px;            
            margin:0  0 0 5px;            
            color:#fff;
            font-size:90%;                        
            text-decoration:none;
            font-style:italic;
            font-family:Trebuchet MS, Arial, Tahoma;
            line-height:170%;
        }
        #equipo p
        {
           /* margin:150px 0 0 0;*/
        }
        .span_horarios
        {
            font-weight:bold;
            font-size:105%;
            display:block;
            color:#bbd1e9;
            font-style:italic;
            font-family:Trebuchet MS, Arial, Tahoma;
            margin:5px  0 0 5px;            
        }
        .span_horarios2
        {
            display:block;
            width:370px;                        
            color:#fff;
            font-size:90%;                                    
            font-style:italic;
            font-family:Trebuchet MS, Arial, Tahoma;
        }
.ui-tabs-hide
{
    display:none;
}
.span_tucbbs
{
    font-weight:bold;
    font-size:105%;
}
/*---------------------
Productos
-------------------*/
.cabecera_producto
{
    font-weight:bold;
    color:#fff;
    font-size:100%;
    font-family:Trebuchet MS, Arial, Tahoma;
    line-height:170%;
    font-style:italic;
    margin:5px 0 0 15px;            
}
.detalle_producto
{
    display:block;
    margin:5px 0 0 50px;
    padding-left:5px;
    color:#fff;
    font-size:90%;
    font-family:Trebuchet MS, Arial, Tahoma;
    line-height:170%;
    font-style:italic;
    border-left:solid 1px #001e6a;
}
.boton_precio
{
    display:block;
    text-align:center;
    background-image:url(../img/boton_productos.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    color:#fff;
    font-family:Trebuchet MS, Arial, Tahoma;
    font-size:115%;
    width:119px;
    height:34px;
    float:right;
    margin:5px 45px 0 0;
    *margin:5px 25px 0 0;
    padding:3px;
    font-style:italic;
}
.producto1
{
    display:block;
    float:left;
    margin:15px 0 0 20px;
    width:168px;
    font-size:90%;
}
/*---------------------
Contacto
---------------------*/
.main_contacto
{
    height:471px;
    background-image:url(../img/back_contacto.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    margin:0 51px;    
}
    .contacto_panel_izquierda 
    {
        width:340px;        
    }
        .contacto_panel_izquierda img
        {
            margin:60px 0 0 15px;            
        }
    .contacto_panel_derecha
    {        
        width:385px;
        
    }
        .formulario_contacto
        {
            margin:70px 0 0 0;
        }
            .formulario_contacto label
            {                    
                color:#fff;
                font-size:100%;
                font-family:Trebuchet MS, Arial, Tahoma;
                line-height:170%;
                font-style:italic;
                font-weight:bold;                
            }
            .formulario_contacto table tr td
            {
                padding:5px 0;
            }
.input_contacto
{
    width:280px;
    height:25px;    
}
.textarea_contacto
{
    width:360px;
}
.contacto_1
{
    width:145px;
    margin-right:0px;
    *margin-right:5px;
}
.boton_contacto
{
    background-image:url(../img/boton_contacto.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    border:none;
    display:block;
    width:59px;
    height:17px;
    font-weight:bold;
    font-size:70%;
    font-family:Arial, Tahoma;
    float: left;
    margin: 0 0 0 5px;
}
/*-----------------
Hogar
----------------*/
.main_hogar
{
    margin:0px 50px;        
}
    .top_hogar
    {
        background-image:url(../img/back_hogar_top.jpg);
        background-repeat:no-repeat;
        background-position:0 0;
        height:215px;
        padding:4px;
    }
    .contenedor_texto_top_hogar
    {
        width:500px;        
    }
        .contenedor_texto_top_hogar p
        {
            color:#fff;
            font-family:Trebuchet MS, Arial, Tahoma;
            font-size:80%;
            line-height:150%;
            display:block;
            font-weight:bold;
            margin-left:15px;
            margin-top:15px;
        }
            .espacio_hogar            
            {
                width:20px;
                height:5px;
                display:inline-block;
            }
    .middle_hogar
    {
        margin-top:10px;        
    }
        .item_hogar
        {
            float:left;
        }
            .item_hogar ul
            {
                display:block;
                padding-left:80px;
                margin-top:5px;
            }
                .item_hogar ul li
                {
                    font-family:Trebuchet MS, Arial, Tahoma;
                    color:#fff;
                    font-size:80%;
                }
            .basico_hogar
            {
                background:url(../img/back_hogar_basico.jpg);
                background-position:0 0;
                background-repeat:no-repeat;
                width:235px;
                height:120px;
            }
            .basico_estandar
            {
                margin-left:20px;
                background: url(../img/back_hogar_estandar.jpg);
                background-position:0 0;
                background-repeat:no-repeat;
                width:232px;
                height:120px;
            }
            .basico_premium
            {               
                margin-left:20px;
                background: url(../img/back_hogar_premium.jpg);
                background-position:0 0;
                background-repeat:no-repeat;
                width:232px;
                height:120px;
            }
    .bottom_hogar
    {
        background:url(../img/back_hogar_bottom.jpg);
        background-position:0 0;
        background-repeat:no-repeat;
        height:80px;
        padding:15px 40px 0 40px;
        margin-top:10px;
    }
        .bottom_hogar p
        {        
            display:block;
            font-family:Trebuchet MS, Arial, Tahoma;
            font-size:70%;
            color:#0064a6;
        }
/*------------------
Empresas
----------------*/
.item_empresa
        {
            float:left;
        }
            .item_empresa ul
            {
                display:block;
                padding-left:70px;
                margin-top:5px;
            }
                .item_empresa ul li
                {
                    font-family:Trebuchet MS, Arial, Tahoma;
                    color:#fff;
                    font-size:70%;
                    *line-height:140%;
                }    
.pyme_empresa
{
    background:url(../img/back_empresas_pyme.jpg);
    background-position:0 1px;
    background-repeat:no-repeat;
    width:235px;
    height:150px;
    *height:145px;
}
.mega_empresa
{
    background:url(../img/back_empresa_mega.jpg);
    background-position:0 1px;
    background-repeat:no-repeat;
    width:232px;
    height:150px;
    *height:145px;
    margin-left:20px;
}
.profesiona_empresa
{    
    background:url(../img/back_empresa_profesional.jpg);
    background-position:0 1px;
    background-repeat:no-repeat;
    width:232px;
    height:150px;
    *height:145px;
    margin-left:20px;
}
.bottom_empresa
{
    background:url(../img/back_empresa_bottom.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    height:81px;
    padding:4px 0px 0px 10px;
    margin-top:10px;
}
    .bottom_empresa p
    {        
        display:block;
        font-family:Trebuchet MS, Arial, Tahoma;
        font-size:68%;
        color:#0064a6;
    }
    .contenedor_bottom_empresa
    {
        width:600px;
    }
        .contenedor_bottom_empresa span
        {
            font-weight:bold;
            font-style:italic;
            color:#0065a6;
            font-size:100%;                                   
            font-family:Trebuchet MS, Arial, Tahoma;
            display:block;
            padding-left:10px;
        }
    .bottom_empresa ul
    {
        display:block;
        margin-left:5px;
        width:117px;
        padding-top:1px;        
    }
    .bottom_empresa ul li
    {
        margin:2px 0px;          
        *margin:1px 0px;          
        float:left;
        width:117px;
    }
    .bottom_empresa ul li, .bottom_empresa ul li a
    {
        display:block;        
    }
    .bottom_empresa ul li a
    {
        margin:1px;        
        background-color:#c0daec;
        padding:0px 3px;        
        *border: solid 1px #A5D0EA;
        color:#0065a6;
        text-decoration:none;
        font-family:Trebuchet MS, Arial, Tahoma;
        font-weight:bold;
        font-size:80%;        
        *font-size:75%;
       
    }
/*----------------
Proyectos
----------------*/
.main_proyectos
{
    margin:0px 50px;            
}
    .proyectos_top
    {
        background-image:url(../img/back_proyectos_top.jpg);
        background-repeat:no-repeat;
        background-position:0 0;
        height:372px;
        padding:4px;               
    }
    .contenedor_proyectos_top
    {
        margin-left:5px;
        width:500px;
    }
    .texto_high_proyecto
    {
        background-image:url(../img/back_texto_proyectos.jpg);
        background-repeat:no-repeat;
        background-position:0 0;
        height:67px;
        width:495px;        
        margin-top:5px;
    }
    .text_low_proyecto
    {
        height:129px;        
        *height:133px;
    }
        .text_low_proyecto p
        {
            color:#fff;
            font-family:Trebuchet MS, Arial, Tahoma;
            font-size:80%;
            line-height:160%;
            display:block;
            font-weight:bold;
            margin-left:15px;
            margin-top:5px;
        }
.titulo_high_proyecto
{
    display:block;
    text-align:center;
    font-family:Trebuchet MS, Arial, Tahoma;
    font-size:90%;
    color:#0065a6;
    font-weight:bold;
    font-style:italic;    
    padding-top:12px;
}
    .texto_high_proyecto ul
    {
        display:inline-block;
        padding-left:5px;
        *padding-left:10px;
        margin-top:5px;
    }
        .sin_separador
        {
                border-right:solid 0px #fff;
        }
        .con_borde
        {
            border-right:solid 1px #91c0dd;
            margin-right:5px;        
        }
        .texto_high_proyecto ul li
        {
            display:block;        
            float:left;            
            padding-right:5px;
            *padding-right:0px;
            
        }
            .texto_high_proyecto ul li a
            {
                display:block;
                background-color:#c0daec ;/*#bff1fe;*/
                color:#0065a6;
                font-weight:bold;
                font-family:Trebuchet MS, Arial, Tahoma;
                font-size:70%;                
                padding:5px;
                text-decoration:none;
            }
.texto_final_proyectos
{
    margin:15px 25px 0 25px;    
}
    .texto_final_proyectos p
    {
        color:#fff;
        font-family:Trebuchet MS, Arial, Tahoma;
        font-size:80%;
        line-height:160%;
        display:block;        
        margin-left:15px;
        margin-top:5px;
    }
    .texto_final_proyectos ul
    {
        display:block;
        margin-left:20px;
    }
    .texto_final_proyectos ul li
    {
        color:#fff;
        font-family:Trebuchet MS, Arial, Tahoma;
        font-size:80%;
        line-height:120%;
        display:block;        
        margin-left:15px;
        margin-top:5px;
        border:solid 0px red;
        *border:solid 1px #034592;
    }
    .bbsrural
    {
        display:inline-block;
        background-image:url(../img/bbsrural.jpg);
        background-position:0 0;
        background-repeat:no-repeat;
        text-indent:-999999px;
        height:14px;
        width:82px;
        
    }
    .bbscountry
    {
        display:inline-block;
        background-image:url(../img/bbscountry.jpg);
        background-position:0 0;
        background-repeat:no-repeat;
        text-indent:-999999px;
        height:17px;
        width:108px;
        
    }
/*-------------
Modificaciones
-------------*/
.textos_inicio
{
    padding-bottom:5px;
}
    
.texto_todos_inicio
{
    font-weight:bold;
    font-size:13px;
    width:480px; 
    text-align:center; 
    color:White; 
    float:left;
}    
.texto_todos_proyectos
{
    font-weight:bold;
    font-size:13px;
    width:250px; 
    text-align:center; 
    color:White; 
    float:left; 
    margin-left:30px;
}