/* frauen rio CSS Document */


#contenedor {
     width: 770px;
     margin: 0 auto; background-color: #181B20;
          
  }

.titulo { font-family: Arial,Times New Roman, Arial;
          font-size: 26px; font-weight:bold;
          letter-spacing: -1px;
          color: #F2984C;
     } 
.sub2 {   font-family: Tahoma,Arial,Impact;
          font-weight:bold;
          font-size: 12px; letter-spacing: -1px;
          color:#FFFFFF;
     }     
     

.content11 { 
          font-family: Tahoma, Arial;
          font-size: 11px; color:#C0C0C0;

     } 
     
.seemore { 
          font-family: Arial,Impact; background-color: #F2984C;
          font-size: 20px;letter-spacing: -1px;
     }
     
     
     
     
.pie-foto { 
          font-family: Verdana, Arial;
          font-size: 10px;

     }     
     
#contenedor-negro { padding-top: 20px;
	background-color:#000000; border-radius: 10px;
	  
     
  }



#col01 {width: 210px;float: left;
                 
         padding-left: 5px; 
         padding-right: 5px;
}

#col02 { float: left;
         width: 250px;
         padding-right: 5px;
         
         

}


#col03 {float: left;
        width: 210px;
         
        padding-left: 5px;
         padding-right: 5px;

}




H1 { font-family: Arial,Times New Roman, Arial;
          font-size: 26px; font-weight:bold;
          letter-spacing: -1px;
          color: #FF8040;

}
    
H2 { 
          font-family:Arial; font-size: 15px; letter-spacing: -1px;
          color:#C0C0C0;
     }     
    

H3 { font-family: Tahoma,Arial,Times New Roman, Arial;
          font-size: 22px; 
    letter-spacing: -1px;}

.button-container{
display:inline-block;
position:relative;
}

.button-container a {
position: absolute;
bottom:4em;
right:4em;
background-color:#8F0005;
border-radius:1.5em;
color:white;
text-transform:uppercase;
padding:1em 1.5em;
 }

.boton{
background-color:#8F0005;
border-radius: 15px;
color:white;
text-transform:uppercase;
padding:10px; text-align: center;
font-family: Arial,sans-serif;
text-decoration:none;
 }

a.boton:hover {
  background-color:#FC0B02;
  text-decoration: underline;
}

.fotoluz { 
  background-color:#FC0B02;
  
}

a.fotoluz:hover { filter: grayscale(100%);
  background-color:#FC0B02; 
  text-decoration: underline;
}

.blancoynegro img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.blancoynegro img:hover {
filter: url('#grayscale');
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: Gray();

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


/* ---------mobile      ----------------------------------- */		        
/* ---------modificacion----------------------------------- */

@media screen and (max-device-width: 600px) { 
img {width:98%;
}

#contenedor {
     width: 100%;
     margin: 0 auto;
  }

#col01 {width: 99%;
         
        
}

#col02 { width: 99%;
         padding-left: 5px; 
         padding-right: 1px;

}

#col03 { width: 99%;

}



}