/* CSS Document */

/*----MINE-----*/

body,html {
	height:100%;
}

body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #333333;
	margin:auto;
	text-align:left;
}

.idioma {
	color:#CCCCCC;
}

.link {
	color:#666666;
}

table {
	margin:auto;
}

td {
	vertical-align:top;
}

.toggleLink {
	color:#666666;
	text-decoration:none;
}

.about {
	font-size:10px;
	font-style:bold;
	color:#FFFFFF;
}

.style2 {font-size: 12px; font-weight: bold; }
.style4 {font-size: 11px}
.style6 {text-decoration:none; color:#000000; font-weight:bold; }
.style7 {font-size: 10px; font-weight:bold; }

.commenthidden {display:none}
.commentshown {display:inline}


/*----MINE-----*/


  
  a.rounded, .button1, .button2, .button3, .button4, .button5, .button6, .iframe  {
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: top;
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible;
  }
  
  .iframe {
    padding: 30x 30x;
  }
  
  .button1 {
  	color:#000000;
    background-color: #FFFF00;
	font-size:12px;
    padding: 5px 18px;
	font-weight:bold;
  }
  
  .button2 {
  	color:#000000;
    background-color:#FF33CC;
	font-size:12px;
    padding: 5px 18px;
	font-weight:bold;
  }
    
  .button3 {
  	color:#000000;
    background-color:#3366FF;
	font-size:12px;
    padding: 5px 18px;
	font-weight:bold;
  }
    
  .button4 {
  	color:#000000;
    background-color:#33CC33;
	font-size:12px;
    padding: 5px 18px;
	font-weight:bold;
  }
    
  .button5 {
  	color:#000000;
    background-color:#FF9900;
	font-size:12px;
    padding: 5px 18px;
	font-weight:bold;
  }
    
  .button6 {
  	color:#000000;
    background-color:#CC00FF;
	font-size:12px;
    padding: 5px 18px;
	font-weight:bold;
  }
  
  .button1:hover {
    filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
  }
  
  .button2:hover {
    filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
  }
  
  .button3:hover {
    filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
  }
  
  .button4:hover {
    filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
  }
  
  .button5:hover {
    filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
  }
  
  .button6:hover {
    filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
  }
  
  .center {
    margin-left: auto;
    margin-right: auto;
  }
  
  .title {
    background-color: #eee;
  }
  
  .benefits {
    color: #fff;
    background-color: #3F2929;
    padding: 0 10px;
    vertical-align: top;
  }

  a.tab {
    background-color: #56B7DE;
    color: #FFFFFF;
    font-size: 62.5%;                     /*WIDTH OF LISTING TABS*/
    font-weight: bold;
    padding: 5px 7px 4px 7px;
    margin-top: 0.3em;
    border-bottom: solid 2px #000000;
  }

  a.tab:hover {
    background-color: #006699;
    color: #FFFFFF;
  }
  
  a.tab_selected {
    border-bottom-color: #006699;
    background-color: #006699;
	color: #FFFF00
  }
  
  #featureTabsContainer {
    display: none;
  }
  
  #featureElementsContainer {
    background-color: #006699;           /*BORDER OF LISTINGS*/
    padding: 4px;
  }
  
  .feature {
    background-color: #FFFFFF;
    padding: 10px;
  }
  
  .swatches {
    padding: 5px 0;
  }

  .swatches a {
    background-color: #000;
    color: #fff;
    padding: 8px 12px;
  }
  
  </style>