@charset "utf-8";
/* CSS Document */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin:0; font-size: 13px; line-height: 1.231; padding:0; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */

@font-face {
    font-family: 'TrajanPro-Bold';
    src: url('TrajanPro-Bold.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TrajanPro-Regular';
    src: url('TrajanPro-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
body {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; /*fondo1col*/
	background-color:#EBEBEB;
	/*background-image: url(https://www.nuevasalsa.com/wp-content/themes/nuevasalsa/images/fondo1col.jpg); background-repeat:repeat-x;*/
}
.fontface .condensed {font-family: 'Roboto Condensed', sans-serif; font-weight:normal;}
.fontface .roboto {font-family: 'Roboto', sans-serif; font-weight:normal; }
.condensed {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.roboto { font-family:Verdana, Geneva, sans-serif;}

.container {
	margin:0 auto; width:1160px; padding:0px; top:0px; text-align:center;
}
.buscar-salsa {
	width:1020px;	
}
.top-up {
	width:1160px; height:40px; margin:0px; padding:0px;
}
.top-1 {
	width:1160px; height:200px; margin:0px; padding:0px;
}
.logo {
	width:1160px; height:200px; margin:0px; padding:0px;
}
.top-2 {
	width:1160px; height:400px; margin:0px; padding:0px;
}
.top-3 {
	width:1160px; margin:0px; padding:0px;
}
.back-2 {
	width:1160px; margin:0px; padding:0px; float:left;
}
.back-1 {
	width:1160px; height:100%; margin:0px; padding:0px;
	background-color:#333333; overflow:hidden; margin:0 auto;
}
.top-left-2 {
	width:480px; height:200px; margin:0px; padding:0px; float:left;
}
.top-right-2 {
	width:480px; height:200px; margin:0px; padding:0px; float:right;
}
.left-3 {
	width:480px; height:200px; margin:0px; padding:0px; float:left;
}
.right-3 {
	width:480px; height:100px; margin:0px; padding:0px; float:right;
}
.left-4 {
	width:480px; height:100px; margin:0px; padding:0px; float:right;
}
.tab-1 {
	width:320px; height:200px; margin:0px; padding:0px; float:left;
}
.tab-2 {
	width:320px; height:200px; margin:0px; padding:0px; float:left;
}
.tab-3 {
	width:320px; height:200px; margin:0px; padding:0px; float:right;
}

.contenido-total {
	width:1154px; margin:0px; padding:0px; border-left:3px ridge #CCC; border-right:3px ridge #CCC;
	overflow:hidden; height:auto;
}
.buscador {
	width:205px; float:right; margin:15px 20px 4px 0px; padding:0px 50px 0px 0px; right:50px;
}
.box-sch {
	width:170px; float:right; border:1px #000 solid; -moz-border-radius:5px; border-radius:5px; height:16px;
	margin-right:3px; font-size:11px;
}
.btn-env {
	background:url(../img/buscar1.png); background-repeat:no-repeat; background-position:center; width:24px;
	float:right; height:22px; border:none;
}
#flash1 {
	margin-bottom:0px; margin-top:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px;
	background-color:#000; height:400px; margin-left:0px; margin-right:0px; width:1160px;
}
#topb1 {
	position:absolute; top:0px; left:55%; padding-left:80px; padding-right:10px; padding-top:60px; padding-bottom:5px;
	font-family:"TrajanPro-Regular"; font-size:14px; color:#FFF; width:480px; font-weight:normal;
}
#topa1 {
	position:absolute; top:0px; left:40%; padding-left: 100px; padding-right: 10px; padding-top: 25px; padding-bottom: 5px;
	width: 150px;
}
#topa1 a {
	font-family:"TrajanPro-Regular"; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal;
	padding-right:5px; padding-left:5px; margin-bottom:10px; margin-top:10px;
}
#topb1 a {
	font-family:"TrajanPro-Regular"; font-size:14px; color: #FFF; text-decoration:none; font-weight:normal;
	border-right:1px solid; border-right-color:#FFF; padding-right:5px; padding-left:5px; 
	margin-bottom:10px; margin-top:60px;
}
#topb1 a:hover {
	color: #FF9; text-decoration:underline;
}

.bx-wrapper .bxslider {
	padding:0;
	margin:0 auto;
	width:1160px;
}
.bx-wrapper .proslides {
	padding:0;
	margin:0;
}
.centra
{
	width:1160px; margin:0 auto;
	margin-bottom:30px; margin-top:0px;
}

.costado-izq {
	width:800px; height:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left;
}

.inicio {
	font-family: Tahoma, Geneva, sans-serif; font-weight:normal; font-size:14px; float:left;
	width:762px; height:100%; text-align:justify; color:#525252; padding:10px; margin:5px; 
	border:1px #CCCCCC solid; -moz-border-radius:10px; border-radius:10px;
}
.ima-mas-artistas {
	width:760px; height:101px; margin:0px; padding:0px;
}
.inicio p {
	font-family: Tahoma, Geneva, sans-serif; font-weight:normal; font-size:14px;
	width:752px; text-align:justify; color:#525252; padding:5px; margin:0px;
}
.inicio h1 {
	font-family: Tahoma, Geneva, sans-serif; font-weight:normal; font-size:16px; text-transform:uppercase;
	background-color:#232947; color:#FFF; width:762px; height:auto; padding-top:10px; padding-bottom:8px;
}
.inicio h2 {
	font-family:Verdana, Geneva, sans-serif; font-size:18px; text-decoration:none; color:#036;
	font-weight:bold; text-align:left; padding:5px 5px 7px 5px; margin-bottom:5px; margin-right:10px;
	text-transform:uppercase; font-style:normal; letter-spacing:1px; line-height:25px;
	border-top:1px solid #036; border-bottom:1px solid #036;
}
.inicio a h2:hover {
	text-decoration:underline; /*color:#006699;*/
}
.inicio a {
	text-decoration:none;
}
.inicio a:hover {
	text-decoration:none;
}
.inicio b {
	font-weight:bold;
}
.inicio img {
	margin:0 auto; border:0px;
}

.titulo {
	font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:16px; text-transform:uppercase;
	background-color:#232947; color:#FFFFFF; width:940px; height:40px; padding-top:10px; margin:0 auto;
}
.subtitulo {
	font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:15px;
	color:#333333; width:940px; height:40px; padding-top:10px; margin:0 auto;
}

.pie1 {
	padding:20px; margin:0px; width:330px; height:100%; float:left;
}
.pie1 ul {
	list-style:none; margin-left:-30px;
}
.pie1 ul li {
	list-style:none; margin:0px; padding:0px; text-align:left;
}
.pie1 ul li a {
	padding:2px; margin:3px 3px 3px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;
	color:#FFFFFF; width:320px; height:100%; font-weight:normal; text-decoration:none; text-align:left;
	text-transform:uppercase;
}
.pie1 h2 {
	padding:10px; margin:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px;
	color:#FFFFFF; width:320px; height:100%; font-weight:normal; text-decoration:none;
	border-bottom:1px solid #FFFFFF; text-transform:uppercase; text-align:left;
}
.pie1 p {
	padding:2px; margin:3px 3px 3px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;
	color:#FFFFFF; width:320px; height:100%; font-weight:normal; text-decoration:none; text-align:left;
	text-transform:uppercase;
}
.pie1 a {
	padding:2px; margin:3px 3px 3px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;
	color:#FFFFFF; width:320px; height:100%; font-weight:normal; text-decoration:none; text-align:left;
	text-transform:uppercase;
}
.pie1 a:hover {
	text-decoration:underline; color:#FF9;
}

.notas {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:320px;
}
.notas img {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:320px; height:180px;
}
.notas img a {
	font-family:Tahoma, Geneva, sans-serif; font-size:12px;
	color:#333333; font-weight:bold; text-decoration:none; text-align:left;
	margin:0px; padding:0px 2px 0px 5px;
}
.box-inside {
	margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:320px; height:100%;
}
.box-inside a {
	font-family:Tahoma, Geneva, sans-serif; font-size:12px;
	color:#333333; font-weight:bold; text-decoration:none; text-align:left;
	margin:0px; padding:0px 2px 0px 5px;
	/*text-shadow: 1px 1px #000;*/
}
.box-inside a:hover {
	text-decoration:underline;
}
.mas-notas {
	margin:5px; padding:3px; border-top:1px solid #999999; width:310px; margin:0 auto;
}
.mas-notas a {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	color:#333333; font-weight:normal; text-decoration:none;
	margin:3px; padding:2px; text-transform:uppercase;
}
.mas-notas a:hover {
	text-decoration:underline;
}

.contepost {
	text-align:justify; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;
	font-size:14px; color:#333333; padding:0px; margin:0px; width:940px; margin:0 auto;
}
.contepost p {
	text-align:justify; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; margin:0 auto;
	font-size:14px; color:#333333; padding:0px; margin:0px; margin-bottom:10px;
}
.contepostmas {
	margin:0px; padding:1px;
}

.links h2 {
	font-family:Tahoma, Geneva, sans-serif; font-size:15px; font-weight:normal; padding:2px;
	color:#FFF; text-align:center; text-decoration:none; background-color:#232947; 
	text-align:left;
}
.links a {
	font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal;
	color:#525252; text-align:center; text-decoration:underline;
}
.links a:hover {
	color:#36F;
}
.linksmas p {
	font-family:"TrajanPro-Regular"; font-size:11px; font-weight:normal;
	color:#36F; text-align:center; text-decoration:underline; 
}
.linksmas a {
	font-family:"TrajanPro-Regular"; font-size:11px; font-weight:normal;
	color:#36F; text-align:center; text-decoration:underline;
}
.linksmas a:hover {
	color:#333;
}

#menus {
	margin:0 auto; padding-left: 0px; padding-top: 15px; padding-bottom: 15px; width:1160px;
	padding-right: 0px; background-image:url(https://www.nuevasalsa.com/wp-content/themes/nuevasalsa-v2/img/menu-ns.png);	 	
	text-align:center; margin:0px 0px 0px 0px;
}
#submenus {
	margin-bottom:0px; margin-top:0px; padding-left: 0px; padding-top:3px; padding-bottom:3px;
	padding-right:0px; background-color:#999999;
	/* background-image:url(https://www.nuevasalsa.com/wp-content/themes/nuevasalsa/images/menup.png); background-color:#333;*/
}
#menus a{
	margin-bottom: 0px; margin-top: 0px; padding-left: 10px; padding-right: 10px; padding-top: 15px;
	padding-bottom: 15px; font-family:"TrajanPro-Regular"; font-size:16px; text-transform:uppercase;
    color: #FFF; font-weight:normal; text-decoration:none; border-right:1px solid; border-right-color:#FFF;
	text-shadow:#000000;
}
#submenus a{
	margin-bottom:0px; margin-top:0px; padding-left: 18px; padding-right: 18px; padding-top: 0px;
	padding-bottom: 0px; font-family:"TrajanPro-Regular"; text-shadow:#000000;
	font-size:12px; color: #FFF; text-decoration:none; border-right:1px solid; border-right-color:#FFF;
	/*font-weight:bold;*/
}
#menus a:hover{
	background-color:#CCCCCC; color:#333333;
}
#submenus a:hover{
	background-color:#CCCCCC; color:#333333;
}
#submenus hr {
	margin-bottom:0px; margin-top:0px; padding-top: 0px; padding-bottom: 0px;
}

#contenido {
	padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; width:1160px;
	margin:0px;
}
.inicio-ns {
	font-family: Tahoma, Geneva, sans-serif; font-weight:normal; font-size:14px;
	width:732px; height:100%; padding:10px; margin:5px; 
	border:1px #CCCCCC solid; -moz-border-radius:10px; border-radius:10px;
}
.inicio-ns h1 {
	font-family: Tahoma, Geneva, sans-serif; font-weight:normal; font-size:16px; text-transform:uppercase;
	background-color:#232947; color:#FFF; width:722px; height:40px; padding-top:10px;
}
.salseros-ns {
	width:730px; margin:0 auto; padding:2px 2px 10px 2px;
}
.celdas-ns {
	width:140px; text-align:center; margin:0 auto; float:left; padding:2px;
}
.salseros {
	width:730px; margin:0 auto;
}
.salseros td {
	width:730px; text-align:center; margin:0 auto;
}
.salseros-ns {
	width:730px; margin:0 auto; padding:2px; overflow:hidden;
}
.celdas-ns {
	width:140px; text-align:center; margin:0 auto; float:left;
}
.link-tabla {
	background-color:#A6A6A6; text-align:center; height:30px; width:140px; padding:5px 0 5px 0;
}
.link-tabla a {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background-color:#A6A6A6;
	text-decoration:none; text-transform:uppercase; font-weight:normal; text-align:center;
}
.link-tabla a:hover {
	text-decoration:underline;
}
.ima-tabla {
	border:0px; padding:0px; width:140px; height:86px; background-color:#CCCCCC;
}
.ima-tabla img {
	border:0px; padding:0px; width:86px; margin:0 auto; height:86px;
}

.lo-nuevo {
	padding:0px; margin:0px; width:600px;
}
.lo-nuevo a{
	font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#003; text-decoration:none;
}
.lo-nuevo a:hover{
	color:#36F; text-decoration:underline;
}
.lo-nuevo img{
	border:0px; padding:0px; margin:0px;
}
.acceso {
	background-color:#000033; text-align:center; color:#FFF;
}

.costado {
	float:right; width:340px; height:100%; padding:0px; margin:0px 0px 0px 0px;
}
.costado-inc {
	width:330px; height:100%; padding:10px 0px 10px 0px; margin:5px 2px 5px 2px;
	border:1px #CCCCCC solid; -moz-border-radius:10px; border-radius:10px;
}
.costado-inc h1 {
	font-family: Tahoma, Geneva, sans-serif; font-weight:normal; font-size:16px; text-transform:uppercase;
	background-color:#232947; color:#FFF; width:330px; height:40px; padding-top:10px;
}
.costado-inc b {
	font-weight:bold;
}
.costado-inc img {
	margin:0 auto; border:0px;
}

.acceso {
	background-color:#000033; text-align:center; color:#FFF;
}
.errores-com {
	text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px; color:#003;
}
.errores-com a{
	text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px; color:#06F; text-decoration: none;
}
.errores-com a:hover {
	color:#003; text-decoration: underline;
}
.botones a {
	border:1px solid #333; margin:5px; padding:10px;
	background-color:#003; color:#FFF;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:14px; 
	text-align:center; text-decoration:none;
}
.botones a:hover {
	background-color:#306; color:#FF9;
}

#btnG {
	background-color:transparent; width:22px; height:22px; margin:2px; padding:2px;
	background:url(https://www.nuevasalsa.com/wp-content/themes/nuevasalsa/images/busca.png) no-repeat; border:none;
}
#q {
	margin-top:4px; padding-top:4px; height:18px; width:160px; font-size:12px; color:#003;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; margin:2px; padding:2px;
}
.box-google {
	padding-bottom:2px; padding-top:2px;
}

#ads-content {
    float:right; padding:10px; width:330px; height:auto;
}
#ads-content ul { 
	list-style:none; margin:5px 0px;
}
#ads-content ul li {
	border:1px solid #CCCCCC; width:290px; height:30px; padding-left:5px; padding-top:10px; padding-bottom:4px;
	display:inline-block; margin-left:-40px; margin-right:0px; padding-right:5px;
}
#ads-content a {
    font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#036; text-decoration:none; /*960 06F*/
	text-transform:uppercase;
}
#ads-content a:hover {
    text-decoration:underline;
}

#news_tags {
	font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#960; text-decoration:none; font-weight:bold;
	margin:2px; padding:3px;
}
#news_tags a {
	font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#966; text-decoration:none; margin:2px; padding:3px;
	font-weight:bold;
}
#news_tags a:hover {
	text-decoration:underline;
}

.archivo {
    padding:10px; width:742px; margin:0 auto; margin-left:-10px;
}
/*
.archivo h1 {
    font-family:'Roboto Condensed', sans-serif; font-size:18px; color:#FFF;
	background-color:#003; padding:0px; margin:0px; text-align:center; width:860px; height:50px;
	padding-top:20px; font-weight:normal;
}
*/
.archivo ul { 
	list-style:none; margin:5px 0px;
}
.archivo ul li {
	border:1px solid #999; width:712px; height:100%; padding-left:10px; padding-top:10px; padding-bottom:4px;
	display:inline-block; margin-left:-40px; margin-right:0px; padding-right:25px;
}
.archivo a h3 {
	font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; text-decoration:none;
	font-weight:normal; background-color:#232947; padding:3px; height:100%;
}
.archivo ul li a h3 {
    font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; text-decoration:none; /*000033 06F*/
	font-weight:normal; background-color:#232947; padding:3px; height:100%;
}
.archivo a:hover {
    color:#999; text-decoration:underline;
}
.unir {
	width:712px; margin:0px; padding:0px;
}
.unir img {
	width:700px; height:450px; margin:0 auto; padding:0px;
}
.unir p {
	font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#000; font-style:italic; 
	padding:5px; width:690px; margin:5px;
}
.unir h5 {
	font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#000; font-style:italic; 
	padding:5px; width:690px; margin:5px; text-decoration:none;
}
.archivo ul li a h5 {
    font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#000; font-style:italic; 
	text-decoration:none; font-weight:normal; padding:3px; height:100%;
}
.archivo h5 {
    font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#000; font-style:italic; 
	text-decoration:none; font-weight:normal; padding:3px; height:100%;
}
#HOTWordsTxt {
	width:690px;
}
.mama-papa {
	width:1120px; height:675px; margin:5px 0 5px 0; padding:0px;
}
.mama-papa img {
	width:1120px; height:675px;
}

.comments-extended {
	padding:20px; width:800px; border-top: 1px solid #CCC; overflow:hidden;
}
.comments-compact {
	border-top: 1px solid #CCC; overflow:hidden; padding-top:20px;
	margin-top:20px; margin-bottom:20px; width:800px;
	font-family:Verdana, Geneva, sans-serif; font-size:12px;
	text-align:justify; color:#333; text-decoration:none;
}
.comments-compact a {
	font-family:Verdana, Geneva, sans-serif; font-size:12px;
	text-align:justify; color:#06F; text-decoration:none;
}
.comments-compact a:hover {
	text-decoration:underline;
}

/*
.archivo p {
    font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#000; font-style:italic; padding-left:5px; width:640px;
}
.archivo img {
    float:left;
}
*/

#links-noticias {
    float:right; width:300px; margin:5px 0px; padding:10px; border:1px solid #999;
}
#links-noticias a {
    font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#960; text-decoration:none;
}
#links-noticias a:hover {
    color:#990000; text-decoration:underline;
}

.aviso {
	width:1160px; margin:0 auto; background-color:#000000; height:30px;
}
.aviso a {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:center; text-decoration:none;
}
.aviso a:hover {
	text-decoration:underline;
}

[class*='col-'] {float:left;min-height:1px;}

.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* Archivos en Portada */

.archivos-portada {
	margin:5px 5px 5px 10px; padding:2px; width:100%; margin:0 auto; height:auto;
}
.archivos-blog {
	margin:5px 5px 10px 5px; padding:2px 2px 2px 0; height:210px; /*min-height:210px; max-height:210px;*/
	/*border:1px #063 solid; -moz-border-radius:5px; border-radius:5px; width:95%;*/
	background-color:#EBEBEB; width:100%;
}
.archivos-blog h3 {
	font-family:Verdana, Geneva, sans-serif; font-size:18px; text-decoration:none; color:#036; /*float:right;*/
	font-weight:bold; text-align:left; padding:7px 5px 7px 5px; margin-bottom:10px; margin-right:10px;
	text-transform:uppercase; font-style:normal; letter-spacing:1px; line-height:25px;
	border-top:1px solid #036; border-bottom:1px solid #036;
}
.archivos-blog a h3:hover {
	text-decoration:underline; /*color:#006699;*/
}
.archivos-blog p {
	font-family:Verdana, Geneva, sans-serif; font-size:14px; text-decoration:none; color:#333; height:auto;
	font-weight:normal; text-align:justify; padding:2px; margin:2px 5px 5px 0; text-transform:none; 
	font-style:italic; letter-spacing:2px; line-height:25px; background-color:#EBEBEB; width:95%;
	/*float:right; width:59%;*/
}

/* Archivos en Salsa */

.archivos-portada-salsa {
	margin:5px 5px 5px 10px; padding:2px; width:100%; margin:0 auto; height:auto;
}
.archivos-blog-salsa {
	margin:5px 5px 10px 5px; padding:2px 2px 2px 0; height:auto;
	background-color:#EBEBEB; width:100%;
}
.archivos-blog-salsa h3 {
	font-family:Verdana, Geneva, sans-serif; font-size:18px; text-decoration:none; color:#036; /*float:right;*/
	font-weight:bold; text-align:left; padding:5px 5px 7px 5px; margin-bottom:10px; margin-right:10px;
	text-transform:uppercase; font-style:normal; letter-spacing:1px; line-height:25px;
	border-top:1px solid #036; border-bottom:1px solid #036;
}
.archivos-blog-salsa a h3:hover {
	text-decoration:underline;
}
.archivos-blog-salsa p {
	font-family:Verdana, Geneva, sans-serif; font-size:14px; text-decoration:none; color:#333; height:auto;
	font-weight:normal; text-align:justify; padding:2px; margin:2px 5px 5px 0; text-transform:none;
	font-style:normal; letter-spacing:2px; line-height:25px; background-color:#EBEBEB; width:95%;
	/*float:right; width:59%;*/
}

.archivos-blog img {
	margin:15px 5px 15px 0px; padding:2px; float:left; width:240px; height:170px; /*border:1px solid #063;*/
}
.archivos-blog a {
	text-decoration:none;
}
.archivos-blog a:hover {
	text-decoration:none;
}

.col-salsa {
	float:none; width:100%; height:auto; margin:0px; padding:0px;
}
.espacio {
	height:10px; width:100%; margin:0px; padding:0px;
}

.box {margin-left:0;margin-bottom:0px;}

/* ===================================================
    Initializr styles
    http://verekia.com/initializr/responsive-template
    Author: Jonathan Verrecchia
   =================================================== */

body{ font:16px/26px Helvetica, Helvetica Neue, Arial; }

.wrapper{
	width:90%;
	margin:0 5%;
}

/* ===================
    ALL: Orange Theme
   =================== */

#header-container{ margin:0px; padding:0px; height:200px; width:1160px; } /*border-bottom: 20px solid #e44d26;*/
#footer-container{ border-top:    20px solid #e44d26; }
#main aside      { border-top:    20px solid #e44d26; }

#header-container,
#footer-container,
#main aside{
	background:#f16529;
}

#title{ color:white; }

::-moz-selection { background: #f16529; color: #fff; text-shadow: none; }
::selection      { background: #f16529; color: #fff; text-shadow: none; }

/* ==============
    MOBILE: Menu
   ============== */

/* ==============
    MOBILE: Main
   ============== */

#main{
	padding:30px 0;
}

#main article h1{
	font-size:2em;
}

#main aside{
	color:white;
	padding:0px 5% 10px;
}

#footer-container footer{
	color:white;
	padding:20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ padding-top:20px; }



/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/******************************************/
/***    DISEÑO PARA MOVILES 320    ****/
/******************************************/
@media only screen and (min-width : 250px) and (max-width : 320px) {
	body{
		margin:0; padding:0; width:320px;
	}
	.container {
		width:320px; padding:0px; margin:0 auto; overflow:hidden;
	}
	.mama-papa {
		width:300px; height:180px;
	}
	.mama-papa img {
		width:300px; height:180px;
	}
	.nota {
		background-image:url(../images/notas.jpg); background-repeat:no-repeat;
		margin:0px; padding:0px; width:320px; height:17px; 
		background-size:contain;
	}
	#HOTWordsTxt {
		width:240px;
	}
	.inicio .links img {
		width:20px; height:20px;
	}
	.comments-extended {
		width:300px;
	}
	.comments-compact {
		width:300px;
	}
	.buscar-salsa {
		width:300px;
	}
	#header-container {
		width:320px; padding:0px; margin:0px;
	}
	.conte-busca {
		width:310px; padding:0px; margin:0px; background-color:#003;
	}
	#topb1 {
		position:absolute; top:56px; left:0px; padding-left:5px; padding-right:10px; padding-top:40px;
		padding-bottom:5px; width:300px; margin:0px 0px 0px 0px;
		font-size:11px; color:#FFF; font-weight:normal;
	}
	#topa1 {
		position:absolute; top:56px; left:0px; padding-left:0px; padding-right:0px; padding-top:5px; 				
		padding-bottom:5px; width:10px; margin:0px;
	}
	#topa1 a {
		padding-right:0px; padding-left:0px; margin-bottom:0px; margin-top:0px;
	}
	#topb1 a {
		font-size:11px; color: #FFF; text-decoration:none; font-weight:normal;
		border-right:1px solid; border-right-color:#FFF; padding-right:5px; padding-left:5px;
		margin-bottom:10px; margin-top:40px;
	}
	.buscador {
		width:205px; padding:0px 0px 0px 48px; margin:0px 0px 0px 0px; float:left; right:10px; left:50px;
	}
	#googlesearch {
		width:205px; padding:0px; margin:0px;
	}
	#cse-search-box {
		width:205px; padding:0px; margin:0px;
	}
	.box-sch {
		width:170px; float:right; height:16px;
	}
	.btn-env {
		width:24px; float:right; height:22px;
	}
	.lo-nuevo {
		padding:0px; margin:0px; width:310px;
	}
	.lo-nuevo tr td {
		padding:0px; margin:0px; width:75px;
	}
	.lo-nuevo tr td img {
		padding:0px; margin:0px; width:75px; height:75px;
	}
	.lo-nuevo td {
		padding:0px; margin:0px; width:75px;
	}
	.unir {
		width:250px; margin:0px; padding:0px; padding-right:10px;
	}
	.unir img {
		width:250px; height:161px; margin:0 auto; padding:0px;
	}
	.unir p { 
		width:120px;
	}
	.unir h5 { 
		width:120px; margin-left:-20px;
	}
	.unir p div p { 
		width:120px;
	}
	.archivo {
		padding:10px; width:280px; margin:0px;
	}
	.archivo ul { 
		list-style:none; width:270px;
	}
	.archivo ul li {
		width:250px; height:100%; display:inline-block;
	}
	.archivo a h3 {
		width:250px; height:100%;
	}
	.archivo a h5 {
		width:120px; height:100%;
	}
	.top-1 {
		width:320px; padding:0px; margin:0px; background-size:contain;
		background-image:url(../img/logo-ns-cel.png);
		visibility:visible; background-repeat:no-repeat;
		background-color:#003;
	}
	.logo {
		width:320px; padding:0px; margin:0px; visibility:hidden;
	}
	.logo-mb {
		width:320px; padding:0px; margin:0px;
		visibility:visible;
	}
	.top-3 {
		width:320px; padding:0px; margin:0px;
	}
	#menus {
		width:320px; padding:0px; margin:0px; font-size:11px;
		background-image:none; text-align:center;
	}
	#menus a {
		background-image:url(https://www.nuevasalsa.com/wp-content/themes/nuevasalsa-v2/img/menu-ns.png);
		background-repeat:no-repeat; background-size:auto; text-align:center;
		width:290px; padding:15px 15px 15px 15px; margin:0px; font-size:11px;
		height:auto; display:block; float:none;
	}
	#contenido {
		width:320px;
	}
	.top-2 {
		width:320px; padding:0px; margin:0px; height:110px;
	}
	#flash1 {
		width:320px; padding:0px; margin:0px; height:110px;
	}
	.bxslider {
		width:320px; padding:0px; margin:0px; height:110px;
	}
	#main-container {
		width:320px; padding:0px; margin:0px;
	}
	.contenido-total {
		width:314px; padding:0px; margin:0px;
	}
	#conte-tot {
		width:314px; padding:0px; margin:0px; height:auto;
	}
	#conte-tot img {
		width:314px; padding:0px; margin:0px; height:188px;
	}
	.costado-izq {
		width:304px; padding:0px; margin:0px;
	}
	.inicio .ima-mas-artistas {
		width:300px; height:40px; margin:0px; padding:0px;
	}
	.inicio {
		width:300px;
	}
	.inicio img {
		width:280px; height:200px;
	}
	.inicio iframe {
		width:280px; height:200px;
	}
	.inicio table {
		width:300px;
	}
	.inicio table tr td {
		width:150px; height:114px;
	}
	.inicio table tr td img {
		width:150px; height:114px;
	}
	.inicio table td {
		width:150px; height:114px;
	}
	.inicio h1 {
		width:275px; margin-left:5px; font-size:13px; height:100%;
		padding:10px 5px 10px 5px;
	}
	.inicio p {
		width:270px;
	}
	.titulo {
		font-size:13px; color:#FFF; width:300px; height:100%; padding-top:10px;
	}
	.subtitulo {
		font-size:12px; color:#333; width:300px; height:100%; padding-top:10px;
	}
	.contepost {
		font-size:12px; color:#333; padding:0px; margin:0px; width:300px;
	}
	.contepost p {
		font-size:14px; color:#333; padding:0px; margin:0px; margin-bottom:10px;
	}
	.publi-salsa {
		width:320px; padding:0px; margin:0px; visibility:hidden;
	}
	.salseros {
		width:310px; padding:0px; margin:0px;
	}
	.salseros td {
		padding:0px; margin:0px;
	}
	.inicio-ns {
		width:310px; height:100%; margin-top:0px; padding-top:0px;
	}
	.inicio-ns h1 {
		width:280px; height:40px;
	}
	.celdas-ns {
		width:130px; float:left;
	}
	.link-tabla {
		width:130px;
	}
	.inicio-ns .salseros .celdas-ns .ima-tabla {
		border:0px; padding:0px; width:130px; margin:0 auto;
	}
	.inicio-ns .salseros .celdas-ns .ima-tabla img {
		padding:0px; width:86px; height:86px;
	}
	.costado {
		width:320px; padding:0px; margin:0px;
	}
	.costado-inc {
		width:320px; padding:0px; margin:0px;
	}
	.costado-inc h1 {
		width:310px; height:100%;
	}
	#ads-content {
		float:left; padding:10px; width:310px;
	}
	#ads-content ul { 
		list-style:none; margin:5px 0px;
	}
	#ads-content ul li {
		width:290px; height:30px; padding-left:5px; padding-top:10px; padding-bottom:4px;
		display:inline-block; margin-left:-40px; margin-right:0px; padding-right:5px;
	}
	.back-1 {
		width:320px; padding:0px; margin:0 auto;
	}
	.pie1 {
		width:320px;
	}
	.pie1 ul li a {
		width:310px; height:100%;
	}
	.pie1 h2 {
		width:310px; height:100%;
	}
	.pie1 p {
		width:310px; height:100%;
	}
	.pie1 a {
		width:310px; height:100%;
	}
	.col-4 {
		width:100%; height:auto; float:none;
	}
	.col-8 {
		width:100%; height:auto; float:none;
	}
	.archivos-blog {
		width:100%; height:auto;
	}
	.archivos-blog h3 {
		width:95%; height:auto;
	}
	.archivos-blog p {
		width:95%; height:auto;
	}
	.archivos-blog img {
		float:none;	
	}
}

/******************************************/
/***    DISEÑO PARA MOVILES 480    ****/
/******************************************/
@media only screen and (min-width : 330px) and (max-width: 480px) {
	body{
		margin:0; padding:0; width:480px;
	}
	.container {
		width:480px; padding:0px; margin:0 auto; overflow:hidden;
	}
	.mama-papa {
		width:460px; height:276px;
	}
	.mama-papa img {
		width:460px; height:276px;
	}
	.nota {
		background-image:url(../images/notas.jpg); background-repeat:no-repeat;
		margin:0px; padding:0px; width:480px; height:25px;
		background-size:contain;
	}
	#HOTWordsTxt {
		width:400px;
	}
	.inicio .links img {
		width:20px; height:20px;
	}
	.comments-extended {
		width:300px;
	}
	.comments-compact {
		width:300px;
	}
	.buscar-salsa {
		width:460px;
	}
	#header-container {
		width:480px; padding:0px; margin:0px;
	}
	.conte-busca {
		width:470px; padding:0px; margin:0px; background-color:#003;
	}
	#topb1 {
		position:absolute; top:96px; left:0px; padding-left:5px; padding-right:10px; padding-top:40px; 
		padding-bottom:5px; width:460px; margin:0px 0px 0px 0px;
		font-size:11px; color:#FFF; font-weight:normal;
	}
	#topa1 {
		position:absolute; top:96px; left:0px; padding-left:0px; padding-right:0px; padding-top:5px; 				
		padding-bottom:5px; width:10px; margin:0px;
	}
	#topa1 a {
		padding-right:0px; padding-left:0px; margin-bottom:0px; margin-top:0px;
	}
	#topb1 a {
		font-size:11px; color: #FFF; text-decoration:none; font-weight:normal;
		border-right:1px solid; border-right-color:#FFF; padding-right:5px; padding-left:5px; 
		margin-bottom:10px; margin-top:40px;
	}
	.buscador {
		width:205px; padding:0px 0px 0px 100px; margin:0px 0px 0px 0px; float:left; right:10px; left:50px;
	}
	#googlesearch {
		width:205px; padding:0px; margin:0px;
	}
	#cse-search-box {
		width:205px; padding:0px; margin:0px;
	}
	.box-sch {
		width:170px; float:right; height:16px;
	}
	.btn-env {
		width:24px; float:right; height:22px;
	}
	.lo-nuevo {
		padding:0px; margin:0px; width:470px;
	}
	.lo-nuevo tr td {
		padding:0px; margin:0px; width:117px;
	}
	.lo-nuevo tr td img {
		padding:0px; margin:0px; width:117px; height:117px;
	}
	.lo-nuevo td {
		padding:0px; margin:0px; width:117px;
	}
	.unir {
		width:410px; margin:0px; padding:0px; padding-right:10px;
	}
	.unir img {
		width:410px; height:264px; margin:0 auto; padding:0px;
	}
	.unir p { 
		width:200px;
	}
	.unir h5 { 
		width:200px; margin-left:-20px;
	}
	.unir p div p { 
		width:200px;
	}
	.archivo {
		padding:10px; width:440px; margin:0px;
	}
	.archivo ul { 
		list-style:none; width:430px;
	}
	.archivo ul li {
		width:410px; height:100%; display:inline-block;
	}
	.archivo a h3 {
		width:410px; height:100%;
	}
	.archivo a h5 {
		width:200px; height:100%;
	}
	.top-1 {
		width:480px; padding:0px; margin:0px; background-size:contain;
		background-image:url(../img/logo-ns-cel.png);
		visibility:visible; background-repeat:no-repeat;
		background-color:#003;
	}
	.logo {
		width:480px; padding:0px; margin:0px; visibility:hidden;
	}
	.logo-mb {
		width:480px; padding:0px; margin:0px;
		visibility:visible;
	}
	.top-3 {
		width:480px; padding:0px; margin:0px;
	}
	#menus {
		width:480px; padding:0px; margin:0px; font-size:13px;
		background-image:none; text-align:center;
	}
	#menus a {
		background-image:url(https://www.nuevasalsa.com/wp-content/themes/nuevasalsa-v2/img/menu-ns.png);
		background-repeat:no-repeat; background-size:auto; text-align:center;
		width:450px; padding:15px 15px 15px 15px; margin:0px; font-size:13px;
		height:auto; display:block; float:none;
	}
	#contenido {
		width:480px;
	}
	.top-2 {
		width:480px; padding:0px; margin:0px; height:166px;
	}
	#flash1 {
		width:480px; padding:0px; margin:0px; height:166px;
	}
	.bxslider {
		width:480px; padding:0px; margin:0px; height:166px;
	}
	#main-container {
		width:480px; padding:0px; margin:0px;
	}
	.contenido-total {
		width:474px; padding:0px; margin:0px;
	}
	#conte-tot {
		width:474px; padding:0px; margin:0px; height:auto;
	}
	#conte-tot img {
		width:474px; padding:0px; margin:0px; height:284px;
	}
	.costado-izq {
		width:464px; padding:0px; margin:0px;
	}
	.inicio .ima-mas-artistas {
		width:440px; height:59px; margin:0px; padding:0px;
	}
	.inicio {
		width:440px; 
	}
	.inicio img {
		width:420px; height:340px;
	}
	.inicio iframe {
		width:440px; height:340px;
	}
	.inicio table {
		width:440px;
	}
	.inicio table tr td {
		width:220px; height:167px;
	}
	.inicio table tr td img {
		width:220px; height:167px;
	}
	.inicio table td {
		width:220px; height:167px;
	}
	.inicio p {
		width:430px;
	}
	.inicio h1 {
		width:430px; margin-left:5px; font-size:12px; height:100%;
		padding:10px 5px 10px 5px;
	}
	.titulo {
		font-size:13px; color:#FFF; width:440px; height:100%; padding-top:10px;
	}
	.subtitulo {
		font-size:12px; color:#333; width:440px; height:100%; padding-top:10px;
	}
	.contepost {
		font-size:12px; color:#333; padding:0px; margin:0px; width:440px;
	}
	.contepost p {
		font-size:14px; color:#333; padding:0px; margin:0px; margin-bottom:10px;
	}
	.publi-salsa {
		width:480px; padding:0px; margin:0px; visibility:hidden;
	}
	.salseros {
		width:430px; padding:0px; margin:0px;
	}
	.salseros td {
		padding:0px; margin:0px;
	}
	.inicio-ns {
		width:430px; height:100%; margin-top:0px; padding-top:0px;
	}
	.inicio-ns h1 {
		width:400px; height:40px;
	}
	.celdas-ns {
		width:140px; float:left;
	}
	.link-tabla {
		width:140px;
	}
	.inicio-ns .salseros .celdas-ns .ima-tabla {
		border:0px; padding:0px; width:140px; margin:0 auto;
	}
	.inicio-ns .salseros .celdas-ns .ima-tabla img {
		padding:0px; width:86px; height:86px;
	}
	.costado {
		width:480px; padding:0px; margin:0px;
	}
	.costado-inc {
		width:480px; padding:0px; margin:0px;
	}
	.costado-inc h1 {
		width:470px; height:100%;
	}
	#ads-content {
		float:left; padding:10px; width:470px;
	}
	#ads-content ul { 
		list-style:none; margin:5px 0px;
	}
	#ads-content ul li {
		width:450px; height:30px; padding-left:5px; padding-top:10px; padding-bottom:4px;
		display:inline-block; margin-left:-40px; margin-right:0px; padding-right:5px;
	}
	.back-1 {
		width:480px; padding:0px; margin:0 auto;
	}
	.pie1 {
		width:480px;
	}
	.pie1 ul li a {
		width:470px; height:100%;
	}
	.pie1 h2 {
		width:470px; height:100%;
	}
	.pie1 p {
		width:470px; height:100%;
	}
	.pie1 a {
		width:470px; height:100%;
	}
	.col-4 {
		width:100%; height:auto; float:none;
	}
	.col-8 {
		width:100%; height:auto; float:none;
	}
	.archivos-blog {
		width:100%; height:auto;
	}
	.archivos-blog h3 {
		width:95%; height:auto;
	}
	.archivos-blog p {
		width:95%; height:auto;
	}
	.archivos-blog img {
		float:none;	
	}
}

/******************************************/
/***    DISEÑO PARA MOVILES 240    ****/
/******************************************/
@media only screen and (max-width : 240px) {
	body{
		margin:0; padding:0; width:240px;
	}
	.container {
		width:240px; padding:0px; margin:0 auto; overflow:hidden;
	}
	.mama-papa {
		width:220px; height:132px;
	}
	.mama-papa img {
		width:220px; height:132px;
	}
	.nota {
		background-image:url(../images/notas.jpg); background-repeat:no-repeat;
		margin:0px; padding:0px; width:240px; height:13px;
		background-size:contain;
	}
	#HOTWordsTxt {
		width:140px;
	}
	.inicio .links img {
		width:20px; height:20px;
	}
	.comments-extended {
		width:300px;
	}
	.comments-compact {
		width:300px;
	}
	.buscar-salsa {
		width:220px;
	}
	#header-container {
		width:240px; padding:0px; margin:0px;
	}
	.conte-busca {
		width:230px; padding:0px; margin:0px; background-color:#003;
	}
	#topb1 {
		position:absolute; top:35px; left:0px; padding-left:5px; padding-right:10px; padding-top:40px;
		padding-bottom:5px; width:220px; margin:0px 0px 0px 0px;
		font-size:11px; color:#FFF; font-weight:normal;
	}
	#topa1 {
		position:absolute; top:35px; left:0px; padding-left:0px; padding-right:0px; padding-top:5px; 				
		padding-bottom:5px; width:10px; margin:0px;
	}
	#topa1 a {
		padding-right:0px; padding-left:0px; margin-bottom:0px; margin-top:0px;
	}
	#topb1 a {
		font-size:11px; color: #FFF; text-decoration:none; font-weight:normal;
		border-right:1px solid; border-right-color:#FFF; padding-right:5px; padding-left:5px; 
		margin-bottom:10px; margin-top:40px;
	}
	.buscador {
		width:205px; padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; float:left; right:10px; left:50px;
	}
	#googlesearch {
		width:205px; padding:0px; margin:0px;
	}
	#cse-search-box {
		width:205px; padding:0px; margin:0px;
	}
	.box-sch {
		width:170px; float:left; height:16px;
	}
	.btn-env {
		width:24px; float:left; height:22px;
	}
	.lo-nuevo {
		padding:0px; margin:0px; width:230px;
	}
	.lo-nuevo tr td {
		padding:0px; margin:0px; width:57px;
	}
	.lo-nuevo tr td img {
		padding:0px; margin:0px; width:57px; height:57px;
	}
	.lo-nuevo td {
		padding:0px; margin:0px; width:57px;
	}
	.unir {
		width:150px; margin:0px; padding:0px; padding-right:10px;
	}
	.unir img {
		width:150px; height:96px; margin:0 auto; padding:0px;
	}
	.unir p { 
		width:70px;
	}
	.unir h5 { 
		width:70px; margin-left:-20px;
	}
	.unir p div p { 
		width:70px;
	}
	.archivo {
		padding:10px; width:180px; margin:0px;
	}
	.archivo ul { 
		list-style:none; width:170px;
	}
	.archivo ul li {
		width:150px; height:100%; display:inline-block;
	}
	.archivo a h3 {
		width:150px; height:100%;
	}
	.archivo a h5 {
		width:70px; height:100%;
	}
	.top-1 {
		width:240px; padding:0px; margin:0px; background-size:contain;
		background-image:url(../img/logo-ns-cel.png);
		visibility:visible; background-repeat:no-repeat;
		background-color:#003;
	}
	.logo {
		width:240px; padding:0px; margin:0px; visibility:hidden;
	}
	.logo-mb {
		width:240px; padding:0px; margin:0px;
		visibility:visible;
	}
	.top-3 {
		width:240px; padding:0px; margin:0px;
	}
	#menus {
		width:240px; padding:0px; margin:0px; font-size:10px;
		background-image:none; text-align:center;
	}
	#menus a {
		background-image:url(https://www.nuevasalsa.com/wp-content/themes/nuevasalsa-v2/img/menu-ns.png);
		background-repeat:no-repeat; background-size:auto; text-align:center;
		width:210px; padding:15px 15px 15px 15px; margin:0px; font-size:10px;
		height:auto; display:block; float:none;
	}
	#contenido {
		width:240px;
	}
	.top-2 {
		width:240px; padding:0px; margin:0px; height:83px;
	}
	#flash1 {
		width:240px; padding:0px; margin:0px; height:83px;
	}
	.bxslider {
		width:240px; padding:0px; margin:0px; height:83px;
	}
	#main-container {
		width:240px; padding:0px; margin:0px;
	}
	.contenido-total {
		width:234px; padding:0px; margin:0px;
	}
	#conte-tot {
		width:234px; padding:0px; margin:0px; height:auto;
	}
	#conte-tot img {
		width:234px; padding:0px; margin:0px; height:140px;
	}
	.costado-izq {
		width:224px; padding:0px; margin:0px;
	}
	.inicio .ima-mas-artistas {
		width:220px; height:29px; margin:0px; padding:0px;
	}
	.inicio {
		width:220px;
	}
	.inicio img {
		width:200px; height:140px;
	}
	.inicio iframe {
		width:200px; height:140px;
	}
	.inicio table {
		width:220px;
	}
	.inicio table tr td {
		width:110px; height:83px;
	}
	.inicio table tr td img {
		width:110px; height:83px;
	}
	.inicio table td {
		width:110px; height:83px;
	}
	.inicio h1 {
		width:200px; margin-left:5px; font-size:11px; height:100%;
		padding:10px 5px 10px 5px;
	}
	.inicio p {
		width:200px; margin:0 auto;
	}
	.titulo {
		font-size:13px; color:#FFF; width:220px; height:100%; padding-top:10px;
	}
	.subtitulo {
		font-size:12px; color:#333; width:220px; height:100%; padding-top:10px;
	}
	.contepost {
		font-size:12px; color:#333; padding:0px; margin:0px; width:220px;
	}
	.contepost p {
		font-size:14px; color:#333; padding:0px; margin:0px; margin-bottom:10px;
	}
	.publi-salsa {
		width:240px; padding:0px; margin:0px; visibility:hidden;
	}
	.salseros {
		width:220px; padding:0px; margin:0px;
	}
	.salseros td {
		padding:0px; margin:0px;
	}
	.inicio-ns {
		width:220px; height:100%; margin-top:0px; padding-top:0px;
	}
	.inicio-ns h1 {
		width:190px; height:40px;
	}
	.celdas-ns {
		width:130px; float:left;
	}
	.link-tabla {
		width:130px;
	}
	.inicio-ns .salseros .celdas-ns .ima-tabla {
		border:0px; padding:0px; width:130px; margin:0 auto;
	}
	.inicio-ns .salseros .celdas-ns .ima-tabla img {
		padding:0px; width:86px; height:86px;
	}
	.costado {
		width:240px; padding:0px; margin:0px;
	}
	.costado-inc {
		width:240px; padding:0px; margin:0px;
	}
	.costado-inc h1 {
		width:230px; height:100%;
	}
	#ads-content {
		float:left; padding:10px; width:230px;
	}
	#ads-content ul { 
		list-style:none; margin:5px 0px;
	}
	#ads-content ul li {
		width:200px; height:30px; padding-left:5px; padding-top:10px; padding-bottom:4px;
		display:inline-block; margin-left:-40px; margin-right:0px; padding-right:5px;
	}
	.back-1 {
		width:240px; padding:0px; margin:0 auto;
	}
	.pie1 {
		width:240px;
	}
	.pie1 ul li a {
		width:230px; height:100%;
	}
	.pie1 h2 {
		width:230px; height:100%;
	}
	.pie1 p {
		width:230px; height:100%;
	}
	.pie1 a {
		width:230px; height:100%;
	}
	.col-4 {
		width:100%; height:auto; float:none;
	}
	.col-8 {
		width:100%; height:auto; float:none;
	}
	.archivos-blog {
		width:100%; height:auto;
	}
	.archivos-blog h3 {
		width:95%; height:auto;
	}
	.archivos-blog p {
		width:95%; height:auto;
	}
	.archivos-blog img {
		float:none;	
	}
}

@media only screen and (min-width: 768px) {
	body{
		margin:0; padding:0;
	}
/* ====================
    WIDE: CSS3 Effects
   ==================== */

	#header-container,
	#main aside{
		-webkit-box-shadow:0 5px 10px #aaa;
		   -moz-box-shadow:0 5px 10px #aaa;
		        box-shadow:0 5px 10px #aaa;
	}

/* ============
    WIDE: Menu
   ============ */
	
	#title{
		float:left;
	}

/* ============
    WIDE: Main
   ============ */

	#main article{
		float:left;
		width:57%;
	}
		
	#main aside{
		float:right;
		width:28%;
	}
}

@media only screen and (min-width: 1140px) {
	body{
		margin:0; padding:0;
	}
/* ===============
    Maximal Width
   =============== */

	.wrapper{
		width:1026px; /* 1140px - 10% for margins */
		margin:0 auto;
	}
}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}