/* saobeach CSS Document */

a:link {   color: #808080;
               font-family: Arial,Times New Roman, Arial;
                     }  

a:visited {
	      color: #808088;
        font-family: Arial,Times New Roman, Arial;
                }
				
a  {text-decoration: none;
    } 
				
 H1 { 
          font-family: Arial,Times New Roman, Arial;
          font-size: 18px; letter-spacing: -1px; border-top: solid 1px;
     } 

H2 {      color:  #666666;
          font-family: Verdana;
          font-size: 11px;
     } 
H3 {      font-family: Times New Roman,Arial, Helvetica, Verdana;
          font-size: 12px;
     } 

body {
	background-color: #333333;
}
     
#contenedor {
     width: 770px;
     margin: 0 auto; background-color: #CCCC99;border-radius: 10px;
          
  }

.contenido { 
          font-family: Verdana;
          font-size: 10px;color: #000000;

     } 
.slogan { 
          font-family: Verdana,Helvetica;
          font-size: 10px;
          color: #C0C0C0;
}     
     
.comentario { 
          font-family: Verdana,Helvetica;
          font-size: 11px;
          color: #808080;
} 

.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;

     } 
 
.content-carna { 
          font-family: Tahoma, Arial;
          font-size: 11px; color:#C0C0C0;
          padding-left: 5px;
          padding-right: 10px;
     }  
     
.seemore { 
          font-family: Arial,Impact; background-color: #F2984C;
          font-size: 20px;letter-spacing: -1px;
     }
     
     
     
     
.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-beach { float: left;padding-top: 20px; padding-left: 5px;
	background-color:#000000; border-radius: 10px;
	background-image: url(images/saopaolobeach-tapa.jpg);
	background-repeat: no-repeat;  
     
  }
  
/* --------col texto seria el 3----------------------------- */		    
  
#col01 {width: 250px;float: left;
               
         padding-left: 10px; 
         padding-right: 10px;
}

/* --------col fotos seria el 1 col ------------------------ */	
#col02 { float: left;
         width: 240px;
         padding-right: 5px;
              
}
/* --------col fotos seria el 2col ------------------------ */	

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

}




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

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

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

#contenedor-beach { float: left;padding-top: 30px; padding-left: 3px;
	background-color:#000000; border-radius: 10px;
	background-image: url(images/saopaolobeach-tapa.jpg);
	background-repeat: no-repeat;  
   background-size: 100%;  
  }

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

     } 
 
.content-carna { 
          font-family: Tahoma, Arial, Helvetica;
          font-size: 12px; color:#C0C0C0;
          padding-right: 10px;
     }  
  
#col01 {width: 99%;
         
        
}

#col02 { width: 99%;
         

}

#col03 { width: 99%;

}



}