@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
body.bmwpage {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
a, a:link, a:visited, a:hover{
	font-family: Arial;
	font-size: 13px;
	color: #333333;
}
a:link { text-decoration: none; }
a:visited {	text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }
#header {
	background-image: url(../images/header.png);
	background-repeat:repeat-x;
	height:93px;
	width:999px;
	float: left;
}
#toolbar {
	height: 20px;
	width: 100%;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	float:left;
}
#toolbar ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#toolbar li {
	display: inline;
	background-repeat: no-repeat;
	background-position: right 2px;
	height: 25px;
	background-image: url(../images/toolbar-separator.png);
	padding: 0px 10px 0px 10px;
}
#toolbar .menu li a, #toolbar .menu li a:hover, #toolbar .menu li a:link, #toolbar .menu li a:visited { color:#FFFFFF; text-decoration:none; font-size:13px; 	font-family: Arial;
}
#toolbar .menu li a{
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-transform: capitalize;
}
#toolbar_bottom{ position:absolute; z-index: -10; top:61px; background-image:url(../images/toolbar-bottom.png); background-repeat: repeat-x; height:33px; }
#bottombar {
	height: 50px;
	padding: 10px 0px 0px 5px;
	overflow: hidden;
	font-family: Arial;
	font-size: 10px;
	float: right;
}
#bottombar p a, p a:link, p a:visited, p a:hover{
	font-family: Arial;
	font-size: 10px;
}
#bottombar p {
	font-family: Arial;
	font-size: 10px;
	text-align: right;
	padding-right: 5px;
}
#bottombar ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#bottombar li {
	display: inline;
	width: 80px;
	height: 25px;
}
#bottombar .menu li a, a:hover, a:link, a:visited { color:#333; text-decoration:none; font-size:10px; font-family: Arial; }
#bottombar .menu li a{
	display: inline-block;
	padding: 0px 5px 0px 0px;
	overflow: hidden;
}
#logo{
	position:absolute;
	z-index: 100;
	top:-10px;
	right:0px;
	width:230px;
	height:147px;
	background-image: url(../images/logo.png);
	float:left;
	left: 760px;
}
#banner{ position:absolute; top:0px; width:1000px; z-index:-5; }
#main {
	width: 1000px;
	float: left;
	padding-top: 200px;
	min-height: 250px;
}
#modulo1 {
	padding: 10px 30px 10px 10px;
	width: 383px;
	float: left;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #424242;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
}
#modulo2 {
	padding: 10px 30px 10px 10px;
	width: 280px;
	float: left;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #424242;

}
#modulo3 {
	padding: 10px;
	width: 226px;
	float: left;
	display: block;
}
#modulo1 #titulo {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}
#modulo2 ul {
	list-style-type: none;
	margin: 0px 0px 0px -40px;
}
#modulo2 li {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
}
#modulo2 a,a:visited {
	color: #333333;
	text-decoration: none;	
	font-family: Verdana;
}
#modulo2 a:hover {
	color: #000000;
	font-family: Verdana;
}
#modulo3 #m3item1 ul, #modulo3 #m3item2 ul {
	list-style-type: none;
	margin: 0px 0px 0px -40px;
}
#modulo3 #m3item1 li, #modulo3 #m3item2 li{
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
}
#modulo3 a,a:hover,a:visited {
	text-decoration: underline;	
}
#item1, #item2, #item3, #item4{
	float:left;	
}
#item2, #item3, #item4{
	padding-top: 10px;
}
#modulo3 #m3item1, #modulo3 #m3item2{
	float: left;
}
#modulo3 #m3item1 a, #modulo3 #m3item2 a{
	font-family: Verdana;
	font-size: 10px;
}
#footer{
	width:1000px;
	height:58px;
	float: left;
	margin-top: 20px;	
}

/*fixed menu*/
.menufijo{
	top: 60px;
	left: 0;
	padding: 0px;
	float: left;
	width: 250px;
	position: absolute;
	background-image: url(../images/sub_bg.png);
	background-repeat: repeat;
	background-position: bottom;
	z-index: 2;
}
.menufijo ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 250px;
	float: left;
}
.menufijo ul ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
}

.menufijo ul li {
	width: 100%;
	color: #4f4f4e;
	font-family: Verdana;
	font-size: 10px;
	padding: 5px 0px 5px 0px;
	border-bottom: #9f9f9f solid 1px;
}
.menufijo ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
.menufijo ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
.menufijo ul li a {
	float: none;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 5px;
	display: block;
	text-decoration: none;
	color: #4f4f4e;
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
}
.menufijo ul li a.submenu {
	padding: 0px 0px 0px 20px
}
.menufijo ul li a:hover {color: #ef6820; background-position: 5px 12px ;}
.menufijo ul li.bottom {background: url(../images/menufijo.png); height:150px; background-repeat:repeat-x; background-position:bottom;}
/*contenido*/
body#page .contenido{
	position:relative;
	width:747px;
	left: 256px;
	top: 10px;
	padding:10px 0 10px 0;
}
body#page .contenido img{
	border: none;
	padding: 5px 5px;
}
body#page .contenido .top{
	width:747px;
	height:10px;
	background-image: url(../images/top_galeria.png);
	background-repeat: no-repeat;
}
body#page .contenido .bg{
	margin-top: -12px;
	background-image: url(../images/bg_galeria.png);
	background-repeat: repeat-y;
}
body#page .contenido .bg .separador{
	width: 96%;
	height: 1px;
	background-color:#BBB;
	margin-left: 15px;
}
body#page .contenido .bg .ref{
	margin-right: 15px;
	float: right;
}
body#page .contenido .bg .item{
	width: 700px;
	margin: 10px auto;
	background-color: #ececec;
	height: 160px;
	padding: 20px 10px;
}
body#page .contenido .bg .item .prod{
	float: left;
	width: 140px;
}
body#page .contenido .bg .item .texto{
	float: left;
	width: 490px;
	margin-left: 20px;
}
body#page .contenido .bg .item .comprar{
	float: right;
}
body#page .contenido .bg .boton-carrito{
	float: right;
	padding-right: 20px;
}
a#enlaces, a:hover#enlaces, a:visited#enlaces{
	color:#000000;
	text-decoration: underline;
	font-size: 12px;
	font-weight:bold;
}
body#page .contenido .bottom{
	width:747px;
	height:10px;
	background-image: url(../images/bottom_galeria.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

body#page .contenido h2{
	padding: 20px 20px 0px 20px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #2f2f2f;
}
body#page .contenido p{
	padding: 20px 20px 0px 20px;
	font-family: Arial;
	font-size: 10px;
	color: #2f2f2f;
}

