
/*
Project: New Linksys
Author: Victor Da Luz (vdaluz@gmail.com)
File: style.css
Description: main stylesheet
*/

/* body */

body{
  background-color: #fff;
  background-repeat:repeat-x;
  color: #333;
  font-family: tahoma, sans-serif;
  font-size: 0.7em;
  line-height: 1.5em;
  text-align:center;
}

a {
  text-decoration: none;
}

h1 {
  font-size: 1.4em;
  margin: 0 0 1.2em 0;
  padding: 1em 0 0 0;
}

h2 {
  font-size: 1.1em;
  margin: 0 0 1em 0;
  padding: 1em 0 0 0;
}

p{
  font-size: 1em;
  margin: 0;
  padding: 5px;
}

img{
  border:none;
}



/* layout */

#container{
  margin: 10px auto;
  text-align:left;
  width: 800px;
}

  #right{
    float:right;
    margin: 0 0 0 0;
    width: 210px;
  }
  
    #lang{
      color: #ccc;
      height: 25px;
      margin: 110px 0 55px 0;

    }
  
    #menu{
      height:180px;
      margin: 10px 0 70px 0;
      overflow: hidden:
    }
  
  #left{
    float:right;
    margin: 5px 0;
    width: 580px;
  }
  
    #header{
      background: transparent url('images/header.png') no-repeat top left;      
      height:109px;
      width:100%;
    }
    
    #content-top{  
      height:253px;
      padding: 60px 310px 0 20px;   
    }
    
    #content{
      background: transparent url('images/content-background.png') repeat-y top left;    
      padding:  10px 60px 10px 20px;
    }
    
    #content-bottom{
      background: transparent url('images/content-bottom.png') no-repeat top left;      
      color: #aaa;
      font-size: 0.8em;
      padding-top: 57px;
      padding-left: 60px;
      text-align: left;
      width:100%;
    }
  
  #footer{
    clear:both;
  }


/* text */

body{
  background-image: url('images/background-1.png');

}



h2{
  color: #ce071b;
}



#menu ul{
  font-size: 1.4em;
  font-weight: bolder;
  line-height: 2.1em;
  list-style-type: none;
  padding: 0;
}

#menu a{ color: #fff;}
#menu a:hover{ color: #fff;}
#menu a:active{ color: #fff;}
#menu a:visited{ color: #fff;}


#menu a:hover{
  font-size: 1.15em;
}

ul.productos{
margin: 0 0 20px 0;
text-align:center;
list-style-type:none;
}

.productos li{
  float:left;
  width: 40%;
}