/* CSS Estyles by Khiustin Tornés / www.hipixels.com */

/*Generales*/

* {
   padding: 0px;
   margin: 0px;
   }

body {
   /*text-align: center;*/
   background:#83001e url(images/bg_home.gif) top left repeat-x;
   color: #fff;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 10px;
   }
   
a {
   outline: 0px;
   }

#outer {
   width: 946px;
   margin-left: auto;
   margin-right: auto;
   background-color: transparent;
   position: relative;
   }

#inner {
   width: 926px;
   position: absolute;
   margin-top: 10px;
   height: 550px;
   overflow: hidden;
   }

img {
   border: 0;
   }

p {
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
   font-size: 11px;
   line-height: 13px;
   text-align: left;
   }  
   
p.intro {
   font-family: Georgia, "Trebuchet MS", Verdana, Arial, Helvetica;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px;
   text-transform: none;
   text-align: left;
   }
   
/*Navegacion*/

#navegacion {
   border: 1px solid #520013;
   border-bottom: none;
   float: right;
   height: 15px;
   margin-top: 27px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   width: 450px;
   }
   
#navegacion ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: left;
   font-size: 11px;
   height: 10px;
   float: right;
   }
  
#navegacion ul li{
   padding-left: 12px;
   display: inline;
}

#navegacion ul li a{
   font-size: 11px;
   color: #ddd;
   text-decoration: none;
   }
   
#navegacion ul li a:hover{
   color: #ba002b;
   text-decoration: none;
   }

/*Cabecera*/
#header {
   width: 450px;
   height: 53px;
   float:left;
   }

.logo {
   width: 208px;
   height: 53px;
   }

/*Contenido-Banner*/
#content-product {
   width: 926px;
   height: 458px;
   float: left;
   margin-bottom: 15px;
   position: relative;
   }
   
#content-product .banner {
   width: 926px;
   height: 458px;
}

div.panel {
background: #000;
bottom: 0px;
height: 40px;
left: 0;
margin: 0 auto;
opacity: .7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* first!*/
filter: alpha(opacity=70); /* second!*/
position: absolute;
text-indent: -9999px;
width: 924px;
}

.button-cool {
background: transparent url(images/banner_home_2_nav.gif) top left no-repeat;
bottom: 63px;
height: 57px;
right: 0;
position: absolute;
text-indent: -9999px;
width: 220px;
}

.button-cool a{
display: block;
height: 57px;
width: 220px;
}
   
/*Contenedor texto*/
#txt-home {
   width: 270px;
   height: auto;
   position: absolute;
   top: 41px;
   right: 20px;
   }
  
/**footer**/
#footer {
   width: 926px;
   height: 25px;
   float: left;
   clear: both;
   }

#footer .copyright {
   width: auto;
   float: left;
   height: 15px;
   }
   
#footer .copyright p{
   text-align: left;
   color: #000;
   font-size: 10px;
   }
   
#footer .copyright p.addon{
   text-align: left;
   color: #fff;
   font-size: 11px;
   font-weight: bold;
   }
   
#footer .idioms {
   width: 260px;
   height: 10px;
   float: right;
   }
   
#footer .idioms ul {
   display: block;
   margin: 0;
   padding: 0;
   list-style: none;
   }
   
#footer .idioms ul li.active {
   text-align: right;
   float: right;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e7d7a5;
   padding-right: 2px;
   }
   
#footer .idioms ul li.active a{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e7d7a5;
   text-decoration: underline;
   padding-right: 2px;
   }
   
#footer .idioms ul li.active a:hover{
   color: #d40e0e;
   text-decoration: none;
   padding-right: 2px;
   }