/* CSS Document */

body{background-color:#333333;}
pie{color:#FFFFFF;
font-family: Georgia, Times New Roman, Times, serif;}

.tilde{
background-color:#333333;
width:100%;
top:0px; left:0px;
height:113px;
visibility:visible;
position:absolute;
z-index:auto;}

.barra{
height:45px;
width:100%;
top:112px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-image:url(../img/barra.png);}

/* Se obtiene sumando 140 a la ultima sección definida */

.barra2{
height:45px;
width:100%;
top:1545px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-image:url(../img/barra.png);}

/* Para obtener una nueva sección sumar 125 a la anterior */

.sec1{
height:120px;
width:100%;
top:155px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#CCCCCC;
font-family: Georgia, Times New Roman, Times, serif;
color:#000066;
font-size:15px;
clear:both;}

.sec2{
height:120px;
width:100%;
top:280px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#336699;
font-family: Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
font-size:15px;}

.sec3{
height:120px;
width:100%;
top:405px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#CCCCCC;
font-family: Georgia, Times New Roman, Times, serif;
color:#000066;
font-size:15px;}

.sec4{
height:120px;
width:100%;
top:530px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#336699;
font-family: Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
font-size:15px;}

.sec5{
height:120px;
width:100%;
top:655px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#CCCCCC;
font-family: Georgia, Times New Roman, Times, serif;
color:#000066;
font-size:15px;}

.sec6{
height:120px;
width:100%;
top:780px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#336699;
font-family: Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
font-size:15px;}

.sec7{
height:120px;
width:100%;
top:905px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#CCCCCC;
font-family: Georgia, Times New Roman, Times, serif;
color:#000066;
font-size:15px;}

.sec8{
height:120px;
width:100%;
top:1030px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#336699;
font-family: Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
font-size:15px;}

.sec9{
height:120px;
width:100%;
top:1155px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#CCCCCC;
font-family: Georgia, Times New Roman, Times, serif;
color:#000066;
font-size:15px;}

.sec10{
height:120px;
width:100%;
top:1280px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#336699;
font-family: Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
font-size:15px;}

.sec11{
height:120px;
width:100%;
top:1405px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
background-color:#336699;
font-family: Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
font-size:15px;}

/* Para obtener una nueva imagen sección sumar 125 a la anterior */

.imgSeccion1
{
/* height:100%; */
width:436px;
top:200px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion2
{
/* height:100%; */
width:436px;
top:325px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion3
{
/* height:100%; */
width:436px;
top:450px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion4
{
/* height:100%; */
width:436px;
top:575px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion5
{
/* height:100%; */
width:436px;
top:700px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion6
{
/* height:100%; */
width:436px;
top:825px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion7
{
/* height:100%; */
width:436px;
top:950px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion8
{
/* height:100%; */
width:436px;
top:1075px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion9
{
/* height:100%; */
width:436px;
top:1200px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion10
{
/* height:100%; */
width:436px;
top:1325px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

.imgSeccion11
{
/* height:100%; */
width:436px;
top:1450px; left:65%;
visibility:visible;
position:absolute;
z-index:auto;
font-family:"Times New Roman";
color:#000066;
font-size:15px;
}

/* Se obtiene sumando 45 a barra2 */

.pie{
height:45px;
width:100%;
top:1590px; left:0;
visibility:visible;
position:absolute;
z-index:auto;
}