@font-face {
    font-family: 'droid_serifregular';
    src: url('fuentes/droidserif-webfont.eot');
    src: url('fuentes/droidserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/droidserif-webfont.woff2') format('woff2'),
         url('fuentes/droidserif-webfont.woff') format('woff'),
         url('fuentes/droidserif-webfont.ttf') format('truetype'),
         url('fuentes/droidserif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'droid_serifbold';
    src: url('fuentes/droidserif-bold-webfont.eot');
    src: url('droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/droidserif-bold-webfont.woff2') format('woff2'),
         url('fuentes/droidserif-bold-webfont.woff') format('woff'),
         url('fuentes/droidserif-bold-webfont.ttf') format('truetype'),
         url('fuentes/droidserif-bold-webfont.svg#droid_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratbold';
    src: url('fuentes/montserrat-bold-webfont.eot');
    src: url('fuentes/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/montserrat-bold-webfont.woff2') format('woff2'),
         url('fuentes/montserrat-bold-webfont.woff') format('woff'),
         url('fuentes/montserrat-bold-webfont.ttf') format('truetype'),
         url('fuentes/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('fuentes/montserrat-regular-webfont.eot');
    src: url('fuentes/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/montserrat-regular-webfont.woff2') format('woff2'),
         url('fuentes/montserrat-regular-webfont.woff') format('woff'),
         url('fuentes/montserrat-regular-webfont.ttf') format('truetype'),
         url('fuentes/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{

    background-color: #000;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top:0px; 
    position:static;
    height: 3500px;
    
    
}


header{
  background-color:rgba(52, 52, 52, 0.75);

position:fixed;
top:0;
width:100%;
z-index:100;
height: 100px;
margin: auto;

}


{
     font-family: 'montserratregular';
}


#header-main{ 
    
height: 100px;
width: 1200px;
margin: auto;
}

#logo{
    
float:left;
margin-left: 60px;
margin-top: 20px;
   
}


#menu{
float:right;
height: 75px;    
width: 500px;
margin-top: 35px;
    
}

nav { 
    
height: 75px;    
width: 500px;   

}


nav ul {    


color: #f0f0f0  ;
float:left;
}



    
nav ul li {
    
font-family: 'montserratregular';
list-style: none;
float:left;
padding-top: 15px;
padding-left: 30px;
padding-right: 20px;
text-decoration: none;

}





nav ul li a {
    
    font-family: 'montserratbold';
    font-size: 12px;
    list-style: none outside none;
    color: #ffffff;
    text-decoration: none;  
    
        
}


nav ul li a:link {
    color:#ffffff;
     text-decoration: none;
}


nav ul li a:visited {
    color: #fff;
     text-decoration: none;
}


nav ul li a:hover {
    color: #747474;
     text-decoration: none;
}




nav ul li a.current:link, a.current:visited {  
    
  
    
    
}  



nav ul li  a.current:visited {  
    
   color: #818181;
    
    
}  







#tilestop{
margin: auto;
width: 1200px;
margin-top: 116px;
height: 700px;

}

.tiles1{

margin-bottom: 16px;
width: 1200px;
height: 344px;
margin-top: 0px;

}


.modulo1 {
float: left;
display: inline-block;
width: 288px;
height: 344px;
margin-right: 16px;


}




.modulo1 h1{
    
font-weight: 100;   
text-decoration: none;
position:relative;
bottom: 300px;
text-align: center;
color: #abc105;
margin-bottom: 0px;
font-family: 'droid_serifregular';
line-height: 45px;
font-size: 36px;
    
  


}


.modulo1 p{

position:relative;
bottom: 300px;
text-align: center;
color: #abc105;
margin-bottom: 0px;
font-family: 'droid_serifregular';
bottom: 300px;
font-size: 24px;
    



}

.modulo1ind {
float: left;
display: inline-block;
width: 288px;
height: 344px;
margin-right: 16px;
margin-bottom: 16px;

}




.modulo1ind h1{
    
font-weight: 100;   
text-decoration: none;
position:relative;
bottom: 300px;
text-align: center;
color: #abc105;
margin-bottom: 0px;
font-family: 'droid_serifregular';
line-height: 45px;
font-size: 36px;
    
  


}


.modulo1ind p{

position:relative;
bottom: 300px;
text-align: center;
color: #abc105;
margin-bottom: 0px;
font-family: 'droid_serifregular';
bottom: 300px;
font-size: 24px;
    



}


.modulo1Bottom {
float: left;
display: inline-block;
width: 288px;
height: 344px;
margin-right: 16px;   

}

.modulo2{

float: left;
width: 288px;
height: 344px;
background-color: #242424;
margin-right: 16px;

}

.modulo2 h2{

font-family: 'montserratbold';  
margin-top: 45px;
margin-left: 30px;
color: #2DA0A8
    
}

.modulo2 p{
margin-top: 35px;   
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 12px;
color: #f0f0f0;
font-kerning: -20;
width: 235px;
line-height: 20px;


}


.modulo2b{

float: left;
width: 288px;
height: 344px;
background-color: #3b3b3b;
margin-right: 16px;

    

}




.modulo2b h7{


font-family: 'montserratbold';  
margin-top: 45px;
margin-left: 65px;
font-size: 24px;    
color: #4E4E4E;
    
    
}

.modulo2b img{

margin: 80px;

}



.modulo2 h7{

font-family: 'montserratbold';  
margin-top: 45px;
margin-left: 65px;
font-size: 24px;    
color: #4E4E4E
    
}





.modulo2c{
margin-right: 16px;
float: left;
width: 288px;
height: 344px;
background-color: #3b3b3b;

}
.modulo2c h2{

font-family: 'montserratbold';  
margin-top: 90px;
margin-left: 30px;
margin-bottom:50px;
color: #2DA0A8;
line-height: 20px;
font-kerning: -30;
    
}

.modulo2c p{
 
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 12px;
color: #f0f0f0;
font-kerning: -20;
width: 235px;
line-height: 15px;


}



.modulo3c{

float: left;
width: 288px;
height: 344px;
background-color: #3b3b3b;


    

}
.modulo3c h2{

font-family: 'montserratbold';  
margin-top: 90px;
margin-left: 30px;
margin-bottom:50px;
color: #2DA0A8;
line-height: 20px;
font-kerning: -50;
    
}

.modulo3c p{
 
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 12px;
color: #f0f0f0;
font-kerning: -20;
width: 235px;
line-height: 15px;


}

.modulo3d{

float: left;
width: 288px;
background-color: #3b3b3b;
height: 704px;




}

#top3{

float: left;
width: 592px;
background-color: #3b3b3b;
height: 344px;
margin-bottom: 16px;


}



#top3 h2{

font-family: 'montserratbold';  
margin-top: 90px;
margin-left: 30px;
margin-bottom:50px;
color: #2DA0A8;
line-height: 20px;
font-kerning: -50;
    
}

#top3 p{
 
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 12px;
color: #f0f0f0;
font-kerning: -20;
width: 235px;
line-height: 15px;


}


#tilesmedio h2{


}


.tilesbottomb h2{
    
color: #E83F66;


}

.tilesbottomc h2{
    
color: #E83F66;


}

.tilesbottomb #top3 h2{
    
color: #E83F66;


}




#bott3{

float: left;
width: 592px;
height: 344px;
margin-bottom: 0px;



}
.modulo3d h2{

font-family: 'montserratbold';  
margin-top: 90px;
margin-left: 30px;
margin-bottom:50px;
color: #2DA0A8;
line-height: 20px;
font-kerning: -50;
    
}

.modulo3d p{
 
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 12px;
color: #f0f0f0;
font-kerning: -20;
width: 235px;
line-height: 15px;


}


.modulo3{

float: left;
width: 288px;
background-color: #E83F66;
height: 344px;
margin-right: 16px;
  


}

.modulo4{
    
   
float: left;
width: 288px;
background-color: #E83F66;
height: 344px;
  
}f

.tiles2{

float: left;
width: 1200px;
margin-top: 16px;
margin-bottom: 0px;
}

.modulo5{

float: left;
width: 288px;
background-color: #000;
height: 344px;
margin-right: 16px;}


.modulo6{

float: left;
width: 288px;
background-color: #E83F66;
height: 344px;
margin-right: 16px;
    
}


.modulo6 video{

float: left;
width: 288px;
background-color: #E83F66;
height: 344px;
margin: 0px;
    
}
.moduloicons1{

float: left;
width: 288px;
height: 344px;
margin-left:16px;
}
.moduloicons2{

float: left;
width: 288px;
height: 344px;
margin-left:16px;
    margin-top: 16px;

}


.moduloicons1 img{

float: right;
margin-right:25px;
margin-left: 0px;
margin-bottom: 25px;
margin-top: 0px;


}
.moduloicons2 img{

float: right;
margin-right:25px;
margin-left: 0pxx;
margin-bottom: 25px;
padding-top:0px;

}


.modulo7{

float: left;
width: 288px;
background-color: #E83F66;
height: 344px;
margin-right: 16px;
}

.modulo8{

float: left;
width: 288px;
background-color: #3b3b3b;
height: 344px;
    margin-bottom: 16px;

}


.modulo8b{

float: left;
width: 288px;
background-color: #3b3b3b;
height: 344px;

}


.modulo8b img{

float: left;
width: 150px;
background-color: #3b3b3b;
margin-left: 50px;
margin-top: 80px;
margin-bottom: 68px;

}




.modulo8b h7{

font-family: 'montserratbold';  
margin-top: 45px;
margin-left: 60px;
font-size: 24px;    
color: #4E4E4E
    
}


#tilesmedio{


margin: auto;
width: 1200px;
height: 300px;    
margin-top: 16px;
    
    
}



.tiles3{

float: left;   
margin-top: 16px;      
width: 288px;    
}


.tiles4{

float: left;
margin: auto;
width: 1200px;
margin-top: 0px;
margin-bottom: 0px;}

.tiles4b{

float: left;
margin: auto;
width: 1200px;
margin-top: 16px;
margin-bottom: 0px;
color: #E83F66;
}

#tilesmedio h2{


color: #E83F66;
}



h3{
    
font-family: 'montserratbold';  
margin-top: 45px;
margin-left: 30px;
color: #E83F66;
font-size: 24px;


}


.modulo9{
 
float: left;
width: 288px;
background-color: #3b3b3b;
height: 344px;
margin-bottom: 16px;
margin-right: 16px;
}






.modulo10{
        

float: left;
width: 288px;
background-color: #3b3b3b;
height: 344px;
    margin-bottom: 16px;
margin-right: 16px;

}


.modulo10 p{
    
margin-top: 35px;   
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 12px;
color: #f0f0f0;
font-kerning: -20;
width: 235px;
line-height: 20px;

        


}



.modulo10 img{


margin: 30px;



}


.modulo9 img{


margin: 30px;



}


.modulo9 p{
margin-top: 35px;   
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 12px;
color: #f0f0f0;
font-kerning: -20;
width: 235px;
line-height: 20px;

        


}



#slide{
    
float: left;
height: 600px;
width: 894px;

}


#slide wrapper{
    
float: left;
height: 704px;
width: 896px;


}




#tilesbottom{
    
position: relative;
top: 16px; 
margin: auto;
width: 1200px;
height: 704px;    
margin-bottom: 0px;
margin-top:16px;
}

.tilesbottomb{
    
float: left;    
width: 1200px;
height: 344px;    
margin-bottom: 16px;
margin-top:0px;
    
}
.tilesbottomc{
    
float: left;   
width: 1200px;
height: 700px;    
margin-bottom: 16px;
    
}

.modulo11{

    
float: left;
width: 592px; 
background-color: #3b3b3b;
height: 344px;

}

.modulo11bi{

    
float: left;
width: 592px; 
background-color: #f0f0f0;
height: 344px;
    margin-bottom: 16px;

}

.modulo11bi h2{

font-family: 'montserratbold';  
margin-top: 45px;
margin-left: 5px;
color: #2DA0A8;
font-size: 24px;

}

.modulo11 h1{

font-weight: 100;   
text-decoration: none;
position:relative;

text-align: center;
color: #fff;
font-family: 'droid_serifregular';
line-height: 40px;
font-size: 21px;
width: 500px;
margin-left: 40px;
margin-top: 60px;
    
 
}

.modulo11b{
  
float: left;
width: 592px;
height: 704px;
margin-right: 16px;
margin-bottom: 16px;    
}

.modulo12{

float: left;
width: 288px;
background-color: #000;
height: 344px;  

   
    

}


.modulo12 img {
    float: left;
    padding: 15px;
 
    


}

.tiles5 {

float: left;   
margin-top: 16px;      
margin-right: 16px;
width: 1200px;

}


#alcontainer{


margin-top: 116px; 
width: 1200px;
height: 1250px;
}


.tpcontainer img {

    

}



.modulo14{
    
float: left;
width: 288px;
height: 344px;
margin-right: 16px;   
margin-top: 16px;


}

#galcontainer{


margin-top: 116px; 
width: 1200px;
height: 1250px;

}



#mainbox{

margin-top: 96px; 
width: 1200px;
height: 1250px;
margin: auto;

}


#mainboxal{

margin-top: 96px; 
width: 1200px;
height: 1000px;
margin: auto;

}


.columnscontainer{

float: left;
width: 1216px;
height: 1200px;
margin: auto;
    margin-top: 100px;


}

.columns{

width: 288px;
height: 1200px;
float: left;

}

.columnsal{
margin-top: 0px;
width: 1200px;
height: 1200px;
float: left;

}

.column1{
margin-top: 16px;
float: left;
width: 288px;
height: 344px;
padding-top: 0px;
background-color: #3b3b3b

}


.indexcolumn1{
margin-top: 0px;
float: left;
width: 288px;
height: 344px;
padding-top: 0px;
margin-bottom: 16px;

}

.indexcolumn2{
    
margin-top: 0px;
float: left;
width: 894px;
height: 344px;
padding-top: 0px;
margin-bottom: 16px;

}


h12{

position: absolute;
font-family: 'montserratbold';  
width: 70px;
font-size: 34px;
padding-top: 10px;
margin-top: 284px;
padding-bottom:10px;
padding-left: 10px;
color: #fff;
background-color: #2DA0A8;   

}


h13{

position: absolute;
font-family: 'montserratbold';  
width: 581px;
font-size: 34px;
padding-top: 10px;
margin-top: 284px;
padding-bottom:10px;
padding-left: 10px;
color: #fff;
background-color: #2DA0A8;   

}



h14{

position: absolute;
font-family: 'montserratbold';  
width: 70px;
font-size: 34px;
padding-top: 10px;
margin-top: 284px;
padding-bottom:10px;
padding-left: 10px;
color: #fff;
background-color: #E83F66;   

}


h15{

position: absolute;
font-family: 'montserratbold';  
width: 581px;
font-size: 34px;
padding-top: 10px;
margin-top: 284px;
padding-bottom:10px;
padding-left: 10px;
color: #fff;
background-color: #E83F66;   

}


.modulo14 h10{
    
font-family: 'montserratbold';  
width: 581px;
font-size: 18px;
color: #f0f0f0;
margin-top: 55px;
margin-left: 35px;

}

.tdcontainer{
    
    margin-left: -10px;
    margin-top: 35px;
}



.tdcontainer h5{
    
font-family: 'montserratbold';  
color: #2DA0A8;
font-size: 5px;
background-color: #2DA0A8;
padding-top: 4px;
width: 200px;
}



h16{
    
font-family: 'montserratbold';  
color: #2DA0A8;
font-size: 5px;
background-color: #E83F66;
padding-top: 4px;
padding-right: 200px;

}



.modulo14 li{
    
font-family: 'montserratbold';  
width: 581px;
font-size: 18px;
color: #f0f0f0;
margin-top: 20px;
margin-left: 0px;
list-style: none;
    
}

.modulo14 li a{
    
font-family: 'montserratbold';  
width: 581px;
font-size: 24px;
color: #f0f0f0;
list-style: none;
text-decoration: none;
    
}


.column1gal{

float: left;
width: 288px;
height: 1500px;
padding-top: 0px;
background-color: #242424

}



.column1mat{

float: left;
width: 288px;
height: 910px;
background-color: #575757

}



.modulo2gal{

float: left;
width: 288px;
height: 344px;
background-color: #242424;
margin-right: 16px; 
margin-bottom: 16px;

}

.modulo2gal img{

float: left;
width: 200px;
background-color: #242424;
margin-right: 16px; 
margin-top: 20px;   


}



.modulo2gal p{
margin-top: 35px;   
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 14px;
color: #f0f0f0;
font-kerning: -20;
width: 235px;
line-height: 20px;


}



.tpcontainer{

float: left;
width: 592px;
background-color: #242424;
height: 344px;
margin-right: 16px;
margin-bottom: 16px;    
}


.tpcontainer p {

margin-top: 35px;   
font-family: 'droid_serifregular'; 
margin-left: 30px;    
font-size: 14px;
color: #f0f0f0;
font-kerning: -20;
width: 520px;
line-height: 20px;




}

.column1gal p{
width: 250px;
margin-top: 35px;    
margin-left: 25px;
color: #4E4E4E;
font-family: 'montserratbold'; 
font-size: 12px; 
line-height: 20px;

    
}
.column1gal {
width: 288px;
color: #3b3b3b;
height: 1785px;

    
}





.column4gal
{

float: right;
height: 1600px;
margin-top: 0px; 
width: 288px;
margin-left: 16px;



}

.column2gal{

float: left;
height: 1500px;
width: 592px;
margin-left: 16px;
background-color: #000;


}

.column2mat{

float: left;
height: 950px;
width: 896px;
margin-left: 16px;
background-color: #000;


}




.column1al{
margin-top: 0px;
float: left;
width: 288px;
height: 344px;
padding-top: 0px;
background-color: #eee;

}

.column1al ul{
float: left;
padding: 0px;
margin-top: 0px;
    
width: 288px;
height: 344px;
float: left;
background-color: #000;
  
}


.column1al ul li {

display: block;
float:left;
width:288px;
 
}


.column1al ul li a {
    
float: left;     
font-family: "Montserrat",sans-serif;
color: #eee;
font-size: 18px; 
font-weight: bold;
text-decoration: none;
width: 268px;  
height:49px;
padding-left: 20px;
padding-top: 20px;

}  

.column1al ul li a:hover{
    
float: left; 
font-family: "Montserrat",sans-serif;
font-size: 21px; 
text-decoration: none;
background-color:  #abc105;

  
}

.column1 ul{
float: left;
padding: 0px;
margin-top: 0px;
width: 288px;
height: 344px;
background-color: #000;


    
   
    
}


.column1 ul li {

float: left;    
display: block;
float:left;
width:288px;

}


.column1 ul li a {
    
float: left;     
font-family: "Montserrat",sans-serif;
color: #eee;
font-size: 18px; 
font-weight: bold;
text-decoration: none;
width: 268px;  
height:49px;
padding-left: 20px;
padding-top: 20px;

}  


   

.column1 ul li a:hover{
    
float: left; 
font-family: "Montserrat",sans-serif;
font-size: 21px; 
text-decoration: none;
background-color:  #abc105;

  
}


.column1 ul li a.current:link, a.current:visited {  
    
float: left;    
font-family: "Montserrat",sans-serif;
font-size: 21px; 
text-decoration: none;
background-color: #abc105;
}

    
    
.column1 img{
    
float: left;


}


.column1b{
    
margin-top: 16px;
float: left;
width: 288px;
height: 344px;
padding-top: 0px;
background-color: #eee;
margin-right: 16px;
}



.column1b ul{
float: left;
padding: 0px;
margin-top: 0px;
width: 288px;
height: 344px;
float: left;
background-color: #000;


    
   
    
}


.column1b ul li {

float: left;    
display: block;
float:left;
width:288px;
 
}


.column1b ul li a {
    
float: left;     
font-family: "montserratbold";
color: #eee;
font-size: 18px; 
font-style: bold;
text-decoration: none;
width: 268px;  
height:49px;
padding-left: 20px;
padding-top: 20px;

}  

h8{

float: right; 
font-family: 'montserratbold';
font-size: 60px; 
margin-right: 20px;
    margin-top: 20px;
color: #000;




}




h9{

float: left; 
font-family: 'montserratbold';
font-size: 60px; 

margin-top: 20px;
color: #000;




}
   

   

.column1b ul li a:hover{
    
float: left; 
font-family: 'montserratbold';
font-size: 21px; 
text-decoration: none;
background-color: #abc105;

  
}


h2{

font-family: 'montserratbold';  
margin-top: 45px;
margin-left: 30px;
color: #2DA0A8;
font-size: 24px;


}

.column1b ul li a.current:link, a.current:visited {  
    
float: left;    
font-family: 'montserratbold';
font-size: 21px; 
text-decoration: none;
background-color: #4E4E4E;

}

    
    
.column1b img{
    
float: left;


}


#columcat{

float: left;
height: 1500px;
width: 916px;
margin-top: 16px;
}

.column2{

float: left;
height: 1500px;
width: 592px;
margin-left: 16px;
background-color: #f0f0f0



}





.column2 img{

float: left;
margin-top: 0px;
margin-left: 35px;

}
.column3{

float: right;
height: 704px;
margin-top: 16px; 
width: 288px;
margin-left: 16px;
background-color: #000



}






h4{
float: left;    
font-family: 'montserratbold';  
width: 592px;
font-size: 34px;
margin-left: 30px;
margin-top: 60px;
margin-bottom: 0px;
padding-bottom:16px;
color: #000;

    
    
}

#destacado{
float: left;    
font-family: 'montserratbold';  
width: 520px;
font-size: 12px;
margin-left: 30px;
margin-top:px;
margin-bottom: 0px;
padding-bottom:16px;
color: #000;
text-align: left;
       
    



}

p3{

float: left;    
font-family: 'montserratbold';  
font-size: 12px;
color: #abc105;
text-align: left;
font-weight: 200px;
       


}



p8{
position: relative;
top: 20px;
margin-left: 30px;
text-align: center;


}


.column2 p{
    
float: left;   
width: 260px;   
margin-top: 25px;  
margin-left: 30px;    
font-family: 'droid_serifregular';
 font-size: 12px; 
}


.column2 p2{

float: left;
width: 250px;   
margin-left: 20px;    
margin-top: 25px;    
font-family: 'droid_serifregular';
font-size: 12px;
}



.column2 h1{
    
    

}






.column4 {

float: right;
height: 1400px;
margin-top: 0px; 
width: 896px;
margin-left: 16px;
background-color: #f0f0f0


}


.column4 p3 {

float: left;
width: 700px;   
margin-left: 30px;    
margin-top: 50px;    
font-family: 'droid_serifregular';
line-height: 20px;


}


.column4 h6{

    
font-family: 'montserratbold'; 
font-size: 24px;
margin-left:0px;
color: #000;


}


.column4 p{

float: 550px;   
margin-left: 20px;    
margin-top: 20px;    
font-family: 'montserratbold';  
font-size: 18px;   
}

footer{
    
float: left;   
background-color:rgba(59, 58, 51, 0.75);
width:100%;
height:200px;
margin-top: 400px;

    
}


p4{
    
font-size: 12px;    
float: left;
margin-top: 10px;    
font-family: 'droid_serifregular';



}




.textbox{


width: 550px;
margin-left: 20px;





}

#footdiv{

height: 200px;
width: 1200px;
margin: auto;

}


#mapa{
float: left;
width: 500px;

    

}

#mapa h1{
    
font-family: 'droid_serifbold';
color:#fff;
float: left;
width: 500px;
font-size: 16px;
margin-top: 30px;

    

}
#mapa ul{
padding-left: 0px;
float: left;
width: 80px;
list-style: none;  

    

}

#mapa ul li{

 
width: 500px;
list-style: none;
font-family: 'droid_serifregular';
font-size: 14px;
color: #fff;
width: 80px;
margin-bottom: 2px;


    

}


#mapa ul li a{
float: left;
width: 500px;
    text-decoration: none;
    color: #fff;
    

    

}

#texright{
    
float: right;
width: 500px;

}

#socnet{
    
margin-top: 30px;    
margin-right: 0px;
float: right;
width: 145px;

}

#legales{

  
margin-right:250px;
float: right;
width: 750px;
color: #4E4E4E;
font-family: 'droid_serifregular';
line-height: 30px;

}

/*Carrousel */


.jcarousel-wrapper { 
    margin: 0px auto;
    position: relative;
}
.jcarousel-wrapper .photo-credits {
    bottom: 0;
    color: #fff;
    font-size: 13px;
    opacity: 0.66;
    position: absolute;
    right: 15px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
}
.jcarousel-wrapper .photo-credits a {
    color: #fff;
}
.jcarousel {
    height: 704px;
    overflow: hidden;
    position: relative;
    width: 896px;;
}
.jcarousel ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20000em;
}
.jcarousel li {
    float: left;
}
.jcarousel-control-prev, .jcarousel-control-next {

    height: 30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 340px;
    width: 30px;
    font-size: 0px;
}
.jcarousel-control-prev {
    left: 25px;
}
.jcarousel-control-next {
    right: 40px;
}
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span {
    display: block;
}
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {
    cursor: default;
  
    
}
.jcarousel-pagination {
    bottom: 0;
    left: 15px;
    position: absolute;
}
.jcarousel-pagination a {
    background: none repeat scroll 0 0 #fff;
    border-radius: 14px;
    color: #4e443c;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    margin-right: 2px;
    min-width: 14px;
    opacity: 0.75;
    padding: 3px;
    text-align: center;
    text-decoration: none;
}
.jcarousel-pagination a.active {
    background: none repeat scroll 0 0 #4e443c;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}


.wrapper {
    margin: auto;
    max-width: 896px;
 padding-left: 16px;
    padding-top: 0px;
}

.carrouselDiv
{
    background-color: black;
    bottom: 92px;
    height: 83px;
    margin-left: 30%;
    opacity: 0.48;
    position: relative;
    width: 40%;

}

.carrouselText
{
    bottom: 190px;
    color: white;
    height: 83px;
    margin-left: 30%;
    padding: 20px;
    position: relative;
    width: 40%;
font-family: 'montserratbold'; 
font-size: 24px;
color: #000;
}





/*Ipad*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
    
#header-main {
    height: 100px;
    margin: auto;
    width: 100%;
}
    

#menu {
    
    width: 69%;
}
    
#.mainbox{
        width: 100%:
    }
    
    
#tilestop {    
    width: 100%;
}
    
    
.tiles1 {   
    width: 100%;
}
    
.tiles2 {   
    width: 100%;
}
    
#tilesmedio {
   
    width: 100%;
}
    
    
#tilesbottom {    
    width: 100%;
}
    
    
.tiles3 {   
    width: 100%;
}
    
    
.tiles4 {   
    width: 100%;
}
    
.tiles5 {
width: 100%;
}
    
.modulo1Bottom{
    
    display: none;
}
    
.modulo11
    {
        display: none;
    }
    
    

  
}


/********************************************************************************************/

.una_columna
{
    float: left;   
    width: 288px;
    height: 1500px;  
    margin-top: 0px; 
    margin-left: 16px;
    background-color: #000;
}

.dos_columnas
{
    float: left;   
    width: 588px;
    height: 344px;  
    margin-top: 16px;
    background-color: #f0f0f0;
}

.tres_columnas
{
    float: left;
    width: 896px;
    height: 344px;
}

.tres_columnas_inferior
{
    float: left;
    width: 896px;
    height: 344px;
    margin-top: 16px;
}

.columna_tresxdos
{
    float: left;  
    width: 896px;
    height: 704px;
    margin-left: 16px;
    margin-top: 0px; 
    background-color: #f0f0f0;      
}

.modulo_base
{
    float: left;
    width: 288px;
    height: 344px;
    background-color: #f0f0f0;
    margin-bottom: 16px;
}

.link_vacio
{
    float: left;
    width: 288px;
    height: 344px;
    background-color: #000;
    margin-bottom: 16px;
}

.modulo_ayudantes
{
    float: left;
    width: 288px;
    height: 344px;
    margin-top: 16px;
    background-color: #000;
}

.nivel1 a
{
    float: right; 
    margin-right: 20px;
    font-family: 'montserratregular';
    font-size: 14px; 
    color: #2DA0A8;
    text-decoration: none;   
}

.nivel2 a
{
    float: right;  
    margin-right: 20px;
    margin-bottom: 10px;   
    font-family: 'montserratregular';
    font-size: 14px; 
    color: #E01D45;
    text-decoration: none;   
}

.modulo2c
{
    float: left;
    width: 288px;
    height: 344px;
    margin-right: 16px;
}

h18
{
    float: left;
    color: #000;
    font-family: 'montserratbold';
    font-size: 20px;         
    margin-left: 30px;
    margin-top: 5px;
}

h21
{
    float: left;
    color: #f0f0f0;
    font-family: 'montserratbold';
    font-size: 18px; 
    margin-left: 30px;
    margin-top: 250px;
}

h20
{
    color: #000;
    font-family: 'montserratbold';
    font-size: 22px; 
 
    float: left;    

    margin-left: 32px;
    margin-top: 32px;
}

h22
{
    color: #000;
    font-family: 'montserratbold';
    font-size: 22px; 
 
    float: left;    

    margin-left: 32px;
    margin-top: 32px;
}

.una_columna p
{
    float: left; 
    margin-left: 30px;
    margin-top: 3px;
    font-family: 'droid_serifregular';
    font-size: 14px; 
    color: #000;
    width: 230px;
}

.modulo1_alumnos
{
    float: left;
    display: inline-block;
    width: 288px;
    height: 344px;
    margin-right: 16px;   
    margin-bottom: 16px;
}

.una_columna img
{
    margin-bottom: 16px;
}

.columna_bibliografia 
{
    float: left;
    
    width: 576px;
    height: 1424px;
    
    margin-top: 0px; 
    margin-left: 16px;
    margin-right: 16px;

    background-color: #000;
}

.modulo2_bibliografia
{

    float: left;
    width: 288px;
    height: 344px;
    background-color: #242424;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-top: 16px;
}

.base_texto
{
    bottom: 724px;
    padding-left: 16px;
    
    height: 344px;
    margin-left: 16px;
    position: relative;
    width: 288px;
    
    background-color: #000;
    float: right;
    opacity: 0.8;
}

.base_texto h19
{
    margin-top: 8px;
    padding-top: 8px;
    padding-left: 32px;   
    font-family: 'droid_serifbold';
    font-size: 20px;
    color: #f0f0f0;
    text-align: center;
    font-kerning: -20;     
}

.base_texto p
{
    margin-left: 16px;
    position: relative;
    width: 260px;
    
    font-family: 'droid_serifregular';
    font-size: 14px;
    color: #f0f0f0;
    text-align: left;
    line-height: 26px;
    font-kerning: -20;   
}

.base_texto_adjunto
{
    bottom: 74px;
    padding-left: 16px;
    
    height: 70px;
    margin-left: 16px;
    position: relative;
    width: 288px;
    
    background-color: #000;
    float: left;
    opacity: 0.8;
}

.modulo_ayudantes p
{
    padding-top: 92px;
    margin-left: 16px;
    margin-bottom: 16px;
    text-align: left;
    font-family: 'droid_serifregular';
    font-size: 20px;
    color: #f0f0f0; 
}

.base_texto_adjunto h19
{
    padding-top: 16px;
    text-align: right;
    font-family: 'droid_serifregular';
    font-size: 20px;
    color: #f0f0f0; 
}

.container_docentes
{
    float: left;
    background-color: #000;
    margin-left: 16px;
    width: 896px;
    height: 1440px;
}

.modulo_col1
{
    float: left;
    width: 288px;
    height: 704px;
    margin-left: -16px;
    margin-bottom: 16px;
}
.modulo_col2
{
    float: left;
    width: 582px;
    height: 344px;
    margin-left: -16px;
    margin-bottom: 16px;
  
}
.modulo_col3
{
    float: left;
    width: 582px;
    height: 344px;
    margin-top: 370px
  
}

.modulo_n1
{
    width: 896px;
    height: 344px;
    background-color: #2DA0A8;
}

.modulo_n2
{
    width: 896px;
    height: 344px;  
    margin-top: 16px;
    margin-bottom: 16 px;
    background-color: #E01D45;
}

.modulo_desc1
{
    float: left;
    width: 288px;
    height: 344px;
    background-color: #2DA0A8;
    margin-bottom: 16px;
}

.modulo_desc1 h2
{
    color: #fff;
}

.modulo_desc1 p
{
    color: #fff;
}

.modulo_desc2
{
    float: left;
    width: 288px;
    height: 344px;
    background-color: #E01D45;
    margin-bottom: 16px;
}

.modulo_desc2 h2
{
    color: #fff;
}

.modulo_desc2 p
{
    color: #fff;
}

.modulo1_ing
{
    float: left;
    display: inline-block;
    width: 288px;
    height: 344px;
    margin-right: 16px;
    margin-top: 16px;
}



.column1al ul li a:hover{
    
float: left; 
font-family: "Montserrat",sans-serif;
font-size: 21px; 
text-decoration: none;
background-color:  #abc105;

  
}


.column1al ul li a.current:link, a.current:visited {  
    
float: left;    
font-family: "Montserrat",sans-serif;
font-size: 21px; 
text-decoration: none;
background-color: #4E4E4E;
    
}



/*Ipad*/
@media all 
and (min-width : 768px) 
and (max-width : 1024px) 
{
    
    .jcarousel-wrapper { 
    margin: 0px auto;
    position: relative;
        display: none;
}
    
#header-main {
    height: 100px;
    margin: auto;
    width: 100%;
}
    

#menu {
    

}
    
#.mainbox{
 
    }
    
    
#tilestop {    
    width:  75%;

}
    
    
.tiles1 {   

}
    
.tiles2 {   

}
    
#tilesmedio {
    width:  75%;

height: 344px;
}
    
    
#tilesbottom {    
    
    width:  75%;

}
    
.indexcolumn2{
display: none;


}   

    
.tiles3 {   

}
    
    
.tiles4 {   
 
}
    
.tiles5 {

    
}
    
.modulo1Bottom{
    

}
    
.modulo11
    {
   display: none;
 width: 50%;
    }
    
    
.modulo7{
    margin-top: 16px;
margin-bottom: 0px;
    
    
    
    }
    
.modulo6 {


    
    
    }
    
    .modulo6 p {

padding-left: 50px;    
    
    }
    
        
.modulo2 {
    
width: 100%;
    
    
    
    }
    
    .modulo1{
    
width: 100%;
    
    
    
    }
    
.modulo8 {
    
 margin-top: 16px;
    
    
    
    }
    
.modulo11{



}
    
    
    #slide {

    width: 10%;
    
    
    } 
    

  
}



@media all
and (min-width : 320px) 
and (max-width : 568px)




{ 
    
#menu{
width: 40%;
    
}

nav { 
position: relative;
top:-120px;
width: 40%;
    
}


nav ul {    

margin-left: 50px;

}



    
nav ul li {
    
width: 50%;
padding: 0.2px;
}





nav ul li a {
    
width: 30%;

}    
    
    
    
    
    
#header-main {
    height: 100px;
    margin: auto;
    width: 100%;
}
    
#logo img{
position: relative;
right: 50px; 
width: 80%;
top:-10px;
   
}

#menu {
    
    width: 69%;
}
    
#.mainbox{
        width: 100%:
    }
    
    
#tilestop {    
    width: 100%;
}
    
    
.tiles1 {   
    width: 100%;
}
    
.tiles2 {   
    width: 100%;
}
    
#tilesmedio {
   
    width: 100%;
}
    
    
#tilesbottom {    
    width: 100%;
}
    
    
.tiles3 {   
    width: 100%;
}
    
    
.tiles4 {   
    width: 100%;
}
    
.tiles5 {
width: 100%;
}
    
.modulo1Bottom{
    
    display: none;
}
    
.modulo11
    {
        display: none;
    }
    
    

  }