/* Event- saopaulo nighy CSS Document */


body { background: #333333 url(brazil/fondorayas55.jpg);
       color: #000000;
      }
a { color: #C0C0C0;
   }
a:visited { color: #808000;
           }   
a:hover { color: #808080;
         }		   


#contenedor {
     width: 740px;
     margin: 0 auto; background-color: #000000;border-radius: 10px;
     background-image: url("ibiza/guetta-fondobig-byn.jpg"); 
	  background-repeat: no-repeat;     
  }

.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: #000000;
     }     
     

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

     } 
 
.content-carna { 
          font-family: Arial,Tahoma;
          font-size: 12px; color:#000000;
          padding-left: 25px;
          padding-right: 25px;
     }  
 
.texto { 
          font-family: Arial,Tahoma;
          font-size: 12px; 
           } 
 
.contenido { 
          font-family: Verdana,Arial,Tahoma;
          font-size: 10px; 
           }
 
.pie-tabla { 
          font-family: Arial,Tahoma;
          font-size: 12px; 
           } 
           
.fotos { 
          font-family: Arial;
          font-size: 11px; color:#FFFFFF;
          padding-left: 40px;
          padding-right: 20px;
     }   
 
.sticker { background-color: #003E5B;
		    font-family: Arial,Verdana;
		    text-transform: uppercase;	letter-spacing: -1px;	    
          font-size: 20px; color: #FFFFFF;
           padding-top: 5px; padding-bottom: 5px;
           background: #0F2027;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

          
 }  
 
     
.seemore { 
          font-family: Arial,Impact; background-color: #D83F87;
          font-size: 20px;letter-spacing: -1px;
     }
     
.logo { 
          font-family: Arial,Impact;
          font-size: 29px;letter-spacing: -2px;color:#808080;
     }     
.logot55 { 
          font-family: Arial,Impact;
          font-size: 17px;letter-spacing: -1px;color:#808080;
     }      
     
.pie-foto { 
          font-family: Verdana, Arial;
          font-size: 10px;
     }     
   
   
.spacer{height:240px;}   
     
#contenedor-negro { float: left;padding-top: 20px; padding-left: 5px;
	background-color:#000000; border-radius: 10px;
	 
     
  }


#contenedor-carna { float: left;
     padding-top: 15px; 
	  background-color:#FFFFFF; border-radius: 10px;
	
     
  }
#col01 {   float: left;
         width: 380px;
         
}

#col02 { 
         width: 320px;float: right;
  
              
}


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

}




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

}
    
H2 { 
          font-family:Arial;  font-size: 16px; margin: 0;
          letter-spacing: -1px;
          color:#FFFFFF;
     }     
    

H3 { font-family: Tahoma,Arial,Times New Roman, Arial;
          font-size: 21px; color: #808080;
           letter-spacing: -1px;}
           
           
.verde {
 background-color:#CCCC99; padding-left: 10px; padding-right: 10px;padding-top: 15px;
 border-top-left-radius: 10px; border-top-right-radius: 10px;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:12px; color: #000000;}           

.slogan { 
          font-family: Verdana;
          font-size: 9px;
          color: #808080; padding-left: 5px;
}  


.osvaldo { 
          font-family: Oswald Light,Arial,Impact; 
          font-size: 18px;
          } 

/***** letras *****/
@font-face {
    font-family: 'Oswald Light';
    src: url('fonts/oswald-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


         

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

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

#contenedor {
     width: 100%;
     margin: 0 auto;
  }
  
.spacer{height:60px;} 

.content11 { 
          font-family: Arial;
          font-size: 12px; color:#C0C0C0;

     } 
.fotos { 
          font-family: Arial;
          font-size: 11px; color:#FFFFFF;
          padding-left: 15px;
          padding-right: 10px;
     }   
.content-carna { 
          font-family: Arial;
          font-size: 14px; color:#000000;
          padding-right: 10px;
          padding-left: 10px;
     } 
     
  
#col01 {width: 99%;
         
        
}

#col02 { width: 97%;
         

}

#col03 { width: 99%;

}



}