/* */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
html { overflow-y: auto }
.container { max-width: 960px; margin: 0 auto; position: relative; }
.grid_1, .grid_2, .grid_3, .grid_full { float: left; margin: 0px 1%; }
.grid_1 { width: 31.333% }
.grid_2 { width: 62.667% }
.grid_3, .grid_full { max-width: 940px; width: 98%; clear: left; }
.grid_right { float: right }
.grid_1 img { max-width: 100%; height: auto; }
.content-pad-right { padding-right: 4% }
.content-pad-left: { padding-left: 4% }
body { font-size: 100% }
#header h1 { margin: 2.5% 0 }
body { color: #2f2f2f; font-family: helvetica, arial,sans-serif; font-size: 93.8%; line-height: 1.375em; }
p { margin: 0 0 1.5em }
strong { font-weight: bold }
em { font-style: italic }
h1, h2, h3, h4, h5, h6 { font-weight: 800; line-height: 1.2em; }
h1 { font-family: arial,helvetica, sans-serif;; font-size: 2.867em; text-transform: uppercase; }
h2 { font-family: arial,helvetica, sans-serif;; font-size: 1.867em; text-transform: uppercase; }
h3 { color: #d52001; font-size: 1.867em }
h4 { color: #ffffff;;font-size: 1.6em }
h5 { font-size: 1em; text-transform: none; }
h6 { font-size: .5em }
h1 img, h2 img, h3 img, h4 img, h5 img, h6
img { margin: 0 }
a { color: #d52001; text-decoration: none; font-weight: 700; }
a:focus, a:hover { color: #000 }
a:visited { }
a:visted:hover { }
.big-bttn { color: #fff; background: url(../img/buttonbg.png) center top; font-family: arial,helvetica, sans-serif;; font-size: 1.067em; text-transform: uppercase; }
.gallery-item-thumb-layover-bttn { font-family: arial,helvetica, sans-serif; font-size: 1.067em; text-transform: uppercase; }
#contest-prizes p { color: #fff; font-style: italic; }
.grid_1 p.credits a { text-transform: uppercase }
p.pagination { font-size: 0.933em }
.num { color: #fec20f; font-family: helvetica, arial,sans-serif;; font-size: 4.8em; font-weight: 300; }
li ul, li
ol { margin: 0 0 1.5em }
ul, ol { margin: 0 0 1.5em }
ul { list-style-type: none }
ul+li { }
ol { list-style-type: none }
ol+li { }
dl { margin: 0 0 1.5em 0 }
dl dt { font-weight: bold }
dd { margin-left: 1.5em }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
dfn { font-style: italic; font-weight: bold; background: #ffc; }
sup, sub { line-height: 0 }
abbr, acronym { border-bottom: 1px dotted #666 }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #666 }
pre, code { margin: 1.5em 0; white-space: pre; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
form { margin-bottom: 3em }
form li { clear: left; margin-bottom: 2em; position: relative; padding-left: 25%; width: 75%; }
label { font-weight: bold; float: left; width: 25%; position: absolute; left: 0; }
input[type="text"], input[type="email"], input[type="url"], textarea { font-size: 1.2em; width: 70%; font-family: Helvetica, arial; }
textarea { font-size: 1em }
#entry input, textarea { border: 1px solid #ccc; padding: .3em .5em; }
textarea { width: 100%; height: 10em; }
#checkbox { margin: -4px 6px 0 0 }
form#entry li { clear: left; margin-bottom: 2em; position: relative; padding-left: 33%; width: 65%; }
#entry label { font-weight: bold; float: left; width: 33%; position: absolute; left: 0; }
#entry input[type="text"], #entry input[type="email"], #entry input[type="url"] { font-size: 1.2em; width: 100%; }
#entry em { color: #aaa }
#entry em.count { text-align: right; display: block; }
#entry ol#browsers li { width: 20%; clear: left; padding-top: 75px; margin: 0 auto 1em; position: relative; padding-left: 0; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; text-align: center; color: #d42301; text-transform: uppercase; font-weight: bold; }
#entry ol#browsers li.ff, #entry ol#browsers li.safari { margin-right: 5% }
#browsers li input { margin: 0 auto .9em; display: block; cursor: pointer; }
#browsers .ie { background: url(../img/sprite.png) no-repeat center -1300px }
#browsers .ff { background: url(../img/sprite.png) no-repeat center -1498px }
#browsers li.ff :after, #browsers li.safari :after { content: 'and'; top: 2em; position: absolute; color: #aaa; font-style: italic; font-weight: 400; text-transform: none; }
#browsers li.ff :after { content: 'and'; right: -21%; }
#browsers li.safari :after { content: 'or'; right: -17%; }
#browsers .safari { background: url(../img/sprite.png) no-repeat center -1698px }
#browsers .chrome { background: url(../img/sprite.png) no-repeat center -1898px }
#browsers em { top: -72px; position: relative; }
#entry .file { width: 50%; border: none; font-family: Helvetica, arial,sans-serif; font-size: .8em; margin: 1em 0; }
#entry label em { font-size: .8em; font-style: italic; font-weight: 400; display: block; text-indent: 2em; line-height: 1.3; }
#entry #legalese { color: #aaa; font-size: .8em; }
body { background-image: url(../img/texture.png); background-repeat: repeat; }
.centered { text-align: center }
#notification-center { background: #2d2c29; overflow: hidden; color: #fff; padding: 0.4em 0 0.3em; text-align: center; font-size: .9em; }
#notification-center a:hover { color: #fdc20e }
#notification-center p { margin-bottom: 0 }
#header { background: #FFC20F url(../img/ribbon_final.jpg) repeat-x 43.25% top; clear: both; margin-top: 3.85em; }
#header #logo { height: auto; margin-left: 1%; position: absolute; top: -1.25em; width: 25.479167%; }
#header h1 { margin-left: 28%; line-height: 1em; padding: 0.725em 0; }
.pagination { background: #fdc20e; clear: left; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 0.7em 3em 0.5em; padding: 0 10px; }
.big-bttn { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; min-width: 250px; padding: 0.6em 0; text-align: center; width: 31.25%; }
.gotoPage, #gallery-nav .next { background: url(../img/sprite.png) no-repeat right -894px; padding-right: 13px; }
.gotoPage:hover, #gallery-nav .next:hover { background-position: right -930px }
#gallery-nav .prev { background: url(../img/sprite.png) no-repeat left -1095px; padding-left: 13px; }
#gallery-nav .prev:hover { background-position: left -1131px }
.callout { background: #000000; border-radius: 10px; color: #999; }
.callout h2, .callout h3 { color: #FFCD2D; }
#footer { clear: both; background: #fdc20e url(../img/footer_bg.jpg) repeat; padding: 2em 0 3.25em; }
#mix-aea-logo { max-width: 100%; position: relative; top: -3.5em; }
#banner { background: url(../img/devices_banner.png) repeat-x -10% 27%; overflow: hidden; padding: 5% 0 5%; }
#banner .container { padding-top: 16em }
#banner .big-bttn { margin: 0 1% 0.5em; min-width: 250px; width: 26.041667%; }
#gallery { background-color: #f5f5f5; background-image: url(../img/texture.png); background-repeat: repeat; padding: 1.5em 0 4em; overflow: hidden; }
#gallery-header, #runners-up-header { border-bottom: 1px solid #ccc; margin: 0 1% 2em; padding-bottom: 1em; }
h2#grand-prize-header { font-size: 1.9em; margin: .5em 0 0; padding: .5em; background: #fdc20e url(../img/footer_bg.jpg) repeat; }
#grand-prize-thumb { float: left; width: 40.425532%; }
.gallery-item { margin-bottom: 3em }
.gallery-item:nth-child(3n+1) { clear: left }
.gallery-item-thumb { overflow: hidden; position: relative; }
.gallery-item-thumb img { background: #ccc; padding: 2%; max-width: 96%; width: 96%; }
.gallery-items { width: 100%; float: left; }
.gallery-item-thumb-layover { background: rgba(0,0,0,0.6) url(../img/prizes_bg.png) no-repeat center bottom; opacity: 0; overflow: hidden; position: absolute; top: 0; bottom: 2%; left: 0; right: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.gallery-item-thumb:hover .gallery-item-thumb-layover, .gallery-item-thumb:focus .gallery-item-thumb-layover { opacity: 1; visibility: visible; }
.gallery-item-thumb-layover-bttn { background: rgb(0,0,0); border-radius: 3px; color: #fff; display: block; left: 68%; margin-left: -50%; margin-bottom: 0.5em; padding: 0.5em; position: relative; text-align: center; width: 60%; -webkit-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; -ms-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; transition: background 0.2s ease-in; }
.gallery-item-thumb-layover-bttn-launch { margin-top: 20% }
.gallery-item-thumb-layover-bttn:hover { color: #c00 }
#grand-prize { border: 1px solid #ccc; border-top: none; margin-bottom: 3em; float: left; padding: 1.5em 8% 2em; }
#contest-details { margin: 4.5em 0 1em }
#contest-details ul { margin-left: 0; list-style-type: none; }
#contest-details li { position: relative }
#contest-details h2 { border-bottom: 1px solid #ccc; margin: 0 auto 0.95em; padding-bottom: 0.4em; text-align: center; width: 94%; }
#contest-details .icon { background: url(../img/sprite.png) no-repeat 0 0; display: block; float: left; height: 60px; width: 60px; }
#contest-prizes { margin-bottom: 1.1em; padding: 2% 4%; width: 52.583333%; }
#contest-rules h2 { border-bottom-color: #b9b9b9; width: 100%; }
span.faqs { font-size: .5em; text-transform: none; }
p.due { text-align: center; border-top: 1px solid #b9b9b9; padding-top: .75em; margin-top: .55em; }
#contest-rules em { font-weight: 600; background-color: #ffc00e; font-style: normal; padding: 0 4px; }
#contest-prizes.callout a { color: #ffc00e }
#contest-prizes.callout a:hover { color: #fff }
.contest-prizes-positions .num {
	left: -10px;
	line-height: 1;
	position: absolute;
	top: -5px;
}
.contest-prizes-positions>li { clear: left; margin: 0 0 1.55em 0; padding-left: 60px; }
.contest-prizes-positions p { margin-bottom: 0.72em }
#contest-rules { clear: both; float: right; padding-top: 2.65%; width: 47.916667%; }
#contest-rules .icon { margin-right: 4%; margin-bottom: 1em; }
#contest-rules li { clear: left; margin-bottom: 2.25em; }
#contest-rules .contest-rule-1 .icon { background-position: left 0px }
#contest-rules .contest-rule-2 .icon { background-position: left -100px }
#contest-rules .contest-rule-3 .icon { background-position: left -200px }
#contest-rules .contest-rule-4 .icon { background-position: left -300px }
#contest-rules .contest-rule-4 { margin-bottom: 3.5em }
#contest-judges { background: #fff; border: 1px solid #ccc; clear: both; padding: 1em 4% 0; }
#contest-judges ul { margin: 2.5em 0 1em; overflow: hidden; }
#contest-judges li { float: left; margin: 0 3% 1em; width: 44%; }
#contest-judges .contest-judge-3 { clear: left }
#contest-judges .contest-judge-1 .icon { background-position: left -400px }
#contest-judges .contest-judge-2 .icon { background-position: left -700px }
#contest-judges .contest-judge-3 .icon { background-position: left -500px }
#contest-judges .contest-judge-4 .icon { background-position: left -2000px }
#contest-judges .contest-judge-5 .icon { background-position: left -600px }
#contest-judges .contest-judge-6 .icon { background-position: left -2100px }
#contest-judges .icon { margin-right: 6% }
#contest-judges h3 { padding-top: 10px }

#precios { background: #cccccc; border: 1px solid #ccc; clear: both; padding: 1em 4% 0; width: 98%; }
#cuadro .precios1 { margin-left:1em;  }
#cuadro .precios2 { margin-right:1em  }
#precios1 { float: left; margin: 0 3% 1em; width: 54%; }
#precios2 { float: left; text-align:right; margin: 52em 30% 1em; width: 10%; }
#precios3 { float: left; text-align:right; margin: 52em 30% 1em; width: 10%; }
#cuadro { background: #fff; border: 1px solid #ccc; clear: both; padding: 1em 4% 0; }
#cuadro ul { margin: 2.5em 0 1em; overflow: hidden; }
#cuadro li { margin: 0 3% 1em; width: 84%; }
#cuadro .contest-judge-3 { clear: left }
#cuadro .contest-judge-1 .icon { background-position: left -400px }
#cuadro .contest-judge-2 .icon { background-position: left -700px }
#cuadro .contest-judge-3 .icon { background-position: left -500px }
#cuadro .contest-judge-4 .icon { background-position: left -2000px }
#cuadro .contest-judge-5 .icon { background-position: left -600px }
#cuadro .contest-judge-6 .icon { background-position: left -2100px }
#cuadro .icon { margin-right: 6% }
#cuadro h3 { padding-top: 10px }

#topnav {
  margin: 10px 0px 0px 0px;
  /*background-color:#818A8A;*/
  background-color:#000000;
  max-width: 998px;
  /*min-height: 28px;*/
  
  height:2em;
  /*border-bottom: 1px solid #c6cfd6;*/
}

#topnav ul {
  float: right;
  list-style: none;
  /*margin: 11px 0 0 97px;*/
  margin: 7px 0 0px 7px;
  padding: 0;
  overflow: hidden;
}

#topnav li {
  float: left;
  margin: 0;
  padding: 0 24px 0 0;
  font-size: 12px;
}

#topnav li.last {
  padding: 0;
  font-size: 12px;
}

#topnav li a {
	text-decoration:none;
	color: rgb(244,194,0);
	/*color: rgb(130,138,149);*/
}

#topnav li a:hover {
	text-decoration: none;
	/*color: rgb(244,194,0)*/
  color: rgb(172,182,197);
  
}

#topnav li.navon a {
	color: rgb(244,194,0)
  /*color: rgb(66,70,76);*/
  /*color: rgb(00,00,00)*/

}


.callout h2 { border-bottom-color: #676664!important }
#gallery-nav { text-align: right }
#gallery-nav .prev { }
#app-detail { border-bottom: 1px solid #ccc; margin: 2.5em 0; padding-bottom: 5em; }
#app-detail-description h3 { padding-top: .5em }
#app-detail img.avatar, #grand-prize img.avatar { float: left; padding: 6em 1em 0 0; }
#app-detail-images { float: left; width: 40.425532%; text-align: center; }
#app-detail-description { float: right; width: 51.06383%; }
#app-comments-section { clear: both; overflow: hidden; }
#comments { width: 72.916666666666667%; float: left; }
#comments-sidebar { width: 23.404255319148936%; float: right; }
#build-widget { margin-bottom: 3em; padding: 8.5%; width: 83%; }
#build-widget a:hover { color: #ffc20f }
#build-widget img { max-width: 100%; height: auto; }
#build-widget .img-wrapper { border-top: 1px solid #676664; border-bottom: 1px solid #676664; margin: 1em 0; padding: 1em 0; text-align: center; }
.blueberry { margin: 0 auto }
.blueberry .slides { display: block; margin: 0; position: relative; overflow: hidden; }
.blueberry .slides-wrapper { background: #ccc; padding: 1.5%; width: 96%; }
.blueberry .slides li { position: absolute; top: 0; left: 0; overflow: hidden; }
.blueberry .slides li img { display: block; max-width: 600px; width: 100%; }
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto }
.blueberry .pager { height: 1em; text-align: center; }
.blueberry .pager li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
.blueberry .pager li a, .blueberry .pager li a span { display: block; height: .7em; width: .7em; }
.blueberry .pager li a { outline: none; padding: .7em 0.3em; -webkit-border-radius: .7em; -moz-border-radius: .7em; -o-border-radius: .7em; -ms-border-radius: .7em; border-radius: .7em; }
.blueberry .pager li a span { background: #313131; -webkit-border-radius: .7em; -moz-border-radius: .7em; -o-border-radius: .7em; -ms-border-radius: .7em; border-radius: .7em; }
.blueberry .pager li.active a span { background: #ffc00e }
.socialmedia { border-top: 1px solid #ccc; margin-top: 2em; padding-top: .8em; }
.socialmedia li { float: left }
.socialmedia-comments a { background: url(../img/sprite.png) no-repeat left -1198px; color: #2f2f2f; font-weight: 400; margin-left: 1em; padding-left: 1.7em; }
.comment { border-bottom: 1px solid #ccc; margin-bottom: 2.5em; padding-bottom: .8em; padding-left: 70px; position: relative; }
.comment-author { padding-bottom: 1em }
.comment cite { font-style: normal; font-size: 1.2em; }
.comment-author.vcard, .comment-author.vcard a { color: #ccc; font-weight: normal; font-style: normal; }
.comment .avatar { left: 0; position: absolute; top: 0; }
.respond { display: inline-block; text-align: right; width: 35%; }
#respond input, #respond textarea { border: 1px solid #ccc; padding: .3em 0; }
#respond li { margin-bottom: 1em }
#respond { margin-bottom: 6em; position: relative; }
#respond input.big-bttn { line-height: 1.7em }
#respond input.big-bttn:hover { color: #313131; cursor: pointer; }
#comments h3 { float: left; text-align: left; width: 65%; }
ol.commentlist { margin-top: 2.5em }
.comment-author.vcard cite.fn a.url, .comment-author.vcard cite.fn span { color: #d31e00; font-weight: 600; }
#submit-header { margin: 7% 0 5%; text-align: center; }
#submit-header em { font-weight: 600; background-color: #ffc00e; font-style: normal; padding: 0 4px; }
#submit-header p { border-bottom: 1px solid #ccc; padding: .5em 0 1em; }
#submit-page { padding-bottom: 7% }
#gallery-page { margin-top: 4em }
#gallery-page .gallery-bttn-view { margin-bottom: 8em }
@media screen { 
    .supportsTouch #banner { background: url(../img/devices_banner_mobile.png) repeat-x -7.5% 15%; background-size: auto auto; padding: 3% 0 5%; }
    .supportsTouch #banner
    .container { padding-top: 13em }
	#topnav { height:inherit}
	/* valores por defecto*/
}
@media screen and (max-width: 400px) { 
    html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
    body { min-width: 320px; overflow: auto; }
    .container { width: 300px; margin: 0px auto; clear: both; position: relative; }
    .grid_1, .grid_2, .grid_3, .grid_full { width: 300px; margin: 0 0 0.5em; }
    .grid_1 img { max-width: 100% }
    .content-pad-left, .content-pad-right { padding-left: 0; padding-right: 0; }
    #entry ol#browsers
	
    li { margin-top: 1em; font-size: .8em; width: 48%!important; margin-bottom: 0; }
    #browsers em { margin: 0 45%; float: left; }
    #entry ol li input.big-bttn { margin: 0 10%; width: 80%; }
    #entry ol#browsers li.ff, #entry ol#browsers
    li.safari { margin-right: 0% }
    #browsers li.ff :after { left: -10% }
    #browsers li.safari :after { right: -5% }
    #gallery-nav p { margin: 1.3em 0 -1.7em; text-align: center; }
    #contest-rules .icon { margin-bottom: 1.5em }
}
@media screen and (min-width: 401px) and (max-width: 640px) { 
    html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
    .container { width: 92%; margin: 0 auto; }
    .grid_1, .grid_2, .grid_3, .grid_full { float: none; width: 100%; margin: 0 0 2.5%; }
    .grid_1 { float: left; width: 48%; margin: 0 1% 2.5%; }
    #footer .grid_1 { width: 100% }
    #footer { text-align: center }
	#topnav { height:inherit}
    .gallery-item:nth-child(3n+1) { clear: none }
    .gallery-item:nth-child(2n+1) { clear: left }
    .grid_1 img { max-width: 100% }
    .content-pad-left, .content-pad-right { padding-left: 0; padding-right: 0; }
    form#entry li, form li { width: 98%; padding-left: 0; }
    input[type="text"], input[type="email"], input[type="url"] { font-size: 1.2em; width: 100%; }
    form li label, #entry label { position: relative; width: 100%; }
    #entry ol#browsers li { margin-top: 1.6em; font-size: .8em; width: 20%!important; }
    #entry ol li input.big-bttn { margin: 0 10%; width: 80%; }
    #browsers li.ff :after { content: 'and'; right: -26%; }
    #gallery-nav p { margin: 1.5em 0 -1.3em; text-align: center; }
}
@media screen and (max-width: 480px) { 
    form#entry li, form li { width: 98%; padding-left: 0; }
    input[type="text"], input[type="email"], input[type="url"] { font-size: 1.2em; width: 100%; }
    form li label, #entry label { position: relative; width: 100%; }
    #footer { text-align: center }
}
@media screen and (max-width: 520px) { 
    #header { margin-top: 2em }
    #header h1 { text-align: center; margin: 0 auto; width: 100%; clear: left; }
    #header .container { position: relative }
    #header #logo { position: relative; display: block; margin: 0 auto -1em; width: 60%; top: -1em; }
	#contest-details #toledo, #avila, #segovia, #taxi   {  width: 100%;}
}
@media screen and (max-width: 640px) { 
    #contest-rules, #app-detail-images, #app-detail-description, #comments, #comments-sidebar { width: 100%; float: none; }
    #header #logo { top: -.98em }
    #grand-prize-thumb { width: 100% }
    #contest-prizes { width: 92%; float: none; padding: 1%; }
    #contest-rules, #contest-prizes, #contest-judges { margin-bottom: 3em }
    #contest-judges li { text-align: center }
    #contest-judges .icon { float: none; display: block; margin: 0 auto; }
    #notification-center
    p { font-size: .8em; line-height: 1; }
	#contest-details #toledo, #avila, #segovia, #taxi  {  width: 100%;}
}
@media screen and (min-width: 641px) and (max-width: 960px) { 
    .container { width: 98%; padding-left: 1%; padding-right: 1%; }
    .grid_1, .grid_2, .grid_3, .grid_full { display: inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; }
    .grid_1 { width: 31.333% }
    .grid_2 { width: 64.667% }
    .grid_3, .grid_full { width: 98.0% }
    .grid_1 img { max-width: 100%; height: auto; }
    .grid_right { float: right }
	#contest-details #toledo, #avila, #segovia, #taxi {  width: 100%;}
}
@media screen and (min-device-width: 480px) { 
    #banner { background: url(../img/devices_banner.png) repeat-x -10% 27%; background: url(../img/fader-right.png) no-repeat right 50%, url(../img/fader-left.png) no-repeat left 50%, url(../img/devices_banner.png) repeat-x -11.7% 20%; background-size: 10% 100%, 10%  100%, auto auto; }
}
@media screen and (min-width: 1200px) { 
    #banner { padding: 4em 0 }
}
.field-validation-error { color: #c00; font-size: .8em; }
#avatar { position: absolute; top: 0; left: 580px; }
#avatar img { display: block }
#avatarHelp { margin: 5px 30px }
#legalese-container ul, #faqs-container ul { list-style: disc outside none; margin-left: 20px; }
.tipsy { background-image: url("../img/tipsy.gif"); background-repeat: no-repeat; font-size: 12px; opacity: 0.9; padding: 5px; }
.tipsy-inner { background-color: black; color: white; max-width: 200px; padding: 5px 8px 4px; text-align: center; }
.tipsy-inner { border-radius: 3px 3px 3px 3px }
.tipsy-north { background-position: center top }
.tipsy-south { background-position: center bottom }
.tipsy-east { background-position: right center }
.tipsy-west { background-position: left center }