/* FLOAT FIX */
*+html .floatFix, *+html .content, *+html .tabs_content {display:inline-block;}
* html .floatFix, * html .content, * html .tabs_content {height:1%}
.floatFix:after, .content:after, .tabs_content:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

ul, dl,  dd, dt, body {list-style:none; margin:0; padding:0; }

.hide { display: none!important;}
a:focus { outline: none;}
a img { border:none;}
a { outline: none;}

a {
    color: #000;
    text-decoration: none;
}

body { background:#fff; margin:0; padding:0; color:#000; font-family: Georgia, Helvetica, Arial, sans-serif; font-size:14px;}
#header, #footer, #main_container, #menu_container { width:800px; margin:0 auto;}

#header{ height:90px;}

h1 { position:absolute; width:230px; height:200px; right:278px; top:-80px; background: url(../img/logo_PostoPizza-trans.png) no-repeat; margin:0; padding:0; text-indent:-100000px;}


#menu_container { height:185px; position:relative; }
#main_container { height:540px; background:#fff; border:1px solid #d5d6d7;}

#menu_container h2 { width:230px; height:100px; background: url(../img/delivery-trans.png) no-repeat; margin:0; padding:0; text-indent:-100000px; position:absolute; top:40px; }

#menu { position:absolute; bottom:5px; left:106px;}
#menu ul { }
#menu ul li { float:left; margin-right:4px; display:inline; border-right:1px solid #000; padding:0 5px; }
#menu ul li a { display:block; padding:2px; }
#menu ul li a:hover { background-color:#000000; color:#fff; }
#menu ul li a.selected, #menu ul li a.selected:hover { background-color:#921a1d; color:#fff; }
#menu_container p { position:absolute; right:0; bottom:50px; color:#000000; text-align:right; }
#menu_container p strong { display:block; font-size:18px;}




.column_left { float:left; width:306px; padding-left:20px; }
.column_right { float:right; width:356px; width:380px; padding-right:20px;}


ul.screenshots { height:96px;}
ul.screenshots li { float:left; padding:10px 0; margin:0 9px;}

ul.screenshots li a{
	display: block;
    background: #000;
    padding: 1px;
    border: 3px solid #888;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
ul.screenshots li a:hover{border-color: #fff;}
ul.screenshots li a img{
    display: block;
    width: 68px;
    height: 68px;
    background: #ccc;
}


.line { border:1px solid #2b2b2b; background:#212121; height:2px; font-size:1px;}

.last { margin-right:0!important; border-right:none!important;}

/*SLIDER
-------------------------------------------------------- */

#slider { position: relative; }

.scroll, .panel {  width: 800px;}
.scroll { height: 500px; overflow: hidden; /*overflow-x: hidden;*/ position: relative; clear: left;}

.scrollContainer {}
.scrollContainer .panel { position:relative; float:left; }
.scrollContainer .panel span { background:#FFF; padding:5px 0; line-height:22px; color:#000; }

.scrollButtons { position: absolute; top: 220px; cursor: pointer; z-index:1100; width:33px; height:33px; background-repeat:no-repeat; background-image: url(../img/scroll_right-trans.png);}
img.left { background-image:url(../img/scroll_left-trans.png); left: -50px; display:none;}
img.right { background-image:url(../img/scroll_right-trans.png); right: -50px; display:none;}


#slide1 .column_right span { font-size:17px; line-height:26px;}


/*END SLIDER
-------------------------------------------------------- */



#footer { padding:20px 0; font-size:11px; color:#fff; text-align:center; }
#footer h3 { width:80px; height:70px; margin:0 auto; background: url(../img/logo_PostoPizza2-trans.png) no-repeat; padding:0; text-indent:-100000px;}

p.action {padding-top:6px;}

p.action a{
    border: none;
    background: #333;
    font-size: 10px;
    line-height: 1.63em;
    text-transform: uppercase;
    color: #aaa;
    padding: 2px 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
p.action a:hover{
    color: #fff;
    background: #444;
}

.column_center { height:470px; padding:0;}
#slide1 .column_left, #slide1 .column_right { padding-top:50px;}
#slide1 .column_right a{float:right;}
#slide2 .panel, #slide2 .panel { padding-top:75px;}
#slide2 .panel a{float:right;}
#slide3 .column_left, #slide3 .column_right { padding-top:50px;}
#slide3 .column_right a{float:right;}
#slide4 .column_left, #slide4 .column_right { padding-top:50px;}
#slide5 .column_left, #slide5 .column_right { padding-top:50px;}
#slide4 .column_right a{float:right;}
h4 { color:#ffcb08; font-size:14px; margin-bottom:2px;}
.scrollContainer .panel .column_center span { font-weight:lighter!important;}

#demo {margin: 0; height:460px; width:800px;}

a.download { display:block; background-repeat:no-repeat; background-position: left top; width:344px; height:70px; text-indent:-100000px; cursor:pointer;}
a.download:hover { background-position:left bottom;}

#slide4 h4 { cursor:pointer;}
#slide4 h4:hover { color:#fff; }
#slide4 h5 { color:#999999; font-size:14px; margin:0; * padding-top:15px;}
ol { list-style:decimal; color:#999;}
ol li { margin:5px 0 15px 0;}
ol li p { margin:4px 0 0 0;}