@font-face { font-family: Avenir; src: url('../font/AVENM.TTF'); } 

body, html 
{
    height:100%;
    background-color:#DADBDC;  
}
body
{
    margin:0px;
    padding:0px;
    background:url(../img/background.png) no-repeat center 0;
}
.contenedor_ingreso
{
    width:624px;
    margin:0 auto;  
    padding:260px 0 0 0;  
}
    .contenedor_ingreso h1   
    {
        display:block;
        width:602px;
        height:166px;
        text-indent:-9999px;
        padding:0px;
        margin:0px;
        background:url(../img/r2g_group_logo3.png) no-repeat 0 0;        
    }
    .contenedor_ingreso h2
    {
        display:block;
        width:142px;                
        padding:0px;
        margin:20px auto 0 auto;         
    }
        .contenedor_ingreso h2 a
        {
            display:block;
            width:142px;  
            background:url(../img/link_ingresar.png) no-repeat 0 0; 
            height:48px;
            text-indent:-9999px;          
            outline:none;         
        }
/*------------------
Layout
-------------------*/
.wrapper
{
    width:960px;
    margin:0px auto;
    padding:40px 0 0 0;
}
    header
    {
        display:block;        
        margin:0 0 10px 0;
        height:100px;
        overflow:auto;
    }       
        header h1
        {
            width:273px;
            height:77px;
            padding:0px;
            margin:0px;        
            float:left;
        }       
            header h1 a
            {
                display:block;
                width:273px;
                height:77px;
                text-indent:-9999px;
                outline:none;                
                background:url(../img/logo3.png) no-repeat 0 0;
                
            }
        a.link_volver
        {
            display:block;
            width:235px;
            height:45px;
            text-indent:-9999px;
            outline:none;
            background:url(../img/link_volver.png) no-repeat 0 0;      
            float:right;
        }
    nav
    {
        display:block;
    }
        nav ul
        {
            display:block;
            padding:0px;
            margin:0px;
            float:right;
            width:606px;
        }
            nav ul li
            {
                display:block;
                list-style:none;
                padding:0px;
                margin:0 0 37px 0;
            }
                nav ul li a
                {
                    display:block;
                    width:606px;
                    height:73px;
                    text-indent:-9999px;
                    outline:none;
                    background:url(../img/menu1.png) no-repeat 0 0;                    
                }
                .link_concepto
                {
                    background-position:0 0;
                }
                .link_marcas
                {
                    background-position:0 -110px;
                }
                .link_contacto
                {
                    background-position:0 -220px;
                }
                .link_responsabilidad
                {
                    background-position:0 -330px;
                }
/*-------------------------
concepto
---------------------------*/
.seccion_conceptos
{
    display:block;
}
    .seccion_conceptos h2
    {
        display:block;
        width:731px;
        height:60px;
        text-indent:-9999px;
        background:url(../img/titulo_concepto.png) no-repeat 0 0; 
        padding:0px;
        margin:15px 0;      
    }
    .contenedor_bloque_concepto
    {
        width:731px;        
        background:#EF8100;        
        overflow:auto;
        padding:5px 0 0 5px;
        position:absolute;
        z-index:4;        
    }
        .item_bloque_concepto
        {
            float:left;
            margin:0 5px 5px 0;
            width:358px;      
            height:297px;
            overflow:hidden;     
        }
            .item_bloque_concepto a
            {
                display:block;            
            }
            .titulo_filosofia_concepto
            {
                height:28px;
            }
                .item_bloque_concepto a img
                {
                    display:block;         
                    border:none;   
                }
            .item_bloque_concepto p
            {
                font-family:Verdadana, avenir;
                font-size:12px;
                color:#fff;
                display:block;
                padding:0 44px 0 13px;
                margin:10px 0;    
                text-align:justify;
            }  
    .contenedor_bloque_concepto.ajax_concepto
    {
        z-index:3;
    } 
/*-------------------
Marcas
-------------------*/
.seccion_marcas,
.seccion_responsabilidad
{
    display:block;
}
    .seccion_marcas h2
    {
        display:block;
        width:731px;
        height:60px;
        text-indent:-9999px;
        background:url(../img/titulo_empresas.png) no-repeat 0 0; 
        padding:0px;
        margin:15px 0;      
    }
    .seccion_marcas > ul,
    .seccion_responsabilidad > ul
    {
        margin:0px;
        padding:0px;
        display:block;
    }
        .seccion_marcas > ul li,
        .seccion_responsabilidad > ul li
        {
            padding:0px;
            margin:0px;
            display:block;
            float:left;
            list-style:none;        
        }
            .seccion_marcas > ul li a,
            .seccion_responsabilidad > ul li a          
            {
                display:block;
                text-indent:-9999px;
                outline:none;
                height:153px;
            }
                .marca_timodella
                {
                    width:217px;
                    background:url(../img/timodella.png) no-repeat 0 0;                    
                }
                .marca_zen
                {
                    width:156px;
                    background:url(../img/zen1.png) no-repeat 0 0; 
                }
                .marca_nutrivida
                {
                    width:195px;
                    background:url(../img/nutrivida.png) no-repeat 0 0; 
                }
                .marca_ravenna
                {
                    width:149px;
                    background:url(../img/revenna.png) no-repeat 0 0; 
                }
 
        .seccion_marcas > ul li span,
        .seccion_responsabilidad > ul li span            
        {
                display:block;
                height:153px;
                width:6px;
                background:url(../img/espacio_marcas.png) no-repeat 0 0;                
        }  
/*----------------------
Timodella
----------------------*/ 
.seccion_marcas, .seccion_responsabilidad
{
    position:relative;
    width:735px;
    padding:2px 0 0 0;
}       
.seccion_marcas article, .seccion_marcas article figure, .seccion_marcas article p,
.seccion_responsabilidad article, .seccion_responsabilidad article figure, .seccion_responsabilidad article p
{
    display:block;
}
.seccion_marcas article,
.seccion_responsabilidad article
{
    overflow:auto;
    padding:30px 0 0 0; 
    width:731px;    
}
    .seccion_marcas article figure,
    .seccion_responsabilidad article figure
    {
        float:left;
        width:300px;        
        margin:0px;        
    }    
    .seccion_marcas article p,
    .seccion_responsabilidad article p
    {
        float:left;
        width:375px;
        padding:30px 0 0 50px;
        text-align:justify;
        font-family:Verdana, Avenir;
        font-size:12px;
        color:#a09fa0;        
        margin:0px;
        line-height:160%;
        display:block;        
    }
        .seccion_marcas article p span,
        .seccion_responsabilidad article p span
        {
            color:#E75193;
            text-align:left;            
            display:block;            
        }
            .seccion_marcas article p span a,
            .seccion_responsabilidad article p span a
            {
                text-decoration:none;
                color:#E75193;
            }
            .seccion_marcas article p span.naranja a,
            .seccion_marcas article p span.naranja,
            .seccion_responsabilidad article p span.naranja a,
            .seccion_responsabilidad article p span.naranja
            {
                color:#F58323
            }
            .seccion_marcas article p span.morado a,
            .seccion_marcas article p span.morado,
            .seccion_responsabilidad article p span.morado a,
            .seccion_responsabilidad article p span.morado
            {
                color:#A71E40
            }
                .seccion_marcas article p span a:hover,
                .seccion_responsabilidad article p span a:hover
                {
                    text-decoration:underline;                
                }
            
    .mini    
    {
        position:absolute;
        top:0px;
        right:0px;
    }
    
    .mini ul
    {
        margin:0px;
        padding:0px;
        display:block;
    }
        .mini ul li
        {
            padding:0px;
            margin:0px;
            display:block;
            float:left;
            list-style:none;  
            margin:0 10px;      
        }
            .mini ul li a            
            {
                display:block;
                text-indent:-9999px;
                outline:none;
                height:64px;
            }
    
    .mini_timodella
    {
        width:103px;
        background:url(../img/mini_logo_timodella.png) no-repeat 0 0;                    
    }
    .mini_zen
    {
        width:50px;
        background:url(../img/mini_logo_zen.png) no-repeat 0 0; 
    }
    .mini_nutrivida
    {
        width:61px;
        background:url(../img/mini_logo_nutrivida.png) no-repeat 0 0; 
    }
    .mini_ravenna
    {
        width:51px;
        background:url(../img/mini_logo_ravenna.png) no-repeat 0 0; 
    }
/*--------------------------------
Contacto
--------------------------------*/   
.seccion_contacto
{
    width:731px;
    display:block;
    position:relative;
}
    .forma_parte 
    {
        display:block;
        position:absolute;
        top:0px;
        right:0px;
        height:40px;
        width:310px;
        background:url(../img/rrhh.png) no-repeat 0 0;
        text-indent:-9999px;
        outline:none;
    }
    .seccion_contacto h2
    {
        display:block;
        width:731px;
        height:60px;
        text-indent:-9999px;
        background:url(../img/titulo_contacto.png) no-repeat 0 0; 
        padding:0px;
        margin:15px 0;      
    }
    .contenedor_enviar
    {
        width:735px;
        overflow:auto;           
    }
        .contenedor_enviar button,
        .contenedor_enviar input[type=submit]
        {
            float:right;
            border:none;
            display:block;
            width:104px;
            height:23px;
            background:url(../img/link_enviar.png) no-repeat 0 0;
            outline:none;
            text-indent:-9999px;
            margin:0 10px 0 0;
        }
    .seccion_contacto table
    {
        width:615px;
        margin: 35px auto;
    }
        .input_text
        {
            border:none;
            background:#e1e1e2;  
            display:block;
            float:right;    
            margin:0px;
            height:17px;    
        }
        #iNombre
        {
            width:220px;
        }
        #iApellido
        {
            width:220px;
        }
        #iTelefono
        {
             width:192px;
        }
        #iEmail
        {
            width:245px;
        }
        .iComentario, #iComentario
        {
            border:none;
            background:#e1e1e2; 
            width:500px; 
            display:block;
            float:right;           
            resize:none;
            overflow:auto;
        }
        .alignRight
        {
            text-align:right;
        }
        .seccion_contacto tr td 
        {
            padding:12px 5px 0 0;
        }
        .seccion_contacto tr td label        
        {
            display:block;
            height:15px;   
            text-indent:-9999px;    
            float:left;            
        }
            #lnombre
            {
                background:url(../img/label_nombre.png) no-repeat 0 0;
                width:65px;
            }
            #ltelefono
            {
                background:url(../img/label_telefono.png) no-repeat 0 0;
                width:93px;
            }
            #lcomentar
            {
                background:url(../img/label_comentar.png) no-repeat 0 0;
                width:99px;
            }
             #lapellido
            {
                background:url(../img/label_apellido.png) no-repeat 0 0;
                width:76px;
            }
            #lemail
            {
                background:url(../img/label_email.png) no-repeat 0 0;
                width:53px;
            }
        .seccion_contacto tr td span
        {
            color:Red;
            display:none;            
        }
.back_enviar
{
    display:block;
    height:4px;
    width:731px;
    border:none;
    margin:0px;
    padding:0px;
    background:url(../img/back_enviar.png) no-repeat 0 0;    
}
/*-----------------------
Responsabilidad Social
------------------------*/
.seccion_responsabilidad h2
{
    display:block;
    width:731px;
    height:84px;
    text-indent:-9999px;
    background:url(../img/titulo_responsabilidad.png) no-repeat 0 0; 
    padding:0px;
    margin:15px 0;      
}
/*------------------------
Introduccion
-----------------------*/
#introduccion
{
    position:absolute;
    top:147px;
    width:500px;
    height:500px;
}
    #introduccion img
    {
        border:none;
    }