@charset "utf-8";

/*	---------------------------------------------------------------------------------------
	Spray Stud 100 ejaculare
	Because we can maximize your profit!
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Desc:		Main styles
	File:		style.css
	Version:	1.0
	Date:		March 15th, 2008
	Author:		Petr Vágner
	---------------------------------------------------------------------------------------	*/
		
/*	---------------------------------------------------------------------------------------
	Main styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		body {
			margin:0px;
			padding:0px;}
			
		body,td,th {
			font-family:Arial, Helvetica, sans-serif;
			font-size:75%;
			color:#555;
			background-color:#FFFFFF;}
			
		p, h1, h2, h3, h4, form, ul, li {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		p {
			line-height:150%;}
			
		a {
			color:#398AA5;
			font-family:Georgia, "Times New Roman", Times, serif;}
			
		a:hover {
			color:#A10607;}
			
		img {
			border:0px}
		
/*	---------------------------------------------------------------------------------------
	Content styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#content {
			padding:18px 0px 0px 0px;
			background-image:url("bg-content.png"/*tpa=http://www.outsourceczech.com/img/bg-content.png*/);
			background-repeat:repeat-x;}
			
		#content h2 {
			font-size:140%;
			font-weight:normal;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#383838;
			margin:0px 0px 15px 0px;}
			
		#content h3 {
			font-size:190%;
			font-weight:normal;
			line-height:30px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#383838;
			margin:0px 0px 20px 0px;}
			
		#content h4 {
			font-size:300%;
			font-weight:normal;
			line-height:30px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#383838;}
			
		#content p {
			margin:0px 0px 15px 0px;}
		
/*	---------------------------------------------------------------------------------------
	Top styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		#top {
			height:57px;
			background-image:url("top.png"/*tpa=http://www.outsourceczech.com/img/top.png*/);
			background-repeat:repeat-x;
			background-color:#0E1116;
			padding:0px 20px;}
			
		#top h1 {
			text-indent:-9009px;
			background-image:url("logo.png"/*tpa=http://www.outsourceczech.com/img/logo.png*/);
			background-repeat:no-repeat;
			background-color:#BE0A0B;
			width:392px;
			height:67px;
			float:left;
			margin-left:-10px;
			position:absolute;
			z-index:1;}
			
		#top p {
			color:#FFFFFF;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:160%;
			background-repeat:no-repeat;
			float:right;
			margin:13px 10px 0px 0px;}
		
/*	---------------------------------------------------------------------------------------
	Menu styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#menu {
			height:56px;
			background-image:url("bg-menu.png"/*tpa=http://www.outsourceczech.com/img/bg-menu.png*/);
			background-repeat:repeat-x;
			background-color:#F6F5F0;
			border-bottom:1px solid #E6E3DB;}
			
		#menu ul {
			width:840px;
			margin:0px auto;
			list-style-type:none;}
			
		#menu li {
			float:left;}
			
		#menu li a {
			display:block;
			height:18px;
			font-size:130%;
			background-position:0px 0px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#3F3F3F;
			text-decoration:none;
			padding:19px 0px;
			text-align:center;
			border-right:1px solid #F6F5F0;
			border-left:1px solid #EBE9DE}
		
		#menu li a:hover {
			background-position:0px -56px;
			background-color:#FFFFFF;}
			
		#menu li .selected {
			background-position:0px -112px;
			background-color:#E1DED5;
			color:#0E1116}
			
/*	---------------------------------------------------------------------------------------
	Main content styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#main-content {
			float:left;
			width:532px;
			margin:0px 0px 30px 0px}
			
		#main-content ul {
			list-style-type:none;
			margin:0px 0px 0px 5px;}
			
		#main-content li {
			background-image:url("li-blue.gif"/*tpa=http://www.outsourceczech.com/img/li-blue.gif*/);
			background-repeat:no-repeat;
			background-position:-4px 0px;
			height:16px;
			padding:0px 0px 7px 15px;}
			
		#main-content .obrazek {
			border:1px solid #E1DED5;
			padding:1px;
			background-color:#FFFFFF;}
			
		#main-content .portfolio {
			margin:10px 0px 20px 0px;}
		
/*	---------------------------------------------------------------------------------------
	Sidebar styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#sidebar {
			float:right;
			width:232px;
			padding:20px;
			background-image:url("bg-sidebar.png"/*tpa=http://www.outsourceczech.com/img/bg-sidebar.png*/);
			background-repeat:no-repeat;
			position:relative;
			top:-48px;
			margin:0px 0px -48px 0px}
			
		#about {}
		
		#about ul {
			margin:0px 0px 6px 5px;
			list-style-type:none;}
			
		#about li {
			margin:0px 0px 7px 0px;
			padding:1px 0px 0px 25px;
			background-repeat:no-repeat;
			height:16px;}
			
		#technology ul {
			margin:0px 0px 6px 5px;
			list-style-type:none;}
			
		#technology li {
			margin:0px 0px 7px 0px;
			padding:1px 0px 0px 20px;
			background-repeat:no-repeat;
			height:16px;}
			
		#recognition ul {
			margin:0px 0px 6px 5px;
			list-style-type:none;}
			
		#recognition li {
			margin:0px 0px 7px 0px;
			padding:1px 0px 0px 20px;
			background-repeat:no-repeat;
			height:16px;}
			
		#call ul {
			margin:0px 0px 13px 5px;
			list-style-type:none;}
			
		#call li {
			margin:0px 0px 7px 0px;
			padding:1px 0px 0px 25px;
			background-repeat:no-repeat;
			height:16px;}
			
		
		.coding {
			background-image:url("li-html.png"/*tpa=http://www.outsourceczech.com/img/li-html.png*/);}
			
		.flash {
			background-image:url("li-flash.png"/*tpa=http://www.outsourceczech.com/img/li-flash.png*/);}
			
		.aw {
			background-image:url("li-aw.png"/*tpa=http://www.outsourceczech.com/img/li-aw.png*/);}
			
		.time {
			background-image:url("li-time.png"/*tpa=http://www.outsourceczech.com/img/li-time.png*/);}
			
		.bullet {
			background-image:url("li-blue.gif"/*tpa=http://www.outsourceczech.com/img/li-blue.gif*/)}
			
		.cz {
			background-image:url("li-cz.png"/*tpa=http://www.outsourceczech.com/img/li-cz.png*/);
			background-position:2px 3px;}
			
		.gb {
			background-image:url("li-gb.png"/*tpa=http://www.outsourceczech.com/img/li-gb.png*/);
			background-position:2px 3px;}
			
		.us {
			background-image:url("li-us.png"/*tpa=http://www.outsourceczech.com/img/li-us.png*/);
			background-position:2px 3px;}
			
		.skype {
			background-image:url("li-skype.png"/*tpa=http://www.outsourceczech.com/img/li-skype.png*/);
			background-position:2px 0px;}
			
		.email {
			background-image:url("li-email.png"/*tpa=http://www.outsourceczech.com/img/li-email.png*/);
			background-position:2px 1px;}
			
		.gt {
			background-image:url("li-gt.png"/*tpa=http://www.outsourceczech.com/img/li-gt.png*/);
			background-position:2px 0px;}
			
			
		#newsletter .field {
			font-family:Arial, Helvetica, sans-serif;
			font-size:100%;
			background-image:url("bg-news-field.png"/*tpa=http://www.outsourceczech.com/img/bg-news-field.png*/);
			background-repeat:no-repeat;
			border-bottom:1px solid #EBEAE4;
			border-right:1px solid #EBEAE4;
			border-left:1px solid #D4D4CF;
			border-top:1px solid #D4D4CF;
			color:#929292;
			height:18px;
			width:175px;
			padding:6px 5px 4px 5px;}
			
		#newsletter .left {
			width:192px;}
			
		#newsletter p {
			margin:0px 0px 16px 0px}
		
/*	---------------------------------------------------------------------------------------
	Homepage promo styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#hp-promo {
			background-image:url("hp-promo.png"/*tpa=http://www.outsourceczech.com/img/hp-promo.png*/);
			background-repeat:repeat-x;
			height:289px;}
			
		#hp-promo .man{
			background-image:url("hp-man.png"/*tpa=http://www.outsourceczech.com/img/hp-man.png*/);
			width:259px;
			height:295px;
			float:left;
			margin:-6px 0px 0px 50px;
			position:relative;
			z-index:0;}
			
		
		#box {
			width:840px;
			margin:0px auto;
			padding:0px 0px 0px 0px;}
			
		#cont {
			float:left;
			width:480px;}
			
		
		#box h2 {
			font-size:190%;
			font-weight:normal;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#fff;
			margin:60px 0px 12px 5px;}
			
		#box h3 {
			line-height:140%;
			font-size:100%;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			color:#fff;
			margin:0px 0px 12px 5px;}
			
		#box .bigger {
			font-size:290%;
			color:#FFFFFF;
			float:left;
			padding:8px 7px 0px 0px}
			
		#box a {
			margin:0px 0px 0px 5px;
			color:#FFFFFF;
			float:right;}
			
		#box a:hover {
			background-position:0px -51px;}
			
		
		#hp-left {
			width:251px;
			float:left}
			
		#hp-left p {
			padding:0px 5px 0px 5px;}
			
		#hp-left h2 {
			margin:0px 5px 15px 5px;}
			
		#hp-left img {
			margin:0px 0px 14px 0px}
			
		#hp-left .go {
			background-position:5px 3px;
			padding:0px 5px 0px 23px;}
			
			
		#hp-right {
			width:251px;
			float:right}
			
		#hp-right p {
			padding:0px 5px 0px 5px}
			
		#hp-right h2 {
			margin:0px 5px 15px 5px;}
			
		#hp-right img {
			margin:0px 0px 14px 0px}
			
		#hp-right .go {
			background-position:5px 3px;
			padding:0px 5px 0px 23px;}
		
/*	---------------------------------------------------------------------------------------
	Contact styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#contact .text {
			width:100%;
			margin:5px 0px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:120%;
			background-image:url("bg-news-field.png"/*tpa=http://www.outsourceczech.com/img/bg-news-field.png*/);
			background-repeat:no-repeat;
			border-bottom:1px solid #EBEAE4;
			border-right:1px solid #EBEAE4;
			border-left:1px solid #D4D4CF;
			border-top:1px solid #D4D4CF;
			color:#0E1116;
			line-height:20px;
			padding:6px 5px 6px 5px;}
		
		#contact .cb {
			float:left;
			margin:-43px 0px 0px 80px}
			
		#contact .cb input {
			margin:0px 5px 0px 0px;}
		
		#contact #button {
			width:58px;
			background-image:none;
			padding:0px;
			border:0px}
			
		#contact {padding:10px 22px 5px 10px;
			margin:0px 0px 0px 0px;}
		
/*	---------------------------------------------------------------------------------------
	Footer styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#footer {
			width:840px;
			margin:0px auto;
			border-top:1px solid #E1DED5;
			padding:10px;
			color:#939393;}
			
		#footer a {
			color:#939393;}
		
/*	---------------------------------------------------------------------------------------
	CSS fixes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		.cleaner {
			clear:both;
			height:0px;
			font-size:0px;}
			
		.left {
			float:left;}
			
		.right {
			float:right;}
			
		.border {
			padding:1px;
			background-color:#FFFFFF;
			border:1px solid #E1DED5;
			margin:20px auto 20px auto;}
			
		.smaller {
			font-size:60%;}
			
		.banner {
			margin:3px 0px 10px 0px}
			
		.banner-hp {
			margin:3px 0px 0px 0px}
			
		.center {
			width:840px;
			margin:0px auto;}
			
		.go {
			background-image:url("arrow.gif"/*tpa=http://www.outsourceczech.com/img/arrow.gif*/);
			background-repeat:no-repeat;
			background-position:0px 3px;
			padding:0px 0px 0px 18px;}
			
		.divider {
			margin:5px 0px 13px 0px;}
		
		.home {
			width:140px;}
		
		.stud {
			width:120px;}
		.about-us {
			width:87px;}
		
		.our-work {
			width:95px;}
		
		.contact {
			width:78px;}
		
		.hint {
			width:100%;
			display:block;}
			
			#acc {
visibility:hidden;
position:absolute;
left:0px;
top:0px;
}
#acc h2 {
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#acc p {
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#cccccc;
}
.style2 {font-size: 12px}
/*	---------------------------------------------------------------------------------------
	End - (c)2008 Petr Vágner - for the love of god! make your own CSS, but be free to learn!
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/