@charset "utf-8";
@font-face {
    font-family: 'ralewayblack';
     src: url('../fuentes/raleway-black/raleway-black-webfont.eot');
    src: url('../fuentes/raleway-black/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/raleway-black/raleway-black-webfont.woff2') format('woff2'),
         url('../fuentes/raleway-black/raleway-black-webfont.woff') format('woff'),
         url('../fuentes/raleway-black/raleway-black-webfont.ttf') format('truetype'),
         url('../fuentes/raleway-black/raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;}

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

}

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


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

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

}
body{
    padding-left: 1em;
    padding-right: 2em;
    background-color: #dfe0da;}
.contenedor {width: 960px; margin: 0 auto 0 auto}
*{margin: 0; padding: 0}
    
header{
    background-color: #dfe0da; 
    padding: 1em;}

/*-------PARTE 1------*/
.parte1{    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    font-family: 'ralewayregular';}
.parte1 a {color: #837878;}



#LOGOROSI{width: 80%; 
        margin: 2em;}


nav{margin-top: 30px;
    margin-right: 60px;
    margin-bottom: 30px} 

ul li {display: inline-block;
    padding-right: 5px;
    padding-left: 5px;} 

 ul li a {width: 100%; 
    color:black;
    font-family: 'ralewayblack';
    font-weight: 800;
    text-transform: uppercase; 
    text-decoration: none;
    font-size: 12px;
    margin: 10px;
    padding-bottom: 4px;
}    
nav ul li a:hover {border-bottom: 2px solid #ffffff;   
} 

body nav ul {
    margin: 0;
    padding: 0;}

body nav ul li {
    margin: 0 0 0,1em 0;
    }
body nav ul li a {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 0.3em;}

/*-------SLIDER------*/

.main1{
    width: 100%;
    /*max-width: 1000px;*/
    margin:0px;
    font-family: 'ralewayblack';}

.slides{
    width: 100%;}

.slides img{
    width: 100%;}

.slidesjs-pagination {
    background-color: #dfe0da;
    list-style: none;   
    overflow: hidden
    float: left;
    padding: 10px 5px;}

.slidesjs-pagination li {
    text-align: center;
    font-family: 'ralewayblack';
    color: #dfe0da;}

.slidesjs-pagination li a {
    color: #5c5656;
    display: block;
    padding: 10px 5px;
    text-decoration: none}

.slides .active {
    background: #bc9b9b;}

.slidesjs-pagination li a:hover {
    background: #6a6a6a;
    color: aliceblue}

.slidesjs-navigation {
    
    background-color: #dfe0da;
    color:aliceblue;
    text-decoration: none;   
    display: inline-block;
    margin-top: 35px;
    margin-right: 10px;
    padding: 10px 30px;
    float: right;}


/*-------PARTE 2------*/


.titulo 
    {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: left;}

h2{ line-height: 1; color: #7e7366; font-family: 'gotham_htflight'; letter-spacing: 2px; text-align: center;font-size: 2em; }
hr {border: 0; height: 0; border-top: 4px double black; text-align: center;}
hr:after {position: relative; color: rgb(155, 188, 178);}

h3 { background-color:  font-family: 'gotham_htfbook'; text-align: center;}
h4 { background-color: white; font-family: 'gotham_htflight'; text-align: center; font-size: 1,5em;}
h3, p {line-height: 2; color: #7e7366; font-family: 'gotham_htfbook';  }
h5 {color: #dfe0da;
font-family: 'open_sansregular';}

.rotulo 
    {display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;}

.rotulo img{width: 80%;
    padding: 17px 20px;
    margin-left: 40px;}


.art1{display: flex;
    flex-direction: column;
    padding: 0;
    text-align: left;
    flex: 4;}

.art2{display: flex;
    flex-direction: column;
    flex: 4;}

.art3{display: flex; 
    flex-direction: column;
    flex: 4;}


.rotulo2 
    {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    }


.art4{display: flex; 
    flex-direction: row;
    flex-wrap: nowrap;
     
    align-content: center;
    align-items: center;
    }
.art4 img{align-items: center; width: 20%; height: 20%; padding: 8px; 
    }
    }
.footer{background-color: #837878;
    padding: 2px;}
.footer1 {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    background-color: #837878;
padding-top: 2em;}

.footer2 { display: block;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
        background-color: rgb(131, 120, 120);
}
.footer2 img{width: 20%; height: 20%; margin-top: 3em}
.footer2 #JT19{width: 50% auto;}
h5{text-align: center}

footer div{color: white;
          padding: 1%;}
footer div h6 {text-align: center;
            line-height: 16pt;}
#derechos{
    font-size: 10px;
    color: white;
    line-height: 2;
    font-family: 'ralewayblack';
    text-align: center;
    
}



h5{text-align: center}

p{ font-family: 'gotham_htfbook';
   font-weight: 200;  
   background-color: #ffffff;
   padding: 1em;
}
#poema{ font-family: 'gotham_htfbook';
   font-weight: 200;  
   background-color: #ffffff;
    text-align: center;
}

@media all and (min-width: 30em){
    
    body {background-color: #fff;}
   
      
.logorosi {;}

    
    /*-------ACA ARRANCA EL RESPONSIVE CELULARES------*/

@media all and (max-width: 30em){
    
    body {
        background-color: #dfe0da;}
        
   
    .contenedor {
        display: block;
        align-content: center;
        margin: 0% 0%;
        padding: 2%;
        width: 100%;
        } 
    
     
        figure {
    width: 90%;
    margin: 0;
    padding: 0;
    max-width: 20em;
    }
    figure img {
     width: 100%;}
    
    .rotulo 
    {display: block;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;}

.rotulo .art3 {display: NONE;}

.art1{display: flex;
    flex-direction: column;
    padding: 0;
    text-align: left;
    flex: 1;}

.art2{display: flex;
    flex-direction: column;
    flex: 1;}