/**
* hoja de estilos de www.camelid.com.pe
*/
@font-face {
    font-family: 'sansationregular';
    src: url('sansation_regular-webfont.eot');
    src: url('sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sansation_regular-webfont.woff') format('woff'),
         url('sansation_regular-webfont.ttf') format('truetype'),
         url('sansation_regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'sansationbold';
    src: url('sansation_bold-webfont.eot');
    src: url('sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sansation_bold-webfont.woff') format('woff'),
         url('sansation_bold-webfont.ttf') format('truetype'),
         url('sansation_bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
    background-image: url(../image/background.jpg);
    margin:0
}
.marco_principal{
    width: 760px; 
    margin: 0 auto; 
    overflow: hidden;   
    /**border:1px solid seashell;**/
}
.marco_principal #cabecera{
    overflow: hidden; 
    /**border:1px solid seashell;**/  
}
.marco_principal #cabecera .cabecera_seccion_01{
    background-image: url(../image/background_cabecera.png);
    overflow: hidden;   
}
.marco_principal #cabecera .cabecera_seccion_01 .seccion_01_logotipo{
    float:left; 
    width: 180px; 
    height: 180px;  
}
.marco_principal #cabecera .cabecera_seccion_01 .seccion_01_navegador{
    float: left; 
    height: 180px; 
    width: 575px; 
    border:1px none #ffffff; 
}
.marco_principal #cabecera .cabecera_seccion_01 .seccion_01_navegador .navegador_enlaces{
    height: 125px;  
    text-align: right; 
    border:1px none #ffffff;    
    background-image: url(../image/bg_link_superior.png);
    background-position: top;
}
.marco_principal #cabecera .cabecera_seccion_01 .seccion_01_navegador .navegador_enlaces a{
    display: inline-block;
    margin:20px 20px 5px 0px; 
    font-family: arial; 
    font-size: 12px; 
    text-decoration: none; 
    color:#FFFFFF;
}
.marco_principal #cabecera .cabecera_seccion_01 .seccion_01_navegador .navegador_enlaces a img{
    vertical-align: middle;
}
.marco_principal #cabecera .cabecera_seccion_01 .seccion_01_navegador .navegador_menu{
    height: 55px;  
    text-align: right;  
    border:1px none #ffffff;
}
.marco_principal #cabecera .cabecera_seccion_01 .seccion_01_navegador .navegador_menu a{
    font-size: 16px; 
    font-family: sansationregular; 
    text-decoration: none; 
    cursor: pointer; 
    color:#FFFFFF; 
    display:inline-block; 
    line-height: 40px; 
    margin: 5px 20px 5px 0px; 
}
.marco_principal #cabecera .cabecera_seccion_01 .seccion_01_navegador .navegador_menu a:hover{     
    color:#A6C7F7;     
}


.marco_principal #cabecera .cabecera_seccion_02{
    height:212px; 
    background-color: #FFFFFF;  
}

.marco_principal #cabecera .cabecera_seccion_03{
    height: 55px; 
    background-image: url(../image/background_menu.png);  
}

.marco_principal #cabecera .cabecera_seccion_03 a{
    font-size: 16px; 
    font-family: sansationregular; 
    text-decoration: none; 
    cursor: pointer; 
    color:#FFFFFF; 
    display:inline-block; 
    line-height: 40px; 
    margin: 5px 0px 5px 20px;
}

.marco_principal #cabecera .cabecera_seccion_03 a:hover{     
    color:#A6C7F7;     
}

.marco_principal #cuerpo{
    overflow: hidden; 
    background-color:#FFFFFF;
}

.marco_principal .noinicio{
    background-image: url(../image/bg_cuerpo.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

.marco_principal #cuerpo .contenedor1{
    width: 242px; height: 350px; background-color: #F48219; float: left; margin: 10px 0px 10px 8px;
    display: inline-block;
    
}
.marco_principal #cuerpo .contenedor2{
    width: 242px; height: 350px; background-color: #DD620B; float: left; margin: 10px 0px 10px 8px;
    
}
.marco_principal #cuerpo .contenedor3{
    width: 242px; height: 350px; background-color: #C64F16; float: left; margin: 10px 0px 10px 8px;
    
}
.marco_principal #cuerpo .contenedor1 h3,.marco_principal #cuerpo .contenedor2 h3, .marco_principal #cuerpo .contenedor3 h3{
    margin:20px 5px 10px 15px; 
    font-family: sansationregular; 
    font-weight:100; 
    font-size: 16px; 
    color:#FFFFFF; 
    letter-spacing: 0.025em;
}

.marco_principal #cuerpo .contenedor1 p,.marco_principal #cuerpo .contenedor2 p, .marco_principal #cuerpo .contenedor3 p{
    margin:0 auto;     
    font-family: Arial; 
    font-size: 12px; 
    color:#FFFFFF; 
    text-align: left; 
    width: 209px; 
    display: block;
}



.marco_principal #cuerpo .banner{
    width: 242px; height: 480px; 
    background-color: FFFFFF; 
    float: left; 
    margin: 10px 0px 10px 8px;
}


.marco_principal #cuerpo .contenedor_nosotros{
    width: 494px; min-height:580px;   
    float: left; 
    margin: 10px 0px 10px 8px;
}


.marco_principal #cuerpo .barra_naranja{
    background-color: #F48219; height: 25px; float: left; width: 100%;
    background-image: url(../image/bg_barra_naranja.png);
}

.marco_principal #cuerpo .barra_azul{
    height: 15px; width: 100% ; background-color: #162036; float: left;
}


.marco_principal #cuerpo .espaciado{
    width: 100% ; float: left; height: 95px;
}


.marco_principal #cuerpo .contenedor_nosotros p, .marco_principal #cuerpo .contenedor_productos p, .marco_principal #cuerpo .contenedor_experiencia p,.marco_principal #cuerpo .contenedor_contactos p{
    margin:0 auto; 
    font-family: Arial; 
    font-size: 12px; 
    color:#333333; 
    text-align: left; 
    width: 400px; 
    display: block; 
    padding: 3px 0px 15px 0px;
    
    
}

.marco_principal #cuerpo .contenedor_nosotros h3, .marco_principal #cuerpo .contenedor_productos h3, .marco_principal #cuerpo .contenedor_experiencia h3,.marco_principal #cuerpo .contenedor_contactos h3{
    font-family: sansationregular;
    font-size: 22px;
    display: inline-block;
    width:480px;
    margin 0px 15px 0px 0px;
    text-align: left;
    color:#F48219;
    font-weight:100;
    
}

.marco_principal #cuerpo .contenedor_nosotros h4, .marco_principal #cuerpo .contenedor_productos h4, .marco_principal #cuerpo .contenedor_experiencia h4,.marco_principal #cuerpo .contenedor_contactos h4{
    font-family: sansationregular;
    font-size: 18px;
    display: inline-block;
    width:480px;
    margin 0px 15px 0px 0px;
    text-align: left;
    color:#F48219;
    font-weight: 100;
    
}




.marco_principal #pie_pagina{
    margin:0 auto; 
    
}

.marco_principal #pie_pagina .logo{
    float:left; width: 80px; height: 136px;
    
}
.marco_principal #pie_pagina .mensaje{
    float:left; width: 640px; height: 136px; margin: 15px;
    
}

.marco_principal #pie_pagina .mensaje p{
    font-size: 11px; font-weight: normal; letter-spacing: 0.005; font-family: Arial;; color: #FFFFFF;
}
.marco_principal #pie_pagina .mensaje p a{
    color:#FFFFFF; text-decoration: none; cursor: pointer; font-weight: bold;
}
.marco_principal #pie_pagina .mensaje p a:hover{
    color:#1B1464; 
}




/**
** FORMULARIO DE CONTACTOS
***/


.formato_formulario{        
        float: left;
        width: 390px;
        margin: 0px 0px 0px 45px;
}

.formato_formulario .titulo{
        font-family: CartoGothicStdBold, Helvetica, Arial, sans-serif;
		font-size: 18px;
        color: #D87721;
}

.formato_formulario p{
        font-size: 11px;
}

.formato_formulario .label{
        margin: 5px 0px 0px 0px;
        padding: 5px 0px 0px 5px;
        display:inline-block;
        font-family: Arial;
        font-size: 12px;
        
}

.formato_formulario .item{
        margin: 5px;
        padding: 3px;
        border:1px solid #D6D6D6;
        
        
        display: -moz-inline-stack; /* FF2*/
        display:inline-block;
        vertical-align: top; /* BASELINE CORRECCIÓN*/
        margin: 5px;
        zoom: 1; /* IE7 (hasLayout)*/
        *display: inline; /* IE */
        _height: 250px; /* IE6 */
        
}

.formato_formulario .item input{
        border: 1px none #D6D6D6;
        font-family: Arial;
        font-size: 12px;
        
}

.formato_formulario .item textarea{
        border: 1px none #D6D6D6;
        font-family: Arial;
        font-size: 12px;
        display:block;
}

.formato_formulario .item select{
        border: 1px none #D6D6D6;
        font-family: Arial;
        font-size: 12px;
        display:block;
}

.formato_formulario .item label.error{
        border: 1px none #D6D6D6;
        font-family: Arial;
        font-size: 9px;
}


.formato_formulario .botones{
        margin: 5px;
        padding: 5px ;
        display:block;
        text-align: center; 
        
}
.formato_formulario .botones img{
        cursor: pointer;
}

.formato_formulario .respuesta{
        font-size: 11px;
}

div.respuesta{
        font-family: Arial;
        font-size: 10px;
        
}