
div#contenedor {
    background-color:#FFFFFF;
    width: 950px;
    height: 1678px;
    margin: 0 auto;
}

div#principal{
    background-color:#FFFFFF;
    width: 950px;
    height: 2230px;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #CCCCCC;
}
div#prin{
    background-color:#FFFFFF;
    width: 950px;
    height: 608px;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #CCCCCC;
}
div#princi{
    background-color:#FFFFFF;
    width: 950px;
    height: 1380px;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #CCCCCC;
}

div#pri{
    background-color:#FFFFFF;
    width: 950px;
    height: 716px;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #CCCCCC;
}
div#pi{
    background-color:#FFFFFF;
    width: 950px;
    height: 1116px;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #CCCCCC;
}


div#logos {
    background-color:#FFFFFF;
    position:relative;
    width:952px;
    height:1746px;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #000000;
}

div#se {
    position:relative;
    width:172px;
    height:126px;
    float:left;
}

div#dos {
    width:608px;
    height:101px;
    float:left;
}

div#pyme {
    position:relative;
    width:170px;
    height:101px;
    float:left;
}

div#degra {
    position:relative;
    width:778px;
    height:25px;
    float:left;
}

div#menu {
    background-image:url(../img/bazul.jpg);
    position:relative;
    font-family:Optima, Arial, Helvetica, sans-serif;
    font-size: 120%;
    color:#FFFFFF;
    text-align:left;
    width:950px;
    height:32px;
    float:left;
}

#menu a:link{
    border-bottom-color:#000000;
    font-size:100%;

    color: #CCCCCC;

}

#menu a:active {
    color: #FFFFFF;
    font-size:100%;
}
#menu a:hover {
    border-bottom-color:#000000;
    color: #FFFFFF;
    font-size:120%;
}

#menu a:visited {
    border-bottom-color:#000000;
    font-size:100%;
    color: #FFFFFF;
}



.mentext {
    position:relative;
    font-size:70%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    text-align: right;
    color: #FFFFFF;
    float: right;
    margin: 5px 5px 5px 5px;
}

div#izquierda {
    background: #ffffff;
    width: 630px;
    height: 1778px;
    padding: 0;
    margin: 0;
    float:left;
}
div#flash {
    background-color:#f8fbfe;
    width:590px;
    height: 275px;
    border: 1px solid gray;
    padding: 5px;
    margin: 10px 0px 0px 13px;
    float:left;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.titulo {
    font-size: 80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #000000;
    background-image: url(../img/ddiez.jpg);
    width:600px;
    height: 21px;
    float:left;
    padding:0px;
    margin: 13px 5px 0 13px;
    border: 1px solid gray;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


div#uno {
    background-color:#f8fbfe;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:600px;
    height: 370px;
    padding:0px;
    margin: 0 5px 0 13px;
    border: 1px solid gray;

}


div#one {
    background-color:#f8fbfe;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:600px;
    height: 145px;
    padding:0px;
    margin: 0 5px 0 13px;
    border: 1px solid gray;

}

div#duo {
    background-color:#f8fbfe;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:600px;
    height: 175px;
    padding:0px;
    margin: 0 5px 0 13px;
    border: 1px solid gray;
}

div#tres {
    background-color:#f8fbfe;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:600px;
    height: 290px;
    padding:0px;
    margin: 0 5px 0 13px;
    border: 1px solid gray;
}

div#cuatro {
    background-color:#f8fbfe;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:600px;
    height: 310px;
    padding:0px;
    margin: 0 5px 0 13px;
    border: 1px solid gray;
}

div#cinco {
    background-color:#f8fbfe;
    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:600px;
    height: 40px;
    padding:0px;
    margin: 0 5px 0 13px;
    border: 1px solid gray;
}

div#derecha {
    background: #ffffff;
    width: 320px;
    height: 1400px;
    padding: 0;
    margin: 0;
    float:left;
}

.derechaclass {
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    background-image:url(../img/ddiez.jpg);
    font-weight:bold;
    color: #000000;
    float: left;
    width:305px;
    height: 21px;
    padding:0px;
    margin: 13px 5px 0 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid gray;
}

.textoder {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:90%;
    text-align:justify;
    width: 295px;
    height:100px;
    padding: 0;
    margin: 5px 3px 3px 3px;
    float:left;

}

.textoder a:link{
    border-bottom-color:#000000;

    color: #006699;

}

.textoder a:active {
    color: #006699;

}
.textoder a:hover {
    border-bottom-color:#000000;
    color: #006699;
}

.textoder a:visited {
    border-bottom-color:#000000;
    color: #006699;
}

.textoizq {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align:justify;
    width: 590px;
    height:100px;
    padding: 0;
    margin: 3px 3px 3px 3px;
    float:left;
}
.textofac {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align:justify;
    width: 590px;
    height:270px;
    padding: 0;
    margin: 3px 3px 3px 3px;
    float:left;
}

.cua {

    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    background-image: url(../img/vinetapeque.jpg);
    font-weight:bold;
    float: left;
    width: 8px;
    height: 8px;
    padding:0px;
    margin-bottom:0px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;

}

.cuam {

    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    background-image: url(../img/vinetapeque.jpg);
    font-weight:bold;
    float: left;
    width: 8px;
    height: 8px;
    padding:0px;
    margin-bottom:0px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 7px;

}
.pre {

    font-size:12px;
    font-family:Optima, Arial, Helvetica, sans-serif;
    background-image: url(../img/vinetapeque.jpg);
    font-weight:bold;
    float: left;
    width: 8px;
    height: 8px;
    padding:0px;
    margin-bottom:0px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 10px;

}

.textore {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align:justify;
    width: 570px;
    height:20px;
    padding: 0;
    margin: 0px 0px 0px 0px;
    float:left;
}

.textofa {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align:justify;
    width: 570px;
    height:60px;
    padding: 0;
    margin: 3px 3px 3px 3px;
    float:left;
}

.tablatext {
    background-color: #BFD3F2;
    font-family:Optima, Verdana, Arial, sans-serif;
    font-size:100%;
    color: #000000;
}

.textoac {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:90%;
    text-align: center;
    width: 295px;
    height:60px;
    padding: 0;
    margin: 3px 3px 3px 3px;
    float:left;
}

.textoetapa {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:90%;
    text-align: justify;
    width: 940px;
    height:580px;
    padding: 0;
    margin: 3px 3px 3px 3px;
    float:left;

}
.base {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align: justify;
    width: 940px;
    height:80px;
    padding: 0;
    margin: 3px 3px 3px 3px;
    float:left;

}

.texto2etapa {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:110%;
    text-align: justify;
    width: 940px;
    height:100px;
    padding: 0;
    margin: 3px 3px 3px 3px;
    float:left;

}

.textopetapas {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align: justify;
    width: 920px;
    height:15px;
    padding: 0;
    margin: 0px 3px 3px 0px;
    float:left;

}

.textoet {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align: justify;
    width: 910px;
    height:30px;
    padding: 0;
    margin: 5px 3px 3px 10px;
    float:left;

}

.textopre {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align: justify;
    width: 910px;
    height:50px;
    padding: 0;
    margin: 5px 3px 3px 10px;
    float:left;

}

.textopresentar {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align: justify;
    width: 900px;
    height:19px;
    padding: 0;
    margin: 07px 3px 3px 5px;
    float:left;

}


.material {
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    text-align: justify;
    width: 920px;
    height:12px;
    padding: 0;
    margin: 5px 3px 3px 10px;
    float:left;

}

div#primer {
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 160px;
    padding:0px;
    margin: 0 5px 0 0px;
    border: 1px solid gray;

}

div#nombre {
    font-size:100%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:70px;
    height: 20px;
    padding:0px;
    margin: 5px 5px 5px 5px;
}

div#entrar {
    font-size:100%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:300px;
    height: 20px;
    padding:0px;
    margin: 5px 5px 5px 5px;
}

div#caja {
    font-size:100%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:200px;
    height: 20px;
    padding:0px;
    margin: 5px 5px 5px 5px;
}


div#fla {
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 106px;
    padding:0px;
    margin: 13px 5px 0 0px;
    border: 1px solid gray;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;

}


div#segundo {
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 105px;
    padding:0px;
    margin: 0 5px 0 0px;
    border: 1px solid gray;
}

div#tercero {
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 60px;
    padding:0px;
    margin: 0 5px 0 0px;
    border: 1px solid gray;
}

div#cuarto {
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 165px;
    padding:0px;
    margin: 0 5px 0 0px;
    border: 1px solid gray;
}

div#quinto{
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 195px;
    padding:0px;
    margin: 13px 5px 0 0px;
    border: 1px solid gray;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.flash {
    width: 300px;
    height:100px;
    padding: 0;
    margin: 3px 3px 3px 3px;
    float:left;
}

div#sexto{
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 90px;
    padding:0px;
    margin: 0px 5px 0 0px;
    border: 1px solid gray;
}

div#septimo{
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 223px;
    padding:0px;
    margin: 0 5px 0 0px;
    border: 1px solid gray;
}

div#octavo{
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 75px;
    padding:0px;
    margin: 0 5px 0 0px;
    border: 1px solid gray;
}
div#noveno{
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 40px;
    padding:0px;
    margin: 0 5px 0 0px;
    border: 1px solid gray;
}

div#teen {
    background-color:#f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:305px;
    height: 60px;
    padding:0px;
    margin: 0 5px 0 0px;
    border: 1px solid gray;
}

#informacion {
    position:relative;
    background-color:#f8fbfe;
    background-image: url(../img/conPleinfo.jpg);
    background-repeat:no-repeat;
    font-size: 70%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float:left;
    width:950px;
    height:80px;
    padding:0px;
    margin: 13px 0 5px 0;
    border: 1px solid #999999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.info {
    font-size:100%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    text-align: left;
    color: #333333;
    width:896px;
    height: 70px;
    margin: 8px 0 0 49px;
}

div#pie {
    position:relative;
    background-color: #349cc8;
    font-size: 80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    text-align: center;
    width:950px;
    height:30px;
    padding:0px;
    margin: 10px 0 0 0;
    border: 1px solid #999999;
}

.poli {
    font-size:70%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #333333;
    width:900px;
    height: 45px;
    padding:3px;
    margin: 5px 5px 0 8px;
}



div#izq{
    background: #ffffff;
    width: 950px;
    height: 925px;
    padding: 0;
    margin: 0;
    float:left;
}

div#im{
    background: #ffffff;
    width: 950px;
    height: 150px;
    padding: 0;
    margin: 0;
    float:left;
}

.titulo1 {
    font-size: 80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #000000;
    background-image:url(../img/ddiez.jpg);
    width:948px;
    height: 21px;
    float:left;
    padding:0px;
    margin: 13px 5px 0 0px;
    border: 1px solid gray;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


div#etapas{
    background-color: #f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:948px;
    height: 885px;
    padding:0px;
    margin: 0px 5px 0 0px;
    border: 1px solid gray;
}

div#img{
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:948px;
    height: 365px;
    padding:0px;
    margin: 20px 5px 0 0px;
}

div#impacto{
    background-color: #f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:948px;
    height: 110px;
    padding:0px;
    margin: 0px 5px 0 0px;
    border: 1px solid gray;
}	

div#preguntas {
    background-color: #f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:948px;
    height: 220px;
    padding:0px;
    margin: 0px 5px 0 0px;
    border: 1px solid gray;
}	


div#presenta {
    background-color: #f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:948px;
    height: 590px;
    padding:0px;
    margin: 0px 5px 0 0px;
    border: 1px solid gray;
}	

div#ffla {
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width: 947px;
    height: 570px;
    padding:0px;
    margin: 10px 5px 0 0px;

}

div#material {
    background-color: #f8fbfe;
    font-size:80%;
    font-family:Optima, Arial, Helvetica, sans-serif;
    float: left;
    width:948px;
    height: 230px;
    padding:0px;
    margin: 0px 5px 0 0px;
    border: 1px solid gray;
}	

div#material  a:link{
    border-bottom-color:#000000;

    color: #006699;

}

div#material  a:active {
    color: #006699;

}
div#material  a:hover {
    border-bottom-color:#000000;
    color: #006699;
}

div#material  a:visited {
    border-bottom-color:#000000;
    color: #006699;
}
