/*



Theme name: Music Pro



Theme url: http://themeforest.brutal-design.com/html/musicpro



Description: Music Pro is a music oriented html theme, perfect for a band, a label, or a webzine. It is fully customizable and well documented.

It can be used for any other purpose as well.



Version: 1.0



Author: Constantin Saguin (Brutal Design)



Author url: http://splash.brutal-design.com



*/

/***********************************************************************/





/* ================= FONTS ====================== */



/* Content font */

body {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



/* Titles font */

h1, h2, h3, h4, h5, h6, span.comment-author, span.dropcap, span.dropcap-bg {

  font-family: 'Ubuntu Condensed', sans-serif;

}



/* Nav font */

#nav {

  font-family: 'Ubuntu Condensed', sans-serif;

  font-size: 14px;

}



/* ================= END  FONTS ====================== */





/* ====================== COLORS and BACKGROUNDS ====================== */



/* Background color and/or image background */

body {

  background: #181818 url(../images/bg.jpg);

  text-shadow: 1px 1px #0d0d0d;

}



/* Logo image */

a#logo {

  background: url(../images/logo.png) no-repeat;

}



/* Skin */

footer {

  background: #181818 url(../images/footer_bg.png);

}



header {

  background: #181818 url(../images/header_bg.png) center;

}



#topbar {

  background: #181818 url(../images/bg.jpg);

}



#copyright {

  background: #090909;

}



/***************Main*******************/



/* Main custom color */

strong,

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,

#main-container a, .error-wrap a, footer a, header a,

#nav a.active, #nav a:hover,

.post h2 a span,

#filter a:hover, #filter a.active,

#playlist_list li.playlist_current, #playlist_list li.playlist_hover {

  color: #fff461;

}



/* Add the class "dotted" to your link if you want a dotted underline */

a.dotted, .tweet_text a {

  text-decoration: none!important;

  border-bottom: 1px dotted #fff461;

}



/* Page links */

#main-container a, footer a, .error-wrap a {

  text-decoration: none;

}



/*bottom border (at the top of the footer)*/

#main-container {

  border-bottom: 4px solid #131313;

}



/* Dropcaps */

span.dropcap-bg, span.icon {

  background-color: #d1d1d1;

}



/* Global font color */

/*body*/

body {

  color: #999999;

}



/*titles and other*/

.post h2 a, #filter a, .blog-links a, strong, .comment-author a, span.tagline, blockquote p {

  color: #fff!important;

}



h1, h2, h3, h4, h5, h6, blockquote span.cite, .post h2 a, #filter a {

  color: #fff;

}



/* nav text shadow */

#nav, #nav ul {

  text-shadow: 1px 1px black;

}



/* Menu link */

#nav a {

  color: #fff;

}



/* Menu link bottom border */

#nav li ul li {

  border-bottom: 1px solid #161616;

}



/* Menu link background on hover */

#nav li ul a:hover {

  background: #0d0d0d;

}



/* Separator color */

.separator {

  border-top: #010101 1px solid;

  background: #222222;

}



/* Quote border and font color */

blockquote {

  border-color: #ccc;

}



blockquote span.cite {

  color: #999;

}



/* Image frame */

.frame {

  background-color: #181818;

  outline: 1px solid #2c2c2c;

}



/* Twitter: "about x days ago" */

.tweet_time a {

  color: #656565 !important;

}



/* galleries filter background when active */

#filter a.active {

  background-color: #404040;

}



/* ======================= END COLORS =================== */





/* ======================= SHORTCODES =================== */



/* standard */



/* clear floating after using grid*/

.clear {

  clear: both;

}



/* just hide an element (for javascript purpose)  */

.hide {

  display: none;

}



/* Text */

.justify {

  text-align: justify;

}



.center {

  text-align: center;

  margin-left: auto;

  margin-right: auto;

}



.text-left {

  text-align: left;

}



.text-right {

  text-align: right;

}



/* align an element to the left*/

.left {

  float: left;

}



/* align an element to the right*/

.right {

  float: right;

}



.middle {

  vertical-align: middle;

}



/*Drop caps */

span.dropcap, span.dropcap-bg {

  font-family: 'Ubuntu Condensed', sans-serif;

  font-size: 310%;

  line-height: 0.9em;

}



/* Default dropcap */

span.dropcap {

  float: left;

  margin-top: 5px;

  margin-right: 10px;

  margin-bottom: 5px;

}



/* Dropcap with background */

span.dropcap-bg {

  float: left;

  margin-right: 10px;

  margin-bottom: 5px;

  margin-top: 8px;

  display: inline-block;

  padding: 2px 10px 5px;

  text-shadow: none;

}



/* Line to separate content */

.separator {

  height: 1px;

  width: 100%;

  margin: 30px auto;

  clear: both!important;

}



/* Highlight text */

span.highlight-yellow {

  text-shadow: none;

  display: inline-block;

  padding: 0 3px;

  background-color: #ff0;

  color: #333333;

  line-height: 1.3em;

}



span.highlight-white {

  text-shadow: none;

  display: inline-block;

  padding: 0 3px;

  background-color: #fff;

  color: #0d0d0d;

  line-height: 1.3em;

}



span.highlight-red {

  text-shadow: none;

  display: inline-block;

  padding: 0 3px;

  background-color: #D45554;

  color: #fff;

  line-height: 1.3em;

}



span.highlight-green {

  text-shadow: none;

  display: inline-block;

  padding: 0 3px;

  background-color: #327627;

  color: #fff;

  line-height: 1.3em;

}



/* IMAGE STYLES */



/* align an image to the left*/

img.left {

  float: left;

  margin-right: 15px;

  margin-bottom: 1.5em;

  margin-top: 1.9em;

}



/* align an image to the right*/

img.right {

  float: right;

  margin-left: 15px;

  margin-bottom: 1.5em;

  margin-top: 1.9em;

}



/* Image frame */

.frame {

  padding: 4px;

}



/* Image shadow */

.shadow {

  -moz-box-shadow: 3px 3px 5px black;

  -webkit-box-shadow: 3px 3px 5px black;

  -o-box-shadow: 3px 3px 5px black;

  box-shadow: 3px 3px 5px black;

}



/* LIST STYLES */

ul.arrowlist, ul.disc, ul.square, ul.circle, ol {

  margin-left: 1.5em;

  margin-top: 1.5em;

  margin-bottom: 1.5em;

}



ul.arrowlist {

  margin-left: 0;

}



ul.arrowlist li:before {

  content: " ";

  background: url("img/arrow_list.gif") no-repeat;

  width: 13px;

  height: 11px;

  display: inline-block;

  padding-right: 3px;

}



ul.circle {

  list-style-type: circle;

}



ul.square {

  list-style-type: square;

}



ul.circle {

  list-style-type: circle;

}



ul li, ol li {

  margin: 5px 0;

}



/* Ordered list to display a tracklist */

ol.tracklist li {

  margin: 0;

}



/* span to display a release title*/

span.title {

  display: inline-block;

  margin-bottom: 1.5em;

}



/* put some space between elements */

.space_30 {

  height: 30px;

}



.space_40 {

  height: 40px;

}



/***************stars******************/

.one-star, .two-stars, .three-stars, .four-stars, .five-stars,

.one-half-star, .one-star-n-half, .two-stars-n-half, .three-stars-n-half, .four-stars-n-half {

  background-image: url("img/stars.png");

  width: 123px;

  height: 25px;

}



.one-star {

  background-position: 0 -100px;

}



.two-stars {

  background-position: 0 -75px;

}



.three-stars {

  background-position: 0 -50px;

}



.four-stars {

  background-position: 0 -25px;

}



.five-stars {

  background-position: 0 0;

}



.one-half-star {

  background-position: 0 -225px;

}



.one-star-n-half {

  background-position: 0 -200px;

}



.two-stars-n-half {

  background-position: 0 -175px;

}



.three-stars-n-half {

  background-position: 0 -150px;

}



.four-stars-n-half {

  background-position: 0 -125px;

}



/* ================ END SHORTCODES =================== */





/* ================== MAIN LAYOUT =================== */

body {

  font-size: 13px;

  line-height: 1.8em;

}



a {

  text-decoration: none;

}



/* The main container */

#main-container {

  width: 100%;

  padding: 50px 0;

}



/* Page link style */

#main-container a, footer a {

  display: inline-block;

  line-height: 1.3em;

}



p {

  margin: 1.5em 0;

}



/* Heading */

h1, h2, h3, h4, h5, h6 {

  text-transform: uppercase;

  font-style: normal;

  line-height: 1.3em;

}



h1 {

  font-size: 280%;

  line-height: 1em;

}



h2 {

  font-size: 230%;

}



h3 {

  font-size: 200%;

  margin-bottom: 15px;

}



h4 {

  font-size: 180%;

}



h5 {

  font-size: 160%;

}



h6 {

  font-size: 140%;

}



span.tagline {

  display: inline-block;

  margin-top: 10px;

  margin-left: 3px;

  font-size: 15px;

}



/* Blockquote */

blockquote {

  font-style: italic;

  margin-top: 15px;

  margin-bottom: 18px;

  border-left: 5px solid;

  padding-left: 15px;

  margin-left: 30px;

}



blockquote small {

  font-size: 12px;

}



blockquote small:before {

  content: '\2014 \00A0';

}



/* Tooltipsy */

.tooltipsy {

  padding: 3px 8px;

  margin-bottom: 5px;

  max-width: 200px;

  color: #ccc;

  background-color: #000;

  border: 1px solid #000;

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  text-shadow: none;

  font-size: 12px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -o-border-radius: 3px;

  -ms-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

}



/* Tabs */

#tabs ul#tabs-menu, .ui-accordion-header {

  text-shadow: none;

}



.ui-tabs .ui-tabs-hide {

  display: none !important;

}



#tabs {

  width: 100%;

}



#tabs ul#tabs-menu {

  margin-left: 0;

  border-bottom: #010101 1px solid;

  height: 1px;

  font-size: 90%;

  text-shadow: none;

}



#tabs ul#tabs-menu a {

  color: #fff!important;

}



#tabs-container {

  border-top: #222222 1px solid;

  margin-top: -4px;

}



.tabs {

  margin-top: 8px;

}



.tabs h5 {

  margin: 15px 0 0;

}



.tabs p {

  margin: 0 0 0;

}



#tabs ul#tabs-menu li {

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373737), color-stop(100%, #181818));

  background-image: -webkit-linear-gradient(#373737, #181818);

  background-image: -moz-linear-gradient(#373737, #181818);

  background-image: -o-linear-gradient(#373737, #181818);

  background-image: -ms-linear-gradient(#373737, #181818);

  background-image: linear-gradient(#373737, #181818);

  background-color: #131313;

  text-align: center;

  list-style-type: none;

  float: left;

  height: 40px;

  width: 95px;

  border-top: 1px solid #0e0e0e;

  border-left: 1px solid #0e0e0e;

  border-right: 1px solid #0e0e0e;

  position: relative;

  margin-right: 3px;

  -moz-border-radius: 3px 3px 0 0;

  -webkit-border-radius: 3px 3px 0 0;

  -o-border-radius: 3px 3px 0 0;

  -ms-border-radius: 3px 3px 0 0;

  -khtml-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

}



#tabs ul#tabs-menu li:hover {

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #181818), color-stop(100%, #373737));

  background-image: -webkit-linear-gradient(#181818, #373737);

  background-image: -moz-linear-gradient(#181818, #373737);

  background-image: -o-linear-gradient(#181818, #373737);

  background-image: -ms-linear-gradient(#181818, #373737);

  background-image: linear-gradient(#181818, #373737);

}



#tabs ul#tabs-menu li a {

  border-bottom: none;

  position: absolute;

  line-height: 40px;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  text-decoration: none;

}



#tabs ul#tabs-menu li.ui-tabs-selected {

  background: #212121;

}



/*Accordion*/

.ui-accordion {

  width: 100%;

}



.ui-accordion-header {

  width: 96%;

  padding: 0 2%;

  height: 35px;

  line-height: 35px;

  cursor: pointer;

  margin: 0;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373737), color-stop(100%, #181818));

  background-image: -webkit-linear-gradient(#373737, #181818);

  background-image: -moz-linear-gradient(#373737, #181818);

  background-image: -o-linear-gradient(#373737, #181818);

  background-image: -ms-linear-gradient(#373737, #181818);

  background-image: linear-gradient(#373737, #181818);

}



.ui-accordion-header a {

  text-decoration: none!important;

  color: ##fff461!important;

}







.ui-accordion-content {

  text-shadow: none;

  height: 320px;

  padding: 10px;

  margin: 0;

  background: #252525;

  -moz-box-shadow: inset 0px 0px 15px 0px #131313;

  -webkit-box-shadow: inset 0px 0px 15px 0px #131313;

  -o-box-shadow: inset 0px 0px 15px 0px #131313;

  box-shadow: inset 0px 0px 15px 0px #131313;

  color: #999;

}



/*Tables*/

table {

  width: 100%;

  background: #252525;

  text-shadow: none;

}



table th, table td {

  padding: 10px 10px 9px;

  line-height: 30px;

  text-align: left;

}



table th {

  padding-top: 9px;

  font-weight: bold;

  vertical-align: middle;

  border-bottom: 1px solid #181818;

  color: #ffffff;

}



table td {

  vertical-align: top;

}



table th + th, table td + td {

  border-left: 1px solid #131313;

}



table tr + tr td {

  border-top: 1px solid #010101;

}



table tr + tr td {

  border-bottom: 1px solid #222222;

}



tbody tr:nth-child(odd) td {

  background-color: #323232;

}



tbody tr:hover td {

  background-color: #3e3e3e;

}



table.no-bg, table.no-bg th, table.no-bg th + th, table.no-bg td + td, table.no-bg tr + tr td, table.no-bg tbody tr:nth-child(odd) td, table.no-bg tbody tr:hover td {

  background: none!important;

  border: none!important;

}



/* ================== END MAIN LAYOUT =================== */





/* ======================= HEADER ======================= */

header {

  padding: 20px 0 0;

  position: relative;

}



/* Topbar*/

#topbar {

  width: 100%;

  height: 20px;

  padding: 15px 0 30px;

  font-size: 12px;

}



/* Topbar menu */

#topbar-menu li {

  height: 15px;

  line-height: 15px;

  float: left;

  padding-left: 15px;

  margin-right: 15px;

  text-shadow: none;

  border-left: 1px dotted #333;

}



#topbar-menu li:first-child {

  border: none;

  padding-left: 0;

}



#topbar-menu li a {

  text-decoration: none;

  color: #ccc;

}



/* Topbar social icons */

.social-icons span.icon.facebook:hover {

  background-color: #3B5998!important;

}



.social-icons span.icon.twitter:hover {

  background-color: #52D2FD!important;

}



.social-icons span.icon.rss:hover {

  background-color: #ff9000!important;

}



.social-icons span.icon.youtube2:hover {

  background-color: #FF3333!important;

}



.social-icons span.icon.google-plus:hover {

  background-color: #d84938!important;

}



#logo {

  margin: -8px 0 0 0;

  float: left;

  width: 300px;

  height: 85px;

  text-indent: -9999px;

}



/***************** Main Nav ******************/

#nav-container {

  height: 85px;

  padding: 10px 0 15px;

  overflow: visible;

}



#nav {

  margin-top: 15px;

  font-size: 1.1em;

}



#nav, #nav ul {

  list-style-position: outside;

  position: relative;

  line-height: 35px;

  z-index: 100;

  float: right;

  /*width:545px;*/

}



#nav a {

  display: block;

  padding: 0px 5px;

  text-decoration: none;

}



#nav a:hover {

  /* put some style if you want to disable the js hover effect */

}



#nav a.active {

  opacity: 1!important;

}



.primary-menu {

  margin-left: 30px;

}



ul.sub-menu, ul.sub-menu ul {

  font-weight: normal;

}



#nav li {

  float: left;

  position: relative;

  text-transform: uppercase;

  margin-top: 0;

  margin-bottom: 0;

}



#nav ul {

  position: absolute;

  display: none;

  width: 185px;

  top: 35px;

  z-index: 300!important;

}



#nav li ul a {

  width: 159px;

  height: 38px;

  line-height: 38px;

  float: left;

  background: #000000;

  padding-left: 20px;

}



#nav a {

  /*opacity:0.8*/

}



#nav li ul li:last-child {

  border: none!important;

}



#nav li ul {

  padding-top: 7px;

  background: url("img/submenu-arrow.png") 15px top no-repeat;

}



#nav ul ul {

  top: auto;

}



#nav li ul ul {

  left: 185px;

  padding: 0;

  margin: 0;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {

  display: none;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {

  display: block;

}



/***************** End Main Nav ******************/



/***************** Sliders ******************/

.slider-wrapper {

  width: 960px;

  margin: 0 auto;

  height: 400px;

}



#slider {

  position: relative;

  background: #0e0e0e url("img/loading.gif") no-repeat 50% 50%;

  height: 330px;

  width: 940px;

  border: 10px solid #181818;

  -moz-border-radius: 7px;

  -webkit-border-radius: 7px;

  -o-border-radius: 7px;

  -ms-border-radius: 7px;

  -khtml-border-radius: 7px;

  border-radius: 7px;

}



#slider img {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 940px;

  height: 330px;

}



#slider-container, #fixheader-container {

  background-repeat: no-repeat!important;

  background-position: top center!important;

  margin: 5px 0 0;

  padding-bottom: 50px;

}



#fixheader, #videoblock {

  height: 350px;

  width: 960px;

  margin: 0 auto 40px;

  position: relative;

}



#slider:after, #videoblock:after {

  content: " ";

  background: url(img/slide-shadow.png) bottom center no-repeat;

  -moz-background-size: contain;

  -webkit-background-size: contain;

  -o-background-size: contain;

  background-size: contain;

  overflow: visible;

  display: block;

  position: absolute;

  margin-top: 0;

  bottom: -68px;

  left: 0;

  height: 62px;

  /* Same as your image height */

  width: 100%;

  /* Same as your image width */

}



#videoblock:after {

  bottom: -59px;

}



/* 3d slider wrapper */

#piecemaker_wrap {

  height: 410px;

  margin: -25px auto 0;

  width: 960px;

}



/* Nivo slider fix */

.nivo-caption {

  background: none;

  top: 0;

}



.nivo-caption p {

  display: inline-block;

  background: #000;

  padding: 3px 5px;

  margin: 10px;

}



.nivo-controlNav {

  margin-left: -58px;

  background: rgba(0, 0, 0, 0.5);

  padding-left: 17px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -o-border-radius: 3px;

  -ms-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

}



a.nivo-control {

  margin-top: 12px!important;

}



/* intro block */

#intro {

  padding: 50px 0 50px;

  border-top: #0d0d0d 1px solid;

}



#advert {

  background: url("img/black.png") repeat;

  padding: 0 20px;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  -o-border-radius: 6px;

  -ms-border-radius: 6px;

  -khtml-border-radius: 6px;

  border-radius: 6px;

}



/* ======================= END HEADER ======================= */





/* ======================= BLOG ======================= */

.post img {

  max-width: 100%;

}



.blog-links {

  margin: 15px 0;

  font-size: 12px;

}



.blog-links a, .post h2 a {

  text-decoration: none!important;

  color: #fff;

}



span.blog-link {

  display: inline-block;

  line-height: 1em;

  padding-right: 7px;

  padding-left: 5px;

  border-left: 1px dotted #333;

}



span.blog-link:first-child {

  border: none;

  padding-left: 0;

}



.avatar {

  margin-right: 15px;

  float: left;

}



.pagination {

  float: right;

}



span.comment-author a {

  font-size: 150%;

  color: #fff;

  text-decoration: none!important;

}



.comment-reply a {

  text-decoration: none!important;

}



/* Side bar */

aside {

  float: left;

  width: 260px;

  margin-left: 50px;

}



aside img {

  max-width: 100%;

}



aside.side-left {

  margin-right: 40px;

  margin-left: 10px;

}



aside a {

  color: #fff;

}



/*  Pagination */

.pagination ul li {

  position: relative;

  color: #cccccc;

  font-weight: bold;

  float: left;

  cursor: pointer;

  display: inline-block;

  height: 26px;

  width: 26px;

  margin: 8px 5px 0 0;

  text-align: center;

  text-shadow: none;

}



.pagination ul li a {

  color: #cccccc!important;

  position: absolute;

  height: 23px;

  width: 26px;

  padding-top: 5px;

  background-color: #4d4d4d;

  text-decoration: none!important;

  border: none;

}



.pagination ul li a:hover {

  background-color: #666;

}



.pagination ul li a.current {

  background-color: #202020;

}



/* ======================= END BLOG ======================= */





/* ======================= GALLERIES ======================= */

/* Gallery index item */

.gallery_index li {

  display: block;

  height: 180px;

  margin: 0 10px 40px;

  padding-bottom: 15px;

  width: 300px;

  float: left;

  position: relative;

  background: url("img/shadow-300.png") bottom no-repeat;

}



/* Photo container*/

/* gallery columns */

.gallery .grid_6, .gallery .grid_4, .gallery .grid_3 {

  margin-top: 10px;

}



.zoom {

  display: block;

  background: #181818 url("img/zoom.png") no-repeat center center;

}



/* Partial sliding on hover */

.box {

  width: 300px;

  height: 180px;

  margin-bottom: 20px;

  float: left;

  background: #1d1d1d;

  overflow: hidden;

  position: relative;

  text-shadow: none;

}



.box h3 {

  padding: 10px 10px 5px;

  margin: 0;

  color: #d1d1d1;

}



.box img {

  position: absolute;

  top: 0;

  left: 0;

  border: 0;

  z-index: 3;

}



.box p {

  padding: 0 10px;

  margin: 0;

}



.box a {

  text-decoration: none!important;

}



/* Gallery index filter */

#filter:before {

  content: 'Filter: ';

  float: left;

  margin-right: 20px;

  font-size: 16px;

  padding-top: 2px;

}



#filter {

  margin: 0 15px 15px;

  height: 40px;

}



#filter a {

  float: left;

  margin-right: 20px;

  font-size: 16px;

  padding: 2px 8px;

  text-decoration: none!important;

  border: none;

}



#filter a.active {

  display: inline;

}



#filter a:hover, #filter a.active {

  text-shadow: none;

}



/* ====================== FOOTER ======================= */



footer {

  width: 100%;

  padding: 50px 0 20px;

  position: relative;

}



#footer-logo {

  margin-top: 8px;

  margin-bottom: 5px;

}



ul.tweet_list li {

  margin: 1.5em 0;

  padding: 0 0 0 30px;

  background: url("img/quote.png") no-repeat left;

}



.tweet_time a {

  display: inline-block;

  width: 100%;

  border: none!important;

  text-decoration: none!important;

  font-size: 12px;

}



#twitter-wrap {

  width: 100%;

  padding: 5px 0;

  margin-bottom: 30px;

}



#twitter-logo {

  margin-top: 30px;

}



.bigtweet {

  font-size: 180%;

  margin-top: 40px;

}



a#twitFollow {

  display: inline-block;

  width: 69px;

  height: 48px;

  margin: 0 0 0 40px;

  /*text-indent:-9999px;*/

  background: url(img/twitterbird.png) no-repeat;

}



.bigtweet span.tweet_time_big {

  font-size: 70%;

  margin-top: 10px;

  float: right;

}



#copyright {

  font-size: 11px;

  height: auto;

}



#copyright a {

  color: #fff;

}



/* ==================== END FOOTER ======================= */





/* ======================= BUTTONS ======================= */

a.button {

  font-size: 100%;

  display: inline-block;

  height: 19px;

  margin: 5px 10px 5px 0;

  font-weight: bold;

  padding: 5px 10px 4px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  -o-border-radius: 3px;

  -ms-border-radius: 3px;

  -khtml-border-radius: 3px;

  border-radius: 3px;

  color: #737373 !important;

  border: 1px solid #999999 !important;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #b3b3b3));

  background-image: -webkit-linear-gradient(#ebebeb, #b3b3b3);

  background-image: -moz-linear-gradient(#ebebeb, #b3b3b3);

  background-image: -o-linear-gradient(#ebebeb, #b3b3b3);

  background-image: -ms-linear-gradient(#ebebeb, #b3b3b3);

  background-image: linear-gradient(#ebebeb, #b3b3b3);

  text-shadow: 1px 1px 1px #f2f2f2;

  background-color: #cccccc;

  text-align: left;

  line-height: 18px;

  text-decoration: none!important;

}



a.button:hover {

  color: #666666!important;

  border: 1px solid #999999;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4c4c4), color-stop(100%, #d9d9d9));

  background-image: -webkit-linear-gradient(#c4c4c4, #d9d9d9);

  background-image: -moz-linear-gradient(#c4c4c4, #d9d9d9);

  background-image: -o-linear-gradient(#c4c4c4, #d9d9d9);

  background-image: -ms-linear-gradient(#c4c4c4, #d9d9d9);

  background-image: linear-gradient(#c4c4c4, #d9d9d9);

  text-shadow: 1px 1px 1px white;

  background-color: #cccccc;

}



a.button.yellow {

  color: #a77405 !important;

  border: 1px solid #f1a808 !important;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcdfa0), color-stop(100%, #f8ba34));

  background-image: -webkit-linear-gradient(#fcdfa0, #f8ba34);

  background-image: -moz-linear-gradient(#fcdfa0, #f8ba34);

  background-image: -o-linear-gradient(#fcdfa0, #f8ba34);

  background-image: -ms-linear-gradient(#fcdfa0, #f8ba34);

  background-image: linear-gradient(#fcdfa0, #f8ba34);

  text-shadow: 1px 1px 1px #fce4af;

  background-color: #facb65;

}



a.button.yellow:hover {

  color: #8e6305 !important;

  border: 1px solid #f1a808;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fac656), color-stop(100%, #fbd37e));

  background-image: -webkit-linear-gradient(#fac656, #fbd37e);

  background-image: -moz-linear-gradient(#fac656, #fbd37e);

  background-image: -o-linear-gradient(#fac656, #fbd37e);

  background-image: -ms-linear-gradient(#fac656, #fbd37e);

  background-image: linear-gradient(#fac656, #fbd37e);

  text-shadow: 1px 1px 1px #fdecc8;

  background-color: #facb65;

}



a.button.green {

  color: #0e2e0c !important;

  border: 1px solid #206a1c !important;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5ed356), color-stop(100%, #2d9326));

  background-image: -webkit-linear-gradient(#5ed356, #2d9326);

  background-image: -moz-linear-gradient(#5ed356, #2d9326);

  background-image: -o-linear-gradient(#5ed356, #2d9326);

  background-image: -ms-linear-gradient(#5ed356, #2d9326);

  background-image: linear-gradient(#5ed356, #2d9326);

  text-shadow: 1px 1px 1px #69d663;

  background-color: #39bb31;

  color: #fff!important;

}



a.button.green:hover {

  color: #081907 !important;

  border: 1px solid #206a1c;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #35af2e), color-stop(100%, #43cb3a));

  background-image: -webkit-linear-gradient(#35af2e, #43cb3a);

  background-image: -moz-linear-gradient(#35af2e, #43cb3a);

  background-image: -o-linear-gradient(#35af2e, #43cb3a);

  background-image: -ms-linear-gradient(#35af2e, #43cb3a);

  background-image: linear-gradient(#35af2e, #43cb3a);

  text-shadow: 1px 1px 1px #7ddb77;

  background-color: #39bb31;

  color: #fff!important;

}



a.button.blue {

  color: #001523 !important;

  border: 1px solid #01436f !important;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #16a1fd), color-stop(100%, #0261a1));

  background-image: -webkit-linear-gradient(#16a1fd, #0261a1);

  background-image: -moz-linear-gradient(#16a1fd, #0261a1);

  background-image: -o-linear-gradient(#16a1fd, #0261a1);

  background-image: -ms-linear-gradient(#16a1fd, #0261a1);

  background-image: linear-gradient(#16a1fd, #0261a1);

  text-shadow: 1px 1px 1px #26a7fd;

  background-color: #0280d4;

  color: #fff!important;

}



a.button.blue:hover {

  color: #00060a !important;

  border: 1px solid #01436f;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0277c5), color-stop(100%, #028fed));

  background-image: -webkit-linear-gradient(#0277c5, #028fed);

  background-image: -moz-linear-gradient(#0277c5, #028fed);

  background-image: -o-linear-gradient(#0277c5, #028fed);

  background-image: -ms-linear-gradient(#0277c5, #028fed);

  background-image: linear-gradient(#0277c5, #028fed);

  text-shadow: 1px 1px 1px #3fb1fd;

  background-color: #0280d4;

  color: #fff!important;

}



a.button.red {

  color: #581613 !important;

  border: 1px solid #972521 !important;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e27d79), color-stop(100%, #c12f2a));

  background-image: -webkit-linear-gradient(#e27d79, #c12f2a);

  background-image: -moz-linear-gradient(#e27d79, #c12f2a);

  background-image: -o-linear-gradient(#e27d79, #c12f2a);

  background-image: -ms-linear-gradient(#e27d79, #c12f2a);

  background-image: linear-gradient(#e27d79, #c12f2a);

  text-shadow: 1px 1px 1px #e58986;

  background-color: #d74c47;

  color: #fff!important;

}



a.button.red:hover {

  color: #43100f !important;

  border: 1px solid #972521;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4403a), color-stop(100%, #dc605c));

  background-image: -webkit-linear-gradient(#d4403a, #dc605c);

  background-image: -moz-linear-gradient(#d4403a, #dc605c);

  background-image: -o-linear-gradient(#d4403a, #dc605c);

  background-image: -ms-linear-gradient(#d4403a, #dc605c);

  background-image: linear-gradient(#d4403a, #dc605c);

  text-shadow: 1px 1px 1px #e99e9b;

  background-color: #d74c47;

  color: #fff!important;

}



a.button.black {

  color: black !important;

  border: 1px solid black !important;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c2c2c), color-stop(100%, #000000));

  background-image: -webkit-linear-gradient(#2c2c2c, #000000);

  background-image: -moz-linear-gradient(#2c2c2c, #000000);

  background-image: -o-linear-gradient(#2c2c2c, #000000);

  background-image: -ms-linear-gradient(#2c2c2c, #000000);

  background-image: linear-gradient(#2c2c2c, #000000);

  text-shadow: 1px 1px 1px #333333;

  background-color: #0d0d0d;

  color: #fff!important;

}



a.button.black:hover {

  color: black !important;

  border: 1px solid black;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #050505), color-stop(100%, #1a1a1a));

  background-image: -webkit-linear-gradient(#050505, #1a1a1a);

  background-image: -moz-linear-gradient(#050505, #1a1a1a);

  background-image: -o-linear-gradient(#050505, #1a1a1a);

  background-image: -ms-linear-gradient(#050505, #1a1a1a);

  background-image: linear-gradient(#050505, #1a1a1a);

  text-shadow: 1px 1px 1px #404040;

  background-color: #0d0d0d;

  color: #fff!important;

}



a.button.primary {

  font-size: 120%;

  display: inline-block;

  height: 25px;

  margin: 8px 10px 5px 0;

  font-weight: bold;

  padding: 8px 10px 2px;

}



/* ======================= END BUTTONS ======================= */





/* ====================== FORM ======================= */

#contactform {

  margin: 15px 0;

}



.stack .input, .stack label {

  width: 100%;

  text-align: left;

}



.input {

  display: inline-block;

  width: 80%;

}



.input input {

  width: 70%;

}



.input textarea {

  width: 90%;

}



label {

  display: inline-block;

  width: 11%;

  text-align: right;

  margin-top: 10px;

  margin-right: 4%;

  line-height: 30px;

  height: 30px;

  vertical-align: top;

}



.input input, .input textarea {

  border: 1px solid #101010;

  -moz-box-shadow: inset 0px 0px 5px 1px #0b0b0f;

  -webkit-box-shadow: inset 0px 0px 5px 1px #0b0b0f;

  -o-box-shadow: inset 0px 0px 5px 1px #0b0b0f;

  box-shadow: inset 0px 0px 5px 1px #0b0b0f;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.input input:focus, .input textarea:focus {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.clearfix.error .input input, .clearfix.error .input textarea {

  border: 1px solid #330000;

  -moz-box-shadow: inset 0px 0px 5px 1px maroon;

  -webkit-box-shadow: inset 0px 0px 5px 1px maroon;

  -o-box-shadow: inset 0px 0px 5px 1px maroon;

  box-shadow: inset 0px 0px 5px 1px maroon;

}



.clearfix.error label {

  color: #FF0000;

}



div.help-inline {

  width: 100%;

  color: #FF0000;

}



input[type=text], input[type=password], textarea {

  margin: 10px 0;

}



input[type=text], input[type=password] {

  height: 30px;

  padding: 0 5px;

}



textarea {

  padding: 5px;

  height: 150px;

  width: 70%;

}



.actions {

  width: 100%;

}



input[type=submit] {

  padding: 5px 10px;

  cursor: pointer;

  color: black !important;

  border: 1px solid black !important;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c2c2c), color-stop(100%, #000000));

  background-image: -webkit-linear-gradient(#2c2c2c, #000000);

  background-image: -moz-linear-gradient(#2c2c2c, #000000);

  background-image: -o-linear-gradient(#2c2c2c, #000000);

  background-image: -ms-linear-gradient(#2c2c2c, #000000);

  background-image: linear-gradient(#2c2c2c, #000000);

  text-shadow: 1px 1px 1px #333333;

  background-color: #0d0d0d;

  color: #fff!important;

  float: right;

  margin-right: 10%;

  font-weight: bold;

}



input[type=submit]:hover {

  color: black !important;

  border: 1px solid black;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #050505), color-stop(100%, #1a1a1a));

  background-image: -webkit-linear-gradient(#050505, #1a1a1a);

  background-image: -moz-linear-gradient(#050505, #1a1a1a);

  background-image: -o-linear-gradient(#050505, #1a1a1a);

  background-image: -ms-linear-gradient(#050505, #1a1a1a);

  background-image: linear-gradient(#050505, #1a1a1a);

  text-shadow: 1px 1px 1px #404040;

  background-color: #0d0d0d;

  color: #fff!important;

}



#loader {

  background: url(img/ajax-loader.gif) no-repeat;

  width: 16px;

  height: 16px;

}



/* to hide the antispam field in the contact form */

.hidden {

  margin-top: 0!important;

  margin-bottom: 0!important;

  padding-top: 0!important;

  padding-bottom: 0!important;

  text-indent: -9999px;

  height: 0!important;

  line-height: 0!important;

  visibility: hidden;

  border: 0;

  display: block;

}



.search {

  margin: 8px 0 30px 0;

  width: 240px;

  height: 30px;

  padding: 0 3px;

  background: #b5b5b5;

  position: relative;

}



.search input {

  background: none;

  box-shadow: none;

  border: none;

  margin: 0;

  width: 205px;

  color: #434448;

}



.search input:focus {

  background: none;

  box-shadow: none;

  border: none;

  margin: 0;

  width: 205px;

  color: #434448;

}



.search input[type=submit] {

  border-radius: none;

  height: 16px;

  cursor: pointer;

  width: 16px;

  padding: 0;

  background: none;

  border: none!important;

  text-shadow: none;

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAAlElEQVR42oWQQRHEIAxF10ElVAISVgo3bCABCUhYCZWAhEpAQpoD6bzJhNnDO0DyyA8fEXkppXyVCpLViDUfyqVIQN9JFMY637hrlCySFauL21E7KVWbAIGx56rnSLqc5KPXSLo3kySalPhTygFhRDtFC09EIsMeZJSGBj7Qveh3OJW89syImiH%2BIO2BOJX0XwA2%2BQEL4pAhSX4aBQAAAABJRU5ErkJggg%3D%3D") no-repeat;

  color: #333333!important;

  position: absolute;

  top: 8px;

  right: 5px;

}



/* ==================== END FORM ======================= */





/* ========================= ALERTS ======================= */

.notif {

  width: 92%;

  margin: 0 auto 20px;

  padding: 18px 10px 15px 48px;

  background: #FFF no-repeat 5px center;

  position: relative;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  -o-border-radius: 2px;

  -ms-border-radius: 2px;

  -khtml-border-radius: 2px;

  border-radius: 2px;

  -moz-box-shadow: 3px 3px 5px black;

  -webkit-box-shadow: 3px 3px 5px black;

  -o-box-shadow: 3px 3px 5px black;

  box-shadow: 3px 3px 5px black;

}



.notif span {

  cursor: pointer;

}



.notif a {

  text-decoration: underline;

  opacity: 1!important;

}



.notif .close {

  position: absolute;

  top: 0px;

  right: 8px;

  width: 12px;

  height: 15px;

  display: inline-block;

  font-size: 150%;

  text-decoration: none!important;

  font-weight: bold;

  line-height: 1.5em;

}



.notif.info {

  color: #13bde9 !important;

  border: 1px solid #58d1f1 !important;

  text-shadow: 1px 1px 1px #fdfeff;

  background-color: #b6ebf9;

  background-image: url(img/notif/info.png);

}



.notif.info a, .notif.info strong {

  color: #13bde9 !important;

  border: none;

}



.notif.tip {

  color: #afa214 !important;

  border: 1px solid #e7d728 !important;

  text-shadow: 1px 1px 1px #f9f5c9;

  background-color: #f1e884;

  background-image: url(img/notif/tip.png);

}



.notif.tip a, .notif.tip strong {

  color: #afa214 !important;

  border: none;

}



.notif.success {

  color: #326c0f !important;

  border: 1px solid #51af18 !important;

  text-shadow: 1px 1px 1px #b0ef8a;

  background-color: #83e647;

  background-image: url(img/notif/success.png);

}



.notif.success a, .notif.success strong {

  color: #326c0f !important;

  border: none;

}



.notif.error {

  color: #581613 !important;

  border: 1px solid #972521 !important;

  text-shadow: 1px 1px 1px #e58986;

  background-color: #d74c47;

  background-image: url(img/notif/error.png);

}



.notif.error a, .notif.error strong {

  color: #581613 !important;

  border: none;

}



/* ======================= END ALERTS ======================= */

/* ======================= ICONS ======================= */

span.icon {

  border: none!important;

  display: inline-block;

  width: 16px;

  height: 16px;

  background-image: url("img/icons_dark.png");

  position: relative;

  vertical-align: middle;

  margin: 0 5px;

}



span.icon:hover {

  background-color: #fff!important;

  background-image: url("img/icons_dark.png");

}



span.icon a {

  border: none!important;

  position: absolute;

  top: 0;

  left: 0;

  text-indent: -999999px;

  width: 16px;

  height: 16px;

}



span.icon.icon-1, span.icon.view {

  background-position: 0 0;

}



span.icon.icon-2, span.icon.trash {

  background-position: -16px 0;

}



span.icon.icon-3, span.icon.category {

  background-position: -32px 0;

}



span.icon.icon-4, span.icon.info {

  background-position: -48px 0;

}



span.icon.icon-5, span.icon.calendar {

  background-position: -64px 0;

}



span.icon.icon-6, span.icon.calendar2 {

  background-position: -80px 0;

}



span.icon.icon-7, span.icon.timer {

  background-position: -96px 0;

}



span.icon.icon-8, span.icon.settings {

  background-position: -112px 0;

}



span.icon.icon-9, span.icon.settings2 {

  background-position: -128px 0;

}



span.icon.icon-10, span.icon.tag {

  background-position: -144px 0;

}



span.icon.icon-11, span.icon.tags {

  background-position: -160px 0;

}



span.icon.icon-12, span.icon.home {

  background-position: -176px 0;

}



span.icon.icon-13, span.icon.price {

  background-position: -192px 0;

}



span.icon.icon-14, span.icon.paypal {

  background-position: -208px 0;

}



span.icon.icon-15, span.icon.print {

  background-position: -224px 0;

}



span.icon.icon-16, span.icon.location {

  background-position: -240px 0;

}



span.icon.icon-17, span.icon.pages {

  background-position: -256px 0;

}



span.icon.icon-18, span.icon.page {

  background-position: -272px 0;

}



span.icon.icon-19, span.icon.upload {

  background-position: -288px 0;

}



span.icon.icon-20, span.icon.download {

  background-position: -304px 0;

}



span.icon.icon-21, span.icon.rss {

  background-position: 0 -16px;

}



span.icon.icon-22, span.icon.twitter {

  background-position: -16px -16px;

}



span.icon.icon-23, span.icon.twitter2 {

  background-position: -32px -16px;

}



span.icon.icon-24, span.icon.facebook {

  background-position: -48px -16px;

}



span.icon.icon-25, span.icon.fb-like {

  background-position: -64px -16px;

}



span.icon.icon-26, span.icon.myspace {

  background-position: -80px -16px;

}



span.icon.icon-27, span.icon.youtube {

  background-position: -96px -16px;

}



span.icon.icon-28, span.icon.youtube2 {

  background-position: -112px -16px;

}



span.icon.icon-29, span.icon.digg {

  background-position: -128px -16px;

}



span.icon.icon-30, span.icon.digg2 {

  background-position: -144px -16px;

}



span.icon.icon-31, span.icon.delicious {

  background-position: -160px -16px;

}



span.icon.icon-32, span.icon.dribbble {

  background-position: -176px -16px;

}



span.icon.icon-33, span.icon.googlebuzz {

  background-position: -192px -16px;

}



span.icon.icon-34, span.icon.mobypicture {

  background-position: -208px -16px;

}



span.icon.icon-35, span.icon.stubleupon {

  background-position: -224px -16px;

}



span.icon.icon-36, span.icon.skype {

  background-position: -240px -16px;

}



span.icon.icon-37, span.icon.tumblr {

  background-position: -256px -16px;

}



span.icon.icon-38, span.icon.vimeo {

  background-position: -272px -16px;

}



span.icon.icon-39, span.icon.vimeo2 {

  background-position: -288px -16px;

}



span.icon.icon-40, span.icon.dribbble2 {

  background-position: -304px -16px;

}



span.icon.icon-41, span.icon.plixi {

  background-position: 0 -32px;

}



span.icon.icon-42, span.icon.dropbox {

  background-position: -16px -32px;

}



span.icon.icon-43, span.icon.lastfm {

  background-position: -32px -32px;

}



span.icon.icon-44, span.icon.user {

  background-position: -48px -32px;

}



span.icon.icon-45, span.icon.comment {

  background-position: -64px -32px;

}



span.icon.icon-46, span.icon.comments {

  background-position: -80px -32px;

}



span.icon.icon-47, span.icon.women {

  background-position: -96px -32px;

}



span.icon.icon-48, span.icon.man {

  background-position: -112px -32px;

}



span.icon.icon-49, span.icon.pictures {

  background-position: -128px -32px;

}



span.icon.icon-50, span.icon.picture {

  background-position: -144px -32px;

}



span.icon.icon-51, span.icon.folder {

  background-position: -160px -32px;

}



span.icon.icon-52, span.icon.charts {

  background-position: -176px -32px;

}



span.icon.icon-53, span.icon.mail {

  background-position: -192px -32px;

}



span.icon.icon-54, span.icon.google-plus {

  background-position: -208px -32px;

}



/* ===================== END ICONS ======================= */





/* ======================= 404 =================== */

h1.error {

  font-size: 500%;

  line-height: 1em;

}



h1.error span {

  font-size: 400%;

  line-height: 1em;

  color: #fff;

}



.error-wrap {

  padding-bottom: 50px;

}



/* ===================== END 404 =================== */





/* ===================== OTHER =================== */

address {

  display: block;

  line-height: 18px;

  margin: 18px 0;

}



/* Code & Pre */

code, pre {

  margin: 15px 0;

  font-family: Monaco, Andale Mono, Courier New, monospace;

  font-size: 12px;

  text-shadow: none;

  width: 80%;

  color: #0d0d0d;

  text-align: left;

}



code {

  background-color: #f5f5f5;

  padding: 2px 3px;

}



pre {

  background-color: #f5f5f5;

  line-height: 18px;

  font-size: 12px;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, 0.15);

  white-space: pre;

  white-space: pre-wrap;

  white-space: pre-line;

  white-space: -pre-wrap;

  white-space: -o-pre-wrap;

  white-space: -moz-pre-wrap;

  white-space: -hp-pre-wrap;

  word-wrap: break-word;

}


#tituloPrecios1 {
	float: left;
	height: 140px;
	width: 100%;
	background-color: #000;
}

.Precios {
	font-size: 15px;
	color: #FFF461;
	}
	
#cuadroTexto1 {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 20px;
}

#cuadroTexto2 {
	background-color: rgba(0,0,0,0.2);
	float: left;
	height: auto;
	width: 100%;
	padding-top: 20px;
	padding-left: 8px;
}