/*
document: css/all.css
developer: marcin tworos
company: codelaboratory.com
web: http://codelaboratory.com
date: 25/06/2013
description: this document contains the all pages CSS rules for Ambasador page Cascading Style Sheet developed by Code Laboratory
-------------------------------------------------------------- */
/** Generated by FG **/
@font-face {
	font-family: 'Conv_OfficinaSansC-BookItalic';
	src: url('fonts/OfficinaSansC-BookItalic.eot');
	src: local('☺'), url('fonts/OfficinaSansC-BookItalic.woff') format('woff'), url('fonts/OfficinaSansC-BookItalic.ttf') format('truetype'), url('fonts/OfficinaSansC-BookItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_ChaparralPro-Regular';
	src: url('fonts/ChaparralPro-Regular.eot');
	src: local('☺'), url('fonts/ChaparralPro-Regular.woff') format('woff'), url('fonts/ChaparralPro-Regular.ttf') format('truetype'), url('fonts/ChaparralPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
    color: #3E3E3E;
    font-family: 'Arial',sans-serif;
}

/*p{
    word-break: break-all;
}*/

header h1 		{ font-family: 'Conv_OfficinaSansC-BookItalic'; color: #00448a; font-weight: normal; font-size: 24px;
	 			  float: right; padding: 20px 0 0 0px; position: relative; left: 60px;}


header h1 span  { display: block; font-size: 34px; position: relative; bottom: 12px; left: 10px;}

html     { background-image: url(../graphs/bg-html.png); background-position: top left}
/*body     { text-align: center;}*/

.ambasador { width: 960px; margin: 0 auto;}

header 		{ background-image: url(../graphs/bg-header.jpg); background-position: top center; background-repeat: no-repeat; height: 141px; text-align: left; }


/* a#logo  	{ display: block; float: left; width: 209px; height: 82px;padding: 15px 0 0 0;} */
a#logo  	{ display: block; float: left; width: 209px; height: 92px;padding: 5px 0 0 0;}


#search   { display: block; float: left; backgruond: #000; padding: 6px; margin: 35px 0 0 80px; background: rgba( 0, 0, 0, .2); -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

header input#field   { width: 220px; height: 33px;  border: none; -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

padding-left: 10px; color: #c4c4c4; font-family: 'Myriad Pro'; font-size: 14px;}

header input#btn     { width: 100px; height: 35px;  border: none; background-image: url(../graphs/bg-szukaj.png); background-repeat: repeat-x; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;

color: #000; text-shadow: 1px -1px 1px rgba(255, 255, 255, .66); }

nav 			{ clear: both; width: 960px; margin: 0 auto; text-align: left; padding: 20px 0 0 12px;}  /* with logo padding */
nav a    	    { color: #123d8a; text-transform: uppercase;  font-family: 'Conv_ChaparralPro-Regular','Georgia',sans-serif; font-size: 17px; line-height: 17px;
				 display: inline-block; background-image: url(../graphs/bg-menu-item.png); background-repeat: no-repeat; background-position: top right;
				 margin: 0 7px 0 0 ; padding: 0px 22px 0 0;}


nav a.last-menu-item  	{ background: none;}
nav a.fb-menu-item  		{ float: right; padding: 0; margin: -2px 29px 0 0; background: none;}
nav a.fb-menu-item:hover	{ opacity: .87;}



article  			{ min-height: 600px; padding: 0 0 12px 0; background-image: url(../graphs/bg-article-bottom.jpg); background-position: bottom center; background-repeat: no-repeat;}



footer  			{ padding: 12px 0 0 0; height: 485px; background-image: url(../graphs/bg-footer.jpg); background-position: top center; background-repeat: no-repeat;}

footer .amb982  	{ width: 982px; margin: 0 auto; padding: 0 0 5px 0; background-image: url(../graphs/bg-border_1.png); background-position: bottom center; background-repeat: no-repeat;}



footer h5 			{ width: 960px; margin: 0 auto; font-family: 'Conv_ChaparralPro-Regular','Georgia',sans-serif; font-size: 24px; line-height: 24px; font-weight: normal;
					  text-align: left; padding: 0 3px 7px 36px;}


footer aside 			{ display: inline-block; float: left; }



footer #foo2 {  background-image: url(../graphs/bg-border_2.png); background-position: center 367px; background-repeat: no-repeat;}

#f1 				  { width: 32%; height: 330px;}
#f2 		    	  { width: 30%;}
#f3 		          { width: 36%;}


/*====================================================*/

footer aside 			{ text-align: left; color: #5f5f5f; font-family: 'Arial',sans-serif; }
footer aside nav 		{ width: 100%; padding: 30px;}
footer aside nav a 		{ display: block; background: none; color: #5f5f5f; font-family: 'Arial',sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase;
						  height: 28px;}

#footer-fb              { font-size: 12px; color: #605f5f; text-transform: none; margin: 10px 0 0 0;}
#footer-fb img 			{ position: relative; top: 7px; margin: 0 8px 0 0;}

footer aside nav a:hover,
#footer-fb:hover 			{ color:#064896}
/*====================================================*/
#f2 h6 								{  font-size: 14px; line-height: 14px; padding: 27px 0 5px 0;}
#f2 .header 						{  font-size: 12px; line-height: 14px; text-transform: uppercase; padding: 10px 0 5px 0;}
#f2 p 								{  font-size: 12px;}
/*====================================================*/
#f3 					{ padding: 80px 0 0 0;}
/*====================================================*/


#copyrights 			{ clear: left; text-align: left; font-family: 'Arial',sans-serif; font-size: 11px; line-height: 12px; color: #757575; padding: 17px 0 50px 0;}
#copyrights a 			{ color: #de7a34;}
#copyrights span 		{ float: right;}

.clear      { clear: both; display: block;}

.home-col {
    margin-bottom: 12px;
}

#hc_1   { width: 42.5%; padding: 0 2% 0 2%; }
#hc_2   { width: 30.5%; padding: 0 0 0 0;}
#hc_3   { width: 22%; }
#hc_3 a   { display: block; margin:5px 0 0 0; }

span.date {
    font-size: 11px;
    font-style: italic;
}

.newbie{
    color:#3F911E;
    font-size:14px;
}

.promoted{
    color:#00458A;
    font-size:14px;
}

#partnerzy{
    width:982px;
    height:81px;
    background-color:#FFFFFF;
    overflow: hidden;
    position: relative;
}
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 982px;
	height: 81px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 982px;
	height: 81px;
    padding: 10px 0;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	height: 200px;
    margin-right:15px
}

#face-slider{
	position:fixed;
	right:-218px;
	top:190px;
	z-index:100;
}
#face-slider #tab{
	cursor:pointer;
	height: 140px;
    width: 46px;
	float:left;
	background-image: url(img/facebook-slider.png);
}
#face-code{
	float:left;
	width:218px;
	height:140px;
}