html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 


*{
 padding: 0px; 
 margin: 0px; 
 font-family: Century Gothic; 
 }
 
 body 
 { 
    background-color: #ededed; 
 }
 
 form
 { 
 width: 700px;  
 margin: auto;  
 background-color: #8bf; 
 margin-top: 100px;
 }
 
 input[type="submit"]
 {
 margin-bottom: 15px;
 margin-top: 5px;   
 } 
 
 input
 {
 margin: 15px; 
 padding: 10px; 
 width: 660px;
 font-size: 18px;
 border: none;
 margin-bottom: 5px;
 }
 
 
 textarea 
 {
 font-size: 18px;
 margin: 15px; 
 padding: 8px; 
 min-width: 640px;
 max-width: 640px;
 min-height: 100px;
 border: none;
 max-height: 200px;
 margin-bottom: 5px;
 } 
 
 
 /****************************GALERIA DE FOTOS Y VIDEOS MAYOR PUBLICIDAD********************************/






/****************************Segunda Linea - 1ra.GALERIA DE FOTOS *************************************************/

/* SECCION BOX SUPERIOR IZQUIERDA */
div#BoxSup {
    position: absolute;
    top: 500px;/*Posicion hasia abajo*/
    left: 190px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}

/* SECCION BOX SUPERIOR CENTRO */
div#BoxSupDer {
    position: absolute;
    top: 500px;/*Posicion hasia abajo*/
    left: 575px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}

/* SECCION BOX SUPERIOR DERECHA */
div#BoxSupDerSegu {
    position: absolute;
    top: 500px;/*Posicion hasia abajo*/
    left: 980px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}
/****************************Tercera Linea - 2da.GALERIA DE FOTOS *************************************************/

/* SECCION BOX INFERIOR IZQUIERDA */
div#BoxInfIzda {
    position: absolute;
    top: 800px;/*Posicion hasia abajo*/
    left: 190px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;  
}
/* SECCION BOX INFERIOR CENTRO */
div#BoxCentIzda {
    position: absolute;
    top: 800px;/*Posicion hasia abajo*/
    left: 575px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}

/* SECCION BOX INFERIOR DERECHA */
div#BoxInfDer {
    position: absolute;
    top: 800px;/*Posicion hasia abajo*/
    left: 980px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}

/****************************Cuarta Linea - 3era.GALERIA DE FOTOS *************************************************/

/* SECCION BOX INFERIOR IZQUIERDA */
div#BoxTerLinea1 {
    position: absolute;
    top: 1100px;/*Posicion hasia abajo*/
    left: 190px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;  
}
/* SECCION BOX INFERIOR CENTRO */
div#BoxTerLinea3 {
    position: absolute;
    top: 1100px;/*Posicion hasia abajo*/
    left: 575px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}


/* SECCION BOX INFERIOR CENTRO */
div#BoxTerLinea2 {
    position: absolute;
    top: 1100px;/*Posicion hasia abajo*/
    left: 980px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}


/*************************************************** V I D E O S ***************************************************/
/* 4ta SECCION BOX INFERIOR IZQUIERDA */
div#BoxCuartaLineaCent {
    position: absolute;
    top: 1400px;/*Posicion hasia abajo*/
    left: 575px;/*Derecha*/
    width: 240px;/*Largo*/
    height: 190px;/*Ancho*/
    background-color: Gray;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}


/******************************************1ra. Linea - V I D E O S ****************************************/

/* SECCION BOX ULTIMA IZQUIERDA Video */
div#BoxVideo {
    position: absolute;
    top: 2030px;/*Posicion hasia abajo*/
    left: 190px;/*Derecha*/
    width: 240px;/*Ancho*/
    height: 190px;/*Largo*/
    background-color: black;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}


/* SECCION BOX ULTIMA DERECHA Video*/
div#BoxVideoDos {
    position: absolute;
    top: 2030px;/*Posicion hasia abajo*/
    left: 575px;/*Derecha*/
    width: 240px;/*Ancho*/
    height: 190px;/*Largo*/
    background-color: black;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}

/* SECCION BOX VIDEO DE LA IZQUIERDA ULTIMO */
div#BoxVideoTres {
    position: absolute;
    top: 2030px;/*Posicion hasia abajo*/
    left: 980px;/*Derecha*/
    width: 240px;/*Ancho*/
    height: 190px;/*Largo*/
    background-color: black;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}
/****************************2da. Linea  - GALERIA VIDEOS 4*************************************************/

/* SECCION BOX VIDEO DE LA DERECHA ULTIMO */

div#BoxCuarLineCentro {
    position: absolute;
    top: 2250px;/*Posicion hasia abajo*/
    left: 375px;/*Derecha*/
    width: 240px;/*Ancho*/
    height: 190px;/*Largo*/
    background-color: black;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}


/* SECCION BOX VIDEO DE LA DERECHA ULTIMO */
div#BoxCuarLineDerecha {
    position: absolute;
    top: 2250px;/*Posicion hasia abajo*/
    left: 785px;/*Derecha*/
    width: 240px;/*Ancho*/
    height: 190px;/*Largo*/
    background-color: black;/*Color de Fondo de la Imagen*/
    color: black;
    font-family: calibri;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
    overflow: hidden;
    padding:  10px;
}
 
 
 
 
 /*********************MENU Y SUB MENUES*************************************/
* { padding: 0; margin: auto; text-align: center  }
#cabecera { background-color: #fff0f0; }  
h1 { font: bold 1.5em arial; padding: 0.5em; }
#navegador { background-color: #00008B; padding: 0.5em; }/*Recuadro de Atras del Manu*/
#navegador li { margin: 0px 5px; padding: 0.1em 2em 0.5em 1em; /*Tamaņo del Recuadro del Menu*/
           background-color: #6495ED; width: 12%;float: left;
           list-style-type: none; position: relative; }/*Forma Horizontal al Menu, Sub Menues y Recauadros de Cada Menu*/
#subseccion1, #subseccion2, #subseccion3, #subseccion4, #subseccion5, #subseccion6 /*Menues Principales*/ 
             { position: absolute; top: 100%; left: 0px;  
             background-color: #6495ED; font:normal 0.8em arial;  
             padding: 0.2em 0.5em ; display: none; }/*Oculta los Sub Menues*/				 
#navegador li:hover { background-color: #6495ED/*#990033*/; }
#navegador li a:link, #navegador li a:visited { 
           color: #feffe4; text-decoration: none; }/*Color de los Sub Menues y de la letra de los Menues*/
#navegador li a:hover, #navegador li a:active { 
           color:#ffd7a9 ; text-decoration: none; }
.borrar { clear: both; }	

#principal h2 { font: bold 1.5em arial; padding: 0.5em }
#principal p { font: normal 0.9em arial; text-align: justify;
           text-indent: 3em; padding: 0.5em 2em; }
