﻿/* DEFAULTS
----------------------------------------------------------*/

body 
{
        padding : 0;
        margin : 0;
        font-size : 12px;
        font-family : Arial, Helvetica, sans-serif;
        text-decoration : none;
        color : #333333;
        background-color : #efefef;
}


/* HEADINGS   
----------------------------------------------------------*/

h1 
{
        color : #009345;
        font-size : 20px;
        margin-bottom : 4px;
}

h1.TituloContacto 
{
        font-size : 41px;
        font-weight : 500;
        color : #ffffff;
}

h2
{
        color : #009345;
        font-size : 15px;
        font-weight : normal;
        margin-bottom : 1px;
}

h2.Titulo
{
        font-size : 28px;
        margin-left : 4px;
        font-weight : 500;
        color : #ffffff;
        padding-bottom : 4px;
        margin-bottom : 2px;
}

p 
{      
        text-align : justify;
        color : black;
}

img 
{
        border-style : none;
        text-decoration : none;      
        float:left;  
        margin-right:14px;
}

/* Menú Superior 
----------------------------------------------------------*/

.MenuSuperior 
{
        width : 779px;
        height : 34px;
        margin-top : 17px;
        float : left;
        margin-left:-3px;
        margin-right:-80px;
}

.MenuSuperior a, .MenuSuperior li, .MenuSuperior a:visited 
{
        color : black;
}

.MenuSuperior li a 
{
        color : black;
        background-color : white;
        border-style : none;
        font-size : 13.4px;
        padding-left : 8px;
        padding-right : 8px;
}

.MenuSuperior li li a 
{
        color : white;
        background-color : black;
        font-size : 12px;
}

.MenuSuperior li:hover a 
{
        color : white;
        background-color : black;
}

.MenuSuperior li li a:hover 
{
        color : #149b54;
        background-color : black;
}


/* Menú Inferior
----------------------------------------------------------*/

.MenuInferior 
{
        text-align : center;
        margin : 0 auto auto auto;
        color : #ffffff;
        font-weight : normal;
        font-size : 12px;
        width : 100%;
        height : 48px;
        padding-top : 10px;
}

.MenuInferior a 
{
        color : #ffffff;
        text-decoration : none;
        padding-left : 15px;
        padding-right : 15px;
}

.MenuInferior a:hover 
{
        text-decoration : underline;
        color : #ffffff;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.DivFondoHeader 
{
        background-image : url('../Resources/Header.png');
        background-position : 50% bottom;
        margin : 0;
        height : 137px;
        position : relative;
        z-index : 2;
}

.DivHeader 
{
        margin : 0 auto 0 auto;
        width : 950px;
        height : 105px;
        clear : both;
        background-color:White;
}

.Logo 
{
        float : left;
        clear : both;
        background-image : url('../Resources/Logotipo.png');
        background-repeat : no-repeat;
        height : 101px;
        width : 226px;
        margin-top : 5px;
}

.DivContactoIzquierdoanos 
{
        float : right;
        width : 261px;
        height : 58px;
        background-image : url('../Resources/NewPaymentSystem.png');
        background-repeat : no-repeat;
}

.DivLookingForJob
{
        float :left;
        width : 171px;
        height : 58px;
        background-image : url('../Resources/LookingForJobHeader.png');
        background-repeat : no-repeat;
    margin-left: 239px;
}

.DivPrincipal 
{
        width : 950px;
        margin-top : -26px;
        margin-left : auto;
        margin-right : auto;
        margin-bottom : auto;
        background-image : url('../Resources/FondoContenido.png'); 
        background-repeat:repeat-y;
        min-height:867px;
}


.Contenido 
{
        width : 692px;
        background-color : white;
        float:left;
        min-height:800px;
}

.ColumnaDerecha 
{
        width : 258px;
        background-color : #009345;
        float:left;      
}

.ImageContacto 
{
        margin-right : -60px;
        vertical-align:bottom;
}

.DivPrincipalHome 
{
        margin : auto;
        width : 950px;
        margin-top : -326px;
        min-height : 808px;
        position : relative;
}

.FondoFlash 
{
        margin-left : auto;
        margin-right : auto;
        height : 300px;

        background-image : url('../Resources/FondoPagina.png');
        background-repeat : repeat-x;
        margin-top : -26px;
}

.DivFlash 
{
        margin-left : auto;
        margin-right : auto;
        width : 950px;
        margin-top : 26px;
}

.Info 
{
        background-color : white;
}

.ColumnaFeatures 
{
        float : left;
        width : 314px;
}

.TituloFeatures 
{
        background-image : url('../Resources/FondoHeaderFeatures.png');
        background-repeat : no-repeat;
        margin-bottom : 8px;
}

.ColumnaWhyCamaleon 
{
        float : left;
        width : 314px;
        margin-left : 4px;
        background-color:#f9f9f9;
}

.TituloWhyCamaleon
{
        background-image : url('../Resources/FondoHeaderWhyCamaleon.png');
        background-repeat : no-repeat;
        margin-bottom : 8px;
}

.ColumnaIndustries 
{
        float : left;
        width : 314px;
        margin-left : 4px;
}

.TituloIndustries 
{
        background-image : url('../Resources/FondoHeaderIndustries.png');
        background-repeat : no-repeat;
        margin-bottom : 8px;
}

.FichaItem 
{
        height : 149px;
        margin-bottom : 5px;
        border-bottom-style:inset;
        border-bottom-width:thin;
        border-bottom-color:#b0b0b0;
}

.ContenidoFicha 
{
        width : 195px;
        float : left;
        padding-left : 4px;
        margin-top : -15px;
}

.Imagen 
{
        float : left;
        width : 111px;
        height : 102px;
        margin-left : 4px;
        margin-top : 6px;
        background-image : url('../Resources/FondoImagenChica.png');
        background-repeat : no-repeat;
}

.CA 
{
        width : 258px;
        float : left;
        background-color : #009345;
        height : 26px;
        margin-top:-5px;
}

.Contacto 
{
        margin-top:-2px;
        width : 258px;
        float : left;
        min-height : 848px;
}

p.ContactoP 
{
        color : white;
}

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

.AboutText
{
        float : left;
        margin-left:5px;
        margin-top:-6px;
}

.AboutTextSF
{
        float : left;
        margin-top:-6px;
}

.DivContactoIzquierdo
{
        height : 135px;
        width : 295px;
        float : left;
        margin-right : 89px;
        margin-top : 10px;
        margin-bottom : 10px;
}

.DivContactoIzquierdoS
{
        height : 100px;
        width : 295px;
        float : left;
        margin-right : 89px;
        margin-top : 10px;
        margin-bottom : 10px;
}
.DivContactoDerecho 
{
        height : 135px;
        width : 287px;
        float : left;
        margin-right : 0;
        margin-top : 9px;
        margin-bottom : 23px;
}


.ImageG
{
       float:left;
       margin-bottom:0px;
}

.TextoG1
{
    margin-top:150px;
}

.ImageG1
{
       float:left;
       margin-top:27px;
       margin-left: 72px;
}

.ImageG2
{
       float:left;
       margin-left: 28px;
       margin-top: 142px;
       margin-right:8px;
}

.ImageG3
{
       float:left;
}

.ImageService 
{
        float : left;
        margin-right:10px;
        margin-bottom:10px;
}

.ImageService2
{
        float : left;
        width:680px;
        margin-top:30px;
}

.ImagenService
{
        float : left;
        margin-top:5px;
        width: 393px;
}

.ImagenContenido
{
        background-image : url('../Resources/ImagenColumnaIzquierda.png');
        background-repeat : no-repeat;
        height: 289px;
        position:relative;
        z-index:3;
        width: 317px;
        margin-top:-288px;
        float:right;
        margin-right:-57px;
}

.FondoFooter
{
        background-position : center;
        width : 100%;
        height : 101px;
        background-image : url('../Resources/Footer.png');
        float : left;
        position:relative;
        z-index:2;    
}

.Footer 
{
      width:950px;
      margin-left:auto;
      margin-right:auto;   
}

p.Footerr 
{
        font-size : 12px;
        color : white;
        text-align : center;
        clear : both;
        float : left;
        margin-top : -15px;
        width : 100%;
}

.FirmaSites 
{
        float : right;
        border-style : none;
}

.DefaultPadding 
{
        padding : 10px;
}

.ClearBoth 
{
        clear : both;
}

.pChico
{
    font-size:x-small;
    margin-top:-13px;
    margin-bottom:35px;
}

iframe
{
   margin-top:-295px;
   margin-left:-11px;
}
