/* samba CSS Document */

body { background-color: #000000;
        color: #C0C0C0;
          
}

a { color: #C0C0C0;
       text-decoration: none;
}

a:hover { color: #FFFFFF;
       text-decoration: none;
}

visited { color: #C0C0C0;
          text-decoration: none;
}


#contenedor {
     width: 780px;
     margin: 0 auto; background-color: #FFFFFF;
     
     border-left-width: 5px;
     border-left-color: #C0C0C0;
     
  }

.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;
     }     
     
     
#aviso-lado { border-width: 1px; border-color: #C0C0C0; border-style: solid;
         
         padding-left: 5px;
         padding-right: 5px;
         padding-bottom: 10px;
         padding-top: 10px;

}     
     
.tit-lado { font-family: Tahoma,Arial;
          font-size: 20px; font-weight: bold;
        letter-spacing: -1px;}  
.texto-lado { 
          font-family: Tahoma, Arial;
          font-size: 13px; 

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

     } 
     
.pie-foto { 
          font-family: Verdana, Arial;
          font-size: 10px;

     }     
     
#contenedor-blanco { float: left;padding-top: 20px;
	background-color:#FFFFFF;
     
  }



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

#col02 { float: left;
         width: 250px;
         background-color:#FFFFFF;
         padding-left: 5px;
         padding-right: 5px;
         padding-bottom: 5px;
         

}


#col03 {float: left;
        width: 270px;
         background-color:#FFFFFF;
        padding-left: 5px;
         padding-right: 5px;

}

#col04 {float: left;  background-color:#000000;
        width: 170px;
        font-family: Arial;
        font-size: 11px; color: #C0C0C0;
        padding-left: 10px;
         padding-right: 10px;

}


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

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

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

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

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

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

#col01 {width: 99%;
         
        
}

#col02 { width: 99%;
         

}

#col03 { width: 99%;

}

#col04 { width: 99%;

}

}