@charset "UTF-8";
/**
* Gumby Framework
* ---------------
*
* Follow @gumbycss on twitter and spread the love.
* We worked super hard on making this awesome and released it to the web.
* All we ask is you leave this intact. #gumbyisawesome
*
* Gumby Framework
* http://gumbyframework.com
*
* Built with love by your friends @digitalsurgeons
* http://www.digitalsurgeons.com
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

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

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.pull_right { float: right !important; }

.pull_left { float: left; }

* html { font-size: 100%; }

html { font-size: 14px; font-size: .9rem; line-height: 1.425em; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background: #ff6666; font-family: Helvetica, sans-serif; color: #333333; position: relative; -webkit-font-smoothing: antialiased; }

@media only screen and (max-width: 800px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; background:url(../img/back_slider/4.jpg) no-repeat center 0; background-size:cover; } }

html, body { height: 100%; overflow-x:hidden !important; }

.hide { display: none; }

.hide.active, .show { display: block; }


.fixed { position: fixed; }
.fixed.pinned { position: absolute; }
@media only screen and (max-width: 800px) { .fixed { position: relative !important; top: auto !important; left: auto !important; } }

.unfixed { position: relative !important; top: auto !important; left: auto !important; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

h1, h2, h3, h4, h5, h6 { font-family:Helvetica, sans-serif; font-weight: Normal; color: #ffffe7; text-rendering: optimizeLegibility; line-height: 1.15538em; padding:0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #d04526; }

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background-color:;}
::-webkit-scrollbar-thumb { background:#33FFC9; }
::-webkit-scrollbar-thumb:window-inactive { background:#FFFFE7);}

@media only screen and (max-width: 800px) { h1, h2, h3, h4, h5, h6 { word-wrap: break-word; } }
h1 { font-size: 68px; font-size: 4.25rem; }
h1.xlarge { font-size: 110px; font-size: 6.875rem; }
h1.xxlarge { font-size: 126px; font-size: 7.875rem; }
h1.absurd { font-size: 177px; font-size: 11.0625rem; }

h2 { font-size: 42px; font-size: 2.625rem; }

h3 { font-size: 30px; font-size: 1.8rem; margin:20px 0 10px 0; }
h3:first-child{ margin-top:0; }

h4 { font-size: 26px; font-size: 1.625rem; }

h5 { font-size: 18px; font-size: 1.125rem; }

h6 { font-size: 16px; font-size: 1rem; }

@media only screen and (max-width: 800px) { h1 { font-size: 42px; font-size: 2.625rem; }
  h2 { font-size: 36px; font-size: 2.25rem; } }
.subhead { color: #777; font-weight: normal; margin-bottom: 20px; }

/*=====================================================  Links & Paragraph styles  ======================================================*/
p { font-family:Helvetica, sans-serif; font-weight: 400; margin-bottom: 5px;  }
p.lead { font-size: 20px; font-size: 1.25rem; margin-bottom: 18px; }
@media only screen and (max-width: 800px) { p { font-size: 17.6px; font-size: 1.1rem; line-height: 1.625em; } }

a { color: #ff6666; text-decoration: none; outline: 0; font-weight: 700; line-height: inherit; }
a:hover { color: #FFFFE7; }

/*=====================================================
 Lists  ======================================================*/
ul, ol { margin-bottom:0 !important; }

ul { list-style: none outside; }

ol { list-style: decimal; margin-left: 30px; }

ul.square, ul.circle, ul.disc { margin-left: 25px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul { margin: 4px 0 5px 25px; }

ol ol { margin: 4px 0 5px 30px; }

li { padding-bottom:0 !important; }

ul.large li { line-height: 21px; }

dl dt { font-weight: bold; font-size: 16px; font-size: 1rem; }

@media only screen and (max-width: 800px) { ul, ol, dl, p { text-align: left; } }
/* Mobile */
em { font-style: italic; line-height: inherit; }

strong, b { font-weight: 700; line-height: inherit; }

small { font-size: 56.4%; line-height: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }

/*  Blockquotes  */
blockquote { line-height: 20px; color: #777; margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 5px solid #cccccc; }
blockquote p { line-height: 20px; color: #777; }
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #333333; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a { color: #333333; }
blockquote cite a:visited { color: #333333; }

hr { border: 1px solid #cccccc; clear: both; margin: 16px 0 18px; height: 0; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #cccccc; cursor: help; }

abbr { text-transform: none; }

/** Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
@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 */
  p a { color: #333333 !important; text-decoration: underline; }
  p a:visited { color: #333333 !important; text-decoration: underline; }
  p a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/*=================================================
 +++ LE GRID +++ A Responsive Grid -- Gumby defaults to a standard 960 grid, but you can change it to whatever you'd like.
 ==================================================*/
.container { position:relative; z-index:3;}
.row { width: 100%; max-width:100%; min-width: 320px; margin: 0 auto;}
.row .row { min-width: 0; padding-left: 0; padding-right: 0; }

/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns { margin-left: 0%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.column:first-child, .columns:first-child, .alpha { margin-left: 0; }

.column.omega, .columns.omega { float: right; }

/* Column Classes */
.row .one.column { width: 8.33333%; }
.row .one.columns { width: 8.33333%; }
.row .two.columns { width: 16.66667%; }
.row .three.columns { width: 25%; }
.row .four.columns { width: 33.33333%; }
.row .five.columns { width: 41.66667%; }
.row .six.columns { width: 50%; }
.row .seven.columns { width: 58.33333%; }
.row .eight.columns { width: 66.66667%; }
.row .nine.columns { width: 75%; }
.row .ten.columns { width: 83.33333%; }
.row .eleven.columns { width: 91.66667%; }
.row .twelve.columns { width: 100%; }

/* Push and Pull Classes */
.row .push_one { margin-left: 8.33333%; }
.row .push_one:first-child { margin-left: 8.33333%; }
.row .pull_one.one.column { margin-left: -16.66667%; }
.row .pull_one.one.column:first-child { margin-left: 0; }
.row .pull_one.two.columns { margin-left: -25%; }
.row .pull_one.two.columns:first-child { margin-left: 0; }
.row .pull_one.three.columns { margin-left: -33.33333%; }
.row .pull_one.three.columns:first-child { margin-left: 0; }
.row .pull_one.four.columns { margin-left: -41.66667%; }
.row .pull_one.four.columns:first-child { margin-left: 0; }
.row .pull_one.five.columns { margin-left: -50.0%; }
.row .pull_one.five.columns:first-child { margin-left: 0; }
.row .pull_one.six.columns { margin-left: -58.33333%; }
.row .pull_one.six.columns:first-child { margin-left: 0; }
.row .pull_one.seven.columns { margin-left: -66.66667%; }
.row .pull_one.seven.columns:first-child { margin-left: 0; }
.row .pull_one.eight.columns { margin-left: -75%; }
.row .pull_one.eight.columns:first-child { margin-left: 0; }
.row .pull_one.nine.columns { margin-left: -83.33333%; }
.row .pull_one.nine.columns:first-child { margin-left: 0; }
.row .pull_one.ten.columns { margin-left: -91.66667%; }
.row .pull_one.ten.columns:first-child { margin-left: 0; }
.row .pull_one.eleven.columns { margin-left: -100%; }
.row .pull_one.eleven.columns:first-child { margin-left: 0; }
.row .push_two { margin-left: 16.66667%; }
.row .push_two:first-child { margin-left: 16.66667%; }
.row .pull_two.one.column { margin-left: -25%; }
.row .pull_two.one.column:first-child { margin-left: 0; }
.row .pull_two.two.columns { margin-left: -33.33333%; }
.row .pull_two.two.columns:first-child { margin-left: 0; }
.row .pull_two.three.columns { margin-left: -41.66667%; }
.row .pull_two.three.columns:first-child { margin-left: 0; }
.row .pull_two.four.columns { margin-left: -50%; }
.row .pull_two.four.columns:first-child { margin-left: 0; }
.row .pull_two.five.columns { margin-left: -58.33333%; }
.row .pull_two.five.columns:first-child { margin-left: 0; }
.row .pull_two.six.columns { margin-left: -66.66667%; }
.row .pull_two.six.columns:first-child { margin-left: 0; }
.row .pull_two.seven.columns { margin-left: -75%; }
.row .pull_two.seven.columns:first-child { margin-left: 0; }
.row .pull_two.eight.columns { margin-left: -83.33333%; }
.row .pull_two.eight.columns:first-child { margin-left: 0; }
.row .pull_two.nine.columns { margin-left: -91.66667%; }
.row .pull_two.nine.columns:first-child { margin-left: 0; }
.row .pull_two.ten.columns { margin-left: -100.0%; }
.row .pull_two.ten.columns:first-child { margin-left: 0; }
.row .pull_two.eleven.columns { margin-left: -108.33333%; }
.row .pull_two.eleven.columns:first-child { margin-left: 0; }
.row .push_three { margin-left: 25%; }
.row .push_three:first-child { margin-left: 25%; }
.row .pull_three.one.column { margin-left: -33.33333%; }
.row .pull_three.one.column:first-child { margin-left: 0; }
.row .pull_three.two.columns { margin-left: -41.66667%; }
.row .pull_three.two.columns:first-child { margin-left: 0; }
.row .pull_three.three.columns { margin-left: -50%; }
.row .pull_three.three.columns:first-child { margin-left: 0; }
.row .pull_three.four.columns { margin-left: -58.33333%; }
.row .pull_three.four.columns:first-child { margin-left: 0; }
.row .pull_three.five.columns { margin-left: -66.66667%; }
.row .pull_three.five.columns:first-child { margin-left: 0; }
.row .pull_three.six.columns { margin-left: -75%; }
.row .pull_three.six.columns:first-child { margin-left: 0; }
.row .pull_three.seven.columns { margin-left: -83.33333%; }
.row .pull_three.seven.columns:first-child { margin-left: 0; }
.row .pull_three.eight.columns { margin-left: -91.66667%; }
.row .pull_three.eight.columns:first-child { margin-left: 0; }
.row .pull_three.nine.columns { margin-left: -100%; }
.row .pull_three.nine.columns:first-child { margin-left: 0; }
.row .pull_three.ten.columns { margin-left: -108.33333%; }
.row .pull_three.ten.columns:first-child { margin-left: 0; }
.row .pull_three.eleven.columns { margin-left: -116.66667%; }
.row .pull_three.eleven.columns:first-child { margin-left: 0; }
.row .push_four { margin-left: 33.33333%; }
.row .push_four:first-child { margin-left: 33.33333%; }
.row .pull_four.one.column { margin-left: -41.66667%; }
.row .pull_four.one.column:first-child { margin-left: 0; }
.row .pull_four.two.columns { margin-left: -50%; }
.row .pull_four.two.columns:first-child { margin-left: 0; }
.row .pull_four.three.columns { margin-left: -58.33333%; }
.row .pull_four.three.columns:first-child { margin-left: 0; }
.row .pull_four.four.columns { margin-left: -66.66667%; }
.row .pull_four.four.columns:first-child { margin-left: 0; }
.row .pull_four.five.columns { margin-left: -75%; }
.row .pull_four.five.columns:first-child { margin-left: 0; }
.row .pull_four.six.columns { margin-left: -83.33333%; }
.row .pull_four.six.columns:first-child { margin-left: 0; }
.row .pull_four.seven.columns { margin-left: -91.66667%; }
.row .pull_four.seven.columns:first-child { margin-left: 0; }
.row .pull_four.eight.columns { margin-left: -100%; }
.row .pull_four.eight.columns:first-child { margin-left: 0; }
.row .pull_four.nine.columns { margin-left: -108.33333%; }
.row .pull_four.nine.columns:first-child { margin-left: 0; }
.row .pull_four.ten.columns { margin-left: -116.66667%; }
.row .pull_four.ten.columns:first-child { margin-left: 0; }
.row .pull_four.eleven.columns { margin-left: -125%; }
.row .pull_four.eleven.columns:first-child { margin-left: 0; }
.row .push_five { margin-left: 41.66667%; }
.row .push_five:first-child { margin-left: 41.66667%; }
.row .pull_five.one.column { margin-left: -50.0%; }
.row .pull_five.one.column:first-child { margin-left: 0; }
.row .pull_five.two.columns { margin-left: -58.33333%; }
.row .pull_five.two.columns:first-child { margin-left: 0; }
.row .pull_five.three.columns { margin-left: -66.66667%; }
.row .pull_five.three.columns:first-child { margin-left: 0; }
.row .pull_five.four.columns { margin-left: -75%; }
.row .pull_five.four.columns:first-child { margin-left: 0; }
.row .pull_five.five.columns { margin-left: -83.33333%; }
.row .pull_five.five.columns:first-child { margin-left: 0; }
.row .pull_five.six.columns { margin-left: -91.66667%; }
.row .pull_five.six.columns:first-child { margin-left: 0; }
.row .pull_five.seven.columns { margin-left: -100%; }
.row .pull_five.seven.columns:first-child { margin-left: 0; }
.row .pull_five.eight.columns { margin-left: -108.33333%; }
.row .pull_five.eight.columns:first-child { margin-left: 0; }
.row .pull_five.nine.columns { margin-left: -116.66667%; }
.row .pull_five.nine.columns:first-child { margin-left: 0; }
.row .pull_five.ten.columns { margin-left: -125.0%; }
.row .pull_five.ten.columns:first-child { margin-left: 0; }
.row .pull_five.eleven.columns { margin-left: -133.33333%; }
.row .pull_five.eleven.columns:first-child { margin-left: 0; }
.row .push_six { margin-left: 50%; }
.row .push_six:first-child { margin-left: 50%; }
.row .pull_six.one.column { margin-left: -58.33333%; }
.row .pull_six.one.column:first-child { margin-left: 0; }
.row .pull_six.two.columns { margin-left: -66.66667%; }
.row .pull_six.two.columns:first-child { margin-left: 0; }
.row .pull_six.three.columns { margin-left: -75%; }
.row .pull_six.three.columns:first-child { margin-left: 0; }
.row .pull_six.four.columns { margin-left: -83.33333%; }
.row .pull_six.four.columns:first-child { margin-left: 0; }
.row .pull_six.five.columns { margin-left: -91.66667%; }
.row .pull_six.five.columns:first-child { margin-left: 0; }
.row .pull_six.six.columns { margin-left: -100%; }
.row .pull_six.six.columns:first-child { margin-left: 0; }
.row .pull_six.seven.columns { margin-left: -108.33333%; }
.row .pull_six.seven.columns:first-child { margin-left: 0; }
.row .pull_six.eight.columns { margin-left: -116.66667%; }
.row .pull_six.eight.columns:first-child { margin-left: 0; }
.row .pull_six.nine.columns { margin-left: -125%; }
.row .pull_six.nine.columns:first-child { margin-left: 0; }
.row .pull_six.ten.columns { margin-left: -133.33333%; }
.row .pull_six.ten.columns:first-child { margin-left: 0; }
.row .pull_six.eleven.columns { margin-left: -141.66667%; }
.row .pull_six.eleven.columns:first-child { margin-left: 0; }
.row .push_seven { margin-left: 58.33333%; }
.row .push_seven:first-child { margin-left: 58.33333%; }
.row .pull_seven.one.column { margin-left: -66.66667%; }
.row .pull_seven.one.column:first-child { margin-left: 0; }
.row .pull_seven.two.columns { margin-left: -75%; }
.row .pull_seven.two.columns:first-child { margin-left: 0; }
.row .pull_seven.three.columns { margin-left: -83.33333%; }
.row .pull_seven.three.columns:first-child { margin-left: 0; }
.row .pull_seven.four.columns { margin-left: -91.66667%; }
.row .pull_seven.four.columns:first-child { margin-left: 0; }
.row .pull_seven.five.columns { margin-left: -100%; }
.row .pull_seven.five.columns:first-child { margin-left: 0; }
.row .pull_seven.six.columns { margin-left: -108.33333%; }
.row .pull_seven.six.columns:first-child { margin-left: 0; }
.row .pull_seven.seven.columns { margin-left: -116.66667%; }
.row .pull_seven.seven.columns:first-child { margin-left: 0; }
.row .pull_seven.eight.columns { margin-left: -125%; }
.row .pull_seven.eight.columns:first-child { margin-left: 0; }
.row .pull_seven.nine.columns { margin-left: -133.33333%; }
.row .pull_seven.nine.columns:first-child { margin-left: 0; }
.row .pull_seven.ten.columns { margin-left: -141.66667%; }
.row .pull_seven.ten.columns:first-child { margin-left: 0; }
.row .pull_seven.eleven.columns { margin-left: -150%; }
.row .pull_seven.eleven.columns:first-child { margin-left: 0; }
.row .push_eight { margin-left: 66.66667%; }
.row .push_eight:first-child { margin-left: 66.66667%; }
.row .pull_eight.one.column { margin-left: -75%; }
.row .pull_eight.one.column:first-child { margin-left: 0; }
.row .pull_eight.two.columns { margin-left: -83.33333%; }
.row .pull_eight.two.columns:first-child { margin-left: 0; }
.row .pull_eight.three.columns { margin-left: -91.66667%; }
.row .pull_eight.three.columns:first-child { margin-left: 0; }
.row .pull_eight.four.columns { margin-left: -100%; }
.row .pull_eight.four.columns:first-child { margin-left: 0; }
.row .pull_eight.five.columns { margin-left: -108.33333%; }
.row .pull_eight.five.columns:first-child { margin-left: 0; }
.row .pull_eight.six.columns { margin-left: -116.66667%; }
.row .pull_eight.six.columns:first-child { margin-left: 0; }
.row .pull_eight.seven.columns { margin-left: -125%; }
.row .pull_eight.seven.columns:first-child { margin-left: 0; }
.row .pull_eight.eight.columns { margin-left: -133.33333%; }
.row .pull_eight.eight.columns:first-child { margin-left: 0; }
.row .pull_eight.nine.columns { margin-left: -141.66667%; }
.row .pull_eight.nine.columns:first-child { margin-left: 0; }
.row .pull_eight.ten.columns { margin-left: -150%; }
.row .pull_eight.ten.columns:first-child { margin-left: 0; }
.row .pull_eight.eleven.columns { margin-left: -158.33333%; }
.row .pull_eight.eleven.columns:first-child { margin-left: 0; }
.row .push_nine { margin-left: 75%; }
.row .push_nine:first-child { margin-left: 75%; }
.row .pull_nine.one.column { margin-left: -83.33333%; }
.row .pull_nine.one.column:first-child { margin-left: 0; }
.row .pull_nine.two.columns { margin-left: -91.66667%; }
.row .pull_nine.two.columns:first-child { margin-left: 0; }
.row .pull_nine.three.columns { margin-left: -100%; }
.row .pull_nine.three.columns:first-child { margin-left: 0; }
.row .pull_nine.four.columns { margin-left: -108.33333%; }
.row .pull_nine.four.columns:first-child { margin-left: 0; }
.row .pull_nine.five.columns { margin-left: -116.66667%; }
.row .pull_nine.five.columns:first-child { margin-left: 0; }
.row .pull_nine.six.columns { margin-left: -125%; }
.row .pull_nine.six.columns:first-child { margin-left: 0; }
.row .pull_nine.seven.columns { margin-left: -133.33333%; }
.row .pull_nine.seven.columns:first-child { margin-left: 0; }
.row .pull_nine.eight.columns { margin-left: -141.66667%; }
.row .pull_nine.eight.columns:first-child { margin-left: 0; }
.row .pull_nine.nine.columns { margin-left: -150%; }
.row .pull_nine.nine.columns:first-child { margin-left: 0; }
.row .pull_nine.ten.columns { margin-left: -158.33333%; }
.row .pull_nine.ten.columns:first-child { margin-left: 0; }
.row .pull_nine.eleven.columns { margin-left: -166.66667%; }
.row .pull_nine.eleven.columns:first-child { margin-left: 0; }
.row .push_ten { margin-left: 83.33333%; }
.row .push_ten:first-child { margin-left: 83.33333%; }
.row .pull_ten.one.column { margin-left: -91.66667%; }
.row .pull_ten.one.column:first-child { margin-left: 0; }
.row .pull_ten.two.columns { margin-left: -100.0%; }
.row .pull_ten.two.columns:first-child { margin-left: 0; }
.row .pull_ten.three.columns { margin-left: -108.33333%; }
.row .pull_ten.three.columns:first-child { margin-left: 0; }
.row .pull_ten.four.columns { margin-left: -116.66667%; }
.row .pull_ten.four.columns:first-child { margin-left: 0; }
.row .pull_ten.five.columns { margin-left: -125.0%; }
.row .pull_ten.five.columns:first-child { margin-left: 0; }
.row .pull_ten.six.columns { margin-left: -133.33333%; }
.row .pull_ten.six.columns:first-child { margin-left: 0; }
.row .pull_ten.seven.columns { margin-left: -141.66667%; }
.row .pull_ten.seven.columns:first-child { margin-left: 0; }
.row .pull_ten.eight.columns { margin-left: -150%; }
.row .pull_ten.eight.columns:first-child { margin-left: 0; }
.row .pull_ten.nine.columns { margin-left: -158.33333%; }
.row .pull_ten.nine.columns:first-child { margin-left: 0; }
.row .pull_ten.ten.columns { margin-left: -166.66667%; }
.row .pull_ten.ten.columns:first-child { margin-left: 0; }
.row .pull_ten.eleven.columns { margin-left: -175%; }
.row .pull_ten.eleven.columns:first-child { margin-left: 0; }
.row .push_eleven { margin-left: 91.66667%; }
.row .push_eleven:first-child { margin-left: 91.66667%; }
.row .pull_eleven.one.column { margin-left: -100%; }
.row .pull_eleven.one.column:first-child { margin-left: 0; }
.row .pull_eleven.two.columns { margin-left: -108.33333%; }
.row .pull_eleven.two.columns:first-child { margin-left: 0; }
.row .pull_eleven.three.columns { margin-left: -116.66667%; }
.row .pull_eleven.three.columns:first-child { margin-left: 0; }
.row .pull_eleven.four.columns { margin-left: -125%; }
.row .pull_eleven.four.columns:first-child { margin-left: 0; }
.row .pull_eleven.five.columns { margin-left: -133.33333%; }
.row .pull_eleven.five.columns:first-child { margin-left: 0; }
.row .pull_eleven.six.columns { margin-left: -141.66667%; }
.row .pull_eleven.six.columns:first-child { margin-left: 0; }
.row .pull_eleven.seven.columns { margin-left: -150%; }
.row .pull_eleven.seven.columns:first-child { margin-left: 0; }
.row .pull_eleven.eight.columns { margin-left: -158.33333%; }
.row .pull_eleven.eight.columns:first-child { margin-left: 0; }
.row .pull_eleven.nine.columns { margin-left: -166.66667%; }
.row .pull_eleven.nine.columns:first-child { margin-left: 0; }
.row .pull_eleven.ten.columns { margin-left: -175%; }
.row .pull_eleven.ten.columns:first-child { margin-left: 0; }
.row .pull_eleven.eleven.columns { margin-left: -183.33333%; }
.row .pull_eleven.eleven.columns:first-child { margin-left: 0; }

/* Centered Classes */
.row .one.centered { margin-left: 45.83333%; }
.row .two.centered { margin-left: 41.66667%; }
.row .three.centered { margin-left: 37.5%; }
.row .four.centered { margin-left: 33.33333%; }
.row .five.centered { margin-left: 29.16667%; }
.row .six.centered { margin-left: 25%; }
.row .seven.centered { margin-left: 20.83333%; }
.row .eight.centered { margin-left: 16.66667%; }
.row .nine.centered { margin-left: 12.5%; }
.row .ten.centered { margin-left: 8.33333%; }
.row .eleven.centered { margin-left: 4.16667%; }


img, object, embed { max-width: 100%; height: auto; }

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

#map_canvas img, .map_canvas img { max-width: none !important; }

/* Tile Grid */
.tiles { display: block; overflow: hidden; }
.tiles > li { display: block; height: auto; float: left; padding-bottom: 0; }
.tiles.two_up { margin-left: -4%; }
.tiles.two_up > li { margin-left: 4%; width: 46%; }
.tiles.three_up, .tiles.four_up { margin-left: -2%; }
.tiles.three_up > li { margin-left: 2%; width: 31.3%; }
.tiles.four_up > li { margin-left: 2%; width: 23%; }
.tiles.five_up { margin-left: -1.5%; }
.tiles.five_up > li { margin-left: 1.5%; width: 18.5%; }

/* Nicolas Gallagher's micro clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

.valign { display: table; width: 100%; }
.valign > div, .valign > article, .valign > section, .valign > figure { display: table-cell; vertical-align: middle; }

/* Mobile */
@media only screen and (max-width: 800px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }
  .container { min-width: 0; margin-left: 0; margin-right: 0; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .columns { padding: 0; }
  .row .centered { margin-left: 0 !important; }
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before { display: table; }
  [class*="column"]:after { display: table; clear: both; }
  [class^="push_"], [class*="push_"], [class^="pull_"], [class*="pull_"] { margin-left: 0 !important; } }
/*=====================================================
 Navigation (with dropdowns)
 ======================================================*/
.navbar { width: 100%; min-height: 60px; display: block; margin-bottom:0; position: relative; }
@media only screen and (max-width: 650px) { .navbar { border: none; height:100px; background-color:#FF6666; background-color:rgba(255,102,102,0.9)}
  .navbar .column, .navbar .columns { min-height: 0; } }
.navbar.fixed { position: fixed; z-index: 99999; }
.navbar.pinned { position: absolute; }
.navbar a.toggle { display: none; }
@media only screen and (max-width: 650px) { .navbar a.toggle { top: 18%; right: 80px; width:100px; position: absolute; text-align: center; display: inline-block; color: #FFFF66; background: #C9C9FF; height:60px; line-height: 58px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 30px; font-size: 2rem; z-index:5555; font-weight:100; }
  .navbar a.toggle:hover { background: #DFDFFF; }
  .navbar a.toggle:active, .navbar a.toggle.active { background: #FFFF66; } }
  @media only screen and (max-width: 360px) {.navbar a.toggle { right:50px;width:50px;}}

header h1.logo { padding:0; margin:0;}
header h1.logo a { display:block; width:318px; height:183px; text-indent:-99999px; background:url(../img/logo.png) no-repeat 0 0; margin-left:80px; }
header h1.logo a img { max-height: 95%; }

@media only screen and (max-width: 1920px) {header h1.logo a { margin-left:122px !important; }}
@media only screen and (max-width: 1680px) {header h1.logo a { margin-left:102px !important; }}
@media only screen and (max-width: 1600px) {header h1.logo a { margin-left:80px !important; }}
@media only screen and (max-width: 1440px) {header h1.logo a { margin-left:42px !important; }}
@media only screen and (max-width: 1366px) {header h1.logo a { margin-left:24px !important; }}
@media only screen and (max-width: 1280px) {header h1.logo a { margin-left:0 !important; }}
@media only screen and (max-width: 1024px) {header h1.logo a { margin-left:-62px !important; }}
@media only screen and (max-width: 650px) {header h1.logo a { float:left; position:absolute; top:25px; left:25px; background:url(../img/logo2.png) no-repeat 0 0; margin:0 !important; background-size:175px auto; width:200px; height:60px;}}
@media only screen and (max-width: 360px) {header h1.logo a { float:left; position:absolute; top:25px; left:15px; background:url(../img/logo2.png) no-repeat 0 0; margin:0 !important; background-size:150px auto; width:200px; height:60px;}}


@media only screen and (max-width: 650px) { .navbar .logo { float: left; display: inline; }
  header .logo a { padding: 0; }
  .header .logo a img { width: auto; height: auto; max-width: 100%; } }

.navbar ul { display: table; width:100%; vertical-align: middle; margin: 0; float: none; background-color:#333333; background-color:rgba(51,51,51,0.3) }

@media only screen and (max-width: 650px) { .navbar ul { position: absolute; display: block; width: 100% !important; height: 0; max-height: 0; top:75px; left: 0; overflow: hidden; text-align: center; background-color:#333333; background-color:rgba(51,51,51,0.75) }
  .navbar ul.active { height: auto; max-height: 600px; z-index: 999998; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } }
.navbar ul li { display: table-cell; text-align: center; padding-bottom: 0; margin: 0; height: 60px; line-height: 58px; }
@media only screen and (max-width: 650px) { .navbar ul li { display: block; position: relative; min-height: 50px; max-height: 320px; height: auto; width: 100%; border-right: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .navbar ul li > a{ font-size:20px !important; font-weight:normal;} }
.navbar ul li > a { display: block; padding: 0 16px; white-space: nowrap; height: 60px; line-height: 58px; font-size:18px; font-size: 1.15rem; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar ul li > a i.icon-popup { position: absolute; }
.navbar ul li .btn { border-color: black !important; }
.navbar ul li.field { margin-bottom: 0 !important; margin-right: 0; }
@media only screen and (max-width: 650px) { .navbar ul li.field { padding: 0 20px; } }
.navbar ul li.field input.search { background: black; border: none; color: #f2f2f2; }
.navbar ul li .dropdown { width: auto; min-width: 0; max-width: 360px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
@media only screen and (max-width: 650px) { .navbar ul li .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown { border-bottom: 1px solid #1a1a1a; }
  .navbar ul li.active .dropdown ul { position: relative; top: 0; background: #1f1f1f; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown ul li { min-height: 50px; border-bottom: #262626; }
  .navbar ul li.active .dropdown ul li a { color: white; border-bottom: 1px solid #1a1a1a; }
  .navbar ul li.active .dropdown ul li a:hover { color: #ff6666; } }

@media only screen and (min-width: 800px) and (max-width: 939px) { .navbar > ul > li > .btn a { padding: 0 10px 0 10px !important; }
  .navbar ul > li .dropdown ul li.active .dropdown { left: -360px; } }

.navcontain { height: 80px; }
@media only screen and (max-width: 800px) { .navcontain { height: auto; } }

.pretty.navbar { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #1a1a1a)); background-image: -webkit-linear-gradient(#666666, #1a1a1a); background-image: -moz-linear-gradient(#666666, #1a1a1a); background-image: -o-linear-gradient(#666666, #1a1a1a); background-image: linear-gradient(#666666, #1a1a1a); -webkit-box-shadow: inset 0 1px 1px #666666, 0 1px 2px rgba(0, 0, 0, 0.8) !important; -moz-box-shadow: inset 0 1px 1px #666666, 0 1px 2px rgba(0, 0, 0, 0.8) !important; box-shadow: inset 0 1px 1px #666666, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
@media only screen and (max-width: 800px) { .pretty.navbar a.toggle { border: 1px solid #262626; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(#666666, #333333); background-image: -moz-linear-gradient(#666666, #333333); background-image: -o-linear-gradient(#666666, #333333); background-image: linear-gradient(#666666, #333333); -webkit-box-shadow: inset 0 1px 2px #737373, inset 0 -1px 1px #404040, inset 1px 0 1px #404040, inset -1px 0 1px #404040, 0 1px 1px #4d4d4d; -moz-box-shadow: inset 0 1px 2px #737373, inset 0 -1px 1px #404040, inset 1px 0 1px #404040, inset -1px 0 1px #404040, 0 1px 1px #4d4d4d; box-shadow: inset 0 1px 2px #737373, inset 0 -1px 1px #404040, inset 1px 0 1px #404040, inset -1px 0 1px #404040, 0 1px 1px #4d4d4d; }
  .pretty.navbar a.toggle i { text-shadow: 0 1px 1px black; }
  .pretty.navbar a.toggle:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #737373), color-stop(100%, #404040)); background-image: -webkit-linear-gradient(#737373, #404040); background-image: -moz-linear-gradient(#737373, #404040); background-image: -o-linear-gradient(#737373, #404040); background-image: linear-gradient(#737373, #404040); }
  .pretty.navbar a.toggle:active, .pretty.navbar a.toggle.active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262626), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(#262626, #333333); background-image: -moz-linear-gradient(#262626, #333333); background-image: -o-linear-gradient(#262626, #333333); background-image: linear-gradient(#262626, #333333); -webkit-box-shadow: 0 1px 1px #4d4d4d; -moz-box-shadow: 0 1px 1px #4d4d4d; box-shadow: 0 1px 1px #4d4d4d; } }
.pretty.navbar.row { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
@media only screen and (max-width: 800px) { .pretty.navbar.row { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } }
.pretty.navbar ul li.field input.search { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #383838)); background-image: -webkit-linear-gradient(#000000, #383838); background-image: -moz-linear-gradient(#000000, #383838); background-image: -o-linear-gradient(#000000, #383838); background-image: linear-gradient(#000000, #383838); border: none; -webkit-box-shadow: 0 1px 2px #737373 !important; -moz-box-shadow: 0 1px 2px #737373 !important; box-shadow: 0 1px 2px #737373 !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
.pretty.navbar > ul > li:first-child, .pretty.navbar .pretty.navbar > ul > li:first-child a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.navbar li .dropdown { width: auto; min-width: 0; max-width: 360px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
@media only screen and (max-width: 800px) { .navbar li .dropdown .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar li .dropdown.active .dropdown { border-bottom: 1px solid #1a1a1a; }
  .navbar li .dropdown.active .dropdown ul { position: relative; top: 0; background: #1f1f1f; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar li .dropdown.active .dropdown ul li { min-height: 50px; border-bottom: #262626; }
  .navbar li .dropdown.active .dropdown ul li a { color: white; border-bottom: 1px solid #1a1a1a; }
  .navbar li .dropdown.active .dropdown ul li a:hover { color: #ff6666; } }

.navbar li .dropdown ul { margin: 0; display: block; }
.navbar li .dropdown ul > li { position: relative; display: block; width: 100%; float: left; text-align: left; height: auto; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; }
@media only screen and (min-width: 800px) and (max-width: 939px) { .navbar li .dropdown ul > li { max-width: 360px; word-wrap: break-word; } }
.navbar li .dropdown ul > li a { display: block; padding: 0 20px; color: #ff6666; border-bottom: 1px solid #cccccc; text-shadow: none; height: 51px; line-height: 49px; }
@media only screen and (max-width: 800px) { .navbar li .dropdown ul > li a { padding: 0 20px; } }
.navbar li .dropdown ul > li .dropdown { display: none; background: white; }
.navbar li .dropdown ul li:first-child a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a { position: relative; background: #868d92; z-index: 1000; }


/*COLORES*/
.navbar ul li:hover a.naranja, .navbar ul li.active a.naranja{ background-color:#FFC996; background-color:rgba(255,201,150,0.9); color:#FFFFE7;}
.navbar ul li:hover a.rojo, .navbar ul li.active a.rojo{ background-color:#FF6666; background-color:rgba(255,102,102,0.9); color:#FFFFE7;}
.navbar ul li:hover a.turqueza, .navbar ul li.active a.turqueza{ background-color:#00C9C9; background-color:rgba(0,201,201,0.9); color:#FFFFE7;}
.navbar ul li:hover a.verde, .navbar ul li.active a.verde{ background-color:#33FFC9; background-color:rgba(21,255,201,0.9); color:#FFFFE7;}
.navbar ul li:hover a.amarillo, .navbar ul li.active a.amarillo{ background-color:#FFFFC9; background-color:rgba(255,255,201,0.9); color:#FFFFE7;}
.navbar ul li:hover a.rosa, .navbar ul li.active a.rosa{ background-color:#FF9696; background-color:rgba(255,150,150,0.9); color:#FFFFE7;}
.navbar ul li:hover a.lila, .navbar ul li.active a.lila{ background-color:#C996FF; background-color:rgba(201,150,255,0.9); color:#FFFFE7;}
.navbar ul li.active a{ font-weight:bold;}

.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown { min-height: 50px; max-height: 593px; overflow: visible; height: auto; width: 100%; padding: 0; border-top: 1px solid #262626; -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); }

.gumby-no-touch .navbar ul li:hover .dropdown ul { position: relative; top: 0; min-height: 50px; max-height: 250px; height: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 800px) { .gumby-no-touch .navbar ul li:hover .dropdown ul { overflow: auto; background: #1f1f1f; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li { border-bottom: #262626; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li a { color: white; border-bottom: 1px solid #1a1a1a; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li a:hover { color: #ff6666; } }

.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { border-top: none; display: block; position: absolute; z-index: 9999; left: 100%; top: 0; margin-top: 0; }
@media only screen and (max-width: 800px) { .gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { position: relative; left: 0; }
  .gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown ul, .gumby-touch .navbar li .dropdown ul > li.active .dropdown ul { background: #0d0d0d !important; } }

.gumby-no-touch .navbar li .dropdown ul li a:hover { background: #f2f2f2; }

.gumby-touch .navbar a:hover { color: #ffffe7 !important; }

.subnav { display: block; width: auto; overflow: hidden; margin: 0 0 18px 0; padding-top: 4px; }
.subnav li, .subnav dt, .subnav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 4px; }
.subnav li:first-child, .subnav dt:first-child, .subnav dd:first-child { margin-left: 0; }
.subnav dt { color: #f2f2f2; font-weight: normal; }
.subnav li a, .subnav dd a { color: #ffffe7; font-size: 15px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.subnav li.active a, .subnav dd.active a { background: #333333; padding: 5px 9px; text-shadow: 0 1px 1px #333333; }

/* Buttons */
.btn, .skiplink { display: inline-block; width: auto; background: #333333; -webkit-appearance: none; font-family:Helvetica, sans-serif; padding: 5px 25px !important; text-align: center; color:#FFFFE7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.btn > a, .btn input, .btn button, .skiplink > a, .skiplink input, .skiplink button { display: block; padding: 0 18px; color: white; height: 100%; }
.btn input, .btn button, .skiplink input, .skiplink button { background: none; border: none; width: 100%; font-size: 100%; cursor: pointer; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.btn:hover { background-color:#5C5C5C;}
.btn.xlarge, .skiplink.xlarge { font-size: 30px; font-size: 1.875rem; height: 66px; line-height: 64px; }
.btn.xlarge a, .skiplink.xlarge a { position: relative; padding: 0 30px; }
.btn.xlarge.icon-left a, .skiplink.xlarge.icon-left a { padding-left: 66px; }
.btn.xlarge.icon-left a:before, .skiplink.xlarge.icon-left a:before { left: 20px; }
.btn.xlarge.icon-right a, .skiplink.xlarge.icon-right a { padding-right: 66px; }
.btn.xlarge.icon-right a:after, .skiplink.xlarge.icon-right a:after { right: 20px; }
.btn.large, .skiplink.large { font-size: 26px; font-size: 1.625rem; height: 58px; line-height: 56px; }
.btn.large a, .skiplink.large a { position: relative; padding: 0 26px; }
.btn.large.icon-left a, .skiplink.large.icon-left a { padding-left: 58px; }
.btn.large.icon-left a:before, .skiplink.large.icon-left a:before { left: 17.33333px; }
.btn.large.icon-right a, .skiplink.large.icon-right a { padding-right: 58px; }
.btn.large.icon-right a:after, .skiplink.large.icon-right a:after { right: 17.33333px; }
.btn.medium, .skiplink.medium { font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }
.btn.medium a, .skiplink.medium a { position: relative; padding: 0 16px; }
.btn.medium.icon-left a, .skiplink.medium.icon-left a { padding-left: 36px; }
.btn.medium.icon-left a:before, .skiplink.medium.icon-left a:before { left: 10.66667px; }
.btn.medium.icon-right a, .skiplink.medium.icon-right a { padding-right: 36px; }
.btn.medium.icon-right a:after, .skiplink.medium.icon-right a:after { right: 10.66667px; }
.btn.medium a, .skiplink.medium a { padding: 0 18px; }
.btn.small, .skiplink.small { font-size: 10px; font-size: 0.625rem; height: 23px; line-height: 21px; }
.btn.small a, .skiplink.small a { position: relative; padding: 0 10px; }
.btn.small.icon-left a, .skiplink.small.icon-left a { padding-left: 23px; }
.btn.small.icon-left a:before, .skiplink.small.icon-left a:before { left: 6.66667px; }
.btn.small.icon-right a, .skiplink.small.icon-right a { padding-right: 23px; }
.btn.small.icon-right a:after, .skiplink.small.icon-right a:after { right: 6.66667px; }
.btn.small a, .skiplink.small a { padding: 0 10px; }
.btn.oval, .skiplink.oval { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.btn.pill-left, .skiplink.pill-left { -webkit-border-radius: 500px 0 0 500px; -moz-border-radius: 500px 0 0 500px; -ms-border-radius: 500px 0 0 500px; -o-border-radius: 500px 0 0 500px; border-radius: 500px 0 0 500px; }
.btn.pill-right, .skiplink.pill-right { -webkit-border-radius: 0 500px 500px 0; -moz-border-radius: 0 500px 500px 0; -ms-border-radius: 0 500px 500px 0; -o-border-radius: 0 500px 500px 0; border-radius: 0 500px 500px 0; }

.btn.primary, .skiplink.primary { background: #3085d6; border: 1px solid #3085d6; }
.btn.primary:hover, .skiplink.primary:hover { background: #5b9ede; }
.btn.primary:active, .skiplink.primary:active { background: #236bb0; }
.btn.secondary, .skiplink.secondary { background: #42a35a; border: 1px solid #42a35a; }
.btn.secondary:hover, .skiplink.secondary:hover { background: #5bbd73; }
.btn.secondary:active, .skiplink.secondary:active { background: #337f46; }
.btn.default, .skiplink.default { background: #f2f2f2; border: 1px solid #f2f2f2; color: #555555; border: 1px solid #f2f2f2; }
.btn.default:hover, .skiplink.default:hover { background: white; }
.btn.default:active, .skiplink.default:active { background: #d8d8d8; }
.btn.default:hover, .skiplink.default:hover { border: 1px solid #e5e5e5; }
.btn.default a, .btn.default input, .btn.default button, .skiplink.default a, .skiplink.default input, .skiplink.default button { color: #555555; }
.btn.info, .skiplink.info { background: #4a4d50; border: 1px solid #4a4d50; }
.btn.info:hover, .skiplink.info:hover { background: #63676a; }
.btn.info:active, .skiplink.info:active { background: #313436; }
.btn.danger, .skiplink.danger { background: #ca3838; border: 1px solid #ca3838; }
.btn.danger:hover, .skiplink.danger:hover { background: #d56060; }
.btn.danger:active, .skiplink.danger:active { background: #a32c2c; }
.btn.warning, .skiplink.warning { background: #f6b83f; border: 1px solid #f6b83f; color: #644405; }
.btn.warning:hover, .skiplink.warning:hover { background: #f8ca70; }
.btn.warning:active, .skiplink.warning:active { background: #f4a60e; }
.btn.warning a, .btn.warning input, .btn.warning button, .skiplink.warning a, .skiplink.warning input, .skiplink.warning button { color: #644405; }
.btn.success, .skiplink.success { background: #33FFC9;}
.btn.success:hover, .skiplink.success:hover { background: #72d940; }
.btn.success:active, .skiplink.success:active { background: #44951e; }
.btn.metro, .metro .btn, .metro .skiplink, .btn.metro:hover, .metro .btn:hover, .metro .skiplink:hover, .skiplink.metro:hover, .btn.metro:active, .metro .btn:active, .metro .skiplink:active, .skiplink.metro:active, .skiplink.metro { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.btn.metro.rounded, .metro .rounded.btn, .metro .rounded.skiplink, .metro .rounded.btn:hover, .metro .rounded.skiplink:hover, .rounded.skiplink.metro:hover, .metro .rounded.btn:active, .metro .rounded.skiplink:active, .rounded.skiplink.metro:active, .skiplink.metro.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.btn.pretty, .pretty .btn, .pretty .skiplink, .btn.pretty:hover, .pretty .btn:hover, .pretty .skiplink:hover, .skiplink.pretty:hover, .btn.pretty:active, .pretty .btn:active, .pretty .skiplink:active, .skiplink.pretty:active, .skiplink.pretty { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.btn.pretty.squared, .pretty .squared.btn, .pretty .squared.skiplink, .pretty .squared.btn:hover, .pretty .squared.skiplink:hover, .squared.skiplink.pretty:hover, .pretty .squared.btn:active, .pretty .squared.skiplink:active, .squared.skiplink.pretty:active, .skiplink.pretty.squared { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.btn.pretty.primary, .pretty .primary.btn, .pretty .primary.skiplink, .pretty .primary.btn:hover, .pretty .primary.skiplink:hover, .primary.skiplink.pretty:hover, .pretty .primary.btn:active, .pretty .primary.skiplink:active, .primary.skiplink.pretty:active, .skiplink.pretty.primary { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #85b7e7), color-stop(100%, #2a85dc)); background-image: -webkit-linear-gradient(#85b7e7, #2a85dc); background-image: -moz-linear-gradient(#85b7e7, #2a85dc); background-image: -o-linear-gradient(#85b7e7, #2a85dc); background-image: linear-gradient(#85b7e7, #2a85dc); -webkit-box-shadow: inset 0 0 3px #f0f6fc; -moz-box-shadow: inset 0 0 3px #f0f6fc; box-shadow: inset 0 0 3px #f0f6fc; border: 1px solid #1f5e9b; }
.pretty .primary.btn:hover, .pretty .primary.skiplink:hover, .primary.btn.pretty:hover, .primary.skiplink.pretty:hover, .pretty .primary.btn:hover:active, .pretty .primary.skiplink:hover:active, .skiplink.pretty.primary:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2d4fc), color-stop(100%, #54b2fe)); background-image: -webkit-linear-gradient(#a2d4fc, #54b2fe); background-image: -moz-linear-gradient(#a2d4fc, #54b2fe); background-image: -o-linear-gradient(#a2d4fc, #54b2fe); background-image: linear-gradient(#a2d4fc, #54b2fe); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #0e90f8; }
.pretty .primary.btn:active, .pretty .primary.skiplink:active, .pretty .primary.btn:active:hover, .pretty .primary.skiplink:active:hover, .primary.btn.pretty:active, .primary.skiplink.pretty:active, .skiplink.pretty.primary:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a85dc), color-stop(100%, #85b7e7)); background-image: -webkit-linear-gradient(#2a85dc, #85b7e7); background-image: -moz-linear-gradient(#2a85dc, #85b7e7); background-image: -o-linear-gradient(#2a85dc, #85b7e7); background-image: linear-gradient(#2a85dc, #85b7e7); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.primary a, .pretty .primary.btn a, .pretty .primary.skiplink a, .pretty .primary.btn:hover a, .pretty .primary.skiplink:hover a, .primary.skiplink.pretty:hover a, .pretty .primary.btn:active a, .pretty .primary.skiplink:active a, .primary.skiplink.pretty:active a, .btn.pretty.primary input, .pretty .primary.btn input, .pretty .primary.skiplink input, .pretty .primary.btn:hover input, .pretty .primary.skiplink:hover input, .primary.skiplink.pretty:hover input, .pretty .primary.btn:active input, .pretty .primary.skiplink:active input, .primary.skiplink.pretty:active input, .btn.pretty.primary button, .pretty .primary.btn button, .pretty .primary.skiplink button, .pretty .primary.btn:hover button, .pretty .primary.skiplink:hover button, .primary.skiplink.pretty:hover button, .pretty .primary.btn:active button, .pretty .primary.skiplink:active button, .primary.skiplink.pretty:active button, .skiplink.pretty.primary a, .skiplink.pretty.primary input, .skiplink.pretty.primary button { text-shadow: 0 1px 1px #1a5186; }
.btn.pretty.secondary, .pretty .secondary.btn, .pretty .secondary.skiplink, .pretty .secondary.btn:hover, .pretty .secondary.skiplink:hover, .secondary.skiplink.pretty:hover, .pretty .secondary.btn:active, .pretty .secondary.skiplink:active, .secondary.skiplink.pretty:active, .skiplink.pretty.secondary { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #3ca957)); background-image: -webkit-linear-gradient(#80cb92, #3ca957); background-image: -moz-linear-gradient(#80cb92, #3ca957); background-image: -o-linear-gradient(#80cb92, #3ca957); background-image: linear-gradient(#80cb92, #3ca957); -webkit-box-shadow: inset 0 0 3px #daf0e0; -moz-box-shadow: inset 0 0 3px #daf0e0; box-shadow: inset 0 0 3px #daf0e0; border: 1px solid #2c6d3c; }
.pretty .secondary.btn:hover, .pretty .secondary.skiplink:hover, .secondary.btn.pretty:hover, .secondary.skiplink.pretty:hover, .pretty .secondary.btn:hover:active, .pretty .secondary.skiplink:hover:active, .skiplink.pretty.secondary:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a1d3ad), color-stop(100%, #68c07d)); background-image: -webkit-linear-gradient(#a1d3ad, #68c07d); background-image: -moz-linear-gradient(#a1d3ad, #68c07d); background-image: -o-linear-gradient(#a1d3ad, #68c07d); background-image: linear-gradient(#a1d3ad, #68c07d); -webkit-box-shadow: inset 0 0 3px #f8fcf9; -moz-box-shadow: inset 0 0 3px #f8fcf9; box-shadow: inset 0 0 3px #f8fcf9; border: 1px solid #469659; }
.pretty .secondary.btn:active, .pretty .secondary.skiplink:active, .pretty .secondary.btn:active:hover, .pretty .secondary.skiplink:active:hover, .secondary.btn.pretty:active, .secondary.skiplink.pretty:active, .skiplink.pretty.secondary:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca957), color-stop(100%, #80cb92)); background-image: -webkit-linear-gradient(#3ca957, #80cb92); background-image: -moz-linear-gradient(#3ca957, #80cb92); background-image: -o-linear-gradient(#3ca957, #80cb92); background-image: linear-gradient(#3ca957, #80cb92); -webkit-box-shadow: inset 0 0 3px #ecf8ef; -moz-box-shadow: inset 0 0 3px #ecf8ef; box-shadow: inset 0 0 3px #ecf8ef; }
.btn.pretty.secondary a, .pretty .secondary.btn a, .pretty .secondary.skiplink a, .pretty .secondary.btn:hover a, .pretty .secondary.skiplink:hover a, .secondary.skiplink.pretty:hover a, .pretty .secondary.btn:active a, .pretty .secondary.skiplink:active a, .secondary.skiplink.pretty:active a, .btn.pretty.secondary input, .pretty .secondary.btn input, .pretty .secondary.skiplink input, .pretty .secondary.btn:hover input, .pretty .secondary.skiplink:hover input, .secondary.skiplink.pretty:hover input, .pretty .secondary.btn:active input, .pretty .secondary.skiplink:active input, .secondary.skiplink.pretty:active input, .btn.pretty.secondary button, .pretty .secondary.btn button, .pretty .secondary.skiplink button, .pretty .secondary.btn:hover button, .pretty .secondary.skiplink:hover button, .secondary.skiplink.pretty:hover button, .pretty .secondary.btn:active button, .pretty .secondary.skiplink:active button, .secondary.skiplink.pretty:active button, .skiplink.pretty.secondary a, .skiplink.pretty.secondary input, .skiplink.pretty.secondary button { text-shadow: 0 1px 1px #255a32; }
.btn.pretty.default, .pretty .default.btn, .pretty .default.skiplink, .pretty .default.btn:hover, .pretty .default.skiplink:hover, .default.skiplink.pretty:hover, .pretty .default.btn:active, .pretty .default.skiplink:active, .default.skiplink.pretty:active, .skiplink.pretty.default { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f1f1)); background-image: -webkit-linear-gradient(#ffffff, #f3f1f1); background-image: -moz-linear-gradient(#ffffff, #f3f1f1); background-image: -o-linear-gradient(#ffffff, #f3f1f1); background-image: linear-gradient(#ffffff, #f3f1f1); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #cccccc; }
.pretty .default.btn:hover, .pretty .default.skiplink:hover, .default.btn.pretty:hover, .default.skiplink.pretty:hover, .pretty .default.btn:hover:active, .pretty .default.skiplink:hover:active, .skiplink.pretty.default:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#ffffff, #ffffff); background-image: -moz-linear-gradient(#ffffff, #ffffff); background-image: -o-linear-gradient(#ffffff, #ffffff); background-image: linear-gradient(#ffffff, #ffffff); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #d9d9d9; }
.pretty .default.btn:active, .pretty .default.skiplink:active, .pretty .default.btn:active:hover, .pretty .default.skiplink:active:hover, .default.btn.pretty:active, .default.skiplink.pretty:active, .skiplink.pretty.default:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f1f1), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#f3f1f1, #ffffff); background-image: -moz-linear-gradient(#f3f1f1, #ffffff); background-image: -o-linear-gradient(#f3f1f1, #ffffff); background-image: linear-gradient(#f3f1f1, #ffffff); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.default a, .pretty .default.btn a, .pretty .default.skiplink a, .pretty .default.btn:hover a, .pretty .default.skiplink:hover a, .default.skiplink.pretty:hover a, .pretty .default.btn:active a, .pretty .default.skiplink:active a, .default.skiplink.pretty:active a, .btn.pretty.default input, .pretty .default.btn input, .pretty .default.skiplink input, .pretty .default.btn:hover input, .pretty .default.skiplink:hover input, .default.skiplink.pretty:hover input, .pretty .default.btn:active input, .pretty .default.skiplink:active input, .default.skiplink.pretty:active input, .btn.pretty.default button, .pretty .default.btn button, .pretty .default.skiplink button, .pretty .default.btn:hover button, .pretty .default.skiplink:hover button, .default.skiplink.pretty:hover button, .pretty .default.btn:active button, .pretty .default.skiplink:active button, .default.skiplink.pretty:active button, .skiplink.pretty.default a, .skiplink.pretty.default input, .skiplink.pretty.default button { text-shadow: 0 1px 1px white; }
.btn.pretty.info, .pretty .info.btn, .pretty .info.skiplink, .pretty .info.btn:hover, .pretty .info.skiplink:hover, .info.skiplink.pretty:hover, .pretty .info.btn:active, .pretty .info.skiplink:active, .info.skiplink.pretty:active, .skiplink.pretty.info { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #464d54)); background-image: -webkit-linear-gradient(#7b8085, #464d54); background-image: -moz-linear-gradient(#7b8085, #464d54); background-image: -o-linear-gradient(#7b8085, #464d54); background-image: linear-gradient(#7b8085, #464d54); -webkit-box-shadow: inset 0 0 3px #bdc0c2; -moz-box-shadow: inset 0 0 3px #bdc0c2; box-shadow: inset 0 0 3px #bdc0c2; border: 1px solid #252728; }
.pretty .info.btn:hover, .pretty .info.skiplink:hover, .info.btn.pretty:hover, .info.skiplink.pretty:hover, .pretty .info.btn:hover:active, .pretty .info.skiplink:hover:active, .skiplink.pretty.info:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aeb3b6), color-stop(100%, #808e98)); background-image: -webkit-linear-gradient(#aeb3b6, #808e98); background-image: -moz-linear-gradient(#aeb3b6, #808e98); background-image: -o-linear-gradient(#aeb3b6, #808e98); background-image: linear-gradient(#aeb3b6, #808e98); -webkit-box-shadow: inset 0 0 3px #f1f2f3; -moz-box-shadow: inset 0 0 3px #f1f2f3; box-shadow: inset 0 0 3px #f1f2f3; border: 1px solid #60676b; }
.pretty .info.btn:active, .pretty .info.skiplink:active, .pretty .info.btn:active:hover, .pretty .info.skiplink:active:hover, .info.btn.pretty:active, .info.skiplink.pretty:active, .skiplink.pretty.info:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #464d54), color-stop(100%, #7b8085)); background-image: -webkit-linear-gradient(#464d54, #7b8085); background-image: -moz-linear-gradient(#464d54, #7b8085); background-image: -o-linear-gradient(#464d54, #7b8085); background-image: linear-gradient(#464d54, #7b8085); -webkit-box-shadow: inset 0 0 3px #cbcdce; -moz-box-shadow: inset 0 0 3px #cbcdce; box-shadow: inset 0 0 3px #cbcdce; }
.btn.pretty.info a, .pretty .info.btn a, .pretty .info.skiplink a, .pretty .info.btn:hover a, .pretty .info.skiplink:hover a, .info.skiplink.pretty:hover a, .pretty .info.btn:active a, .pretty .info.skiplink:active a, .info.skiplink.pretty:active a, .btn.pretty.info input, .pretty .info.btn input, .pretty .info.skiplink input, .pretty .info.btn:hover input, .pretty .info.skiplink:hover input, .info.skiplink.pretty:hover input, .pretty .info.btn:active input, .pretty .info.skiplink:active input, .info.skiplink.pretty:active input, .btn.pretty.info button, .pretty .info.btn button, .pretty .info.skiplink button, .pretty .info.btn:hover button, .pretty .info.skiplink:hover button, .info.skiplink.pretty:hover button, .pretty .info.btn:active button, .pretty .info.skiplink:active button, .info.skiplink.pretty:active button, .skiplink.pretty.info a, .skiplink.pretty.info input, .skiplink.pretty.info button { text-shadow: 0 1px 1px #191a1b; }
.btn.pretty.danger, .pretty .danger.btn, .pretty .danger.skiplink, .pretty .danger.btn:hover, .pretty .danger.skiplink:hover, .danger.skiplink.pretty:hover, .pretty .danger.btn:active, .pretty .danger.skiplink:active, .danger.skiplink.pretty:active, .skiplink.pretty.danger { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FF6666), color-stop(100%, #d03232)); background-image: -webkit-linear-gradient(#FF6666, #d03232); background-image: -moz-linear-gradient(#FF6666, #d03232); background-image: -o-linear-gradient(#FF6666, #d03232); background-image: linear-gradient(#FF6666, #d03232); -webkit-box-shadow: inset 0 0 3px #faeded; -moz-box-shadow: inset 0 0 3px #faeded; box-shadow: inset 0 0 3px #faeded; border: 1px solid #8f2626; }
.pretty .danger.btn:hover, .pretty .danger.skiplink:hover, .danger.btn.pretty:hover, .danger.skiplink.pretty:hover, .pretty .danger.btn:hover:active, .pretty .danger.skiplink:hover:active, .skiplink.pretty.danger:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f79696), color-stop(100%, #f64a4a)); background-image: -webkit-linear-gradient(#f79696, #f64a4a); background-image: -moz-linear-gradient(#f79696, #f64a4a); background-image: -o-linear-gradient(#f79696, #f64a4a); background-image: linear-gradient(#f79696, #f64a4a); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #e21212; }
.pretty .danger.btn:active, .pretty .danger.skiplink:active, .pretty .danger.btn:active:hover, .pretty .danger.skiplink:active:hover, .danger.btn.pretty:active, .danger.skiplink.pretty:active, .skiplink.pretty.danger:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d03232), color-stop(100%, #FF6666)); background-image: -webkit-linear-gradient(#d03232, #FF6666); background-image: -moz-linear-gradient(#d03232, #FF6666); background-image: -o-linear-gradient(#d03232, #FF6666); background-image: linear-gradient(#d03232, #FF6666); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.danger a, .pretty .danger.btn a, .pretty .danger.skiplink a, .pretty .danger.btn:hover a, .pretty .danger.skiplink:hover a, .danger.skiplink.pretty:hover a, .pretty .danger.btn:active a, .pretty .danger.skiplink:active a, .danger.skiplink.pretty:active a, .btn.pretty.danger input, .pretty .danger.btn input, .pretty .danger.skiplink input, .pretty .danger.btn:hover input, .pretty .danger.skiplink:hover input, .danger.skiplink.pretty:hover input, .pretty .danger.btn:active input, .pretty .danger.skiplink:active input, .danger.skiplink.pretty:active input, .btn.pretty.danger button, .pretty .danger.btn button, .pretty .danger.skiplink button, .pretty .danger.btn:hover button, .pretty .danger.skiplink:hover button, .danger.skiplink.pretty:hover button, .pretty .danger.btn:active button, .pretty .danger.skiplink:active button, .danger.skiplink.pretty:active button, .skiplink.pretty.danger a, .skiplink.pretty.danger input, .skiplink.pretty.danger button { text-shadow: 0 1px 1px #7b2121; }
.btn.pretty.warning, .pretty .warning.btn, .pretty .warning.skiplink, .pretty .warning.btn:hover, .pretty .warning.skiplink:hover, .warning.skiplink.pretty:hover, .pretty .warning.btn:active, .pretty .warning.skiplink:active, .warning.skiplink.pretty:active, .skiplink.pretty.warning { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbdca0), color-stop(100%, #fbba3a)); background-image: -webkit-linear-gradient(#fbdca0, #fbba3a); background-image: -moz-linear-gradient(#fbdca0, #fbba3a); background-image: -o-linear-gradient(#fbdca0, #fbba3a); background-image: linear-gradient(#fbdca0, #fbba3a); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #de960a; color: #644405; }
.pretty .warning.btn:hover, .pretty .warning.skiplink:hover, .warning.btn.pretty:hover, .warning.skiplink.pretty:hover, .pretty .warning.btn:hover:active, .pretty .warning.skiplink:hover:active, .skiplink.pretty.warning:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feecca), color-stop(100%, #ffd37d)); background-image: -webkit-linear-gradient(#feecca, #ffd37d); background-image: -moz-linear-gradient(#feecca, #ffd37d); background-image: -o-linear-gradient(#feecca, #ffd37d); background-image: linear-gradient(#feecca, #ffd37d); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #fcb834; }
.pretty .warning.btn:active, .pretty .warning.skiplink:active, .pretty .warning.btn:active:hover, .pretty .warning.skiplink:active:hover, .warning.btn.pretty:active, .warning.skiplink.pretty:active, .skiplink.pretty.warning:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbba3a), color-stop(100%, #fbdca0)); background-image: -webkit-linear-gradient(#fbba3a, #fbdca0); background-image: -moz-linear-gradient(#fbba3a, #fbdca0); background-image: -o-linear-gradient(#fbba3a, #fbdca0); background-image: linear-gradient(#fbba3a, #fbdca0); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.warning a, .pretty .warning.btn a, .pretty .warning.skiplink a, .pretty .warning.btn:hover a, .pretty .warning.skiplink:hover a, .warning.skiplink.pretty:hover a, .pretty .warning.btn:active a, .pretty .warning.skiplink:active a, .warning.skiplink.pretty:active a, .btn.pretty.warning input, .pretty .warning.btn input, .pretty .warning.skiplink input, .pretty .warning.btn:hover input, .pretty .warning.skiplink:hover input, .warning.skiplink.pretty:hover input, .pretty .warning.btn:active input, .pretty .warning.skiplink:active input, .warning.skiplink.pretty:active input, .btn.pretty.warning button, .pretty .warning.btn button, .pretty .warning.skiplink button, .pretty .warning.btn:hover button, .pretty .warning.skiplink:hover button, .warning.skiplink.pretty:hover button, .pretty .warning.btn:active button, .pretty .warning.skiplink:active button, .warning.skiplink.pretty:active button, .skiplink.pretty.warning a, .skiplink.pretty.warning input, .skiplink.pretty.warning button { text-shadow: 0 1px 1px #fbdca0; }
.btn.pretty.success, .pretty .success.btn, .pretty .success.skiplink, .pretty .success.btn:hover, .pretty .success.skiplink:hover, .success.skiplink.pretty:hover, .pretty .success.btn:active, .pretty .success.skiplink:active, .success.skiplink.pretty:active, .skiplink.pretty.success { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91e26a), color-stop(100%, #56c620)); background-image: -webkit-linear-gradient(#91e26a, #56c620); background-image: -moz-linear-gradient(#91e26a, #56c620); background-image: -o-linear-gradient(#91e26a, #56c620); background-image: linear-gradient(#91e26a, #56c620); -webkit-box-shadow: inset 0 0 3px #e0f7d5; -moz-box-shadow: inset 0 0 3px #e0f7d5; box-shadow: inset 0 0 3px #e0f7d5; border: 1px solid #3b8019; }
.pretty .success.btn:hover, .pretty .success.skiplink:hover, .success.btn.pretty:hover, .success.skiplink.pretty:hover, .pretty .success.btn:hover:active, .pretty .success.skiplink:hover:active, .skiplink.pretty.success:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #96e570), color-stop(100%, #64df29)); background-image: -webkit-linear-gradient(#96e570, #64df29); background-image: -moz-linear-gradient(#96e570, #64df29); background-image: -o-linear-gradient(#96e570, #64df29); background-image: linear-gradient(#96e570, #64df29); -webkit-box-shadow: inset 0 0 3px #e5f9db; -moz-box-shadow: inset 0 0 3px #e5f9db; box-shadow: inset 0 0 3px #e5f9db; border: 1px solid #479f1d; }
.pretty .success.btn:active, .pretty .success.skiplink:active, .pretty .success.btn:active:hover, .pretty .success.skiplink:active:hover, .success.btn.pretty:active, .success.skiplink.pretty:active, .skiplink.pretty.success:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #56c620), color-stop(100%, #91e26a)); background-image: -webkit-linear-gradient(#56c620, #91e26a); background-image: -moz-linear-gradient(#56c620, #91e26a); background-image: -o-linear-gradient(#56c620, #91e26a); background-image: linear-gradient(#56c620, #91e26a); -webkit-box-shadow: inset 0 0 3px #f0fbea; -moz-box-shadow: inset 0 0 3px #f0fbea; box-shadow: inset 0 0 3px #f0fbea; }
.btn.pretty.success a, .pretty .success.btn a, .pretty .success.skiplink a, .pretty .success.btn:hover a, .pretty .success.skiplink:hover a, .success.skiplink.pretty:hover a, .pretty .success.btn:active a, .pretty .success.skiplink:active a, .success.skiplink.pretty:active a, .btn.pretty.success input, .pretty .success.btn input, .pretty .success.skiplink input, .pretty .success.btn:hover input, .pretty .success.skiplink:hover input, .success.skiplink.pretty:hover input, .pretty .success.btn:active input, .pretty .success.skiplink:active input, .success.skiplink.pretty:active input, .btn.pretty.success button, .pretty .success.btn button, .pretty .success.skiplink button, .pretty .success.btn:hover button, .pretty .success.skiplink:hover button, .success.skiplink.pretty:hover button, .pretty .success.btn:active button, .pretty .success.skiplink:active button, .success.skiplink.pretty:active button, .skiplink.pretty.success a, .skiplink.pretty.success input, .skiplink.pretty.success button { text-shadow: 0 1px 1px #316b15; }

/* Form Styles */
form { margin: 0 0 18px; }
form label { display: block; font-size: 16px; font-size: 1rem; line-height: 1.625em; cursor: pointer; margin-bottom: 9px; }
form label.inline { display: inline-block; padding-right: 20px; }
form dt { margin: 0; }
form textarea { height: 150px; }
form ul, form ul li { margin-left: 0; list-style-type: none; }
form fieldset { border-style: solid; border-width: 0.0625em; padding: 1.5625em; border-color: #d8d8d8; margin: 18px 0; }
form fieldset legend { padding: 5px 10px; }

.field { position: relative; max-width: 100%; margin-bottom: 10px; vertical-align: middle; font-size: 16px; overflow: hidden; /* remove inline-block white-space — A 0px font-size = 0px of white space */ }
.field.metro, .field .metro { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.field input, .field input[type="*"], .field textarea { max-width: 100%; width: 100%; padding: 0; margin: 0; border: none; outline: none; resize: none; -webkit-appearance: none; font-family:Helvetica, sans-serif; font-weight: 300; font-size: 16px; font-size: 1rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.field .input { position: relative; padding: 0 10px; background: #FFFFE7; border:none; height: 36px; line-height: 34px; font-size: 16px; font-size: 1rem}
.field .input.search { height: 36px; line-height: 34px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; padding-right: 0; }
.field .input.textarea { height: auto; }
.field .xnarrow { width: 13.33333%; }
.field .narrow { width: 30.66667%; }
.field .normal { width: 48%; }
.field .wide { width: 65.33333%; }
.field .xwide { width: 82.66667%; }
.field .xxwide { width: 100%; }
.field .xnarrow, .field .narrow, .field .normal, .field .wide, .field .xwide, .field .xxwide { margin: 0; }
.field .xnarrow:last-child, .field .narrow:last-child, .field .normal:last-child, .field .wide:last-child, .field .xwide:last-child, .field .xxwide:last-child { margin-left: -4px; }
.field .xnarrow:first-child, .field .narrow:first-child, .field .normal:first-child, .field .wide:first-child, .field .xwide:first-child, .field .xxwide:first-child { margin-right: 3.94%; margin-left: 0; }
.field .xnarrow:first-child:last-child, .field .narrow:first-child:last-child, .field .normal:first-child:last-child, .field .wide:first-child:last-child, .field .xwide:first-child:last-child, .field .xxwide:first-child:last-child { margin: 0; }
.field label + .xnarrow:last-child, .field label + .narrow:last-child, .field label + .normal:last-child, .field label + .wide:last-child, .field label + .xwide:last-child, .field label + .xxwide:last-child { margin-left: 0; }
@media only screen and (max-width: 960px) { .field .xxwide:first-child, .field .xxwide:last-child { margin-right: 0%; } }
.field.prepend, .field.append { font-size: 0; white-space: nowrap; padding-bottom: 3.5px; }
.field.prepend input, .field.prepend .input, .field.append input, .field.append .input { display: inline-block; max-width: 100%; }
.field.prepend input, .field.prepend .input { -webkit-border-radius: 0px 4px 4px 0; -moz-border-radius: 0px 4px 4px 0; -ms-border-radius: 0px 4px 4px 0; -o-border-radius: 0px 4px 4px 0; border-radius: 0px 4px 4px 0; }
.field.append input, .field.append .input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.field.prepend.append input { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.field.prepend.append input:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.field.prepend.append input:last-child { margin-left: -1px; -webkit-border-radius: 0px 4px 4px 0; -moz-border-radius: 0px 4px 4px 0; -ms-border-radius: 0px 4px 4px 0; -o-border-radius: 0px 4px 4px 0; border-radius: 0px 4px 4px 0; }
.field.prepend .adjoined, .field.append .adjoined, .field.prepend .btn, .field.append .btn { position: relative; display: inline-block; margin-bottom: 0; z-index: 99; }
.field.prepend .btn a, .field.prepend .btn input, .field.prepend .btn button, .field.append .btn a, .field.append .btn input, .field.append .btn button { padding: 0 12px; }
.field.prepend .adjoined, .field.append .adjoined { padding: 0 10px 0 10px; background: #f2f2f2; border: 1px solid #d8d8d8; font-family:Helvetica, sans-serif; font-weight: 600; color: #333333; font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }
.field.prepend *:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.field.prepend input:first-child { margin-right: 0; }
.field.prepend .adjoined, .field.prepend .btn { margin-right: -1px; }
.field .adjoined:first-child { margin-left: 0 !important; }
.field.append .adjoined, .field.append .btn { margin-left: -1px; }
.field.append *:last-child { -webkit-border-radius: 0px 4px 4px 0; -moz-border-radius: 0px 4px 4px 0; -ms-border-radius: 0px 4px 4px 0; -o-border-radius: 0px 4px 4px 0; border-radius: 0px 4px 4px 0; }
.field.append button, .field.prepend button { display: inline-block; }
.field.append input:first-child { margin-right: 0; }
.field.double input, .field.double .input { width: 50% !important; }
.field.double input:last-child, .field.double .input:last-child { margin-left: -1px; }
.field.danger:after { font-family: "entypo"; content: "\2716"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #ca3838; }
.field.danger.no-icon:after { display: none; }
.field.danger.append:after, .field.danger.prepend:after { content: ""; }
.field.danger input, .field.danger .input, .field.danger textarea, .field.danger .textarea, .field.danger .radio span, .field.danger .checkbox span, .field.danger .picker { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field.danger textarea { color: #ca3838; }
.field.danger input::-webkit-input-placeholder, .field.danger textarea::-webkit-input-placeholder { color: #ca3838; }
.field.danger input:-moz-placeholder, .field.danger textarea:-moz-placeholder { color: #ca3838; }
.field.warning:after { font-family: "entypo"; content: "\26a0"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #f6b83f; }
.field.warning.no-icon:after { display: none; }
.field.warning.append:after, .field.warning.prepend:after { content: ""; }
.field.warning input, .field.warning .input, .field.warning textarea, .field.warning .textarea, .field.warning .radio span, .field.warning .checkbox span, .field.warning .picker { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field.warning textarea { color: #f6b83f; }
.field.warning input::-webkit-input-placeholder, .field.warning textarea::-webkit-input-placeholder { color: #f6b83f; }
.field.warning input:-moz-placeholder, .field.warning textarea:-moz-placeholder { color: #f6b83f; }
.field.success:after { font-family: "entypo"; content: "\2713"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #58c026; }
.field.success.no-icon:after { display: none; }
.field.success.append:after, .field.success.prepend:after { content: ""; }
.field.success input, .field.success .input, .field.success textarea, .field.success .textarea, .field.success .radio span, .field.success .checkbox span, .field.success .picker { border-color: #58c026; color: #58c026; background: #c0eeaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field.success textarea { color: #58c026; }
.field.success input::-webkit-input-placeholder, .field.success textarea::-webkit-input-placeholder { color: #58c026; }
.field.success input:-moz-placeholder, .field.success textarea:-moz-placeholder { color: #58c026; }
.field .picker.danger { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.danger select, .field .picker.danger:after { color: #ca3838; }
.field .picker.warning { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.warning select, .field .picker.warning:after { color: #f6b83f; }
.field .picker.success { border-color: #58c026; color: #58c026; background: #c0eeaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.success select, .field .picker.success:after { color: #58c026; }

.field .text input[type="search"] { -webkit-appearance: textfield; }

.no-js .radio input { -webkit-appearance: radio; margin-left: 1px; }
.no-js .checkbox input { -webkit-appearance: checkbox; }
.no-js .radio input, .no-js .checkbox input { display: inline-block; width: 16px; }

.js .field .radio, .js .field .checkbox { position: relative; }
.js .field .radio.danger, .js .field .checkbox.danger { color: #ca3838; }
.js .field .radio.danger span, .js .field .checkbox.danger span { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.warning, .js .field .checkbox.warning { color: #f6b83f; }
.js .field .radio.warning span, .js .field .checkbox.warning span { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.success, .js .field .checkbox.success { color: #58c026; color: #333333; }
.js .field .radio.success i, .js .field .checkbox.success i { color: #58c026; }
.js .field .radio.success span, .js .field .checkbox.success span { border-color: #58c026; color: #58c026; background: #c0eeaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.checked i, .js .field .checkbox.checked i { position: absolute; top: -1px; left: -8px; line-height: 16px; }
.js .field .radio span, .js .field .checkbox span { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: #fefefe; }
.js .field .radio input[type="radio"], .js .field .radio input[type="checkbox"], .js .field .checkbox input[type="radio"], .js .field .checkbox input[type="checkbox"] { display: none; }
.js .field .radio span { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.js .field .checkbox span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.field .text input[type="search"] { -webkit-appearance: textfield; }

/* Form Picker Element (<select>) */
.picker { position: relative; width: auto; display: inline-block; margin:0; overflow: hidden; border: 1px solid #ffffff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; font-family:Helvetica, sans-serif; font-weight: 600; height:36px; background: #ffffe7;}
.picker:after { content: "\25BE"; font-family: entypo; z-index: 0; position: absolute; right: 8%; top: 50%; margin-top: -12px; color: #333333; }
.picker:first-child { margin-left: 0; }
.picker select { position: relative; display: block; min-width: 100%; width: 135%; height: 34px; padding: 6px 45px 6px 15px; color: #333333; border: none; background: transparent; outline: none; -webkit-appearance: none; z-index: 99; cursor: pointer; font-size: 16px; font-size: 1rem; }
.picker select::-ms-expand { display: none; }

/* Labels */
.badge, .label { height: 20px; display: inline-block; font-family: Helvetica, arial, verdana, sans-serif; font-weight: bold; line-height: 20px; text-align: center; color: #fff; }
.badge a, .label a { color: #fff; }
.badge.primary, .label.primary { background: #3085d6; border: 1px solid #3085d6; }
.badge.secondary, .label.secondary { background: #42a35a; border: 1px solid #42a35a; }
.badge.default, .label.default { background: #f2f2f2; border: 1px solid #f2f2f2; color: #555555; }
.badge.default:hover, .label.default:hover { border-color: #e5e5e5; }
.badge.default a, .label.default a { color: #555555; }
.badge.info, .label.info { background: #4a4d50; border: 1px solid #4a4d50; }
.badge.danger, .label.danger { background: #ca3838; border: 1px solid #ca3838; }
.badge.warning, .label.warning { background: #f6b83f; border: 1px solid #f6b83f; color: #644405; }
.badge.warning a, .label.warning a { color: #644405; }
.badge.success, .label.success { background: #58c026; border: 1px solid #58c026; }
.badge.light, .label.light { background: #fff; color: #333333; border: 1px solid #f2f2f2; }
.badge.light a, .label.light a { color: #ff6666; }
.badge.dark, .label.dark { background: #212121; border: 1px solid #212121; }

.badge { padding: 0 10px; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

.label { padding: 0 10px; font-size: 12px; font-size: 0.75rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.alert { padding: 0 10px; font-family:Helvetica, sans-serif; font-weight: 600; list-style-type: none; word-wrap: break-word; margin-bottom: 8px; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.alert.primary { background: #85b7e7; border: 1px solid #3085d6; color: #1a5186; }
.alert.secondary { background: #80cb92; border: 1px solid #42a35a; color: #255a32; }
.alert.default { background: white; border: 1px solid #f2f2f2; color: #bfbfbf; color: #555555; border: 1px solid #f2f2f2; }
.alert.info { background: #7b8085; border: 1px solid #4a4d50; color: #191a1b; color: #f2f2f2; }
.alert.danger { background: #FF6666; color: #FFFFE7; }
.alert.warning { background: #fbdca0; border: 1px solid #f6b83f; color: #c68609; color: #644405; }
.alert.success { background: #33FFC9;  color: #666666; }

/* Tabs */
.tabs { display: block; }

.tab-nav { margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; }
.tab-nav > li { display: inline-block; width: auto; padding: 0; margin: 0 2.12766% 0 0; cursor: default; top: 1px; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }
.tab-nav > li > li { display: inline-block; width: auto; padding: 0; margin: 0 2.12766% 0 0; cursor: default; top: 1px; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }
.tab-nav > li > li > a { display: block; width: auto; padding: 0 16px; margin: 0; color: #333333; font-family:Helvetica, sans-serif; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; height: 42px; line-height: 40px; }
.tab-nav > li > li > a:hover { text-decoration: none; background: whitesmoke; }
.tab-nav > li > li > a:active { background: #ededed; }
.tab-nav > li > li.active > a { height: 43px; line-height: 41px; background: white; cursor: default; }
.tab-nav > li > li:last-child { margin-right: 0; }

.tab-nav > li:last-child { margin-right: 0; }

.tab-nav > li > a { display: block; width: auto; padding: 0 16px; margin: 0; color: #333333; font-family:Helvetica, sans-serif; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; height: 42px; line-height: 40px; }
.tab-nav > li > a:hover { text-decoration: none; background: whitesmoke; }
.tab-nav > li > a:active { background: #ededed; }

.tab-nav > li.active > a { height: 43px; line-height: 41px; background: white; }

.tabs.pill .tab-nav { width: 100%; /* remove if you dont want the tabs to span the full container width */ display: table; overflow: hidden; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.tabs.pill .tab-nav > li { display: table-cell; margin: 0; margin-left: -4px; text-align: center; top: 0; }
.tabs.pill .tab-nav > li:first-child { margin-left: 0; }
.tabs.pill .tab-nav > li > a { border: none; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 42px; line-height: 40px; }
.tabs.pill .tab-nav > li:last-child > a { border-right: none; }

.tab-content { display: none; padding: 20px 10px; }
.tab-content.active { display: block; }

.tabs.vertical .tab-nav { border: none; }
.tabs.vertical .tab-nav > li { display: block; margin: 0; margin-bottom: 5px; }
.tabs.vertical .tab-nav > li.active { position: relative; z-index: 99; }
.tabs.vertical .tab-nav > li.active > a { border-right: 1px solid #ff6666; }
.tabs.vertical .tab-nav > li > a { border: 1px solid #e5e5e5; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.tabs.vertical .tab-content { padding: 10px 0 30px 20px; margin-left: -1px; border-left: 1px solid #e5e5e5; }

.image { line-height: 0; margin-bottom: 20px; }
.image.circle { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; overflow: hidden; width: auto; }
.image.rounded { overflow: hidden; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px; -ms-border-radius: 4px 4px; -o-border-radius: 4px 4px; border-radius: 4px 4px; }
.image.photo { border: 5px solid white; -webkit-box-shadow: 0 0 1px #333333; -moz-box-shadow: 0 0 1px #333333; box-shadow: 0 0 1px #333333; }
.image.photo.polaroid { padding-bottom: 50px; background: #fff; }

body .video { width: 100%; position: relative; height: 0; padding-bottom: 56.25%; }
body .video.twitch, body .video.youtube.show_controls { padding-top: 30px; }

.video > video, .video > iframe, .video > object, .video > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.drawer { position: relative; width: 100%; max-height: 0; background: #3e4144; -webkit-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; -moz-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; overflow: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.drawer.active { height: auto; max-height: 800px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -999999; background: black; background: rgba(0, 0, 0, 0.8); }
.modal > .content { width: 50%; min-height: 50%; max-height: 65%; position: relative; top: 25%; margin: 0 auto; padding: 20px; background: white; z-index: 2; overflow: auto; }
@media only screen and (max-width: 800px) { .modal > .content { width: 80%; min-height: 80%; max-height: 80%; top: 10%; } }
@media only screen and (max-width: 800px) { .modal > .content { width: 92.5%; min-height: 92.5%; max-height: 92.5%; top: 3.75%; } }
.modal > .content > .close { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 3; }
.modal, .modal > .content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.modal.active { z-index: 999999; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.modal.active, .modal.active > .content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

table { display: table; background-color: white; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; width: 100%; border: 1px solid #e5e5e5; }
table caption { text-align: center; font-size: 30px; padding: .75em; }
table thead th, table tbody td, table tr td { display: table-cell; padding: 10px; vertical-align: top; text-align: left; border-top: 1px solid #e5e5e5; }
table tr td, table tbody tr td { font-size: 16px; }
table tr td:first-child { font-weight: bold; }
table thead { background-color: #3085d6; color: #fff; }
table thead tr th { font-size: 16px; font-weight: bold; vertical-align: bottom; }
table.striped tr:nth-of-type(even), table table tr.stripe, table table tr.striped { background-color: #e5e5e5; }
table.rounded { border-radius: 4px; border-collapse: separate; }
table.rounded caption + thead tr:first-child th:first-child, table.rounded caption + tr td:first-child, table.rounded > thead tr:first-child th:first-child, table.rounded > thead tr:first-child td:first-child, table.rounded > tr:first-child td:first-child { border-top-left-radius: 4px; }
table.rounded caption + thead tr:first-child th:last-child, table.rounded caption + tr td:last-child, table.rounded > thead tr:first-child th:last-child, table.rounded > thead tr:first-child td:last-child, table.rounded > tr:first-child td:last-child { border-top-right-radius: 4px; }
table.rounded thead ~ tr:last-child td:last-child, table.rounded tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; }
table.rounded thead ~ tr:last-child td:first-child, table.rounded tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; }
table.rounded thead th, table.rounded thead td, table.rounded caption + tbody tr:first-child td, table.rounded > tbody:first-child tr:first-child td { border-top: 0; }

/* Tooltips */
.ttip { position: relative; cursor: pointer; }
.ttip:after { display: block; background: #3085d6; border: 1px solid #3085d6; border-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0.5em 0.75em; width: auto; min-width: 130px; max-width: 500px; position: absolute; left: 0; bottom: 101%; margin-bottom: 8px; text-align: left; color: #fff; content: attr(data-tooltip); line-height: 1.5; font-size: 16px; font-weight: normal; font-style: normal; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #65a4e1), color-stop(100%, #3085d6)); background-image: -webkit-linear-gradient(top, #65a4e1, #3085d6); background-image: -moz-linear-gradient(top, #65a4e1, #3085d6); background-image: -o-linear-gradient(top, #65a4e1, #3085d6); background-image: linear-gradient(top, #65a4e1, #3085d6); -webkit-box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25); -moz-box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25); box-shadow: 0 0 5px 0 rgba(48, 133, 214, 0.25); }
.ttip:before { content: " "; width: 0; height: 0; position: absolute; bottom: 101%; left: 8px; border-top: 9px solid #3085d6 !important; border-left: 9px solid transparent; border-right: 9px solid transparent; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
.ttip:hover:after, .ttip:hover:before { -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

@media only screen and (max-width: 800px) { .ttip:after, .ttip:before { display: none; } }

/* shame */
.ie8 .xxwide, .ie8 .xwide, .ie8 .wide, .ie8 .normal, .ie8 .narrow, .ie8 .xnarrow { display: inline; }
.ie8 .xxwide + input, .ie8 .xwide + input, .ie8 .wide + input, .ie8 .normal + input, .ie8 .narrow + input, .ie8 .xnarrow + input { display: inline; margin: 0 0 0 -0.25em; }
.ie8 .ttip:before, .ie8 .ttip:after { display: none; }
.ie8 .ttip:hover:before, .ie8 .ttip:hover:after { display: block; }

.ie9 .radio.checked i, .ie9 .checkbox.checked i { top: 0; }


/****************** STYLES ***********/
/** RESET AND LAYOUT slider
===================================*/
.back_slider{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; }
.trama{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:url(../img/trama.png) repeat 0 0}
.cabo_slider{ width:100%; height:270px; position:relative; z-index:2; margin-bottom:50px;}
.back_slider ul li{ margin:0; padding:0;}
.back_slider .bx-wrapper { position: relative; margin:auto; padding:0; *zoom: 1;}
.back_slider .bx-wrapper img { height:100%; width:100%; width:100%; overflow:hidden; border:none !important; margin:0; padding:0;}
@media only screen and (max-width: 1366px) {.back_slider, .back_slider img, .back_slider .bx-wrapper{ height:768px !important; width:1536px !important; overflow:hidden !important;} .cabo_slider{ width:100%; height:200px;} .cabo_slider ul li img, .cabo_slider ul li{ width:275px !important; height:200px !important;} .bx-wrapper .bx-controls-direction a{ height:200px !important;}}
@media only screen and (max-width: 1280px) {.back_slider, .back_slider img, .back_slider .bx-wrapper{ height:800px !important; width:1536px !important; overflow:hidden !important;} .cabo_slider{ width:100%; height:225px;} .cabo_slider ul li img, .cabo_slider ul li{ width:300px !important; height:225px !important;} .bx-wrapper .bx-controls-direction a{ height:225px !important;}}
@media only screen and (max-width: 1024px) {.back_slider, .back_slider img, .back_slider .bx-wrapper{ height:768px !important; width:1536px !important; overflow:hidden !important;} .cabo_slider{ width:100%; height:150px;} .cabo_slider ul li img, .cabo_slider ul li{ width:200px !important; height:150px !important;} .bx-wrapper .bx-controls-direction a{ height:150px !important;}}
@media only screen and (max-width: 800px) { .back_slider{ display:none;}.cabo_slider{height:193px !important;}}

/** THEME BACK SLIDER
===================================*/
.back_slider .bx-wrapper .bx-viewport { height:100%; overflow:hidden;}
.cabo_slider .bx-wrapper .bx-viewport { height:270px; overflow:hidden;}
@media only screen and (max-width: 800px) { .cabo_slider .bx-wrapper .bx-viewport, .bx-wrapper .bx-controls-direction a { height:193px !important; }}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom:2px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(http://www.cabopoloniohostel.com/css/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 0;background: url(../img/left_arrow.png) no-repeat 0 center; opacity:0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.bx-wrapper .bx-next {right: 0;background: url(../img/right_arrow.png) no-repeat 0 center; opacity:0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.bx-wrapper .bx-prev:hover { opacity:1; }
.bx-wrapper .bx-next:hover {  opacity:1;}
.bx-wrapper .bx-controls-direction a { position: absolute; top:0; margin-top:0; outline: 0; width:454px; height:270px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 454px; height: 270px; outline: 0; background: url(http://www.cabopoloniohostel.com/css/images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(http://www.cabopoloniohostel.com/css/images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }


/*COLORES*/
.naranja{ color:#FFC996;}
.rojo{ color:#FF6666;}
.turqueza{ color:#00C9C9;}
.verde{ color:#33FFC9;}
.amarillo{ color:#FFFFC9;}
.rosa{ color:#FF9696;}
.lila{ color:#C996FF;}
.azul{ color:#3366C9;}

.secciones{ margin-top:-50px; }
.secciones article{ padding:20px !important;}

@media only screen and (max-width: 800px) { .secciones{width:542px; margin-left:258px;} .secciones.galeria{ margin: 0 50px; width:700px } }
@media only screen and (max-width: 768px) { .secciones{ margin-left:258px; width:510px } .secciones.galeria{ margin: 0 20px; width:728px }  }
@media only screen and (max-width: 650px) {.secciones{ margin:0 auto !important; width:100% } .secciones.galeria{ margin: 0 20px; width:728px }  }

/*BACKGROUNDS GRADIENT*/
.quienes_somos{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmY2NjY2IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmNjY2NiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZmZjOTk2IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzNmZmM5IiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(255,102,102,0.8) 0%, rgba(255,102,102,0.8) 1%, rgba(255,201,150,0.9) 49%, rgba(51,255,201,0.2) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,102,102,0.8)), color-stop(1%,rgba(255,102,102,0.8)), color-stop(49%,rgba(255,201,150,0.9)), color-stop(100%,rgba(51,255,201,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(255,102,102,0.8) 0%,rgba(255,102,102,0.8) 1%,rgba(255,201,150,0.9) 49%,rgba(51,255,201,0.2) 100%); 
background: -o-linear-gradient(45deg,  rgba(255,102,102,0.8) 0%,rgba(255,102,102,0.8) 1%,rgba(255,201,150,0.9) 49%,rgba(51,255,201,0.2) 100%); 
background: -ms-linear-gradient(45deg,  rgba(255,102,102,0.8) 0%,rgba(255,102,102,0.8) 1%,rgba(255,201,150,0.9) 49%,rgba(51,255,201,0.2) 100%);
background: linear-gradient(45deg,  rgba(255,102,102,0.8) 0%,rgba(255,102,102,0.8) 1%,rgba(255,201,150,0.9) 49%,rgba(51,255,201,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff6666', endColorstr='#3333ffc9',GradientType=1 ); }
.quienes_somos ul li{ border-left:4px solid #C996FF; margin-bottom:10px; padding-left:5px;}

.cabo{ position:relative; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBjOWM5IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNmZmZmYzkiIHN0b3Atb3BhY2l0eT0iMC44OSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmYmZiY2QiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5ZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(0,201,201,0.8) 0%, rgba(255,255,201,0.89) 48%, rgba(251,251,205,0.9) 52%, rgba(201,201,255,0.2) 100%); 
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,201,201,0.8)), color-stop(48%,rgba(255,255,201,0.89)), color-stop(52%,rgba(251,251,205,0.9)), color-stop(100%,rgba(201,201,255,0.2)));
background: -webkit-linear-gradient(45deg,  rgba(0,201,201,0.8) 0%,rgba(255,255,201,0.89) 48%,rgba(251,251,205,0.9) 52%,rgba(201,201,255,0.2) 100%); 
background: -o-linear-gradient(45deg,  rgba(0,201,201,0.8) 0%,rgba(255,255,201,0.89) 48%,rgba(251,251,205,0.9) 52%,rgba(201,201,255,0.2) 100%); 
background: -ms-linear-gradient(45deg,  rgba(0,201,201,0.8) 0%,rgba(255,255,201,0.89) 48%,rgba(251,251,205,0.9) 52%,rgba(201,201,255,0.2) 100%); 
background: linear-gradient(45deg,  rgba(0,201,201,0.8) 0%,rgba(255,255,201,0.89) 48%,rgba(251,251,205,0.9) 52%,rgba(201,201,255,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc00c9c9', endColorstr='#33c9c9ff',GradientType=1 );}
.cabo article p { margin-bottom:20px;}
.cabo article a{ position:absolute; bottom:0; right:20px;}

.backGal{ position:absolute; z-index:1; width:100%; height:100%; top:0; left:0;}
@media only screen and (max-width: 800px) { .backGal{ display:none;}}
.galeria { margin-bottom:30px; margin-top:10px}
.galeria .exc p{ background:url(../img/exc.png) no-repeat 0 0; padding:0 0 0 30px; margin-top:-60px; height:60px; color:#FFFFE7;}
.galeria .exc p a{ color:#FFFFE7; font-weight:bold;}

.galeria article.cabopolonio{ width:250px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjY2NiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmYzY4NjgiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzMzZmZjOSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzk5NiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(255,102,102,0.8) 0%, rgba(252,104,104,0.8) 1%, rgba(51,255,201,0.9) 65%, rgba(255,201,150,0.5) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,102,102,0.8)), color-stop(1%,rgba(252,104,104,0.8)), color-stop(65%,rgba(51,255,201,0.9)), color-stop(100%,rgba(255,201,150,0.5)));
background: -webkit-linear-gradient(left,  rgba(255,102,102,0.8) 0%,rgba(252,104,104,0.8) 1%,rgba(51,255,201,0.9) 65%,rgba(255,201,150,0.5) 100%); 
background: -o-linear-gradient(left,  rgba(255,102,102,0.8) 0%,rgba(252,104,104,0.8) 1%,rgba(51,255,201,0.9) 65%,rgba(255,201,150,0.5) 100%); 
background: -ms-linear-gradient(left,  rgba(255,102,102,0.8) 0%,rgba(252,104,104,0.8) 1%,rgba(51,255,201,0.9) 65%,rgba(255,201,150,0.5) 100%);
background: linear-gradient(to right,  rgba(255,102,102,0.8) 0%,rgba(252,104,104,0.8) 1%,rgba(51,255,201,0.9) 65%,rgba(255,201,150,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff6666', endColorstr='#80ffc996',GradientType=1 );}

.galeria article.elhostel{ width:320px; margin-left:10px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjZjOSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMzNjY3YzgiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmOTY5NiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmY2NiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(51,102,201,0.8) 0%, rgba(54,103,200,0.8) 1%, rgba(255,150,150,0.9) 65%, rgba(255,255,102,0.5) 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51,102,201,0.8)), color-stop(1%,rgba(54,103,200,0.8)), color-stop(65%,rgba(255,150,150,0.9)), color-stop(100%,rgba(255,255,102,0.5)));
background: -webkit-linear-gradient(left,  rgba(51,102,201,0.8) 0%,rgba(54,103,200,0.8) 1%,rgba(255,150,150,0.9) 65%,rgba(255,255,102,0.5) 100%);
background: -o-linear-gradient(left,  rgba(51,102,201,0.8) 0%,rgba(54,103,200,0.8) 1%,rgba(255,150,150,0.9) 65%,rgba(255,255,102,0.5) 100%); 
background: -ms-linear-gradient(left,  rgba(51,102,201,0.8) 0%,rgba(54,103,200,0.8) 1%,rgba(255,150,150,0.9) 65%,rgba(255,255,102,0.5) 100%);
background: linear-gradient(to right,  rgba(51,102,201,0.8) 0%,rgba(54,103,200,0.8) 1%,rgba(255,150,150,0.9) 65%,rgba(255,255,102,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3366c9', endColorstr='#80ffff66',GradientType=1 );}
.galeria article.laplaya{ width:700px; margin:-160px 0 0 260px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjY2NiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZmZmZjY2IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzM2NmM5IiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,102,102,0.8) 0%, rgba(255,255,102,0.9) 52%, rgba(51,102,201,0.5) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,102,102,0.8)), color-stop(52%,rgba(255,255,102,0.9)), color-stop(100%,rgba(51,102,201,0.5)));background: -webkit-linear-gradient(left,  rgba(255,102,102,0.8) 0%,rgba(255,255,102,0.9) 52%,rgba(51,102,201,0.5) 100%);background: -o-linear-gradient(left,  rgba(255,102,102,0.8) 0%,rgba(255,255,102,0.9) 52%,rgba(51,102,201,0.5) 100%);
background: -ms-linear-gradient(left, rgba(255,102,102,0.8) 0%,rgba(255,255,102,0.9) 52%,rgba(51,102,201,0.5) 100%);
background: linear-gradient(to right, rgba(255,102,102,0.8) 0%,rgba(255,255,102,0.9) 52%,rgba(51,102,201,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff6666', endColorstr='#803366c9',GradientType=1 );}
.galeria article.exp{ width:150px; margin:30px 0 0 100px; padding:30px 5px 10px 30px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjY2NiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjOTU2Njk5IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzM2NmM5IiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,102,102,0.8) 0%, rgba(149,102,153,0.9) 52%, rgba(51,102,201,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,102,102,0.8)), color-stop(52%,rgba(149,102,153,0.9)), color-stop(100%,rgba(51,102,201,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,102,102,0.8) 0%,rgba(149,102,153,0.9) 52%,rgba(51,102,201,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,102,102,0.8) 0%,rgba(149,102,153,0.9) 52%,rgba(51,102,201,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,102,102,0.8) 0%,rgba(149,102,153,0.9) 52%,rgba(51,102,201,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,102,102,0.8) 0%,rgba(149,102,153,0.9) 52%,rgba(51,102,201,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff6666', endColorstr='#803366c9',GradientType=0 ); /* IE6-8 */}
.galeria article.exp p{ text-align:left; color:#ffffff;}
.galeria article{ position:relative; overflow:hidden; padding:10px; float:left;}
.galeria article div{ float:left; display:block;}
.galeria article figure figcaption{ position:absolute; z-index:9; font-size:50px; line-height:40px; top:20px; right:20px; float:right; display:inline;text-align:right; font-weight:100}

@media only screen and (max-width: 800px) {.galeria article.cabopolonio{ width:275px;}.galeria article.elhostel{width:400px; }.galeria article.laplaya{width:600px; margin:10px 0 50px 90px;} .galeria article.exp{ margin:20px 0 0 50px; float:left !important; width:300px !important; } .galeria .exc{ float:left; margin:-40px 0 -20px 0 !important;}.galeria .exc p{ background-size:7px 20px; background-position:5px 5px; padding:5px 10px 5px 20px;background-color:#333333; background-color:rgba(51,51,51,0.5); height:30px; display:inline;}}

@media only screen and (max-width: 650px) {.galeria article.cabopolonio{ width:240px; float:left; padding:5px !important; margin:10px 0 0 10px}.galeria article.elhostel{width:300px; padding:5px !important; margin:50px 0 0 10px}.galeria article.laplaya{width:580px; margin:10px 10px 0 10px; padding:5px !important;} .galeria article.exp{ margin:10px 0 0 10px; float:left !important; width:300px !important; } .galeria .exc{ float:left; margin:-40px 0 -20px 0 !important;}.galeria .exc p{ background-size:7px 20px; background-position:5px 5px; padding:5px 10px 5px 20px;background-color:#333333; background-color:rgba(51,51,51,0.5); height:30px; display:inline;}}

@media only screen and (max-width: 550px) {.galeria article.cabopolonio{ width:200px; float:left; padding:5px !important; margin:10px 0 0 10px}.galeria article.elhostel{width:200px; padding:5px !important; margin:50px 0 0 10px}.galeria article.laplaya{width:510px; margin:10px 10px 0 10px; padding:5px !important;} .galeria article.exp{ margin:10px 0 0 10px; float:left !important; width:300px !important; } .galeria .exc{ float:left; margin:0 !important; width:100% !important;}.galeria .exc p{ background-size:7px 20px; background-position:5px 5px; padding:5px 5px 5px 15px ;background-color:#333333; background-color:rgba(51,51,51,0.5); height:30px; display:block; margin:-1px 0 0 0 !important}}



.servicios article div a{ margin-bottom:20px;}

.break{ height:30px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZjY2IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmY2NiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjYzljOWZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzNmZmM5IiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(255,255,102,0.8) 0%, rgba(255,255,102,0.8) 1%, rgba(201,201,255,0.9) 49%, rgba(51,255,201,0.2) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,102,0.8)), color-stop(1%,rgba(255,255,102,0.8)), color-stop(49%,rgba(201,201,255,0.9)), color-stop(100%,rgba(51,255,201,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(255,255,102,0.8) 0%,rgba(255,255,102,0.8) 1%,rgba(201,201,255,0.9) 49%,rgba(51,255,201,0.2) 100%);
background: -o-linear-gradient(45deg,  rgba(255,255,102,0.8) 0%,rgba(255,255,102,0.8) 1%,rgba(201,201,255,0.9) 49%,rgba(51,255,201,0.2) 100%); 
background: -ms-linear-gradient(45deg,  rgba(255,255,102,0.8) 0%,rgba(255,255,102,0.8) 1%,rgba(201,201,255,0.9) 49%,rgba(51,255,201,0.2) 100%);
background: linear-gradient(45deg,  rgba(255,255,102,0.8) 0%,rgba(255,255,102,0.8) 1%,rgba(201,201,255,0.9) 49%,rgba(51,255,201,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffff66', endColorstr='#3333ffc9',GradientType=1 );}

@media only screen and (max-width: 800px) { .break{ width:258px; float:left;}}
@media only screen and (max-width: 360px){.break { width: 100%; float: none; display:none;} footer p { padding-left: 0 !important ; float: none !important ; text-align:center !important }}

div.links{ margin-top:-50px; height:50px; margin-bottom:1px;} 
div.links a{ text-indent:-99999px; display:block; height:50px; float:left; margin:0 15px 0 0;}
div.links a.hostel{ background:url(../img/hostelWorld.png) no-repeat center center; width:100px;}
div.links a.lonely{ background:url(../img/lonelyPlanet.png) no-repeat center center; width:51px;}
@media only screen and (max-width: 800px) { div.links{ margin-left:10px;} div.links a.hostel{ background:url(../img/hostelWorld_2.png) no-repeat center center; width:138px;} div.links a.lonely{ background:url(../img/lonelyPlanet_2.png) no-repeat center center; width:80px;}
 }
@media only screen and (max-width: 650px) { footer{ bottom:0; position:fixed;}div.links{ margin:0 0 0 0; height:75px; background-color:#3366C9; text-align:center; } div.links a { text-indent: -99999px; display: inline-block; height: 75px; float: none; margin: 0 auto;}div.links a.hostel{ background:url(../img/hostelWorld_2.png) no-repeat center center; width:138px;} div.links a.lonely{ background:url(../img/lonelyPlanet_2.png) no-repeat center center; width:100px;}
 }
 @media only screen and (max-width: 650px) {div.links, div.links a {height:50px !important;} }
/*como llegar*/
.como-llegar-bg{ position:absolute; z-index:1; width:100%; height:100%; top:0; left:0;}
@media only screen and (max-width: 650px) { .como-llegar-bg{ display:none; }}
.como-llegar-bg iframe{width:100%; height:100%;}
.como-llegar{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjZmZmNjIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmZmNjOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzM2NmM5IiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(102,255,204,0.8) 0%, rgba(255,204,153,1) 51%, rgba(51,102,201,0.2) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(102,255,204,0.8)), color-stop(51%,rgba(255,204,153,1)), color-stop(100%,rgba(51,102,201,0.2)));
background: -webkit-linear-gradient(45deg,  rgba(102,255,204,0.8) 0%,rgba(255,204,153,1) 51%,rgba(51,102,201,0.2) 100%);
background: -o-linear-gradient(45deg,  rgba(102,255,204,0.8) 0%,rgba(255,204,153,1) 51%,rgba(51,102,201,0.2) 100%);
background: -ms-linear-gradient(45deg,  rgba(102,255,204,0.8) 0%,rgba(255,204,153,1) 51%,rgba(51,102,201,0.2) 100%);
background: linear-gradient(45deg,  rgba(102,255,204,0.8) 0%,rgba(255,204,153,1) 51%,rgba(51,102,201,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc66ffcc', endColorstr='#333366c9',GradientType=1 );}
.como-llegar div p{ padding-right:20px; margin-bottom:20px;}
.como-llegar div p span{ font-weight: bold; text-transform:uppercase; font-size:80%; margin:-8px 0 -15px 0; display:block;}
.como-llegar div p b{ font-weight: bold;}
/*contacto*/
.contacto{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTlmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmZmZmOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZjY2ZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(153,255,255,0.8) 0%, rgba(255,255,153,1) 51%, rgba(255,204,255,0.2) 100%); 
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(153,255,255,0.8)), color-stop(51%,rgba(255,255,153,1)), color-stop(100%,rgba(255,204,255,0.2))); 
background: -webkit-linear-gradient(45deg,  rgba(153,255,255,0.8) 0%,rgba(255,255,153,1) 51%,rgba(255,204,255,0.2) 100%);
background: -o-linear-gradient(45deg,  rgba(153,255,255,0.8) 0%,rgba(255,255,153,1) 51%,rgba(255,204,255,0.2) 100%);
background: -ms-linear-gradient(45deg,  rgba(153,255,255,0.8) 0%,rgba(255,255,153,1) 51%,rgba(255,204,255,0.2) 100%); 
background: linear-gradient(45deg,  rgba(153,255,255,0.8) 0%,rgba(255,255,153,1) 51%,rgba(255,204,255,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc99ffff', endColorstr='#33ffccff',GradientType=1 );}
.contacto article div.form{ margin-bottom:20px;}

.contacto #loading { width:32px; height:32px; background-image:url(http://www.cabopoloniohostel.com/img/loading.gif); display:block; position:absolute; right:130px; bottom:16px; display:none; }
#errors, #success { display:none;}
#errors.visible, #success.visible { display:block;}
#req-field-desc { font-style:italic; }

.prensa{background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2ZhNmYyIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjOWM5ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZjY2IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(63,166,242,0.2) 0%, rgba(201,201,255,1) 50%, rgba(255,255,102,0.8) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(63,166,242,0.2)), color-stop(50%,rgba(201,201,255,1)), color-stop(100%,rgba(255,255,102,0.8)));
background: -webkit-linear-gradient(45deg,  rgba(63,166,242,0.2) 0%,rgba(201,201,255,1) 50%,rgba(255,255,102,0.8) 100%);
background: -o-linear-gradient(45deg,  rgba(63,166,242,0.2) 0%,rgba(201,201,255,1) 50%,rgba(255,255,102,0.8) 100%);
background: -ms-linear-gradient(45deg,  rgba(63,166,242,0.2) 0%,rgba(201,201,255,1) 50%,rgba(255,255,102,0.8) 100%);
background: linear-gradient(45deg,  rgba(63,166,242,0.2) 0%,rgba(201,201,255,1) 50%,rgba(255,255,102,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333fa6f2', endColorstr='#ccffff66',GradientType=1 );}

.prensa article ul li a{ font-weight:normal; font-size:16px; color:#333333;}
.prensa article ul li a:hover{ text-decoration:underline;}
.prensa article ul li{ margin-bottom:10px;}
.prensa article ul{ margin-top:10px;}

/* Tiny Scrollbar */
#scrollbar1 { }
#scrollbar1 .viewport { width:500px; height:500px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background:rgba(255,255,255,0.5); position: relative; float: right; width:5px; right:150px; top:40px; height:420px !important; overflow:hidden;}
#scrollbar1 .track { background:rgba(255,255,255,0.5); height:380px !important; width:5px; position: relative; padding:0; }
#scrollbar1 .thumb { background:#FF6666; height: 10px; width:5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0; padding:0; }
#scrollbar1 .thumb .end { background:#FF6666; overflow: hidden; height:10px; width: 5px; padding:0;}
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


@media only screen and (max-width: 800px) { #scrollbar1 .viewport { width:500px; height:950px;} #scrollbar1 .scrollbar { right:20px !important;}}
@media screen and (min-width: 600px) and (max-height: 1024px){ #scrollbar1 .viewport { width:500px; height:750px !important;} #scrollbar1 .scrollbar { right:20px !important;}}
@media only screen and (max-width: 650px) { #scrollbar1 .viewport { width:500px; height:780px;} #scrollbar1 .scrollbar { right:20px !important;}}

@media screen and (max-width: 600px) and (max-height: 1024px)  { #scrollbar1 .viewport { height:820px !important;}}
@media only screen and (max-height: 966px) { #scrollbar1 .viewport { height:780px !important;}}
@media only screen and (max-height: 855px) { #scrollbar1 .viewport { height:650px !important;}}
@media only screen and (max-height: 800px) { #scrollbar1 .viewport { height:650px !important;}}
@media only screen and (max-width: 360px) { #scrollbar1 .viewport { width:300px; height:300px !important;} #scrollbar1 .scrollbar { right:10px !important; display:none;}}

@media only screen and (max-width: 1600px) and (max-height: 900px) { #scrollbar1 .viewport { width:500px !important; height:500px !important;} #scrollbar1 .scrollbar { right:20px !important; height:300px !important;}}
@media only screen and (max-width: 1366px) and (max-height: 768px) { #scrollbar1 .viewport { width:500px !important; height:500px !important;} #scrollbar1 .scrollbar { right:20px !important; height:300px !important;}}
@media only screen and (max-width: 1280px) and (max-height: 800px) { #scrollbar1 .viewport { width:500px !important; height:500px !important;} #scrollbar1 .scrollbar { right:20px !important; height:300px !important;}}
@media only screen and (max-width: 1024px) and (max-height: 768px) { #scrollbar1 .viewport { width:400px !important; height:400px !important;} #scrollbar1 .scrollbar { right:20px !important; height:300px !important;}}





header .redes{ position:absolute; right:20px; top:20px;}
header .redes a{ float:left; margin-left:10px; text-indent:-99999px; width:35px; height:35px; display:block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
header .redes a:hover{-moz-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(0) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);}
header .redes a.fb{ background:url(../img/fb.png) no-repeat -35px 0;}
header .redes a.tw{ background: url(../img/twitter.png) no-repeat -35px 0;}
footer p{ line-height:30px; padding-left:20px; font-weight:bold; margin:0;}

@media only screen and (max-width: 800px) { header .redes{top:100px;} footer p{padding-left:280px; float:left;}}
@media only screen and (max-width: 650px) { header .redes{position:absolute; right:20px; top:20px;}header .redes a{ float:none;}footer p{ font-size:13px !important;}}
@media only screen and (max-width: 360px) { header .redes{right:5px; top:15px;}}

.onelove{ position:fixed; right:30px; top:50px;}
.onelove a { text-indent: -999999px; background: url(../img/onelove.png) no-repeat 0 0; width:20px; height:75px; display: block; }

.at4-recommended-outer{ display:none !important;}