/*======*/
 /* BODY */
/*======*/
body {
	font: 100% Arial, Helvetica, sans-serif;
	background:#000 url(http://www.latesttendencies.com/im/fdo.jpg) center fixed no-repeat;
	margin: 8px 0 12px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4f4e4f;
	}
p {
	padding:0;
	margin:0;
	text-align:justify;
	}
img {
	border:none;
	}

a:link{
	color:#2665a0;
	text-decoration: underline;
	}
a:visited {
	color: #0050aa;
	}
a:hover {
	text-decoration: none;
	color: #FF0000;
	}
a:active {
	text-decoration: underline;
	color: #999;
	}

table, th, td {
	border:1px solid #ccc;
	}


  /*===========*/
 /* CONTAINER */
/*===========*/
#container {
	width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
#header {
	background: #fff; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	}


  /*=========*/
 /* SIDEBAR */
/*=========*/
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 375px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	font-size:.6875em;
	padding: 10px 0 15px 6px;
	}
#sidebar1 p {
	margin:10px 0 0;
	}
.fotos {
	margin:0 0 20px;
	width:375px;
	}
.fotosbump {
	margin-top:204px;
	}


  /*======*/
 /* MAIN */
/*======*/
#mainContent {
	margin:0 0 0 381px;
	padding: 10px 0 0 6px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#fff;
	}
#mainContent p {
	padding: 0 20px;
	font-size:.6875em;
	margin:0 0 1em;
	}
	#mainContent .bigtext {
		font-size:.875em;
		}
#mainContent ul {
	font-size:.6875em;
	text-align:justify;
	margin:0 20px 1em 0;
	}
	#mainContent li {
		list-style-position:outside;
		list-style-type:disc;
		margin-bottom:5px;
		}

#mainContent .subtitle {
	margin:1.5em 0 1px;
	}
	#mainContent .subtitlebigger {
		font-size:.875em;
		}
#mainContent .subtitle2 {
	margin:0 0 1px;
	}
	#mainContent .tab {
		margin-left:15px;
		}
#mainContent .line {
	margin:1em 20px 0;
	padding:10px 0 0;
	border-top:1px solid #bcbdc0;
	}

#mainContent h1, #mainContent h2, #mainContent h3 {
	padding: 0 20px;
	font-weight:normal;
	}
#mainContent h1 {
	font-size:1em;
	color:#4f4e4f;
	margin:0;
	}
#mainContent h2 {
	font-size:.75em;
	color:#999;
	margin:0 0 15px;
	}
#mainContent h3 {
	font-size:.5625em;
	color:#bcbdc0;
	margin:0 0 2px;
	}
#mainContent img {
	margin:0 0 10px;
	}
#mainContent .fotos {
	margin:0 0 20px;
	}
#mainContent .imgcenter {
	display:block;
	margin:0 auto;
	}


  /*=========*/
 /* SUBMENU */
/*=========*/
.subleft {
	float: left; /* since this element is floated, a width must be given */
	width: 375px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 0 0 6px;
	}
.subleft h1, .subright h1 {
	font-weight:normal;
	font-size:1em;
	color:#4f4e4f;
	margin:5px 28px 0 40px;
	}
.subleft p, .subright p {
	font-size:.75em;
	color:#5d5d5d;
	margin:0 28px 10px 40px;
	padding-bottom:3px;
	border-bottom:1px solid #e9e9e9;
	}
	#container .noline {
		border:none;
		}
.highlight {
	color:#999;
	font-size:1.1667em;
	}

.subright {
	margin:0 0 0 381px;
	background-color:#fff;
	padding: 10px 0 0 24px;
	}


  /*=========*/
 /* BOTONES */
/*=========*/
.btn_blank {
	display:block;
	width:350px;
	height:23px;
	text-align:center;
	background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_blank.gif) no-repeat;
	color:#7a7a7a;
	padding:10px 0 0;
	font-size:.75em;
	}
	.subleft .btn_blank a, .subright .btn_blank a {
		font-size:.9167em;
		color:#2665a0;
		}
	.subleft .btn_blank a:hover, .subright .btn_blank a:hover {
		color:#ff0000;
		background:none;
		}
	.subleft .btn_blank a:active, .subright .btn_blank a:active {
		color:#999;
		}

.subleft a, .subright a {
	color:#666;
	}
	.subleft a:hover, .subright a:hover {
		color: #fff;
		background-color:#000;
		}
	.subleft a:active, .subright a:active {
		color: #999;
		}

.btn {
	width:350px;
	height:33px;
	position:relative;
	display:block;
	background:#eee no-repeat;
	line-height:30px;
	border-bottom:1px solid #fff;
	}

	.informes span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_informes.gif) no-repeat;
		}
	.tiendas span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_tiendas.gif) no-repeat;
		}
	.tiendas_txt span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_tiendas_txt.gif) no-repeat;
		}
	.print span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_print.gif) no-repeat;
		}
	.asesor span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_asesor.gif) no-repeat;
		}
	.news span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_news.gif) no-repeat;
		}
	.articulo span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_articulo.gif) no-repeat;
		}
	.blog span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_blog.gif) no-repeat;
		}
	.video span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn_video.gif) no-repeat;
		}

	.informes span, .tiendas span, .tiendas_txt span, .print span, .asesor span, .news span, .articulo span, .blog span, .video span {
		position: absolute;
		width: 100%;
		height: 100%;
		}
		.tiendas:hover span, .print:hover span, .asesor:hover span, .news:hover span, .articulo:hover span, .blog:hover span, .video:hover span, .tiendas:active span, .print:active span, .asesor:active span, .news:active span, .blog:active span, .video:active span {
			background-position: 0 -33px;
			}


  /*=============*/
 /* PAG TIENDAS */
/*=============*/
.logo {
	margin: 10px 0 0 20%;
	}
.logo2 {
	margin: 10px 0 0 12%;
	}
.centerimg {
	margin:0 auto;
	display:block;
	text-align:center;
	}

#centerdiv {
	margin:30px auto 20px;
	width:480px;
	}
	#centerdiv .center {
		font-size:.8125em;
		text-align:center;
		margin:0 0 15px;
		}
#centerdiv .reset_left {
	padding-bottom:0;
	}
#centerdiv .reset_right {
	padding-bottom:0;
	}
.centergap {
	margin:0;
	padding:0;
	height:40px;
	}

.centerleft {
	float:left; /* since this element is floated, a width must be given */
	width:215px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding:0 10px 12px 0;
	}
.centerright {
	margin: 0 0 0 245px;
	width:225px;
	padding:0 0 12px 10px;
	}
.centerleft h2, .centerright h2 {
	font-weight:normal;
	font-size:1em;
	color:#4f4e4f;
	margin:0 0 5px;
	}
.centerleft p, .centerright p {
	color:#999;
	font-size:.75em;
	margin:0 0 3px;
	}


.center_btn_blank {
	display:block;
	width:225px;
	height:23px;
	text-align:center;
	background: #fff url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn2_blank.gif) no-repeat;
	color:#7a7a7a;
	padding:10px 0 0;
	font-size:.75em;
	}
	.center_btn_blank a {
		font-size:.9167em;
		}

.center_btn {
	width:225px;
	height:33px;
	position:relative;
	display:block;
	background-color:#eee;
	line-height:30px;
	border-bottom:1px solid #fff;
	}
	.center_btn_asesor span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn2_asesor.gif) no-repeat;
		}
	.center_btn_print span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn2_print.gif) no-repeat;
		}
	.center_btn_regresar span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn2_regresar.gif) no-repeat;
		}
	.center_btn_newsletter span {
		background: url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/btn2_newsletter.gif) no-repeat;
		}
	.center_btn_asesor span, .center_btn_print span, .center_btn_regresar span, .center_btn_newsletter span {
	position: absolute;
	width: 100%;
	height: 100%;
		}
		.center_btn_asesor:hover span, .center_btn_print:hover span, .center_btn_regresar:hover span, .center_btn_newsletter:hover span, .center_btn_asesor:active span, .center_btn_print:active span, .center_btn_regresar:active span, .center_btn_newsletter:active span {
			background-position: 0 -33px;
			}


  /*========*/
 /* FOOTER */
/*========*/
#footer {
	margin-top:20px;
	padding:0;
	width:100%;
	}
#footer a {
	background:#000;
	color:#fff;
	}
	#footer a:hover {
		color:#ccc;
		}

#footer .foot {
	float:left;
	position:relative;
	height:41px;
	margin:0;
	padding:0;
	display:block;
	line-height:35px;
	}
#footer .sigue{
	background:url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/foot1.gif) no-repeat;
	width:90px;
	}

#footer .t, #footer .f, #footer .w, #footer .y {
	width:24px;
	font-size:8px;
	overflow:hidden;
	}
#footer .t span, #footer .f span, #footer .w span, #footer .y span, #footer .lt span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
#footer .t span {
	background:url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/foot2.gif) no-repeat;
	}
#footer .f span {
	background:url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/foot3.gif) no-repeat;
	}
#footer .w span {
	background:url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/foot4.gif) no-repeat;
	}
#footer .y span {
	background:url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/foot7.gif) no-repeat;
	}
#footer .line {
	background:url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/foot5.gif) repeat-x;
	width:376px;
	}
#footer .lt {
	width:208px;
	}
#footer .lt span {
	background:url(http://www.latesttendencies.com/lt10/junio/imagen/elementos/foot6.gif) no-repeat;
	}

	#footer .t:hover span, #footer .f:hover span, #footer .w:hover span, #footer .y:hover span , #footer .lt:hover span, #footer .t:active span, #footer .f:active span, #footer .w:active span, #footer .y:active span, #footer .lt:active span {
		background-position: 0 -41px;
		}

#credits {
	margin:5px 8px 0 6px;
	padding:0 0 6px;
	font-size:.6875em;
	color:#999;
	}
.gap {
	margin: 0 0 0 20%;
	}


  /*=========*/
 /* GENERAL */
/*=========*/
.bump {
	margin:0 0 10px;
	}
.float_l {
	float:left;
	}
.float_r {
	float:right;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}

  /*==========*/
 /* SOCIALES */
/*==========*/
.twitter-share-button, .fb-like{
	padding: 0 20px;
	margin:-5px 0 0;
	}
.fb-like{
	float:right;
	}