﻿/*-------------------
Fondo
-------------------*/
.img_back
{
    position:fixed;
    top:0px;
    left:0px;
    z-index:-1;
    height:100%;
    width:100%;
}  
/*------------------------
Layout
------------------------*/
#wrapper
{
    width:912px;
    height:771px;
    margin:21px auto 0  auto;
    padding:9px 25px 0px 23px;
    background:url(../img/back_wrapper.png) no-repeat 0 0;
}
    #main
    {
        width:100%;
        height:700px;
    }
        #content
        {
            background-color:#fff;
        }
    #footer
    {
        
    }
/*-----------
Nav
-------------*/
#nav
{
    
}
    #nav ul, #nav ul li, #nav ul li a
    {
        display:block;    
    }
    #nav ul
    {
        background-color:#fff;
        width:905px;
        height:40px;
        padding:4px 3px 4px 4px;
    }
        #nav ul li
        {
            width:125px;
            height:40px;
            float:left;     
            padding-right:5px;
        }
        #nav ul li.last
        {
            padding:0px !important;
        }
            #nav ul li a
            {
                width:125px;
                height:40px;
                text-indent:-99999px;
                outline:none;      
                background-image:url(../img/menu_sprite1.jpg);
                background-repeat:no-repeat;          
            }
            #nav ul li a.inicio
            {
                background-position:0 0;
            }   
                #nav ul li.activo a.inicio
                {
                    background-position:0 -41px;
                }
            
            #nav ul li a.proyecto
            {
                background-position:-130px 0;
            }
                #nav ul li.activo a.proyecto
                {
                    background-position:-130px -41px;
                }
            #nav ul li a.ubicacion
            {
                background-position:-260px 0;
            }
                #nav ul li.activo a.ubicacion
                {
                    background-position:-260px -41px;
                }
            #nav ul li a.planimetria
            {
                background-position:-390px 0;
            }
                #nav ul li.activo a.planimetria
                {
                    background-position:-390px -41px;
                }
            
            #nav ul li a.galeria
            {
                background-position:-520px 0;
            }
                #nav ul li.activo a.galeria
                {
                    background-position:-520px -41px;
                }
            #nav ul li a.contacto
            {
                background-position:-650px 0;
            }
                #nav ul li.activo a.contacto
                {
                    background-position:-650px -41px;
                }
            #nav ul li a.newsletter
            {
                background-position:-780px 0;
            }
                #nav ul li.activo a.newsletter
                {
                    background-position:-780px -41px;
                }
/*--------------
Rotativo
-------------*/

.rotativo
{
    width:904px;
    height:416px; 
    margin:0 4px;       
}
    .fondo1
    {
        background:url(../img/back_slide1.jpg) no-repeat 0 0;
    }
    .fondo2
    {
        background:url(../img/back_slide2.jpg) no-repeat 0 0;
    }
    .fondo3
    {
        background:url(../img/back_slide3.jpg) no-repeat 0 0;
    }
    .fondo4
    {
        background:url(../img/back_slide4.jpg) no-repeat 0 0;
    }
    .fondo5
    {
        background:url(../img/back_slide5.jpg) no-repeat 0 0;
    }
    .fondo6
    {
        background:url(../img/back_slide6.jpg) no-repeat 0 0;
    }
/*----------------
Texto
----------------*/
.bold
{
    font-weight:bold;
}
.spacio
{
    width:10px;
    display:block;
    float:left;
    height:5px;        
}
.info
{
    width:904px;
    height:237px;
	/*height:220px;*/
    background:url(../img/back_texto.jpg) no-repeat 0 0;    
}
    .info_inicio
    {
        padding:15px 30px 0 45px;        
    }
    .info_inicio p
    {
        font-family:Verdana, Arial, Tahoma;
        font-size:11px;
        color:#535353; 
        line-height:140%;
        margin:0 0 5px 0;       
    }
    .info_desarrollo
    {
        width:832px;
        margin:0 auto;
    }
    
/*---------------
Footer
---------------*/
.separador_footer
{
    display:block;
    width:1px;
    height:45px;
    background-color:#F2B485;
    margin:5px 5px 0 5px;    
}
    .info_footer
    {
        width:607px;
        height:57px;
        margin:1px auto 0 auto; 
        padding:5px 5px 0 5px;       
        font-family:Verdana, Arial, Tahoma;        
        color:#E4690B;
        
    }
    .visita
    {
        display:block;
        font-weight:bold;        
        text-align:center;
        font-size:13px;
    }
    .info_visita
    {        
        font-size:11px;
        display:block;    
        text-align:center;    
        letter-spacing:-1px;
        
    }
    .contenedor_visita
    {
        width:260px;        
    }
/*----------------
Proyecto
-----------------*/
.info_proyecto
{
    margin:15px 0px 0 45px;        
    background:url(../img/back_info_proyecto.jpg) no-repeat 0 0;
    height:200px;
    padding:50px 0 0 0;
}
    .info_proyecto ul
    {
        width:260px;
        float:left;
        margin:0 20px 0 0;
    }
        .info_proyecto ul.sinmargin
        {
            margin:0 0 0 35px;
        }
        .info_proyecto ul li
        {
            padding:0 0 0 40px;
            background:url(../img/vinieta.jpg) no-repeat 0 0;
            margin-bottom:18px;
            color:#535353;
            font-family:Verdana, Arial, Tahoma;
            font-size:13px;
        }
/*---------------
Ubicacion
----------------*/
.info_ubicacion
{
    margin:15px 0 0 40px;
    width:859px;
    height:223px;
    position:relative;
    background:url(../img/back_info_ubicacion1.jpg) no-repeat 0 0;    
}
    .info_ubicacion a
    {
        display:block;
        width:104px;
        height:25px;
        border:none;
        position:absolute;
        top:185px;
        left:740px;        
    }
/*-------------------------
Planimetria
-------------------------*/    
.info_planimetria
{
    margin:15px 0 0 40px;
    width:859px;
    height:223px;
    position:relative;
    background:url(../img/back_info_planimetria.jpg) no-repeat 0 0;
}
    .info_planimetria a
    {
        position:absolute;
        top:185px;
        left:686px;
    }

.zoom_place
{
    margin:0 0 0 10px;
    width:474px;
    height:230px;
    float:left;
    background:url(../img/zome_hold_place.jpg) no-repeat 0 0;
}
/*------------------
Galeria
------------------*/
.relativo
{
    position:relative;    
}
.contenedor_galeria
{
    height:652px;
}
#menu_galeria
{
    position:absolute;
    bottom:4px;
    left:0px;
    
}
    #menu_galeria ul, #menu_galeria ul li, #menu_galeria ul li a
    {
        display:block;    
    }
    #menu_galeria ul
    {
        background-color:#fff;
        width:905px;
        height:43px;
        padding:4px 3px 4px 4px;
    }
        #menu_galeria ul li
        {            
            height:43px;
            float:left;     
            padding-right:5px;
        }
        #menu_galeria ul li.last
        {
            padding:0px !important;
        }
            #menu_galeria ul li a
            {
                
                height:43px;
                text-indent:-99999px;
                outline:none;      
                background-image:url(../img/menu_galeria1.jpg);
                background-repeat:no-repeat;          
            }
            #menu_galeria ul li a.video_institucional
            {
                /*width:200px;*/
                width:179px;
                background-position:0 0;
            }   
                /*#menu_galeria ul li.activo a.video_institucional
                {
                    background-position:0 -43px;
                }*/
            
            #menu_galeria ul li a.campana_lanzamiento
            {
                width:187px;
                /*background-position:-207px 0;*/
                background-position:-181px 0;
            }
                /*#menu_galeria ul li.activo a.campana_lanzamiento
                {
                    background-position:-207px -43px;
                }*/
                #menu_galeria ul li a.campana_2011
                {
                    width:131px;                
                    background-position:-372px 0;
                }
            #menu_galeria ul li a.imagenes
            {
                width:112px;
                background-position:-507px 0;
            }
               /* #menu_galeria ul li.activo a.imagenes
                {
                    background-position:-431px -43px;
                }*/
.barra_menu_galeria
{
    height:25px;
    background:#825d42;
    margin:0 4px;
}
.logo_vilago_galeria
{
    width:288px;
    height:180px;
    background:url(../img/Logo_Vilago.png) no-repeat 0 0;
    position:absolute;
    bottom:0px;
    right:0px;    
    z-index:10;
}    
.galeria_de_fotos
{
    margin:0 4px 0 4px; 
}
    .galeria_de_fotos, .galeria_de_fotos ul
    {
        height:573px;
        overflow:auto;
        position:relative;        
    }    
.control {
  display:block;
  width:49px;
  height:573px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:10;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../img/izquierda_galeria.gif) no-repeat 0 center;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../img/derecha_galeria.gif) no-repeat right center;
}
.contenedor_video_institucional, .contenedor_campana_lanzamiento
{
    margin:0 4px 0 4px; 
}
/*----------------------
Contacto
----------------------*/
.clearBoth
{
    clear:both;
}
.right
{
    float:right;
}

.marginAuto
{
    margin:0 auto;
}
.mensaje_contacto
{
    color:#535353;
    font-family:Verdana, Arial, Tahoma;
    font-size:11px;
    display:block;
    text-align:left;
    padding-bottom:15px;
    color:Red;
}    
.info_contacto
{
    margin:15px 0 0 45px;
    padding:30px 0 0 0;
}
.info_contacto table tr td table tr td
{
    padding:5px 0;
    vertical-align:middle;    
}
    .info_contacto label
    {
        color:#535353;
        font-family:Verdana, Arial, Tahoma;
        font-size:12px;
        padding-right:10px;
    }
    .input_text
    {
        width:275px;
        height:24px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; 
        border:none;
        background:#fce4ce;
        font-family:Verdana, Arial, Tahoma;
        font-size:12px;
    }
    .textarea_text
    {
        height:60px;
        width:560px;      
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; 
        border:none;
        background:#fce4ce;  
        resize:none;
        overflow:auto;
        font-family:Verdana, Arial, Tahoma;
        font-size:12px;
    }
/*----------------
Newsletter
------------------*/
.info_newsletter
{
    margin:15px 0 0 40px;
    width:859px;
    height:223px;
    position:relative;
    background:url(../img/back_info_newsletter2.png) no-repeat 0 0;
}
    .info_fondo
    {
        width:637px;
        height:43px;
        float:left;
        padding:162px 19px 0 4px;        
        display:block;
        text-align:center;
        font-family:Verdana, Arial, Tahoma;
        font-size:12px;
        color:#fff;
    }
    .info_pdf
    {
        float:left;
        width:190px;
        height:55px;        
        padding:145px 0 0 7px;                  
    }
        .info_pdf a
        {
            display:block;
            height:32px;
            width:161px;
            text-indent:-99999px;
            background:url(../img/descargar_pdf.jpg) no-repeat 0 0;
            outline:none;
        }
        
    
/*------------
Google
------------*/
.googlemap
{
    position:absolute;
    height:61px;
    width:192px;    
    top:200px;
    left:4px
}
    .googlemap a
    {
        display:block;
        height:61px;
        background:url(../img/maps.png) no-repeat 0 0;
        text-indent:-999px;
        outline:none;
    }