/*
colors: #DC143C - crimson

*/
@import url(reset.css); /* RESET CSS */

.wrapper{margin:0 auto;width:960px;}
.content{position:absolute;}
.masthead{margin-bottom:0;top:0;width:960px;}
.header{float:left;height:30px;width:100%;
background-color:#4682B4;
  background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#4682B4), to(#4C8EC4));
  background:-moz-linear-gradient(0% 53% 90deg,#4C8EC4, #4682B4);
  -webkit-box-shadow: 2px 2px 2px #bbb;
  -moz-box-shadow: 2px 2px 2px #bbb;
  box-shadow: 2px 2px 2px #bbb;  
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px; 	

}

.masthead h1 {color:#DC143C;float:left;height:0;margin-left:10px;line-height:2.6em;font-weight:700;font-size:2em;
font-family:'Aclonica', serif;
text-shadow: 1px 1px 1px #aaa;
text-transform:capitalize;
letter-spacing:0.035em;

}
.footer{border-top:1px solid #ccc;
height:20px;
padding-left:25px;
padding-top:10px;
position:absolute;
width:960px;
top:1930px;
}
.footer p {font-size:90%;}
ul.nav{float:left;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:13px;margin:0;padding:0 1.5em;
text-align:center;
width:922px;
background-color:#4682B4;
  background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#4682B4), to(#4C8EC4));
  background:-moz-linear-gradient(0% 53% 90deg,#4C8EC4, #4682B4);
height:2.7em;
  -webkit-box-shadow: 2px 2px 2px #bbb;
  -moz-box-shadow: 2px 2px 2px #bbb;
  box-shadow: 2px 2px 2px #bbb;  
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
}


ul.nav li {
  list-style-type: none;
  display: block;
  float: left;
  text-align: center;
  font-family: "Lucida Grande", sans-serif;
 background-color: #4682B4;
  background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#4682B4), to(#4C8EC4));
  background:-moz-linear-gradient(0% 53% 90deg,#4C8EC4, #4682B4);
  padding:0 20px;
}

ul.nav li a {
  display: block;
  padding:0.8em 0.5em 0.8em;
  text-decoration: none;
  color: #F5F5F5;
  text-shadow: 1px 1px 0px #666;
  font-weight:bold;
  text-transform:uppercase;
  font-size:0.9em;
}
ul.nav li:first-child {
}
ul.nav li:first-child {
}
ul.nav li:last-child {
}
ul.nav li:hover {
  background-color:red;
  }
ul.nav li:hover a {
  color: #e8e8e8;
  text-shadow: 1px 1px 0px #353535;
}
ul.nav li + li {border-left: 1px #2C638F solid;}

.size1of4 {
    background: url("../images/beach-02.gif") no-repeat scroll left bottom transparent;
    border-right: 1px solid #CCCCCC;
    float: left;
    height: 750px;
    left: 10px;
    margin-top: 40px;
    position: absolute;
    top: 230px;
    width: 23%;
}

.leftNav{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:200px;}
.leftNav ul{list-style:none;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.leftNav li{color:#F27611;font-family:Tahoma,sans-serif;font-weight:bold;margin-left:0px;border-bottom:1px solid #FFFFFF;background-color:#DC143C;}
.leftNav li a:link, .leftNav li a:visited{display:block;padding:10px 5px 10px 20px;color:#fff;text-decoration:none;font:bold 1em Arial, Helvetica, sans-serif;background:url(../images/arrow-orange-01.png) no-repeat scroll 5px 12px transparent;}
.leftNav li a:hover{color:#fff;font:bold 1em Arial, Helvetica, sans-serif;width:175px;text-decoration:underline;}

.leftNav ul ul a:link, .leftNav ul ul a:visited{background:url(../images/arrow-orange-01.png) no-repeat scroll 5px 12px transparent;color:#20419A;font-weight:normal;padding-left:20px;}
.leftNav ul ul a:hover{font-weight:normal;width:175px;text-decoration:underline;color:#fff;}
.leftNav a:hover{width:200px;}

.size3of4{width:770px;height:auto;float:left;position:absolute;left:250px;top:265px;}
.size3of4 h1{font-size:1em;font-family:Arial, Helvetica, sans-serif;font-size:158%;font-weight:bold;margin:10px 10px 10px 20px;color:#3D68AD;}
.size3of4 h2 {
    background: url("../images/bullet-02.png") no-repeat scroll 0 6px transparent;
    color: #DC143C;
    float: left;
    font-family: 'Aclonica',serif;
    font-size: 16px;
    margin: 15px 0;
    padding-left: 20px;
    width: 600px;
}
.size3of4 p {
    float: left;
    font-size: 90%;
    line-height: 1.5em;
    margin: 0 0 10px;
    width: 700px;
}
color:#DC143C;font-family:'Aclonica',serif;font-size:16px;
margin:15px 0px;padding-left:20px;}
.size3of4 p{clear:left;color:#666666;font-size:0.9em;line-height:1.5em;margin:0 0 5px;width:680px;}
.size3of4 p:nth-child(1) {
    border-bottom: 1px dotted #333333;
    color: #666666;
    font-family: verdana;
    font-size: 0.94em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.3em;
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 700px;
}
.size3of4 a {
    border-bottom: 2px dotted #DC143C;
    color: #DC143C;
    font-weight: bold;
    text-decoration: none;
}
.size3of4 a:hover {
	border-bottom: 2px solid #DC143C;
	left:0;
	top:-2px;
	position:relative;
}
.size3of4 table{background:#FFE4CF none repeat scroll 0 0;margin-left:0px;border-collapse:collapse;font-size:1em;margin-bottom:10px;
float:left;}
.size3of4 caption{background:#3A69AA none repeat scroll 0 0;color:#FFFFFF;
font-size:0.9em;font-weight:bold;height:30px;line-height:2.2em;
padding:0 12px;}
.size3of4 thead tr{background:#B3D4EF none repeat scroll 0 0;}
.size3of4 thead tr th {padding:10px 20px;}
.size3of4 thead tr th + th + th {padding:10px 40px;}
.size3of4 table th{border:1px solid #FFFFFF;font-size:0.9em;
font-weight:normal;line-height:1.6em;text-align:center;}
.size3of4 tr{background:#EBF0F5 none repeat scroll 0 0;}
.size3of4 tbody td{font-size:0.9em;text-align:center;border:1px solid #ffffff;padding:10px;}



body{background:url("../images/background-01.gif") repeat scroll 0 0 transparent;margin:0px auto;font:100% Arial, Verdana, Helvetica, sans-serif;}

a{color:#0000FF;}
a:visited{color:#666;}
a:hover{color:#0000FF;}


.topIcons{float:right;margin:0;}
li.home{background:url("../images/home-icon.png") no-repeat scroll 0 4px transparent;padding-left:14px;}
.topIcons li{display:inline;float:left;margin-right:10px;}
li.favourite{background:url("../images/favourites-icon.png") no-repeat scroll 0 4px transparent;padding-left:14px;}
.topIcons li a{color:#fff;display:block;font-size:0.7em;padding:7px 10px;text-decoration:none;}
.topIcons li a:hover {
	text-decoration:underline;
}
li.sitemap{background:url("../images/sitemap-icon.png") no-repeat scroll 0 7px transparent;padding-left:14px;}
li.facebook{background:url("../images/logo-facebook.png") no-repeat scroll 0 7px transparent;padding-left:14px;}
li.rss{background:url("../images/rss.png") no-repeat scroll 0 7px transparent;padding-left:14px;}

.logo{background:url("../images/focus-logo-10.png") no-repeat scroll 15px 1px transparent;float:left;height:80px;margin:0;width:232px;}
.logo a{display:block;width:250px;height:80px;}

ul.info {
    float: right;
    font-size: 0.9em;
    font-weight: bold;
    margin: 14px 20px;
	color:#666;
}
ul.info span {
    color: #DC143C;
    font-family: 'Aclonica',serif;
    font-size: 2em;
    font-weight: 700;
    letter-spacing: -2px;
	text-shadow:1px 1px 1px #AAAAAA;
}
ul.info li a {
    color: #4682B4;
    letter-spacing: 1px;
    text-decoration: none;
	text-shadow:1px 1px 1px #ccc;
}
ul.info li a:hover {
	text-decoration:underline;
}
.breadcrumbs{border-top:2px dotted #A9A9A9;color:#535353;float:left;font-family:Tahoma,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin-bottom:0px;margin-left:0px;text-decoration:none;width:950px;padding-left:10px;margin-top:80px;}
ul.breadcrumbs li {display:inline;float:left;font-family:Tahoma,Arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;list-style-image:none;list-style-position:outside;list-style-type:none;margin-right:5px;margin-top:0px;text-decoration:none;}
ul.breadcrumbs li a {
    color: #4682B4;
    font-weight: bold;
    text-decoration: none;
}
ul.breadcrumbs li a:hover {
	text-decoration:underline;
}
#middleColumn h3{font-size:0.9em;margin-left:20px;margin-bottom:10px;}
.advantages {
    color: #666666;
    display: block;
    float: left;
    font-size: 0.85em;
    height: 152px;
    margin-left: 17px;
    width: 300px;
}

ul.advantages li {
    list-style-type: disc;
	line-height:1.6em;
}

.formularz{font-weight:bold;text-decoration:none;}


.btn span {
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
    background: none repeat scroll 0 0 #3194C6;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1.5em;
    padding: 10px 20px;
	font-family:tahoma;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BA1133), to(#DC143C));
    background: -moz-linear-gradient(#BA1133, #DC143C);
	 text-shadow: 0 -1px 1px rgba(19,65,88,.8);
	  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

.btn {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow:
    0 8px 0 #820C24,
    0 15px 20px rgba(0,0,0,.35);
  -moz-box-shadow:
    0 8px 0 #820C24,
    0 15px 20px rgba(0,0,0,.35);
  box-shadow:
    0 8px 0 #820C24,
    0 15px 20px rgba(0,0,0,.35);
	 -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  border-bottom:none !important;
  float:left;
}
.btn:active {
  -webkit-box-shadow:
    0 8px 0 #820C24,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow:
    0 8px 0 #820C24,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow:
    0 8px 0 #820C24,
    0 12px 10px rgba(0,0,0,.3);
}

.btn:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
.socialM {float:right;width:350px;}
.socialM a {border-bottom:none;}
.socialM ul {}
.socialM li {float:left;width:160px;display:block;}
