/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {}


/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {}

.topBox {
    background: url('../images/menu_bg.png') bottom repeat-x;
}

.headerBox {
    width: 900px;
    margin: 0 auto;
    background: url('../images/top_bg.png') bottom no-repeat;
}

.logoBox {
    height: 160px;
}

.logoBox .bx {
    float: left;
    margin: 80px 4px 2px 100px;
    width: 300px;
}

.logoBox .bx2 {
    float: right;
    margin: 85px 20px 2px 90px;
    text-align: right;
    width: 300px;
}

.logoBox .phone {
    font-size: 26px;
    font-family: 'Comfortaa', sans-serif;
    color: #3a3a3a;
}

.logoBox .mail {
    font-size: 12px;
    font-family: 'Comfortaa', sans-serif;
    color: #098a31;
}

.logoBox .logo a {
    font-size: 32px;
    font-family: 'Tenor Sans', sans-serif;
    color: #3a3a3a;
}

.logoBox .logoS {
    color: #a60000;
}

.logoBox .logoC {
    color: #098a31;
}

.logoBox .adv {
    font-family: 'Comfortaa', sans-serif;
    
}

.menuBox {
    margin-left: 130px;
    overflow: hidden;
    width: 800px;
    height: 26px;
}

/*** TOP MENU ***/

.menuBox ul.topmenu {
    padding: 0;
    margin: 0;
}

.menuBox ul.topmenu li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menuBox ul.topmenu li a {
    display:block;
    background:url('../images/menu.png') no-repeat top left;
    height:15px;
    width:58px;
    text-indent:-200px;
    overflow:hidden;
}

.menuBox ul.topmenu li a#Ofirmie {
    background-position:0 0;
    width: 140px;
}
.menuBox ul.topmenu li a#Uslugi {
    background-position: -135px 0;
    width: 145px;
}
.menuBox ul.topmenu li a#Referencje {
    background-position: -280px 0;
    width: 160px;
}
.menuBox ul.topmenu li a#Zasieg {
    background-position: -440px 0;
    width: 170px;
}
.menuBox ul.topmenu li a#Kontakt {
    background-position: -605px 0;
    width: 140px;
}

.menuBox ul.topmenu li.on a#Ofirmie, .menuBox ul.topmenu li a#Ofirmie:hover {
    background-position: 0 -16px;
    height:18px;
}
.menuBox ul.topmenu li.on a#Uslugi, .menuBox ul.topmenu li a#Uslugi:hover {
    background-position: -135px -16px;
    height:18px;
}
.menuBox ul.topmenu li.on a#Referencje, .menuBox ul.topmenu li a#Referencje:hover {
    background-position: -280px -16px;
    height:18px;
}
.menuBox ul.topmenu li.on a#Zasieg, .menuBox ul.topmenu li a#Zasieg:hover {
    background-position: -440px -16px;
    height:18px;
}
.menuBox ul.topmenu li.on a#Kontakt, .menuBox ul.topmenu li a#Kontakt:hover {
    background-position: -605px -16px;
    height:18px;
}

.contentBox {
    width: 900px;
    height: 523px;
    margin: 0 auto;
    background: url('../images/main_bg.png') bottom no-repeat;
}

.mainBox {
    float: right;
    margin: 25px 20px 10px 4px;
    width: 370px;	
}

.footerBox {
    background: url('../images/footer_bg.png') top repeat-x;
}

.bottomBox {
    width: 900px;
    margin: 0 auto;
    height: 84px;
    background: url('../images/bottom_bg.png') bottom no-repeat;
    text-align: center;
    padding: 14px 14px 0 90px;
    font-size: 11px;
    font-family: 'Comfortaa', sans-serif;
    color: #838383;
}

h1 {
    font-size: 11pt;
    color: #4e4e4e;
}

span.high {
    font-size: 14pt;
    color: #a60000;
}

p {
    color: #383838;
}

ul {
    list-style: disc;
    padding-left: 15px;
    padding-top: 3px;
    line-height: 14px;
}

ul li {
    padding: 2px;
}

.image {
    float: left;
    padding-right: 8px;
}

.info {
    line-height: 13pt;
    color: #686868;
}

.ref {
    width: 100%;
}

.ref td {
    text-align: center;
    padding: 20px 0;
}

form input[type=text] {
    margin: 5px 0;
    padding: 3px;
    width: 350px;
}

/*
form input[type=submit] {
	background-color: rgb(83, 83, 83); 
	border: 1px solid rgb(104, 104, 104); 
	color: #a6a6a6; 
	cursor: pointer
}
*/

form textarea {
	margin: 5px 0;
	padding: 3px;
	width: 350px;
	height: 180px;
}

a:link, a:visited {
	color: #e7b9b9;
	text-decoration: none;
}

a:hover {
	color: #C80000;
	text-decoration: none;
}

.email:link, .email:visited {
	text-decoration: none;
	font-size: 10pt;
	color:  #363636;
}

.email:hover {
	color: #cf0000;
}