* {
    margin: 0;
    padding: 0;     
}

/* color 
camisa  #6F7A27; 

morado : #581669 ;

amarillo:  #ffff00

azul #0836a9
     #01088f

*/
html {
    
}

body {
    width: 1000px;
    margin: auto;
    background-image: url('http://impeesa.cl/image/fondo.png');
    background-repeat: repeat;
    background-attachment: fixed;   
}

header {
    width: 1000px;
    height: 250px;
    background-image: url('http://impeesa.cl/image/fondo0.jpg');
    border-radius: 25px 25px 25px 25px;

}

nav {
        width: 1000;
    height: 40px;
    background:  #581669;
    border-radius: 25px 25px 3px 3px;
    
}

main {
    width: 1000;
    height:1200;
    margin: auto;
    background:  #FFF;
    vertical-align: text-top;
    

}

#iniciof {
    background:  #fff;
    
}



#nudos {
    background-image: url('http://impeesa.cl/image/nudosf.png');
}



#claves {
    background-image: url('http://impeesa.cl/image/agchi.png');
    margin: auto;
}


#fscout {
    background-image: url('http://impeesa.cl/image/scoutfondo.png');
}


#tnudos {
    width: 700px;
    margin: auto;
}

footer {
    width: 1000;
    height: 135px;
    background:  #581669;
    border-radius: 3px 3px 25px 25px;

}

section#colores {
    width: 800;
    height: 8px;
    float:left; 
}

section#logo {
    width: 200px;
    height: 250px;
    float:left; 
    background: #6F7A27;
    border-radius: 25px 25px 25px 25px;
}

section#textotop {
    width: 800px;
    height: 140px;
    color: #fff;
    float:left; 

}


#header {
                margin: auto;
                width: 600px;
                font-family: Arial;
                font-size: 13px;
                border-top-right-radius: 3em;
            }

/* menu  https://www.youtube.com/watch?v=cWvLPy8OBzA  */

            .nav ul, li {
                list-style: none;

            }

            .nav li a {
                background-color:#581669;
                color:#fff;
                text-decoration: none;
                padding: 11px 15px;
                display: block;
                transition: .4s;
            }

            .nav li a:hover {
                background-color:#0836a9;
                color:#FFF42F;
                font-size: 13px;
                transition: .4s;
            
            }


            .nav li ul li a:hover {
                background-color:#0836a9;
                color:#FFF42F;
                border-top: 4px solid #FFF42F;
                border-image: ;
                transition: .4s;
            
            }


            .nav li {
                    border-right: 3px solid #ffff00;
                    border-left: 3px solid #0836a9;
                            
                    }

            .nav > li {
                float:left;
            }

            .nav li ul {
                display:none;
                position: absolute;
                min-height: 160px;
            }

            .nav li:hover > ul {
                display: block;
            }

            .nav li ul li {
                position: relative;
                z-index: 5;
                outline-width: 250;
            }

            .nav li ul li ul {
                left:100%;
                width: 200px;
                /*right: -170px;*/
                top:0px;
            }

            .nav a.current {
                color:#ffff00;
                background-color:#0836a9;
            }


/*  Stylo de slider  */
        /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=90);
            opacity: .8;
            overflow: hidden;
            cursor: pointer;
            border: #01088f 2.5px solid;
        }
        .jssorb01 div { background-color: #581669; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #6F7A27; }
        .jssorb01 .av { background-color: #ffff00; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
        /*
         gris #555555 
        */

        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('image/img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
        /* jssor slider thumbnail navigator skin 09 css */
        .jssort09-600-45 .p {    position: absolute;    top: 0;    left: 0;    width: 985px;    height: 40px;}
        .jssort09-600-45 .t {    font-family: verdana;    font-weight: normal;    position: absolute;    width: 150%;    height: 150%;    top: 0;    left: 0;    color:#fff;    line-height: 40px;    font-size: 20px;    padding-left: 0px;}

/* fin stylo slider    */  


/*  maquetacion de fomato body */

h3 {
    text-decoration: none;
    font-family: Arial;
}



h1 {

    color:#581669;
}

h2 {

    color:#581669;
}


#tpuntaje table 
{
    border: white 5px outset;
}

#gactividades
{

    border: #742F85 5px outset;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;

}

#tititulo {
    font-family: arial; 
    font-style: oblique;
    font-size: 13;
    margin: 9px;

}

#tisubtitulo {
    text-decoration: none;
    font-family: "Times New Roman"; 
    font-style: oblique;
    font-weight: bold;
    font-size: 11;
   


}

#tisubtitulo2 {
    text-decoration: none;
    font-family: "Times New Roman"; 
    font-style: oblique;
    font-weight: bold;
    font-size: 16;
   


}


#ttitulo {

        text-decoration: none;
        font-family: Arial;
        font-style: oblique;
        font-size: 16px;
   
}

#ttitulon {

        text-decoration: none;
        font-family: "Times New Roman";
        font-style: oblique;
        font-weight: 900;
        font-size: 20px;
        margin: 9px;
}


#ttitulohr {

        text-decoration: none;
        font-family: "Times New Roman" ;
        font-style: oblique;
        font-size: 16px;
        
}

#ttexto {
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        text-align: justify;
}


#htitulo {
        text-decoration: none;
        font-family: "Times New Roman";
        font-style: oblique;
        font-size: 20px;
        font-weight: bold;
        margin: 9px;
        color: #430F50;
}


#thtexto {
        text-decoration: none;
        font-family: "Times New Roman" ;
        color: #000;
        font-style: oblique;
        font-size: 16px;
        text-align: justify;
        margin:15px 15px 15px 15px;

}


#ttexto10 {
        text-decoration: none;
        font-family: Arial;
        font-size: 13px;
        margin: 11px;
        text-align: justify;

}




#ctitulo {
        text-decoration: none;
        font-family: "Times New Roman";
        font-style: oblique;
        font-size: 18px;
        font-weight: bold;
        margin: 9px;
        color: #430F50;
}

#cstitulo {
        text-decoration: none;
        font-family: "Times New Roman";
        font-style: oblique;
        color: #430F50;
        font-size: 13px;
        font-weight: bold;
        margin: 11px;
}


#ctexto {
        text-decoration: none;
        font-family: Arial;
        font-size: 11px;
        margin: 11px;
        color: #340B3F;
        
}


#tpuntaje {

        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        margin: 9px;
}


#presena table {
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        text-align: justify;
       
}

#presena table div table {
      
        border: white 5px outset;
}

#tsombra {
        margin: 10px;
        border: white 5px outset;
}

#tsobra2  {
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        margin: 13px;
        border: white 5px outset;
}



#contenedor_0{  
        height: 300px;
}  



#contenedor_am30 {
        height: 30px;
        
}



#contenedor_am50 {
        height: 50px;
        background:  #fff;
}

#contenedor_a1{  
        height: 100px;
}  

#contenedor_a2{  
        height: 200px;
}


#contenedor_a5{  
        height: 500px;
}

#contenedor_a6{  
        height: 600px;
}

#contenedor_a7{  
        height: 700px;
}

#contenedor_a8{  
        height: 800px;
}

#contenedor_a9{  
        height: 900px;
}

#contenedor_a10{  
        height: 1000px;
}

#contenedor_a11{  
        height: 1100px;
}

#contenedor_a12{  
        height: 1200px;
}  

#contenedor_a13{  
        height: 1300px;
}  

#contenedor_a14{  
        height: 1400px;
}  

#contenedor_a15{  
        height: 1500px;
}  

#contenedor_a16{  
        height: 1600px;
}  

#contenedor_a17{  
        height: 1700px;
}  

#contenedor_a18{  
        height: 1800px;
}  

#contenedor_a19{  
        height: 1900px;
}  

#contenedor_a20{  
        height: 2000px;
}  

#contenedor_a21{  
        height: 2100px;
}  


#contenedor_a22{  
        height: 2200px;
        
}  

#contenedor_a23{  
        height: 2300px;
}  

#contenedor_a24{  
        height: 2400px;
}  

#contenedor_a25{  
        height: 2500px;
}  

#contenedor_a26{  
        height: 2600px;
}  

#contenedor_a27{  
        height: 2700px;
}  

#contenedor_a28{  
        height: 2800px;
}  

#contenedor_a29{  
        height: 2900px;
}  

#contenedor_a30{  
        height: 3000px;
}  

#contenedor_a31{  
        height: 3100px;
}  

#contenedor_a32{  
        height: 3200px;
}  



#contenedor_3{   
        margin-left: 13;
        /* border:2px solid #6F7A27; */  
        font-family: Arial, Helvetica, sans-serif;
        height: 300px;
}  

#izquierda{  
        height:50%;         
        float:left;  
        width:50%;      
}  

#derecha{  
        height:50%;          
        float:right;  
        width:50%; 

}  


#pizquierda_1{         
        
        float:left;  
        width:37%;  
}  


#pcentro_2{           
        float:left;  
        width:37%; 
}  

#pderecha_3{          
        float:right;  
        width:25%;  
}  


#completo{          
        float:left;  
        width:950;  
}  


#izquierda_1{          
        background-color:#BDD2EF;  
        float:left;  
        width:32%;  
}  

#centro_2{  
        height:50%;  
        background-color:#DAF7E2;  
        float:left;  
        width:33%; 
}  

#derecha_3{  
        height:50%;  
        background-color:#DAF7E2;  
        float:right;  
        width:34%;  
}  

#conte_footer {
    border:4px ;
    border-color: #ffff00; 
    height: 150px;
    margin: 9px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

#ctc{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#ctcn{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;    
    text-align: center;
    text-decoration: none;
}


#cccw{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}


#ccn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    text-align: center;
    text-decoration: none;
}

#ccs {
    color: #0000CC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#ccd {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}


#ccomf {
    color: #FA5858;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#ccom {
    color: #585858;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    text-align: center;
    text-decoration: none;
}



#ccact {
        text-decoration: none;
        font-family: Arial;
        font-size: 15px;
        margin: 11px;
        
        
}


/* color 
camisa  #6F7A27; 

morado : #581669 ;

amarillo:  #ffff00

azul #0836a9
     #01088f

*/
#izqfooter{        
     
        float:left;  
        width:32%;  
}  

#centrofooter{  
        float:left;  
        width:33%;  
}  

#derechafooter{  
        float:right;  
        width:34%;  
}  



#ccizqmain {
        float:left;  
        width:30%;  

}

#ccseparador5 {
        float:right;  
        width:5%;  
    
}

#ccseparador15 {
        float:right;  
        width:15%;  
    
}

#ccdermain {
        float:right;  
        width:65%;  
    
}

/* formato del mapa   y fomulario  */

.box-2>div {float:left; width:170px; margin-right:58px;}

.box-2 p.color-1 {margin-top:5px;}

.border-1 {border-bottom:#e5e5e5 1px solid; padding-bottom:15px; margin-bottom:9px;}

.img-border {border:#f4f4f4 5px solid;}


.map {width:200px; height:200px; margin:20px 0 0 0;}

.map iframe {width:200px; height:200px;}


a {text-decoration:none; cursor:pointer;}

a:hover {text-decoration:none;}


#form { margin: 10px 0 0px 0px; width:700px; }

#form input {border:#6F7A27 1px solid; background:#fff;font: 12px Arial, Helvetica, sans-serif;color:#A965BA;padding:11px 9px 13px 11px;outline: medium none;width: 278px; height:10px; float:left;}

 select 
         {
    border:#6F7A27 1px solid; 
    background:#fff;
    font: 12px Arial, Helvetica, sans-serif;
    color:#A965BA;
    
    width: 278px; height:35px}

#form textarea {border:#6F7A27 1px solid; background:#fff;font: 12px Arial, Helvetica, sans-serif;color:#A965BA; height: 130px;outline: medium none;overflow: auto;padding: 12px 0px 0px 11px;width: 300px;resize:none;margin:0px 0 0 0;float:left;}



#form label {position:relative;overflow:hidden;display: block;min-height:49px;}

.btns {text-align:right; width:500px; padding-top:10px;}

.btns a {display:inline-block; margin:0 0px 0 10px;}



.scrollWrapper 
        {
            width:345px;height:384px;
            overflow:hidden;
            border:2px solid #440063;
           /* font-family:Arial;font-size:0.8em; */
        }
#scrollTitle {
            background-color:#440063;
            color:#fff;
            padding:5px;
           /* font-weight:bold;
            text-align:center; */
        }
#scroll    {
            position:relative;
            width:auto;
            margin:1px;
            z-index: -1;
            padding:5px;
        }
#scroll .title  {
    /*
    font-weight:bold;
    margin-top:15px;
    */
    }