/*
Theme Name: Metano_v2
Theme URI: http://www.metano.ro
Description: The default WordPress metano theme.
Version: 1.0
Author: Stancu Andrei
Author URI: http://www.distrigazsud.ro/
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
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,button,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,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
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:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}



html, body {
    margin: 0;
    padding: 0;
    background-color: #f3fbfa;
    
}

body {
    font: 76% arial, sans-serif;
    text-align: center;
    background: url(img/top_bg.jpg) repeat-x;
}

div#header {
    position: relative;
    height: 376px;
    background-color: #75bf43;
    background:#75bf43 url(img/page_header.png) no-repeat center top;
}

div#header a#home_root_link {
    display: block;
    position: absolute;
    width: 270px;
    height:155px;
    top: 5px;
    left: 40px;
    color: #007972;
    font-size: 1%;
}

div#container {
    text-align: left;
    background-color: #75bf43;
}

div#footer {
    background: #75bf43;
    color: #FFF;
    height:50px;
    position: relative;
}

div#footer p{
    float:left;
    padding: 16px 40px;
}

div#footer .right_push {
    float: right;
    padding: 16px 40px;
}

div#footer .right_push a{
    color: #FFFFFF;
    text-decoration: none;
}

div#footer .right_push a:hover{
    text-decoration:underline;
}



div#container {
    width: 968px;
    margin: 0 auto;
}

div#content {
    float: left;
    width: 696px;
}

div#navigation {
    float: right;
    width: 268px;
}

div#extra_footer {
    background: #75bf43;
    height: 310px;
    background: url(img/footer_bg.jpg) no-repeat bottom center;
    clear: both;
    width: 100%;
}

div#extra_footer a.left_footer_button {
    width: 201px;
    height:144px;
    display: block;
    margin-left: 64px;
    background: url(img/left_mascot.png) no-repeat top center;
}

div#body_container {
    background: url(img/container_bg.png) repeat-y center top;
}


/*Main menu*/
#main_menu ul{
    position:absolute;
    bottom: 18px;
    left: 44px;
}

#main_menu ul li{
    display: block;
    float: left;
    list-style-type: none;
}
#main_menu ul li.page_item{
    width:90px;
    height: 80px;
    background: url(img/menu_item.png) no-repeat center center;
}
#main_menu ul li.locomotive{
    width:109px;
    height: 80px;
    background: url(img/locomotiva.png) no-repeat center center;
}
#main_menu ul li.page_item a{
    font-size: 9px;
    text-decoration: none;
    color: #1b1464;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    display: block;
    width: 74px;
    text-align: center;
    margin: 22px 0 0 8px;
}

#main_menu ul li.page_item a:hover{
    text-decoration: underline;
}

/*content box*/
div.content_box {
    background: url(img/normal_content_rep.jpg) repeat-y top center;
    width: 654px;
    float: left;
    margin-left: 20px;
    margin-top: 8px;
}

div.content_box div.top{
    background: url(img/normal_content_top.jpg) no-repeat top center;
    width: 654px;
    height: 83px;
    position: relative;
}

div.content_box div.top h2{
    font-size: 35px;
    color: #FFFFFF;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:40px;
    bottom: 4px;
}

div.content_box div.rep{
    
    margin: 12px 40px;
    font-size: 1.2em;
    text-align:justify;
}

div.content_box div.bottom{
    background: url(img/normal_content_bottom.jpg) repeat-y top center;
    width: 654px;
    height: 36px;
}

/*fw box*/
div.fw_box {
    background: url(img/fw_box_rep.jpg) repeat-y top center;
    width: 654px;
    float: left;
    margin-left: 20px;
    margin-top: 8px;
}

div.fw_box div.top{
    background: url(img/fw_box_top.jpg) no-repeat top center;
    width: 654px;
    height: 83px;
    position: relative;
}

div.fw_box div.top h2{
    font-size: 36px;
    color: #8CD7F7;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:40px;
    bottom: 4px;
}

div.fw_box div.rep{
    
    margin: 12px 40px;
    font-size: 1.2em;
    text-align:justify;
}

div.fw_box div.bottom{
    background: url(img/fw_box_bottom.jpg) repeat-y top center;
    width: 654px;
    height: 36px;
}

/*promo box*/
div.promo_box {
    background: url(img/box_promo_rep.jpg) repeat-y top center;
    width: 353px;
    margin-left: 20px;
    margin-top: 8px;
    float: left;
}

div.promo_box div.top{
    background: url(img/box_promo_top.jpg) no-repeat top center;
    width: 353px;
    height: 83px;
    position: relative;
}

div.promo_box div.top h2{
    font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:40px;
    bottom: 4px;
}

div.promo_box div.rep{
    
    margin: 12px 40px;
    /*font-size: 80%;*/
    text-align:justify;
}

div.promo_box div.rep li{
    list-style-type:circle;
    margin-top:8px;
}

div.promo_box div.bottom{
    background: url(img/box_promo_bottom.jpg) repeat-y top center;
    width: 353px;
    height: 36px;
}

/*special box*/
div.special_box {
    background: url(img/box_special_rep.jpg) repeat-y top center;
    width: 278px;
    margin-left: 24px;
    margin-top: 8px;
    float: left;
}

div.special_box div.top{
    background: url(img/box_special_top.jpg) no-repeat top center;
    width: 278px;
    height: 83px;
    position: relative;
}

div.special_box div.top h2{
    font-size: 26px;
    color: #8CD7F7;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:40px;
    bottom: 4px;
}

div.special_box div.rep{
    
    margin: 12px 40px;
    /*font-size: 80%*/
}

div.special_box div.bottom{
    background: url(img/box_special_bottom.jpg) repeat-y top center;
    width: 278px;
    height: 36px;
}

/* orange box */
div.orange_box {
    background: url(img/box_orange_rep.jpg) repeat-y top center;
    width: 243px;
    margin-top: 8px;
    float: left;
}

div.orange_box div.top{
    background: url(img/box_orange_top.jpg) no-repeat top center;
    width: 243px;
    height: 28px;
    position: relative;
}

div.orange_box div.top h2{
    font-size: 26px;
    color: #8CD7F7;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:40px;
    bottom: 4px;
}

div.orange_box div.rep{
    
    margin: 12px 0;
    /*font-size: 80%*/
}

div.orange_box div.bottom{
    background: url(img/box_orange_bottom.jpg) repeat-y top center;
    width: 243px;
    height: 28px;
}

/* support box */
div.support_box {
    background: url(img/support_box_rep.jpg) repeat-y top center;
    width: 243px;
    margin-top: 8px;
    float: left;
}

div.support_box div.top{
    background: url(img/support_box_top.jpg) no-repeat top center;
    width: 243px;
    height: 70px;
    position: relative;
}

div.support_box div.top h2{
    font-size: 26px;
    color: #75BF43;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:20px;
    bottom: 8px;
}

div.support_box div.rep{
    
    margin: 12px 10px;
    font-size: 94%
}

div.support_box div.rep p{
    color: #FFFFFF;
    text-decoration: none;
}

div.support_box div.rep ul li a:hover{
    text-decoration: underline;
}


div.support_box div.bottom{
    background: url(img/support_box_bottom.jpg) repeat-y bottom center;
    width: 243px;
    height: 24px;
}

/* photogal box */
div.photogal_box {
    background: url(img/photogal_box_rep.jpg) repeat-y top center;
    width: 243px;
    margin-top: 8px;
    float: left;
}

div.photogal_box div.top{
    background: url(img/photogal_box_top.jpg) no-repeat top center;
    width: 243px;
    height: 60px;
    position: relative;
}

div.photogal_box div.top h2{
    font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:26px;
    top: 14px;
}

div.photogal_box div.rep{
    
    margin: 0px 23px;
    /*font-size: 80%*/
}

div.photogal_box div.bottom{
    background: url(img/photogal_box_bottom.jpg) repeat-y top center;
    width: 243px;
    height: 24px;
}

/*blue_box_50*/
div.blue_box_50 {
    background: url(img/box_blue50_rep.jpg) repeat-y top center;
    width: 317px;
    margin-left: 24px;
    margin-top: 8px;
    float: left;
}

div.blue_box_50 div.top{
    background: url(img/box_blue50_top.jpg) no-repeat top center;
    width: 317px;
    height: 83px;
    position: relative;
}

div.blue_box_50 div.top h2{
    font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:40px;
    bottom: 4px;
}

div.blue_box_50 div.rep{
    
    margin: 12px 40px;
    /*font-size: 80%;*/
    text-align:justify;
}


div.blue_box_50 div.bottom{
    background: url(img/box_blue50_bottom.jpg) repeat-y top center;
    width: 317px;
    height: 36px;
}
/* mix_box_50 */
div.mix_box_50 {
    background: url(img/box_mix50_rep.jpg) repeat-y top center;
    width: 317px;
    margin-left: 24px;
    margin-top: 8px;
    float: left;
}

div.mix_box_50 div.top{
    background: url(img/box_mix50_top.jpg) no-repeat top center;
    width: 317px;
    height: 83px;
    position: relative;
}

div.mix_box_50 div.top h2{
    font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:40px;
    bottom: 4px;
}

div.mix_box_50 div.rep{
    
    margin: 12px 40px;
    /*font-size: 80%;*/
    text-align:justify;
}


div.mix_box_50 div.bottom{
    background: url(img/box_mix50_bottom.jpg) repeat-y top center;
    width: 317px;
    height: 36px;
}
/* white_box_50 */
div.white_box_50 {
    background: url(img/box_white50_rep.jpg) repeat-y top center;
    width: 317px;
    margin-left: 24px;
    margin-top: 8px;
    float: left;
}

div.white_box_50 div.top{
    background: url(img/box_white50_top.jpg) no-repeat top center;
    width: 317px;
    height: 83px;
    position: relative;
}

div.white_box_50 div.top h2{
    font-size: 26px;
    color: #8CD7F7;
    position: absolute;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
    left:40px;
    bottom: 4px;
}

div.white_box_50 div.rep{
    
    margin: 12px 40px;
    /*font-size: 80%;*/
    text-align:justify;
}


div.white_box_50 div.bottom{
    background: url(img/box_white50_bottom.jpg) repeat-y top center;
    width: 317px;
    height: 36px;
}
/*AST */
div#content strong{
font-weight:bold !important;
}
div#navigation{
padding-top:10px;
}

div.white_box_50 div.top h2 a{
text-decoration:none;
bottom:4px;
color:#8CD7F7;
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:20px;
position:absolute;
width:210px;
font-weight:normal;
}
div.blue_box_50 div.top h2 a{
text-decoration:none;
bottom:4px;
color:#FFFFFF;
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:20px;
position:absolute;
width:210px;
font-weight:normal;
}
div.fw_box div.top  h2 a{
text-decoration:none;
bottom:4px;
color:#8CD7F7;
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:26px;
position:absolute;
width:600px;
}
div.entry ul{
list-style-type:none;
margin-left:0;
padding:0 10px 0 20px;
}
div.entry li{
list-style-type:square;
margin:7px 0 8px 20px;
}
.your-name{
left: 35px
}
.your-subject{
left: 116px;
}
.your-message{
left: 126px;
}
div.wpcf7 p {
padding:5px 10px;
}
div#quizz-wizard h2{
margin:0;
padding:10px;
text-align:justify;
font-weight:bold;
}
p.qz-answer {
margin:5px;
padding:4px;
}

div.photogal_box {
text-align:center;
}
div#quizz-wizard label{
margin-left:5px;
}
div.rep a{
text-decoration:none;
color:#5F5F5F;
}
/************************/