/* Documento CSS - Creado por Studio Byte */

/* CONTENEDORES */
.Contenido{
	width:950px;
	margin:0 auto;
	position:relative;
}
#Top{
	width:100%;
	background:#0067b8;
	height:20px;
	padding:2px 0;
	color:#fff;
	position:relative;
	border-bottom: 2px solid #FFF;
	box-shadow: 0px 0 5px #444;
	z-index:4;
}
#Top .Contenido {
	text-align:right;
}
#Cabecera{
	width:100%;
	height:130px;
	z-index:2;
	position:relative;
	background:#fff url(../img/pagina/bg-cabecera.jpg) center center;
}
#Cabecera .Contenido{
	background:#fff url(../img/pagina/bg-cabecera.jpg);
	z-index:3;
	height:130px;
}
#Logo{
	position:absolute;
	width:380px;
	height:111px;
	top:9px;
	left:0;
}
#InfoCabecera{
	position:absolute;
	right:0;
	top:9px;
	text-align:right;
	font-size:14px;
	width:350px;
	height:116px;
}
#Menu{
	width:100%;
	height: 35px;
	position:relative;
	z-index:1;
	background:#4e4e4e;
	border-bottom:1px solid #666;
}
#BgMenuItems{
	width:100%;
	height:35px;
	z-index:3;
	background: url(../img/pagina/bgMenu.png) repeat-x;
	position:absolute;
}
#MenuItems{
	position:absolute;
	height:30px;
	top:10px;
	color:#fff;
	width:600px;
	z-index:4;
}
#MenuItems a{
	color:#fff;
	float:left;
	font-size:15px;
	margin:0 20px;
	z-index:5;
}
#BgMenu1, #BgMenu2, #BgMenu3, #BgMenu4, #BgMenu5 {
	position:absolute;
	height:40px;
	background:#dd201c;
	z-index:1;
	top:-45px;
	border-radius: 0 0 15px 15px;
	box-shadow:0 0 2px #111;
	margin: 0; padding:0;
}
#BgMenu1 {	left:0;	width:76px; }
#BgMenu2 {	left:83px; 	width:105px; }
#BgMenu3 {	left:200px;	width:101px; }
#BgMenu4 {	left:315px; width:90px }
#BgMenu5 {	left:418px; width:91px}

#Buscador{
	position:absolute;
	top:0;
	height:35px;
	right:20px;
	width:200px;
	z-index:25;
}
#CampoBuscador{
	height:25px;
	width:155px;
	background:url(../img/pagina/bg-buscador.png);
	float:left;
	border:none;
	outline:none;
	margin:0;
	padding:5px 0 5px 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-style:italic;
	font-size:14px;
	color:#888;
	line-height:25px;
}
#CampoBuscador:hover{
	color:#666;
}
#CampoBuscador:focus{
	color:#333;
}
#BotonBuscador{
	height:35px;
	width:30px;
	background:url(../img/pagina/bg-btn-buscador.png);
	float:right;
	cursor:pointer;
}
#BotonBuscador:hover{
	background:url(../img/pagina/bg-btn-buscador-ov.png);
}

#slider{
	width:950px;
	margin:0 auto;
	height:400px;
	background:#000;
	position:relative;
	z-index:0;
}
#sliderShadow{
	width:950px;
	margin:0 auto;
	height:50px;
	background:#fff url(../img/slider/bg-slider.jpg);
	position:relative;
	z-index:0;
}
#Cuerpo{
	padding:20px 20px;
	background:#fff;
	min-height:600px;
	width:910px;
	margin:0 auto;
	font-size:17px;
	z-index:0;
	line-height:21px;
	font-weight:300;
}
#Marcas{
	width:950px;
	background:#fff;
	margin:0 auto;
	height:100px;
	position:relative;
	padding:10px 0;
}
#Pie{
	width:100%;
	position:relative;
	padding:20px 0;
	background:#0067b8;
	color:#fff;
	border-top:1px solid #fff;
	line-height:23px;
	font-size:16px;
}
#Pie h1{
	color:#fff;
	margin-bottom:10px;
}
#PieDatos{
	float:left;
	width:400px;
	text-align:left;
}
#PieMenu{
	float:right;
	width:500px;
	text-align:left;
}
#fbPie {
	text-align:left;
	padding:20px 0 10px 8px;
}
#gallery img{
	padding:4px;
	border:1px solid #dd201c;
	transition: all 0.4s linear 0s;
}
#gallery img:hover{
	opacity:0.7;
}
#Bottom{
	width:100%;
	background:#333;
	padding:5px 0;
	color:#fff;
	position:relative;
	z-index:2;
	border-top:2px solid #fff;
}
#Bottom a{
	color:#fff;
	font-size:12px;
	text-shadow:none;
	transition: color 0.4s linear 0s, text-shadow 0.4s linear 0s;
}
#Bottom a:hover{
	text-shadow: 0 0 3px #35ffee;
}
#CarroInfo{
	width:240px;
	height:50px;
	background:url(../img/pagina/bgCarroInfo.png);
	position:absolute;
	right:0;
	bottom:0;
	cursor:pointer;
}
#ProductosTotal{
	position:absolute;
	right:7px;
	bottom:4px;
	font-size:13px;
	color:#fff;
}
#IrArriba {
	position: fixed;
	bottom: 10px; /* Distancia desde abajo */
	right: 10px; /* Distancia desde la derecha */
	z-index:9000;
}

#IrArriba span {
	width: 40px; /* Ancho del botón */
	height: 40px; /* Alto del botón */
	display: block;
	background: url(../img/botones/subir.png) no-repeat center center;
}
#Login{
	position:relative;
	margin: 0 auto;
	top:50%;
	margin-top:-110px;
	width:250px;
	height:210px;
	background:#0067b8;
	border:3px solid #fff;
	border-radius:10px;
	box-shadow:0 0 8px #444;
	padding:8px 14px;
	display:none;
	font-size:16px;
	color:#fff;
	font-weight:700;
}
#Login p{
	margin:10px 0 4px 0;
	font-size:14px;
	font-weight:400;
}
#Login input{
	width:220px;
	padding:0 5px;
	border-radius:3px;
	border: 2px solid #fff;
	background: #ccc;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#111;
	line-height:25px;
	box-shadow: 1px 1px 5px #444;
	transition: background 0.3s linear 0s;
	font-weight:400;
}
#Login input:focus{
	background:#333;
	color:#fff;
}
#Login input[type=submit]{
	margin-top:5px;
	width:150px;
	background: #dd201c;;
	cursor:pointer;
	color:#fff;
	font-weight:400;
	transition: background 0.3s linear 0s;
	border-radius:5px;
}
#Login input[type=submit]:hover{
	background:#111;
}
#SocialBar{
	width:450px;
	margin:0 auto;
}
/* carousel */

#Marcas .Carousel  {
	padding: 0;
	margin: 0 auto;
	position: relative;
    width:950px;
}

#Marcas .Carousel ul {    margin: 0;  padding:0; }
#Marcas .Carousel li {	height:100px;margin: 0;  padding:0;}