* {
 margin: 0px;
 padding: 0px;
}
@font-face {
font-family: 'mifuente';
src: url('fuentes/FFF Tusj.ttf');
}



body
{
    background-image: url('00fondo.jpg'); 
    background-repeat: no-repeat;
    background-size: cover ;
    background-attachment: fixed;
    font-family: Helvetica, Arial, Verdana;
    color: #003300;
    text-align: center;
    
}

#grupo_principal {
    width: 1400px ;
    margin: 30px auto;
    text-align: justify;
}

#cabecera {
    background: #ccffcc;
    border: 2px solid #009900;
    border-radius: 15px;
    padding: 15px;
        text-align:center;
}

h1 {
font: bold 70px Candara, sans-serif;
}

h2 {
    font: bold 30px Verdana, sans-serif;
    margin-bottom: 30px;
}

h3 {
    font:  17px Lucida Bright;
    margin-left: 10px;
}

h4{
    font: bold 25px Calibri;
    margin-top: 20px;
    margin-left: 70px;
    text-align: left;
}

h5{
    font:  20px Calibri;
    margin-top: 15px;
    margin-left: 70px;
    text-align: left;
}

h6 {
 font: oblique bold 15px Calibri, sans-serif;
 color: red;
 text-align: right;
 margin-right: 70px;
}



#seccion_principal{
    background:#30c530;    
    width: 1368px;
    border: 2px solid #009900;
    border-radius: 10px;
    margin: 20px auto;
        padding:10px;
    text-align: center;
        background: lineal-gradient(to right, #ccffcc,#dfe3ee);
}

.artic{
    display: inline-block;
    align-content: left;
    
}

.articulo{
   
    align-content: left;
    background: #ccffcc;
    width: 1070px;
    margin: 10px auto;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}

.lateral{
    display: inline-block;
    align-self: right;
    align-content: right;
    vertical-align: top;
    background: #e7ffe7;
    width: 210px;
    height: 668,4px;
    margin: 10px auto;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 10px
}


#seccion_secundaria{

   
    margin-top: 15px;
    text-align: center;

}

.articulo2{
    display: inline-block;
    align-content: left;
    width: 750px;
    text-align: justify;
}

.redondeo2{
    width: 227,2px;
    height: 284px;
    border-radius: 10px;
}

.boton{
    display: inline-block;
    background:#30c530;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
    border-width: 0px;
    padding: 10px;
    font: bold 15px Tahoma;
    color: white;
}

.boton-enviar{
    display: inline-block;
    background:#30c530;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
    border-width: 0px;
    padding: 5px;
    font: bold 15px Tahoma;
    color: white;
}

.boton-borrar{
    display: inline-block;
    background:white;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
    border-width: 0px;
    padding: 5px;
    font: 15px Tahoma;
    color:#003300;
}


.pie{
    margin: 5px auto;
    padding:5px;
    text-align: right;
    font: bold 16px mifuente, verdana, sans-serif;
    text-shadow: rgb(0,60,0) 3px 3px 4px;
   
}

.linea-separacion{
    border-style: groove;
    border-color:#ccffcc ;
    border-width: 5px;
    margin-top: 26px;
    margin-bottom: 10px;
}

/*javascript*/

#textocoor{
     
     color:white;
     margin:20;
     font: 16px mifuente, verdana, sans-serif;
     text-shadow: rgb(0, 0, 0) 0px 0px 0px;
     text-align: right;
}

#coordenadas{
     
}