/*DESIGNED BY CRISS ARTS (IT: @CRISTOPHER._.CABALLERO // WHATSAPP: +507 6020-6736*/

body{width:auto;margin:0;height:auto;color:#666666;text-align:center;}
body * {margin:auto;}
img{border: 0;}
a, a:visited {color: #ffffff;}
p {margin-top:4px;}
strong {font-size:15px;}
.table {text-align:center;}
/* CSS below required for Inline3 mode */
tr:only-child td:only-child {-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;}
tr:first-child td:only-child {-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}
tr:last-child td:last-child {-moz-border-radius: 0 0 4px 0;-webkit-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0; }
tr:first-child td:last-child {-moz-border-radius: 0 4px 0 0;-webkit-border-radius: 0 4px 0 0;border-radius: 0 4px 0 0;}
tr:last-child td:first-child {-moz-border-radius: 0 0 0 4px;-webkit-border-radius: 0 0 0 4px;border-radius: 0 0 0 4px;}
tr:first-child td:first-child {-moz-border-radius: 4px 0 0 0;-webkit-border-radius: 4px 0 0 0;border-radius: 4px 0 0 0;}
tr:last-child td:only-child {-moz-border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;}
.post {-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;}
td { border: 0px; }
.post {width:600px;background:url(http://i.imgur.com/xii6eLH.png) no-repeat scroll center center rgba(0, 0, 0, 0);border:3px solid rgba(0,0,0,.06);padding:20px;margin:5px auto 5px auto;}
@font-face{font-family:'gotham_lightregular';src:url("/font/gotham-light-webfont.eot");src:url("/font/gotham-light-webfont.eot?#iefix") format("embedded-opentype"),url("/font/gotham-light-webfont.woff") format("woff"),url("/font/gotham-light-webfont.ttf") format("truetype"),url("/font/gotham-light-webfont.svg#gotham_lightregular") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'gotham_bookregular';src:url("/font/gotham-book-webfont.eot");src:url("/font/gotham-book-webfont.eot?#iefix") format("embedded-opentype"),url("/font/gotham-book-webfont.woff") format("woff"),url("/font/gotham-book-webfont.ttf") format("truetype"),url("/font/gotham-book-webfont.svg#gotham_bookregular") format("svg");font-weight:normal;font-style:normal}
body{font-family:'gotham_lightregular', Arial, Helvetica;letter-spacing:.03em;font-size:13px;float:left;min-width:100%;display:absolute}
a{color:#0088cc;text-decoration:none}
a:visited{color:#0088cc;text-decoration:none}
.entar, input[type="button"], input[type="submit"]{font-family:gotham_lightregular, Arial, Helvetica;display:inline;margin-left:3px;margin-top:5px;margin-bottom:5px;}
.entar, input[type="button"], input[type="submit"]{border:0px;display:inline;background-color:#C0392B;padding:4px 7px;-webkit-border-radius:3px;border-radius:3px;color:#fff;-webkit-appearance: none;}
.descarga, input[type="button"]{border:0px;display:inline;background-color:#C0392B;padding:10px 10px;-webkit-border-radius:3px;border-radius:3px;color:#fff;-webkit-appearance: none;}
.entar, input[type="button"], input[type="submit"]:hover{background-color:#C0392B;text-decoration:none;color:}
.entar { height:50px; }
.nav{background-color:#C0392B;height:55px;}
.mp3 {width:405px;background:#fff;border:3px solid #990000;padding:20px;margin:5px auto 5px auto;box-shadow: 0 0 50px rgba(0,0,0,.3);}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}
.round {
    background: #fff url() repeat scroll right center;
    width: 220px;
    height: 220px;
    object-fit: cover;
    border:2px solid #990000;
    border-radius: 150px;
}

.pagina { padding: 10px 20px 10px; display:block; clear:both;}
.pagina a, .pagina a:link, .pagina a:visited, .pagina a:active  { padding: 4px 8px !important; margin: 2px !important; text-decoration: none !important; border: 1px solid #ddd !important; background: #FFFFFF !important; color: #999 !important; }
.pagina a:hover { border: 1px solid #3399cc !important; color: #3399cc !important; }
.pagina span.pages { padding: 4px 8px !important; margin: 2px !important; font-style: italic !important; color: #999 !important; font-size: 11px !important; }
.pagina span.current { padding: 4px 8px !important; margin: 2px !important; font-weight: bold !important; border: 1px solid #3399cc !important; background: #3399cc !important; color: #fff !important; }
.pagina span.extend { padding: 4px 8px !important; margin: 2px !important; border: 1px solid #ddd !important; background-color: #FFFFFF !important; }
@media only screen and ( max-width: 1000px ){

     .post ,
   .post {
       width:78% !important;
       background: url("http://i.imgur.com/qJHBNol.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }
}
/* 900px */

@media only screen and (max-width: 900px){

    .nombre .post .img,
    .mp3  {
        text-align: center;
        float: none;
        width: 100%;
    }
}
@media only screen and ( max-width: 769px ){
.post {
       background: url("http://i.imgur.com/zEXInzA.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }
}
@media only screen and ( max-width: 615px ){
.post {
       background: #fff;
    }
}
@media only screen and ( max-width: 461px ){
.post {
       background: #fff;
    }
}
@media only screen and ( max-width: 1000px ){

     .mp3 ,
   .nombre  {
       width:78% !important;
    }
}
@media only screen and ( max-width: 450px ){

     .img-responsive ,
   .img-responsive {
  border:3px solid #990000;

    }
} 
/*share post*/

.share {
    margin: 10px -20px 0;
    padding: 1px 20px;
    border-width: 3px 0;
    border-style: solid;
    border-color: #e9e9e9;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.share-title {
    float: left;
    padding: 0 11px;
    background: #e9e9e9;
    border: 1px solid #dbdbdb;
    color: #4b4b4b;
    margin: 9px 20px 0 0;
    height: 23px;
    line-height: 23px;
    font-weight: normal;
}

.share-social {
    overflow: hidden;
    height: 40px;
    line-height: 25px;
    /* padding-right: 100px; */
}

.nombre {
    width:400px;
    background:#fff;
    margin: 5px auto 5px auto;
    padding: 1px 20px;
    border-width: 3px 0px 0px 0px;
    border-style: solid;
    border-color: #e9e9e9;
}
.audio {
    margin: 10px -20px 0;
    padding: 1px 20px;
    border-width: 3px 0;
    border-style: solid;
    border-color: #e9e9e9;
    /* Starter CSS for Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
max-width:1005px;
  width: 100%;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
  background: #333;
  border-bottom: 4px solid #990000;
  font-family: 'Poppins;
  font-size: 18px;
}
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: uppercase;
}
#cssmenu ul ul {
  border-top: 4px solid #990000;
  text-transform: none;
  min-width: 190px;
}
#cssmenu ul ul a {
  background: #990000;
  color: #ffffff;
  border: 1px solid #660000;
  border-top: 0 none;
  line-height: 150%;
  padding: 16px 20px;
  font-size: 12px;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul li:first-child > a {
  border-top: 1px solid #660000;
}
#cssmenu ul ul li:hover > a {
  background: #cc0000;
  color: #ffffff;
}
#cssmenu ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 1px 0 #990000;
  -webkit-box-shadow: 0 1px 0 #990000;
  box-shadow: 0 1px 0 #990000;
}
#cssmenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  background: #990000;
  color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
  background: #333;
  color: #CBCBCB;
  padding: 0 20px;
}
#cssmenu > ul > li > a {
  line-height: 48px;
  font-size: 12px;
}
#cssmenu.align-center > ul {
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  left: auto;
  right: 0;
  text-align: right;
}
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 190px;
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  left: 15px;
  right: auto;
}
#topsearch {margin:10px;}

#ls { 
width: 60%;
border: 1px solid #ccc;
height: 29px;
color: #BDBDBD;
font-family: Montserrat;
font-size: 12px;
padding-top: 3px;
max-width: 500px;
}
form {
    margin-top: 10px;
}
.searchbutton {
    border: 0px solid #ccc;
    margin-left: -7px;
    margin-top: 1px;
    background: #B21200;
    padding: 12px;
    font-weight: bold;
    font-family: tahoma,Helvetica,sans-serif;
    color: white;
    font-size: 12px;
    border-radius: 0px 10px 10px 0px;
}

search a:link, .search a:visited {
border-bottom:1px solid #CCC; color: #333; text-decoration:none; border-top:1px solid #CCC; font-weight:normal; margin-top:-5px; text-align:left; font-size:12px; margin-bottom:5px;}

.search {
color: #555;
text-decoration:none;
}

.search a:hover, .search a:active {
color: #333;
text-decoration:none;
}