*{
margin:0px;
padding:0px;
}

/*CUERPO TOTAL DE LA PÁG.*/
body{
background-color:#FFFFFF;
padding:auto;
margin: auto;
}


/*CABECERA*/
header{
display: block;
width: 100%;
height:200px;
margin: auto;
clear: both;
}

    /* TITULAR DE HOME */
    #titular{
    background-color:#9E005D;
    width: 100%;
    height: 100px;
    margin-top:10px;
    }
    
    #logomisuraca{
    display:block;
    float: left;
    margin-left: 130px;
    margin-top: 10px;
    }
    
    #titular h1{
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 100;
    font-size: 80px;
    color:#FFFFFF;
    float:left;
    margin-top: -19px;
    margin-left: 20px;
    }

    #titular h2{
    font-family:'Merriweather Sans', sans-serif ;
    font-weight: 100;
    font-size: 20px;
    color:#FFFFFF;
    float:left;
    margin-left: -345px;
    margin-top: 70px;
    }

    #iconossociales{
    display: block;
    float:right;
    margin-top: 25px;
    margin-right: 50px;
    }

    /*TITULAR GENERAL*/
    #titular1{
    background-color:#9E005D;
    width: 100%;
    height: 60px;
    margin-top:10px;
    }

    #titular1 h1{
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 100;
    font-size: 60px;
    color:#FFFFFF;
    float:left;
    margin-top: -13px;
    margin-left: 20px;
    }

    #logomisuraca1{
    display:block;
    float: left;
    margin-left: 130px;
    margin-top: -10px;
    }
    
    #iconossociales1{
    display: block;
    float:right;
    margin-top: 10px;
    margin-right: 50px;
    }
    /*NAVEGADOR*/
    .menu{
    padding-left:100px;
    list-style: none;
    margin: 0px;
    clear: both;
    }

        .menu li{
        margin:0px;
        padding:0px;
        float:left;
        position:relative;
        }

        .menu li a{
        display:block;
        width: 100px;
        height: 30px;
        padding:10px 60px 25px 25px;
        line-height:30px;
        text-decoration: none;
        text-align:center;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 100;
        font-size: 25px;
        color:#9E005D;
        background-color: #FFFFFF;
        position: relative;
        }

        .menu li a hr{
        margin-top: 5px;
        background-color:#9E005D;
        width: 100%;
        height: 3px;
        }

/*como se ve cuando paso el mause*/
        .menu li a:hover{
	   color:#FFFFFF;
	   background-color:#D4B841;
        }
        .menu li a hr:hover{
	   background-color:#FFFFFF;
        }

        .menu li:hover ul{
       opacity:1;
	   visibility:visible;
    }

/*submenu*/

    .menu ul{
    position:absolute;
    display:block;
    width: 900px;
    height: 30px;
    padding:0px;
    line-height:30px;
    text-decoration: none;
    text-align:center;
	transition:opacity .35s ease .2s;
	-webkit-transition:opacity .35s ease .2s;
	-moz-transition:opacity .35s ease .2s;
	-o-transition:opacity .35s ease .2s;
	visibility:hidden;
   /*ubicacion sobre el main*/
        z-index: 2
    }


    .menu ul li a{
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
	border-right:2px solid #9E005D;
	border-left:none;
	display:block;
	text-align:center;
    }



/*1er CONTENEDOR HOME*/

main{
position: relative;
background-image:url(imagenes/fondohome.jpg);
height:350px;
width: 83%;
/*pordebajo del menu desplegable*/
z-index: 1;
}


#gifftalleres{
position: absolute;
left: 135px;
}

#botones{
position: absolute;
top:50%;
left: 65px;
}

    #caja1{
    display: block;
    position: absolute;
    top: 400px;
    left: 100px;
    background-color:#9E005D;
    border-radius: 10px;
    width:400px;
    height: 200px;
    padding: 10px 10px 20px 20px;
    margin-bottom: 200px;
    }

        #caja1 h3{
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 25px;
        font-weight: 100;
        color:white;
        }

        #caja1 h4{
        margin-top: 3px;
        font-family: 'Merriweather Sans', sans-serif;
        font-size: 18px;
        font-weight:600;
        color:white;
        }

        #caja1 ul{
        margin-top: 10px;
        padding-left: 80px;
        font-family: 'Merriweather', serif;
        font-size: 18px;
        font-weight: 300;
        color:white;
        }

        #caja1 #mas1{
        position: absolute;
        left: 88%;
        top:78%;
        }

        #caja1 hr{
        background-color: white;
        width: 95%;
        }


    #caja2{
    display: block;
    position: absolute;
    top: 400px;   
    left:550px;
    background-color:#9E005D;
    border-radius: 10px;
    width:400px;
    height: 200px;
    padding: 10px 10px 20px 20px;
    margin-bottom: 200px;
    }

        #caja2 h3{
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 25px;
        font-weight: 100;
        color:white;
        }

        #caja2 h4{
        margin-top: 3px;
        font-family: 'Merriweather Sans', sans-serif;
        font-size: 18px;
        font-weight:600;
        color:white;
        }

        #caja2 p{
        padding-top:10px;
        font-family: 'Merriweather', serif;
        font-size: 15px;
        font-weight: 300;
        color:white;
        }
        #caja2 hr{
        background-color: white;
        width: 95%;
        }
        #caja2 #mas1{
        position: absolute;
        left: 88%;
        top:78%;
        }
#mas1:hover{
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear
}



/*COLUMNA HOME*/
aside{
position: relative;
float: right;
width: 15%;
height: 300px;
display: block;
background-color:#FFFFFF;
margin-top: -350px;
margin-bottom: 250px;
padding-bottom:300px;
z-index: 1;
}

#caja3{
position: relative;
top:50px;
margin-bottom: 70px;
background-color:#D4B841;
border-radius: 10px;
width:200px;
height: 100px;
padding: 10px 10px 20px 20px;
}


#caja3 #globo1{
position: absolute;
top: -56px;
left:-30px;
}

#caja3 h5{
position: absolute;
top: -30px;
left: 30px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 21px;
font-weight: 700;
color: #9E005D;
}
#caja3 h6{
position: absolute;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
}

#caja3 p{
margin-top: 23px;
font-family: 'Merriweather',serif;
font-size: 14px;
font-weight: 200;
color: #FFFFFF;
}

#caja4{
position: relative;
top:50px;
margin-bottom: 70px;
background-color:#D4B841;
border-radius: 10px;
width:200px;
height: 100px;
padding: 10px 10px 20px 20px;
}

#caja4 #globo1{
position: absolute;
top: -56px;
left:-30px;
}

#caja4 h5{
position: absolute;
top: -30px;
left: 30px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 21px;
font-weight: 700;
color: #9E005D;
}
#caja4 h6{
position: absolute;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
}
#caja4 ul{
margin-top: 20px;
padding-left: 20px;
font-family: 'Merriweather', serif;
font-size: 13px;
font-weight: 300;
color:white;
}

#caja5{
position: relative;
top:50px;
margin-bottom: 70px;
background-color:#D4B841;
border-radius: 10px;
width:200px;
height: 100px;
padding: 10px 10px 20px 20px;
}

#caja5 #globo1{
position: absolute;
top: -56px;
left:-30px;
}

#caja5 h5{
position: absolute;
top: -30px;
left: 30px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 21px;
font-weight: 700;
color: #9E005D;
}
#caja5 h6{
position: absolute;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
}
#caja5 div{
position: absolute;
display: block;
top:40px;
margin-bottom: 50px;
}


#caja6{
position: relative;
top:50px;
margin-bottom: 70px;
background-color:#D4B841;
border-radius: 10px;
width:200px;
height: 100px;
padding: 10px 10px 20px 20px;
}

#caja6 #globo1{
position: absolute;
top: -56px;
left:-30px;
}

#caja6 h5{
position: absolute;
top: -30px;
left: 30px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 21px;
font-weight:700;
color: #9E005D;
}
#caja6 h6{
position: absolute;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
}

#caja6 div{
position: absolute;
display: block;
top:40px;
margin-bottom: 50px;
}

#mas2{
position: absolute;
left: 88%;
top:78%;
}
#mas2:hover {
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear
}
#globo1:hover{
-webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear
}



/*1eR COMNTENIDO MORFOLOGÍA GENERAL*/
#main1{
position: relative;
background-image:url(imagenes/fondomgeneral.jpg);
height:300px;
width: 85%;
/*pordebajo del menu desplegable*/
z-index: 1;
}
    /*tutulo*/
    #main1 div{
    position: absolute;
    top:-70px;
    left:0px;
    }
    
    #globom1{
    margin:10px 0px 0px 20px;
    }
    #globom1:hover{
    -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform:     scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear
    }

    #main1  h2{
    padding-left: 100px;
    margin-top:-40px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #0996AB;
    }
    #main1 h3{
    padding-left: 380px;
    margin-top:-40px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight:100;
    color: #0996AB;
    }
    #main1 div hr{
    position: absolute;
    left:90px;
    top:70px;
    width:178%;
    height: 3px;
    background-color:#0996AB;
    }
        /*CAJA de TEXTO*/
        #main1 #caja1{
        display: block;
        position: relative;
        top: 30px;
        left: 100px;
        background-color:#FFFFFF;
        border-radius: 10px;
        width:800px;
        height: 220px;
        padding:20px 20px 20px 20px;
        }

            #main1 #caja1 h3{
            position: absolute;
            top:50px;
            left: -360px;
            font-family:'Open Sans Condensed', sans-serif;
            font-size: 25px;
            font-weight: 700;
            color:#0996AB;
            }
            #main1 #caja1 hr{
            position: absolute;
            top:45px;
            left:0px;
            height: 1px;
            width: 100%;
            }
            #main1 #caja1 p{
            position: absolute;
            padding-top:50px;
            font-family: 'Merriweather', serif;
            font-size: 15px;
            font-weight: 300;
            color:#0996AB;
            }
/*contenido secundario*/

#main1 #caja2{
display: block;
position: absolute;
top: 350px;   
left:100px;
background-color:white;
border-style:solid;
border-width:3px;
border-color: #0996AB;
border-radius: 10px;
width:270px;
height: 400px;
padding: 10px 10px 20px 20px;
}

    #main1 #caja2 h3{
    position: absolute;
    top:50px;
    left: -365px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    font-weight:300;
    color:#0996AB;
    }

    #main1 #caja2 ul{
    list-style: none;
    margin-top:70px;
    padding-left:10px;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 700;
    color:#0996AB;
    }
    
    #main1 #caja2 hr{
    position: absolute;
    top:45px;
    left:7px;
    color:#0996AB;
    height: 1px;
    width: 95%;
    }
    
    
#main1 #caja3{
display: block;
position: absolute;
top: 350px;   
left:420px;
background-color:white;
border-style:solid;
border-width:3px;
border-color: #0996AB;
border-radius: 10px;
width:450px;
height: 400px;
padding: 10px 10px 20px 20px;
}
    #main1 #caja3 h3{
    position: absolute;
    top:50px;
    left: -365px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    font-weight:300;
    color:#0996AB;
    }
    #main1 #caja3 h4{
    margin-top:60px;
    font-family:'Merriweather Sans', sans-serif;
    font-size: 18px;
    font-weight:600;
    color:#0996AB;
    }
    #main1 #caja3 ul{
    margin-top:30px;
    padding-left:30px;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 700;
    color:#0996AB;
    }
    #main1 #caja3 hr{
    position: absolute;
    top:45px;
    left:7px;
    color:#0996AB;
    height: 1px;
    width: 95%;
    }

#main1 #caja4{
display: block;
position: absolute;
top: 350px;   
left:920px;
background-color:white;
border-style:solid;
border-width:3px;
border-color: #0996AB;
border-radius: 10px;
width:450px;
height: 400px;
padding: 10px 10px 20px 20px;
z-index: 2;

}
    #main1 #caja4 h3{
    position: absolute;
    top:50px;
    left: -365px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    font-weight:300;
    color:#0996AB;
    }
    #main1 #caja4 h4{
    margin-top:60px;
    font-family:'Merriweather Sans', sans-serif;
    font-size: 18px;
    font-weight:600;
    color:#0996AB;
    }
    #main1 #caja4 hr{
    position: absolute;
    top:45px;
    left:7px;
    color:#0996AB;
    height: 1px;
    width: 95%;
    }
#main1 #caja4 #destacadosm1{
margin-top:50px;
margin-left:10px;
}

#caja4 #d1{
width:25%;
height:150px;
top:280px;
left:30px;
}

    #caja4 #d1 h1{
    top:10ps;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:700;
    color:#0996AB;
    }

    #caja4 #d1 h2{
    margin-top:-20px;
    margin-left: -100px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:100;
    color:#0996AB;
    }
    #caja4 #d1 h3{
    margin-top: 2px;
    margin-left:-15px;
    font-family: 'Open Sans Condensed', sans-serif, cursive;
    font-size:20px;
    font-style: italic;
    font-weight:300;
    color:#0996AB;
    }
    #caja4 #d1 hr{
    border-style: none;
    position: absolute;
    top:0px;
    left:0px;
    height:2px;
    width: 100%;
    color:#0996AB;
    }


#caja4 #d2{
width: 25%;
height: 150px;
top:280px;
left:180px;
}

    #caja4 #d2 h1{
    top:10ps;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:700;
    color:#0996AB;
    }

    #caja4 #d2 h2{
    margin-top:0px;
    margin-left: -100px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:100;
    color:#0996AB;
    }
    #caja4 #d2 h3{
    margin-top: 2px;
    margin-left:-15px;
    font-family: 'Open Sans Condensed', sans-serif, cursive;
    font-size:20px;
    font-style: italic;
    font-weight:300;
    color:#0996AB;
    }
    #caja4 #d2 hr{
    border-style: none;
    position: absolute;
    top:0px;
    left:0px;
    height:2px;
    width: 100%;
    color:#0996AB;
    }


#caja4 #d3{
width: 25%;
height: 150px;
top:280px;
left:330px;
}

    #caja4 #d3 h1{
    top:10ps;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:700;
    color:#0996AB;
    }

    #caja4 #d3 h2{
    margin-top:0px;
    margin-left: -100px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:100;
    color:#0996AB;
    }
    #caja4 #d3 h3{
    margin-top: 2px;
    margin-left:-15px;
    font-family: 'Open Sans Condensed', sans-serif, cursive;
    font-size:20px;
    font-style: italic;
    font-weight:300;
    color:#0996AB;
    }
    #caja4 #d3 hr{
    border-style: none;
    position: absolute;
    top:0px;
    left:0px;
    height:2px;
    width: 100%;
    color:#0996AB;
    }

    #caja4 #mas1{
    position: absolute;
    left: 88%;
    top:85%;
    }

/*fondo MORFOLOGIA GENERAL*/

#asidefondo{
display: block;
height: 250px;
background-color:#FFFFFF;
margin-top:550px;
margin-left:150px;
z-index: 2;
}

    #asidefondo #caja3{
    position: relative;
    top:50px;
    margin-bottom: 70px;
    background-color:#D4B841;
    border-radius: 10px;
    width:200px;
    height: 100px;
    padding: 10px 10px 20px 20px;
    }

        #asidefondo #caja3 #globo1{
        position: absolute;
        top: -56px;
        left:-30px;
        }
        #asidefondo #caja3 h5{
        position: absolute;
        top: -30px;
        left: 30px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 21px;
        font-weight: 700;
        color: #9E005D;
        }
        #asidefondo #caja3 h6{
        position: absolute;
        font-family: 'Merriweather Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
        }
        #asidefondo #caja3 #mapa{
        margin-top: 23px;
        }


    #asidefondo #caja4{
    position: relative;
    top:-150px;
    margin-bottom: 70px;
    left:300px;
    background-color:#D4B841;
    border-radius: 10px;
    width:200px;
    height: 100px;
    padding: 10px 10px 20px 20px;
    }
        #asidefondo #caja4 #globo1{
        position: absolute;
        top: -56px;
        left:-30px;
        }
        #asidefondo #caja4 h5{
        position: absolute;
        top: -30px;
        left: 30px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 21px;
        font-weight: 700;
        color: #9E005D;
        }
        #asidefondo #caja4 h6{
        position: absolute;
        font-family: 'Merriweather Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
        }
        #asidefondo #caja4 ul{
        margin-top: 20px;
        padding-left: 20px;
        font-family: 'Merriweather', serif;
        font-size: 13px;
        font-weight: 300;
        color:white;
        }

    #asidefondo #caja5{
    position: relative;
    top:-350px;
    left:600px;
    margin-bottom: 70px;
    background-color:#D4B841;
    border-radius: 10px;
    width:200px;
    height: 100px;
    padding: 10px 10px 20px 20px;
    }
        #asidefondo #caja5 #globo1{
        position: absolute;
        top: -56px;
        left:-30px;
        }
        #asidefondo #caja5 h5{
        position: absolute;
        top: -30px;
        left: 30px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 21px;
        font-weight: 700;
        color: #9E005D;
        }
        #asidefondo #caja5 h6{
        position: absolute;
        font-family: 'Merriweather Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
        }
        #asidefondo #caja5 div{
        position: absolute;
        display: block;
        top:40px;
        margin-bottom: 50px;
        }

#asidefondo #caja6{
position: relative;
top:-550px;
left:900px;
margin-bottom: 70px;
background-color:#D4B841;
border-radius: 10px;
width:200px;
height: 100px;
padding: 10px 10px 20px 20px;
}
#asidefondo #caja6 #globo1{
position: absolute;
top: -56px;
left:-30px;
}
#asidefondo #caja6 h5{
position: absolute;
top: -30px;
left: 30px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 21px;
font-weight:700;
color: #9E005D;
}
#asidefondo #caja6 h6{
position: absolute;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
}
#asidefondo #caja6 div{
position: absolute;
display: block;
top:40px;
margin-bottom: 50px;
}




/*PERFIL MGENERAL*/

#perfil{
position: relative;
float: right;
width: 16%;
display: block;
background-color:#FFFFFF;
margin-top: -350px;
padding-bottom:0px;
z-index: 1;
}

    #perfil #globoarroba{
    position: absolute;
    top: -5px;
    left:-25px;
    }

    #perfil h4{
    position: absolute;
    top: 25px;
    left: 40px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: black;
    }

#cajaperfil{
position: relative;
top:55px;
margin-bottom: 70px;
background-color:#0996AB;
border-radius: 10px;
width:190px;
height: 260px;
padding: 10px 10px 20px 20px;
}


    #cajaperfil h5{
    position: absolute;
    top:15px;
    left: 120px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:700;
    color: #FFFFFF;
    }
    #cajaperfil h6{
    position: absolute;
    margin-top: 10px;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    }
    #cajaperfil ul{
    margin-top: 35px;
    padding-left: 20px;
    font-family: 'Merriweather', serif;
    font-size: 13px;
    font-weight: 300;
    color:white;
    }

    #cajaperfil #mas2{
    position: absolute;
    left: 85%;
    top:90%;
    }

#globoarroba:hover{
-webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear
}


/*1er CONTENEDOR GALERÍA*/

.main2{
position: relative;
height:400px;
width: 70%;
/*pordebajo del menu desplegable*/
z-index:1;
}

#parche{
position: absolute;
height:400px;
width: 100%; 
background-color: white;
z-index: 1;
}

#fondogaleria{
position: absolute;
top:80px;
float:left;
z-index: 2;
}

#giffgaleria{
position: absolute;
left: 135px;
top:80px;
z-index: 2;
}

#botones{
position: absolute;
top:55%;
left: 65px;
z-index: 2;
}

.main2 div{
position: absolute;
height: 300px;
width: 600px;
z-index: 3;
}

    .main2  h2{
    padding-left: 100px;
    margin-top:0px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #9E005D;
    }
    .main2 h3{
    padding-left: 220px;
    margin-top:-40px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight:100;
    color: #9E005D;
    }
    .main2 div hr{
    position: absolute;
    top:40px;
    width:195%;
    height: 3px;
    background-color:#9E005D;
    }

/*segundotitulo GALERIA*/
.main2 #segundotitulo{
position: absolute;
height: 300px;
width: 600px;
top:500px;
z-index: 3;
}
    .main2 #segundotitulo hr{
    position: absolute;
    top:40px;
    width:195%;
    height: 3px;
    background-color:#9E005D;
    }


/*trio GALERIA*/

#galeriam1{
display: block;
position: absolute;
top: 570px;   
left:80px;
background-color:#0996AB;
border-radius: 10px;
width:320px;
height: 250px;
padding: 10px 10px 20px 20px;
z-index: 2;
}
#galeriam1 #globom1{
position: absolute;
top:-30px;
left:-30px;
z-index: 2;
}
#galeriam1 h6{
    position: absolute;
    margin-top: 10px;
    margin-left: 50px;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
#galeriam1 hr{
position: absolute;
    top:40px;
    width:90%;
    height: 1px;
    background-color:white;
}

#galeriam1 h3{
position: absolute;
left: -190px;
top:260px; 
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight:100;
color:white;
}

#galeriam1 h3 hr{
top:24px;
height:1px;
width: 70%;
color:white;
}
#trio{
width:80%;
height:150px;
top:180px;
left:30px;
}
#trio #trabajogaleria{
position: absolute;
top:-130px;
}
    #trio h1{
    top:10ps;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:700;
    color:white;
    }

    #trio h2{
    margin-top:-48px;
    margin-left: -40px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:100;
     color:white;
    }
    #trio h3{
    margin-top: -45px;
    margin-left:10px;
    font-family: 'Open Sans Condensed', sans-serif, cursive;
    font-size:20px;
    font-style: italic;
    font-weight:300;
    color:white;
    }
  #galeriam1 #trio hr{
    border-style: none;
    position: absolute;
    top:0px;
    left:0px;
    height:2px;
    width: 100%;
     color:white;
    }
#galeriam2{
display: block;
position: absolute;
top: 570px;   
left:450px;
background-color:#75AA2B;
border-radius: 10px;
width:320px;
height: 250px;
padding: 10px 10px 20px 20px;
z-index: 2;
}
#galeriam2 #globom1{
position: absolute;
top:-30px;
left:-30px;
z-index: 2;
}
#galeriam2 h6{
    position: absolute;
    margin-top: 10px;
    margin-left: 50px;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
#galeriam2 hr{
position: absolute;
    top:40px;
    width:90%;
    height: 1px;
    background-color:white;
}

#galeriam2 h3{
position: absolute;
left: -190px;
top:260px; 
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight:100;
color:white;
}

#galeriam2 h3 hr{
top:24px;
height:1px;
width: 70%;
color:white;
}

  #galeriam2 #trio hr{
    border-style: none;
    position: absolute;
    top:0px;
    left:0px;
    height:2px;
    width: 100%;
     color:white;
    }


#galeriam3{
display: block;
position: absolute;
top: 570px;   
left:820px;
background-color:#DA4B44;
border-radius: 10px;
width:320px;
height: 250px;
padding: 10px 10px 20px 20px;

z-index: 2;
}
#galeriam3 #globom1{
position: absolute;
top:-30px;
left:-30px;
z-index: 2;
}
#galeriam3 h6{
    position: absolute;
    margin-top: 10px;
    margin-left: 50px;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
#galeriam3 hr{
position: absolute;
    top:40px;
    width:90%;
    height: 1px;
    background-color:white;
}

#galeriam3 h3{
position: absolute;
left: -190px;
top:260px; 
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
font-weight:100;
color:white;
}

#galeriam3 h3 hr{
top:24px;
height:1px;
width: 70%;
color:white;
}

  #galeriam3 #trio hr{
    border-style: none;
    position: absolute;
    top:0px;
    left:0px;
    height:2px;
    width: 100%;
     color:white;
    }
#galeriam1 a #globo1:hover{
-webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear
}


#docentes{
position: absolute;
top:150px;
left: 150px;
z-index: 2;
}
#textodocentes{
position: absolute;
top:160px;
left: 250px;
z-index: 2;
}

#docentesm{
position: absolute;
top:350px;
left: 150px;
z-index: 2;
}
#textodocentesm{
position: absolute;
top:325px;
left: 145px;
z-index: 2;
}

/*REGISTRARSE*/

#registrarse1{
position: absolute;
left: 300px;
top:20px;
z-index: 2;
}
/*ASIDE REGISTRARSE*/


#comisionesm1{
position: relative;
width:100%;
height:140px;
top:80px;
left:30px;
z-index: 2;
border-radius: 10px;
background-color:#0996AB;
padding: 10px 10px 20px 20px;
}
    #comisionesm1 #globo1{
    position: absolute;
    top: -70px;
    left:-75px;
    }
    #comisionesm1 h5{
    margin-top: -43;
    margin-left:-15;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:700;
    color:#0996AB;
    }

    #comisionesm1 h6{
    margin-top:10px;
    margin-left: 0px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:100;
    color:white;
    }
    #comisionesm1 ul{
    margin-top: 10px;
    padding-left: 40px;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 300;
    color:white;
    }


#comisionesm2{
position: relative;
width:100%;
height:140px;
top:150px;
left:30px;
z-index: 2;
border-radius: 10px;
background-color:#75AA2B;
padding: 10px 10px 20px 20px;
}
    #comisionesm2 #globo1{
    position: absolute;
    top: -70px;
    left:-75px;
    }
    #comisionesm2 h5{
    margin-top: -43;
    margin-left:-15;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:700;
    color:#75AA2B;
    }

    #comisionesm2 h6{
    margin-top:10px;
    margin-left: 0px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:100;
    color:white;
    }
    #comisionesm2 ul{
    margin-top: 10px;
    padding-left: 40px;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 300;
    color:white;
    }



#comisionesm3{
position: relative;
width:100%;
height:140px;
top:230px;
left:30px;
z-index: 2;
border-radius: 10px;
background-color:#DA4B44;
padding: 10px 10px 20px 20px;
}
    #comisionesm3 #globo1{
    position: absolute;
    top: -70px;
    left:-75px;
    }
    #comisionesm3 h5{
    margin-top: -43;
    margin-left:-15;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:700;
    color:#DA4B44;
    }

    #comisionesm3 h6{
    margin-top:10px;
    margin-left: 0px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight:100;
    color:white;
    }
    #comisionesm3 ul{
    margin-top: 10px;
    padding-left: 40px;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 300;
    color:white;
    }
/*FINAL*/
footer{
clear: both;
margin: auto;
margin-top:100px;
display: block;
width: 100%;
height: 30px;
line-height: 140%;
text-align: center;
padding:40px 50px 0px 50px;
background-color: #9E005D;
font-family: 'Merriweather Sans', sans-serif ;
font-size: 10px; 
color:white;


}