@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,800,900);


* {
    margin: 0;
    padding: 0;
}


body {
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px; 
    margin-left: auto;
    margin-right: auto;
    width:100%;
    background-image: url(bodyimg-01.jpg)
    }
div#logo {
    margin: 0px;
      padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
background-color:#FDD444;
align-content: center;
 
}
head {
    text-align: center;
    font-family: 'Josefin Sans', sans-serif; 
overflow: auto}


    
header{ background-color: #FDD444;
    text-align: center;
font-family: 'Josefin Sans', sans-serif;}




header h1{ color:#A54994} 

header ul{ width: 960px;
       list-style: none;
   margin: 0px;
    padding: 0px;
    text-align: center; }

header ul li a {
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
     margin-top:0px;
    margin-bottom: 0px;
     margin-left: 70px;
    margin-right:70px;   
    padding: 7px;
    color: #ffffff;
    display: block;
      background-color: #A54994;
  clear: both;
} 
 header ul li a:hover{
     background-color:#c15bac;
     color: #fff;
 text-decoration: underline;
     
 }

header ul li{
    display: inline-block}



nav#botonera ul{ background-color:  #A54994;
 width: 960px;
    float: left;
}
main{

 width: 700px;
    font-family: 'Raleway', sans-serif;
    margin-top:10px;
    margin-bottom: 10px; 
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}





div#galeria { width: 700px; 
    background-image:url(GALERIA4.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 0px;
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 20px;
   
}


#texto{padding-top: 190px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 20px;
    
    
}


#galeria p{ font-family: 'Josefin Sans', sans-serif;
    background-color: #A54994;
    color: #ffffff;
    font-size: 12px;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
width:170px}

#conocenos{ width: 680px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 0px;
     padding-top:10px;
     border-top-left-radius:  1rem;
     border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
     border-bottom-right-radius: 0rem;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;
background-color:#A54994; }

#conocenos ul{ display:inline-block;
    list-style: none;
   
}

#conocenos li{display: inline-block;
    width: 300px;
        padding-top:10px;
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
      color: #fff;
    font-size: 14px;
    font-weight: 900;
float: left;
line-height: 1.5rem;}

#conocenos h2 {
     font-family: 'Josefin Sans', sans-serif;
      color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-decoration: underline
}





#ingresantes{ width: 700px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
   }

#ingresantes ul{ display:inline-block;
    list-style: none;
   
}


#queesilus{
    background-color: #A54994;
    display: inline-block;
    width: 200px;
    border-style: solid;
    border-width: medium;
    border-color: #A54994;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    float: left;
    line-height: 1.2rem;}

#comotrabajamos{
    background-color: #A54994;
    display: inline-block;
    width: 200px;
    border-style: solid;
    border-width: medium;
    border-color: #A54994;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    float: left;
    line-height: 1.2rem;}



#testimonios{
    background-color: #A54994;
    display: inline-block;
    width: 200px;
    border-style: solid;
    border-width: medium;
    border-color: #A54994;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    float: right;
    line-height: 1.2rem;}



#ingresantes li h3{
    font-family: 'Josefin Sans', sans-serif;
      color: #fff;
    font-size: 20px;
    text-decoration: underline
}

    
    
    
    



div#noticias { 
    width: 330px;
    color: #A54994;
    padding: 5px;   
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Raleway', sans-serif; 
    font-size: 14px;
    font-weight:400;
    
    
}

div#noticias img{ width: 100%; 
    display: block;    
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    
   
}

div#noticias h2{ 
    background-color:#A54994; 
    display: block;
    color: #fff;
    font-family: 'Raleway', sans-serif; 
    font-weight:900;
letter-spacing: 0.2rem;
font-size: 20px;
padding: 5px;
float: left;
width: 660px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 5px;
margin-top: 0px;
}


div#noticias2 { 
           width: 300px;
    color: #A54994;
    padding: 5px;   
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 0px;
    font-family: 'Raleway', sans-serif; 
    font-size: 12px;
    font-weight:400;
    float: right;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 10px;
    line-height: 1.2rem;
        
    
}
 div#informate{ width: 680px;
      border-style: solid;
    border-width: medium;
    border-color: #A54994;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding:10px;
     margin-top: 15px;
     margin-bottom: 15px;
     margin-left: 0px;
     margin-right: 0px;
     }
div#informate hr{
  background-color:#A54994; 
  height: 0.5px; 
  margin-left: 0%;
  width: 100%; }

   


aside{ background-color: #ffffff;
     width: 220px;
    float: right;
    color: #A54994;
    font-family: sans-serif;
    font-size: 11px;
    font-weight:600;  
    text-align: left;
    font-family: 'Lato', sans-serif;
    margin-top:0px;
    margin-bottom: 10px;
    margin-left: 40px;
    margin-right: 0px;
        
}
aside UL{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;  
    width: 220px;
    float: right;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    clear: both
      }  

#caja {
  background-color:#A54994; 
  height: 20px; 
  margin-left: 0%;
  width: 100%; 
}

aside UL hr {  font-weight: 900;
  background-color:#A54994; 
  height: 1px; 
  margin-left: 0%;
  width: 100%; 
}

 p#masinfo { font-weight: 900;
 font-family: 'Josefin Sans', sans-serif;
font-size: 15px;
 text-align: right
}

aside UL LI{ background-color: #7FC7B9;
    border-top-left-radius:  0.7rem;
    border-top-right-radius:   0.7rem;
    border-bottom-left-radius:    0.7rem;
    border-bottom-right-radius: 0rem;
    width: 200px;
    text-align:left;
    display: block;
    float:right;
    color: #A54994; 
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
  }


aside UL LI img{
display:block;
margin: auto;
width: 100%;}

aside h2{
    font-family: 'Josefin Sans', sans-serif;
font-size: 18px;
    font-weight: 800;
 text-align: left;


}





    

div#carilla { background-color: #ffffff;
       width: 960px;
    margin:auto;
}


/*LIBROALBUM*/

#libroalbum{ width: 680px;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left: 0px;
    padding-top:10px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
border-color:#A54994;
border-style: solid;
border-width: 0.2rem;
background-color: #f8ca38;}

#libroalbum ul{ display:inline-block;
    list-style: none;
   
}
#libroalbum h2 {
     font-family: 'Josefin Sans', sans-serif;
      color: #A54994;
    font-size: 20px;
    font-weight: 900;
    text-decoration: underline
}

#libroalbum li{display: inline-block;
    width: 300px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 14px;
    font-weight: 900;
float: left;
line-height: 1.5rem;}

#libroalbum h3 {
     font-family: 'Josefin Sans', sans-serif;
      color: #A54994;
    font-size: 25px;
    font-weight: 900;
    text-decoration: underline
}


#VERMAS { display: inline-block;
    width: 300px;
    }

#vermas li{ width: 78px;
    display: inline-block;
    background-color:#A54994; 
    border-top-left-radius:  0.5rem;
    border-top-right-radius:   0.5rem;
    border-bottom-left-radius:   0.5rem;
    border-bottom-right-radius: 0rem;
    text-align: center;
    padding: 1px;


}



#vermas li a{ 
    width: 78px;    
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif;
    color: #FDD444;
    font-weight: 900;
    font-size: 12px;
   
   

}



#barra2{ width: 700px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    
   
   }

#barra2 ul{ display:inline-block;
    list-style: none;
    padding: 0px;
    margin: 0px;
    
    
   
 

}


#cuentos{background-color:#FDD444;
    display: inline-block;
    width: 200px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top:10px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 12px;
    font-weight: 800;
    float: left;
    text-align: left;





}
#abordar{background-color:#FDD444;
    display: inline-block;
    width: 200px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 0px;
    margin-right: 17px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 12px;
    font-weight: 800;
    float: left;
    text-align: left;}
#relacion{background-color:#FDD444;
    display: inline-block;
    width: 200px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 0px;
    margin-right: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 12px;
    font-weight: 800;
    float: left;
    text-align: left;}









#barra2 li h3{
    font-family: 'Josefin Sans', sans-serif;
      color:#A54994;
    font-size: 25px;
    text-decoration: underline;
    font-weight: 800;
    line-height: 1.5rem;
    width: 200px;
}



#barratres { 
    display: block;    
        width: 700px;
        padding:0px; 
       float: left;
    margin-top: 0px;
     margin-bottom: 10px;
     margin-left: 0px;
     margin-right: 20px;
    overflow: auto
     }
#barratres a{ color: #A54994;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 18px;
    font-weight: 900;
}

#referentes{
    display: inline-block;
        width: 320px;
    margin-right: 5Px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px;
    float: left;
     border-top-left-radius:  0.5rem;
    border-top-right-radius:    0.5rem;
    border-bottom-left-radius:    0.5rem;
    border-bottom-right-radius: 0rem;
    border-color:#A54994;
border-style: solid;
border-width: 0.2rem;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 14px;
    font-weight: 400;
    background-color: #ffffff;
    
}
#barratres a{ color: #A54994;}



#nacional{
    width: 150px; 
    float: left;  
    color: #ffffff;    
  padding: 0px;
     margin-bottom: 0px;
     margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    }


#INTERNACIONAL{
    width: 150px; 
    float: right;
     padding: 0px;
    margin-bottom: 0px;
     margin-top: 0px;
    margin-left: 0px;
    margin-right: 10px;
 
    color: #ffffff;
   
        }



#losmejores{
    display: inline-block;
        width: 320px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px;
    float: right;
     border-top-left-radius:  0.5rem;
    border-top-right-radius:    0.5rem;
    border-bottom-left-radius:    0.5rem;
    border-bottom-right-radius: 0rem;
    border-color:#A54994;
border-style: solid;
border-width: 0.2rem;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 14px;
    font-weight: 400;
    background-color: #ffffff;
    
}
#2014{
    width: 160px; 
    float: left;  
    color: #ffffff;    
  padding: 0px;
     margin-bottom: 0px;
     margin-top: 0px;
    margin-left: 0px;
    margin-right: 10px;
    }


#anteriores{
    width: 150px; 
    float:right;
     padding: 0px;
    margin-bottom: 0px;
     margin-top: 0px;
    margin-left: 0px;
    margin-right: 10px;
 
    color: #ffffff;
   
        }
/*  QUE ES EL LIBRO ALBUM */
 
#libroalbum2 { width: 680px;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left: 0px;
    padding-top:10px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;

background-color: #f8ca38;}



#libroalbum2 ul{ display:inline-block;
    list-style: none;   
}

#libroalbum2 h2 {
     font-family: 'Josefin Sans', sans-serif;
      color: #A54994;
    font-size: 20px;
    font-weight: 900;
    text-decoration: underline;
    width: 300px;
}

#libroalbum2 li{display: inline-block;
    width: 300px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 14px;
    font-weight: 400;
float: left;
line-height: 1.2rem;}

#barracuatro{ width: 700px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
  
    
   
   }

#barracuatro ul{ display:inline-block;
    list-style: none;
     margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    
  
    
    
   
 

}


#recomendados{background-color:#FDD444;
    display: inline-block;
    width: 320px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
  padding: 10px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top:10px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 12px;
    font-weight: 800;
    float: left;
    text-align: left;





}
#autoria{background-color:#FDD444;
    display: inline-block;
    width: 320px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 12px;
    font-weight: 800;
    float: right;
    text-align: left;}









#barracuatro li h3{
    font-family: 'Josefin Sans', sans-serif;
      color:#A54994;
    font-size: 25px;
    text-decoration: underline;
    font-weight: 800;
    line-height: 1.5rem;
    width: 200px;
}




/* RELACION IMAGEN TEXTO */ 
#textoimagen { width: 680px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 0px;
    padding-top:10px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;

background-color: #f8ca38;}



#textoimagen ul{ display:inline-block;
    list-style: none;   
}

#textoimagen h3 {
     font-family: 'Josefin Sans', sans-serif;
      color: #A54994;
    font-size: 15px;
      
    font-weight: 900;
    text-decoration: underline;
    width: 350px;
    float: left:
}
#textoimagen h2 {
     font-family: 'Josefin Sans', sans-serif;
      color: #A54994;
    font-size: 22px;
    font-weight: 900;
    text-decoration: underline;
    width: 700px;
     margin: 10px;
}

#textoimagen li{display: inline-block;
    width: 300px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    font-size: 14px;
    font-weight: 400;
float: left;
line-height: 1.2rem;}

#textoimagen hr{  background-color:#A54994; 
  height: 0.5px; 
  margin-left: 0%;
  width: 100%; 
  margin-top: 80px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;


}





/* GALERIA*/


#galeriadosmilcatorce { width: 680px;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 20px;   
    padding-top:0px;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;

background-color: #f8ca38;}


#galeriadosmilcatorce h1{
    font-family: 'Josefin Sans', sans-serif;
      color: #A54994;
    font-size: 25px;
    font-weight: 900;
    text-decoration: underline;
    width: 700px;
     margin: 10px;
text-align: center}

#galeriadosmilcatorce ul{ display:inline-block;
    list-style: none;}
#galeriadosmilcatorce ul li{ display:inline-block;
    list-style: none;
width: 200px;
padding: 0px;
margin:10px}



#barracinco { width: 680px;
  overflow: auto;
     margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0px;    
    
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
    border-bottom-right-radius: 0rem;
   padding: 0px;

}




#barracinco ul{ display:inline-block;
    list-style: none;
margin: 0px;
padding: 0px}


#barracinco ul li{ display:inline-block;
    list-style: none;
width: 210px;
padding: 0px;
margin-left: 0px;
     margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right:15px; 
background-color:#FDD444;
     border-top-left-radius:  0.7rem;
    border-top-right-radius:   0.7rem;
    border-bottom-left-radius:    0.7rem;
    border-bottom-right-radius: 0rem;
    float: left
}

#mas { display:inline-block;
    list-style: none;
     float: right;
width: 210px;
padding: 0px;
margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right:0px; 
background-color:#FDD444;
     border-top-left-radius:  0.7rem;
    border-top-right-radius:   0.7rem;
    border-bottom-left-radius:    0.7rem;
    border-bottom-right-radius: 0rem;
   
    
}














/*F O O T E R*/

footer{     border-style: solid;
    border-width: thin;
    border-color: #A54994;
        background-color:#A54994;
   width: 930px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 12px;    
    padding: 15px;
    clear: both;
   
        }