/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
a:active{outline:none;}:focus{outline:none;}
html {height:100%;}
a.meniu-infoeco {
font-size: 12px;
font-weight: bold;
color: #398700;
padding-left: 20px;
width:200px;
display:block;
line-height:20px;
padding-bottom:0px;
padding-top:0px;
text-decoration:none;
}
a.meniu-infoeco:hover {
color: #398700;
background-image: url(../img/icons/info-eco-mic.png);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
a.dev {
background-image: url(../img/brand/infinit-solutions.png);
background-repeat: no-repeat;
background-position: right top;
line-height:40px;
display:block;
font-size:0px;
width:110px;
height:40px;
}
a.dev:hover {
background-image: url(../img/brand/infinit-solutions-hover.png);
background-repeat: no-repeat;
background-position: right top;
}
a {color:#398700; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
/* GENERAL */
body { font-family:arial; font-size:11px; color:#333; overflow-x:hidden;}
body .error { color:red; }
body .succes { color:green; }
select#dealer {margin-top:10px;}
/* LAYOUT */
body { background: url(../img/bg/body.jpg) no-repeat center top; min-height:100%;}
body #page { margin:0 auto; width:890px; position:relative;}
body #page .honda-asimo {position:absolute; top:60px; right:-200px; width:456px; height:667px; z-index:11;}
body.asimo #page #main {min-height:500px; height:auto !important; height:500px;}
body.asimo #page #main #primary {width:425px !important;}
body.game #page #main #primary {width:100% !important;}
/* ASIMO */
body.asimo #page #main #primary #asimo-video {width:425px; height:340px; background:#fff; margin:0px 0px 15px 0px;}
#primary .pictures {margin:20px 0px 0px 0px; padding:0px; overflow:hidden; list-style:none;}
#primary .pictures li {float:left; width:135px; margin:0px 10px 10px 0px; padding:0px;}
#primary .pictures li.first {width:100%;}
#primary .pictures li a {display:block;}
#primary .pictures li.mod3_0 {margin-right:0px;}
#primary .pictures li.last {margin-right:0px; margin-bottom:0px;}
#page #main #primary p {margin-bottom:10px; line-height:15px;}
body #page .head { font-size:14px; font-weight:bold; color:#398700; }
body #page #header { position:relative; height:325px; z-index:10;}
body #page #header #logo { width:209px; height:62px; text-indent:-6000px; background:url(../img/brand/green-challenge.png) no-repeat; margin-top:18px; float:left; margin-left:10px; }
body #page #header .logo { float:right; margin-top:50px; margin-right:10px; }
body #page #header #nav { clear:both; overflow:hidden; margin-top:20px; float:left; margin-left:10px; }
body #page #header #nav li { background:url("../img/bullets/border-menu.jpg") repeat-x bottom; padding-bottom:2px; float:left; margin-right:10px; }
body #page #header #nav li a { color:#333; font-size:16px; font-family:"Myriad Pro"; font-weight:bold; text-decoration:none; text-transform:uppercase;}
body #page #header #nav li.selected {background:none;}
body #page #header #nav li.selected a { color:#398700; text-decoration:none; }
body #page #header .head { width:350px; clear:both; margin-top:30px; float:left; position:relative; left:-20px; z-index:1;}
body #page #header .head p {font-size:15px;}
body #page #header .teaser { width:320px; padding-right:10px; position:absolute; right:0; top:45px; text-align:right; margin-right:10px; }
body #page #header .teaser .logo { margin-bottom:15px; margin-top:0; margin-right:0; float:none; }
body #page #header .teaser .title { font-size:26px; color:#398700; }
body #page #header .teaser .subtitle {
font-size:18px;
color:#333;
line-height:12px;
background-image: url(../img/visuals/asimo-home.png);
background-repeat: no-repeat;
background-position: right center;
height: 300px;
}
body #page #header .teaser .head { width:auto; color:#333; font-size:14px; margin-top:0; float:none; position:static; }
body #page #header .honda-cars {position:absolute; bottom:-31px; right:95px;}
body #page #header .info {position:absolute; bottom:-30px; left:165px; width:115px; height:105px;}
body #page #header .cup {display:none; position:absolute; bottom:-100px; left:150px; width:92px; height:137px; z-index:2;}
body.contest #page #header .cup {display:block;}
body.blog #page #header .cup {display:block;}
body.isLoggedIn #page #header .cup {display:none;}
body #page #header .asimo {position:absolute; bottom:-12px; right:30px; width:91px; height:127px;}
body #page #main { border-top:solid 1px #0d1504; color:#6a6a6a; padding-bottom:45px; clear:both; width:870px; position:relative; z-index:9; min-height:300px;}
body #page #main #primary {width:870px;}
body#contest #page #main #primary {z-index:1;}
body #page #main .heading { font-size:42px; color:#398700; margin-bottom:20px; position:relative; padding-top:15px;}
body #page #main ul#steps { overflow:hidden }
body #page #main ul#steps li { float:left; width:178px; padding-left:35px; position:relative; padding-top:12px; margin-left:5px; }
body #page #main ul#steps li.first { margin-left:0; }
body #page #main ul#steps li p.label { position:absolute; left:0; top:0; text-align:center; width:30px; font-weight:bold; font-size:11px; }
body #page #main ul#steps li p.label span.no { clear:both; display:block; width:27px; height:23px; padding-top:4px; background:url(../img/bg/green-circle.png) no-repeat; font-size:14px; color:white; font-weight:bold'' }
body #page #main ul#steps li.active { color:black; }
body #page #main ul#steps li.active p.label { color:black; }
body #page #main ul#steps li.active p.label span.no { background:url(../img/bg/red-circle.png) no-repeat; }
body #page #main form p { margin-bottom:5px; clear:both; }
body #page #main form p label { width:120px; display:block; float:left; padding:5px; }
body #page #main form p input.text { padding:5px; color:#333; width:300px; border:solid 1px #dadada; background-color:white !important; }
body #page #main form p input.checkbox { width:auto; padding:0; margin-top:5px; }
body #page #main form p input.radio { width:auto; padding:0; margin-top:5px; }
body #page #main form p input.date { background:url(../img/icons/calendar.png) no-repeat 290px 4px; }
body #page #main form p select { padding:5px; width:312px; border:solid 1px #dadada; }
body #page #main form p select option { color:#333; }
body #page #main form p.radio span.label { width:120px; display:block; float:left; padding:5px; clear:left; }
body #page #main form p.radio label { width:auto; float:none; display:inline; position:relative; top:-2px; }
body #page #main form p.agreement label { width:310px; }
body#user #page #main form p.agreement label {width:auto;}
body #page #main form p.error { margin-left:130px; }
body #page #main form p.msg { margin-left:130px; color:#000;}
body #page #main form input.submit { margin-left:130px; background-color:#398700; border:0px solid #fff; color:white; padding:5px 10px; cursor:pointer;}
body #page #main form .agreement {padding-left:125px;}
body #page #footer { width:870px; padding:10px; padding-top:10px; margin-top:0; border-top:solid 1px #b2b2b2; background-color:white; color:#333; margin-bottom:30px; }
body #page #footer .dev {width:110px; float:left; display:inline; text-decoration:none; padding-top:15px;}
body #page #footer .corporate {position:relative; width:auto; float:left; display:inline; margin-left:130px; overflow:hidden; padding-top:15px;}
body #page #footer .corporate .social {width:auto; margin:5px 0px 0px 0px; padding:0px; overflow:hidden;}
body #page #footer .corporate .social li {float:left; width:26px; height:26px; margin:0px 5px 0px 0px; padding:0px;}
body #page #footer .corporate .social li a.twitter {width:26px; height:26px; display:block; background:url("../img/icons/twitter.jpg") no-repeat; text-indent:-9999px;}
body #page #footer .corporate .social li a.facebook {width:26px; height:26px; display:block; background:url("../img/icons/facebook.jpg") no-repeat; text-indent:-9999px;}
body#homepage #page #footer .corporate {margin-left:0px !important;}
body #page #footer .partner {float:right; width:281px; height:49px;}
body #page #footer .partner-home {float:right; width:110px; display:inline; text-decoration:none; padding-top:15px;}
body #page #footer .corporate ul.nav { overflow:hidden; }
body #page #footer .corporate ul.nav li { float:left; margin-right:10px; }
body #page #footer .corporate ul.nav li a { color:#333; text-decoration: underline; }
body #page #footer .corporate ul.nav li a:hover {text-decoration:none;}
body #page #footer .corporate .copy { clear:left; margin-top:5px; margin-left:0px; color:#999999 }
body #page #footer .brand a { text-decoration:underline; color:#999999; }
/* ARTICLE */
body.article #page #main #secondary { width:210px; float:left; margin-right:10px; }
body.article #page #main #primary { float:left; width:650px; }
/** HOMEPAGE **/
body#homepage #page #header { height:575px; }
body #page #main { background: white; padding:10px; margin-top:-1px; display:block; height:100%; float:left;}
body#homepage #page #main .head { margin-top:20px; margin-bottom:20px; width:500px;}
.login {width:auto; height:auto;}
.login .login_div {margin-bottom:5px !important;}
.login .login_div label {display:inline !important; width:35px !important; padding:0px !important; margin:0px 5px 0px 0px;}
.login .login_div input {border:1px solid #DADADA; padding:2px; width:120px;}
.login .submit input {width:auto; background-color:#398700; border:0px solid #fff; color:white; padding:5px 10px; cursor:pointer;}
body#contest .login .submit input {background:#45a201;}
p.register {padding-bottom:5px; padding-top:5px;}
p.register-login-link {font-size:13px;}
div.register-login-link {font-size:16px;}
body#homepage div.login-errors > div
{
color:red; padding:0 0 4px 0;
}
body#homepage p.submit a
{
/*color:#fff;*/
}
/** USER **/
body#user.register #page #main {min-height:530px;}
body#user.register #page #main #primary form { margin-left:90px; }
body#user.register #page #main #primary form .error { width:300px; margin-bottom:10px; }
body#user p.chestionar-errors {color:red; display:none;}
/** INFO ECO **/
body#info #page #main {min-height:530px;}
body#info #page #main div.section { width:270px; float:left; margin-right:10px; cursor:pointer;}
body#info #page #main div.last { margin-right:0; }
body#info #page #main div.section .title-wrapper {margin-top:20px; margin-bottom:10px; vertical-align:bottom;}
body#info #page #main div.section:hover {
background-image: url(../img/icons/info-eco_resize.png);
background-repeat: no-repeat;
background-position: right bottom;
}
body#info #page #main div.section .title { font-size:14px; color:#398700; font-weight:bold;}
body#info #page #main div.section .title a { color:#398700; text-decoration:none; }
body#info #page #main div.section ul.articles li .more { color:#398700; padding-left:10px; text-decoration:underline; background:url(../img/bullets/arrows.gif) no-repeat 0 5px; margin-top:10px; float:left; }
body#info #page #main div.section ul.articles li { margin-bottom:10px; overflow:hidden; }
/* CONTEST */
body#contest #page #main {min-height:530px;}
body#contest #page #main ul#steps { position:relative; background:#489013; padding:10px 20px; width:870px; margin-left:-20px;}
body#contest #page #main ul#steps li { float:left; width:178px; padding-left:35px; position:relative; padding-top:12px; margin-left:5px; }
body#contest #page #main ul#steps li.first { margin-left:0; }
body#contest #page #main ul#steps li p {color:#cee1c0; margin:0px;}
body#contest #page #main ul#steps li p.register {padding-top:10px;}
body#contest #page #main ul#steps li p a {text-decoration:underline;}
body#contest #page #main ul#steps li p a:hover {text-decoration:none;}
body#contest #page #main ul#steps li p.label {color:#fff !important; position:absolute; left:; top:0; text-align:center; width:30px; font-weight:bold; font-size:11px; }
body#contest #page #main ul#steps li p.label span.no { color:#489013 !important; clear:both; display:block; width:27px; height:23px; padding-top:4px; margin-left:2px; background:url(../img/bg/circle-white.png) no-repeat; font-size:14px; color:white; font-weight:bold; }
body#contest #page #main ul#steps li.active { color:#fff; }
body#contest #page #main ul#steps li.active p.label { color:#fff; }
body#contest #page #main ul#steps li.active p.label span.no {color:#489013 !important; background:url(../img/bg/circle-white.png) no-repeat; }
body#contest #page #main #contest-list {width:100%; overflow:hidden; margin-top:20px;}
body#contest #page #main #contest-list li { float:left; width:208px; margin:0px 10px 0px 0px; position:relative; padding-top:12px;}
body#contest #page #main #contest-list li .title {font-size:15px; line-height:16px; margin:0px 0px 5px 0px; color:#398700; font-weight:bold;}
body#contest #page #main #contest-list li .title a {text-decoration:none;}
body#contest #page #main #contest-list li p {line-height:15px;}
body#contest #page #main #contest-list li p.visual {display:block; margin-bottom:3px;}
body#contest #page #main #contest-list li .more {color:#398700; margin-top:5px;}
body#contest #page #main #contest-list li .more a {text-decoration:underline; color:#398700;}
body#contest #page #main #contest-list li .more a:hover {text-decoration:none;}
body#contest #page #main #contest-list li.last {margin-right:0px;}
body#homepage #page #main #contest-list {width:100%; overflow:hidden; margin-top:20px;}
body#homepage #page #main #contest-list li { float:left; width:416px; margin:0px 10px 0px 0px; position:relative; padding-top:12px;}
body#homepage #page #main #contest-list li .title {font-size:15px; line-height:16px; margin:0px 0px 5px 0px; color:#398700; font-weight:bold;}
body#homepage #page #main #contest-list li .title a {text-decoration:none;}
body#homepage #page #main #contest-list li p {line-height:15px;}
body#homepage #page #main #contest-list li p.visual {display:block; margin-bottom:3px;}
body#homepage #page #main #contest-list li .more {color:#398700; margin-top:5px;}
body#homepage #page #main #contest-list li .more a {text-decoration:underline; color:#398700;}
body#homepage #page #main #contest-list li .more a:hover {text-decoration:none;}
body#homepage #page #main #contest-list li.last {margin-right:0px;}
body#contest div.login-errors > div
{
color:#fff; padding:0 0 4px 0;
}
body#contest p.submit a
{
color:#fff;
}
/* top */
body.top #main #primary {background:#fff; float:left; width:580px !important; margin:0px 30px 0px 0px;}
body.top #main #primary .top-users { width:100%;margin:0px; padding:0px; list-style:none;}
body.top #main #primary .top-users li {float:left; width:575px; margin:0px; padding:10px 0px 10px 5px; border-bottom:1px dotted #ccc;}
body.top #main #primary .top-users li .name {float:left; width:auto; font-size:13px;}
body.top #main #primary .top-users li .score {float:right; width:auto; padding-right:50px;font-size:13px; font-weight:bold;}
body.top #main #primary .top-users li.first span.no {color:#fff; background:url(../img/bg/red-circle.png) no-repeat;}
body.top #main #primary .top-users li span.no {margin-top:-5px; margin-right:10px; float:left; width:18px; height:23px; padding-top:4px; padding-left:9px; margin-left:2px; background:url(../img/bg/gray-circle.png) no-repeat; font-size:14px; color:white; font-weight:bold; }
body.top #main #primary .top-users li span.pos1, span.pos2, span.pos3 {color:#fff; background:url(../img/bg/green-circle.png) no-repeat !important;}
body.top #main #primary .top-users li span.gt9 {padding-left:5px; width:22px;}
body.top #main #primary .top-users li.last {border:none;}
body.top #main #primary .top-users li.odd {background:#efefef;}
body.top #main #secondary {float:left; width:260px !important;}
/*body.winners2010 #main #primary {float:left; width:425px !important; margin:0px 20px 0px 0px;}*/
body.winners2010 #main #secondary {float:left; width:170px;}
/* blog */
body#blog #primary {float:left; width:580px !important; margin:0px 30px 0px 0px;}
body#blog #secondary {float:left; width:260px !important;}
/* articles */
body#blog #primary #articles {width:100%; margin:0px; padding:0px; overflow:hidden;}
body#blog #primary #articles li {width:100%; margin:0px 0px 20px 0px; padding:0px;}
body#blog #primary #articles li .article {width:100%; margin:0px; padding:0px; overflow:hidden;}
body#blog #primary #articles li .article .published-at {font-family:Arial; font-size:11px; line-height:12px; color:#999999; margin:0px !important; padding:0px 0px 0px 2px !important; font-weight:normal;}
body#blog #primary #articles li .article h1 {font-family:Arial; font-size:24px; line-height:25px; color:#398700; margin:0px; padding:0px;}
body#blog#primary #articles li .article h1 a {color:#398700; text-decoration:none;}
body#blog #primary #articles li .article h1 a:hover {text-decoration:underline;}
body#blog #primary #articles li .article .article-head {width:100%; margin:10px 0px 0px 0px; padding:0px; overflow:hidden;}
body#blog #primary #articles li .article .article-head p {font-family:Arial; font-size:12px; line-height:17px !important; color:#333333; font-weight:normal; margin:0px 0px 15px 0px !important; padding:0px;}
/* sidebar */
body#blog #secondary .widget {width:100%; margin:0px 0px 20px 0px; padding:0px 0px 15px 0px; background:url("../img/separator.jpg") no-repeat bottom;}
body#blog #secondary .widget h3 {font-family:Arial; font-size:14px; line-height:15px; color:#000; text-shadow:1px 1px #fff; font-weight:normal; margin:0px 0px 10px 0px; padding:0px;}
body#blog #secondary .widget ul {width:100%; margin:0px; padding:0px; list-style:none; overflow:hidden;}
body#blog #secondary .widget ul li {margin:0px 0px 10px 0px; padding:0px; overflow:hidden;}
body#blog #secondary .widget ul li a {font-family:Arial; font-size:11px; line-height:14px; color:#398700; text-decoration:none;}
body#blog #secondary .widget ul li a:hover {text-decoration:underline;}
body#blog #page #main form {width:100%; margin:10px 0px 0px 0px; padding:0px;}
body#blog #page #main form p {overflow:hidden;}
body#blog #page #main form p label {float:left; margin:0px 0px 0px 10px; padding:0px; width:200px; color:#333;}
body#blog #page #main form p input {float:left; width:150px; border:1px solid #DADADA; padding:3px; color:#333}
body#blog #page #main form #submit {background-color:#398700;border:0 solid #FFFFFF;color:white;cursor:pointer;padding:5px 10px;}
body#blog #page #main #primary .navigation {overflow:hidden; margin-bottom:15px;}
body#blog #page #main #primary .navigation .alignleft {float:left; width:280px; text-align:left;}
body#blog #page #main #primary .navigation .alignright {float:right; width:280px; text-align:right;}
body#blog #page #main #primary .commentlist .comment-body, body#blog #page #main #primary .commentlist .comment-author {overflow:hidden;}
body#blog #page #main #primary .commentlist .comment-body .comment-author img {float:left; width:auto; margin:0px 10px 0px 0px;}
body#blog #page #main #primary .commentlist .comment-body .comment-meta {clear:left; margin-top:10px;}
.login{
display:none;
/*height:200px;*/
padding-top: 10px;
}
body#homepage .login {height:auto;}
.login_label{
width:40px; float:left;
}
.login_div{ margin-bottom: 3px;}
#timershow { border:none; color:#398700; font-weight:bold; background:none; font-size:18px;}
/* CONTACT */
form#contactForm p { margin-bottom:5px; clear:both; }
form#contactForm label { width:120px; display:block; float:left; padding:5px; }
form#contactForm input.contact, textarea { padding:5px; color:#333; width:300px; border:solid 1px #dadada; background-color:white !important; }
form#contactForm input.checkbox { width:auto; padding:0; margin-top:5px; }
form#contactForm input.radio { width:auto; padding:0; margin-top:5px; }
form#contactForm input.date { background:url(../img/icons/calendar.png) no-repeat 290px 4px; }
form#contactForm select { padding:5px; width:312px; border:solid 1px #dadada; }
form#contactForm select option { color:#333; }
form#contactForm .radio span.label { width:120px; display:block; float:left; padding:5px; clear:left; }
form#contactForm .radio label { width:auto; float:none; display:inline; position:relative; top:-2px; }
form#contactForm .agreement label { width:310px; }
form#contactForm .error { margin-left:130px; }
form#contactForm input#button { background-color:#398700; border:0px solid #fff; color:white; padding:5px 10px; cursor:pointer;}
form#contactForm .agreement {padding-left:125px;}
body#blog #main {min-height:300px; height:auto !important; height:300px;}
/* asdasd */
body#linkuri #page #main #primary div.div-link-util h2 a {font-size:16px;}
body#linkuri #page #main #primary div.div-link-util {}
body#linkuri #page #main #primary div.div-link-content {margin:0 0 10px 125px;}
body#linkuri #page #main #primary div.div-link-img {float:left;padding:5px 0 0 0;}
.semifinalisti_tr{
border-bottom: 1px dotted #ccc;
height:48px;
width:665px;
}
.str_odd{
background-color:#efefef;
}
.possition_semifinalisti{
color:#fff; background:url(../img/bg/green-circle.png) no-repeat;
margin-top:-5px; margin-right:10px; float:left; width:18px; height:23px; padding-top:4px; padding-left:9px; margin-left:2px;
font-size:14px; color:white; font-weight:bold;
}
.position_semifinalisti_1{
color:#fff; background:url(../img/bg/gray-circle.png) no-repeat;
margin-top:-5px; margin-right:10px; float:left; width:18px; height:23px; padding-top:4px; padding-left:9px; margin-left:2px;
font-size:14px; color:white; font-weight:bold;
}
.position_semifinalisti_first{
color:#fff; background:url(../img/bg/red-circle.png) no-repeat;
margin-top:-5px; margin-right:10px; float:left; width:18px; height:23px; padding-top:4px; padding-left:9px; margin-left:2px;
font-size:14px; color:white; font-weight:bold;
}
.position_semifinalisti_gt9{
color:#fff; background:url(../img/bg/gray-circle.png) no-repeat;
margin-top:-5px; margin-right:10px; float:left; width:22px; height:23px; padding-top:4px; padding-left:5px; margin-left:2px;
font-size:14px; color:white; font-weight:bold;
}
.position_semifinalisti_gt99{
color:#fff; background:url(../img/bg/gray-circle.png) no-repeat;
margin-top:-5px; margin-right:10px; float:left; width:26px; height:23px; padding-top:4px; padding-left:2px; margin-left:2px;
font-size:14px; color:white; font-weight:bold;
}
.ceas{
position:absolute;
top:210px;
z-index:1000;
}
table.winners {width:100%; margin:0px 0px 20px 0px; padding:0px;}
table.winners tr td {border:1px solid #ccc; padding:5px; font-size:13px;}
table.winners tr:hover {background:#fcfdd6;}
table.winners th {padding:5px; text-align:center; font-weight:bold; font-size:15px; background:#efefef; border:1px solid #ccc; text-shadow:1px 1px #fff;}
body.winners2010 #page {overflow:hidden;}