/******* MAIN CSS styles + Fixes *******/
/******** Copyright © Pixio 2012 *******/
/************* www.pixio.cz ************/

/* ----- RESET Styles ----- */

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,  group, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
html {overflow-y: scroll;}
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;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
ol, ul {list-style: none;}
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 #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
.clear{clear: both;height: 0px;visibility: hidden;}
/* ----- FONT Face Styles ----- */


/*****************************************************************************************************************************/
/* ----- Main Styles ----- */
*{font-family: Arial;}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
body{background: #b1dafa url(img/body.jpg) top center no-repeat;}

#Wrapper{margin: 0 auto;width: 990px;position: relative;height: 80px;}
h1{position: relative;top: 15px;left: 35px;display: block;background: url(img/logo.png) top left no-repeat;width: 280px;height: 225px;text-indent: -5555px;}
h1 a{display: block;width: 100%;height: 100%;}
h2{position: absolute;top: 290px;left: 37px;text-transform: uppercase;color: #626262;font-size: 25px;}

#content{width: 580px;position: absolute;top: 350px;left: 37px;}
#content p{color: #626262;line-height: 25px;font-size: 14px;text-align: justify;margin-bottom: 7px;}
#content strong{font-size: 14px;display: block;margin-bottom: 7px;}

#contacts{position: absolute;right: 20px;height: 50px;width: 300px;top: 270px;}
#contacts h3{color: #343434;font-weight: bold;font-size: 17px;position: relative;top: 10px;}
#contacts ul{position: absolute;top: 40px;}
#contacts ul li{font-size: 13px;line-height: 21px;}
#contacts #imperia{display: block;width: 115px;height: 77px;background: url(img/imperia.png) top left no-repeat;text-indent: -5555px;position: absolute;left: 80px;top: 160px;}

#person{position: absolute;top: 296px;left: 40px;}
#person strong{display: block;color: #2590b4;font-size: 19px;}
#person span{color: 404747;font-size: 12px;font-weight: bold;line-height: 20px;}
#person table{margin-top: 12px;}
#person table tr td{font-size: 13px;line-height: 25px;color: 404747;font-weight: bold; }
#person table tr td em{font-style: normal;color: #404747;}

#footer{position: absolute;top: 815px;font-size: 14px;left: 200px;width: 780px;height: 40px;color: #5f9da6;}
#footer strong{float: right;font-weight: normal;}
#footer a{text-decoration: underline;color: #5f9da6; }
#footer a:hover{text-decoration: none;}

/*****************************************************************************************************************************/
/* ----- Browsers Fixes ----- */

.ie7{}
.ie8{}
.ie9{}

@-moz-document url-prefix(){} /*Firefox*/
@media screen and (-webkit-min-device-pixel-ratio:0) {} /*Chrome*/