@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------

	Reset
	
----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a { outline:none; }
.separa {
	width:100%;
	clear:both;
}

/*-----------------------------------------------------------*/

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 266px;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body{
	text-align:center;
	margin:0 auto;
	background:#C8C8C8;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}
h1,h2 {margin:0; padding:0;}
h1 { font-size:40px; color:#333; letter-spacing:-1.5px; margin-bottom:10px;}
h2 {
	font-size:20px;
	color:#333;
	margin-bottom:25px;
	letter-spacing:-1px;
}
.espacio-izq{ margin-left:8px; }

#header{
	width:830px;
	height:150px;
	float:left;
}
#main{
	margin:0 auto;
	width:880px;
	min-height:800px;
	color:#666666;
	font-size:12px;
	background:#C8C8C8 url(../images/bg_light.jpg) no-repeat 80px 45px;
	position:relative;
	text-align:left;
}
	#logo{
		width:174px;
		height:54px;
		background:url(../images/logo.gif);
		text-indent:-9999px;
		display:block;
		position:relative;
		top:38px;
		left:1px;
		float:left;
	}
	#idioma{
		width:105px;
		height:18px;
		background:url(../images/idioma.jpg) no-repeat;
		float:right;
		text-align:left;
		padding:3px 0 0 15px;
		position:relative;
		top:17px;
		cursor:pointer;
		color:#FFF;
		font-size:11px;
	}
	#idioma:hover{
		background-position:0 -21px;
	}
	/* Menu idioma */

	.menu-idiomas {
		z-index:9999;
		position:absolute;
		top:56px;
		.top:54px;
		left:709px;
		margin:0;
		padding:0;
		width: 138px;
		height:150px;
		list-style-type:none;
		font-weight:normal;
		visibility:hidden;
		text-align:left;
		background:url(../images/lang_menu.png) no-repeat;
		font-size:11px;
	}
	.menu-body{
		width:138px;
	}
	.menu-idiomas ul{
		margin:18px 0 0 18px;
		padding:0px 0 7px 0;
	}
	.menu-idiomas ul li {
		display:inline;
	}
	
	.menu-idiomas ul li a {
		width:118px;
		display:block;
		padding: 5px 0 5px 5px;
		color: #333;
		text-decoration:none;
	}
	
	.menu-idiomas ul li a:hover {
		color:#fff;
	}
	#cuerpo{
		width:835px;
		font-size:12px;
		color:#464646;
		clear:both;
		float:left;
		margin:20px 0;
		line-height:19px;
		text-align:left;
	}
	#cuerpo p{ margin:6px 0; }
	#menubar{ width:235px; height:204px; float:left; margin-top:100px; text-align:left;	}
	#sidebar{ width:225px; float:left; margin-top:80px; text-align:left; padding-left:10px;}
	#menubar ul{ list-style-type:none; }
	#menubar ul li{ padding-bottom:15px; }
	#menubar ul li a{ font-size:14px; color:#999; text-decoration:none; background:url(../images/bullet.gif) no-repeat 0 3px; padding-left:23px; }
	#menubar ul li a:hover, #menubar ul li a.active { color:#333; background:url(../images/bullet2.gif) no-repeat 0 3px; }
	
	#contenido-cuerpo{
		width:600px; 
		float:left; 
		text-align:left;
	}
		#contenido-cuerpo a{ color:#FFF; }
		#contenido-cuerpo a:hover{ text-decoration:none; }
		.titulo1{
			color:#30A9C2;
			font-size:16px;
			margin:30px 0 8px 0;
			font-weight:normal;
		}
		.no-margintop{ margin-top:0; }
		
		.claim2{ margin:20px 0; font-size:18px; color:#333; letter-spacing:-1px;}
		.title-box{
			margin:18px 0 0 25px;
			font-size:18px;
			color:#333;
			letter-spacing:-1px;
			text-align:left;
			line-height:25px;
			display:block;
			text-decoration:none;
		}
		.title-box:hover{
			color:#FFF;
		}
		#acceso-tienda{
			width:170px;
			height:257px;
			background:url(../images/solapa-tienda.png) no-repeat;
			position:absolute;
			top:-276px;
			left:0;
			margin:12px;
			padding:5px;
		}
		#acceso-tienda ul{ margin-left:17px; color:#FFF; margin-top:10px; }
		#acceso-tienda ul li{ padding:3px 0;}
		#acceso-tienda ul li a{ color:#FFF;}
		#acceso-tienda ul li a:hover{ text-decoration:none;}
		#claim-tienda{
			font-size:17px;
			color:#A9DFEB;
			letter-spacing:-1px;
			line-height:23px;
			margin-left:3px;
		}

/********************************************/
/* SOCIAL MEDIA                             */
/********************************************/

#social-media{
	width: 836px;
	height: 107px;
	background:url(../images/socialmedia_bg.png) no-repeat;
	margin:60px 0 20px 5px;
	position:relative;
}
#txt-sm{
	width:172px;
	height:82px;
	background:url(../images/solapa_sm.png) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:3px 0 0 10px;
}
.stepcarousel{
	position: relative; 
	overflow: scroll; 
	width: 560px; 
	height: 107px; 
	float:right;
	margin-right:45px;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	margin: 13px 0; 
	margin-right:55px;
	width: 255px; 
	height: 82px;
	font-size: 11px;
	text-align: center;
	color: #464646;
	text-align:left;
}
.stepcarousel .panel img{ float:left; margin-right:17px; }
.stepcarousel .panel a{	color:#FFF; font-weight:bold; margin-top:3px; display:block; }
.stepcarousel .panel a:hover{ text-decoration:none;}
.tit-panel{
	margin-bottom:7px;
	text-indent:-9999px;
	float:left;
}
.bot-sm{
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/bot_socialmedia.jpg);
	width:36px;
	height:36px;
	position:absolute;
	top:35px;
	left:815px;
}
.bot-sm:hover{
	background-position: 0 -36px;
}

/********************************************/
/* estilos para el pie                      */
/********************************************/

#footer{
	position: relative;
	padding:12px 0 0 0;
	text-align:left;
	margin:0 auto;
	margin-top: -266px; /* negative value of footer height */
	height: 266px;
	clear:both;
	background: #c8c8c8 url(../images/bg_sitemap.jpg) repeat-x 0 50px;
}
	#content-footer{
		width:850px;
		height:36px;
		padding-top:17px;
		font-size:8px;
		margin:0 auto;
	}
		#copyright{ color:#8D8D8D !important; float:left; width:550px; color:#333; font-size:11px; letter-spacing:-0.5px; }
		
		ul#nav-condiciones {
			position:relative;
			width:275px;
			margin:0 20px 0 0;
			padding:0;
			float:right;
		}
		ul#nav-condiciones li {
			float: left;
			list-style: none;
		}
		ul#nav-condiciones li a {
			position:absolute;
			text-decoration: none;
			border: none !important;
			top: 0px;
			font-size:11px;
			letter-spacing:-0.5px;
			color:#333;
		}
		ul#nav-condiciones li a:hover{
			color:#31AFCA;
		}
		
		#sitemap-box{ width:830px; clear:both; float:left; margin-top:30px; font-size:11px; }
		#sitemap-box #ruta{ width:830; margin-bottom:20px; color:#ccc; }
		#sitemap-box #ruta .opt-selected{ color:#999; display:inline !important; }
		ul#menu-footer-1{ width:140px; float:left; list-style-type:none; }
		ul#menu-footer-1 li{ padding:4px 0; }
		
		ul#menu-footer-2{ float:left; list-style-type:none; }
		ul#menu-footer-2 li{ float:left; width:140px; }
		
		ul.lista-2{ list-style-type:none; margin-top:2px; }
		ul.lista-2 li{ padding:2px 0 2px 0; }
		ul.lista-3{ list-style-type:none; margin-left:14px; margin-top:2px; color:#ccc; }
		ul.lista-3 li{ padding:1px 0;}
		
		a.level-1{ color:#666; font-weight:bold; text-decoration:none; font-size:12px; }
		a.level-2{ color:#999; text-decoration:none; font-style:italic; }
		a.level-3{ color:#ccc; text-decoration:none; }
		a.level-1:hover, a.level-2:hover, a.level-3:hover{ text-decoration:underline; }

/* fin estilos del pie */