/*  
Theme Name: Interconnect
Theme URI: http://www.woothemes.com/
Description: InterConnect theme (based on OverEasy by WooThemes)
Template: overeasy
Version: 1
Author: m~
Author URI: http://marius.marinescu.biz/
*/

@import url("../overeasy/style.css");

@font-face {
	font-family: 'MyriadProRegular';
	src: url('parts/myriadpro-regular-webfont.eot');
	src: local('?'), url('parts/myriadpro-regular-webfont.woff') format('woff'), url('parts/myriadpro-regular-webfont.ttf') format('truetype'), url('parts/myriadpro-regular-webfont.svg#webfontxgZvFJZ2') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProBlack';
	src: url('parts/myriadpro-black-webfont.eot');
	src: local('?'), url('parts/myriadpro-black-webfont.woff') format('woff'), url('parts/myriadpro-black-webfont.ttf') format('truetype'), url('parts/myriadpro-black-webfont.svg#webfontyHU3M9bq') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font: .75em/1.5em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	}

body a {
	color: #BA161C;
	}
	
p {
	padding-bottom: 0;
	margin-bottom: 1.5em;
	}
	
.hidden {
	display: none;	
	}

#logo h1, #logo p {
	padding-top: 36px;
	margin-bottom: 0;
	float: left;
	}

#header h1 a {
	height: auto;
	}

div#nav1 li {
	text-shadow: 1px 1px 1px #aaa;
	}

div#nav1 li:hover, div#nav1 li.current_page_item  {
	text-shadow: 1px 1px 1px #222;
	}

div#nav1 li.current_page_item a span {
	background-image: url(parts/btn-rounded.gif);
	}

div#nav1 li.current_page_item a {
	background-image: url(parts/btn-rounded.gif);
	cursor: text;
	}

div#nav1 li.current_page_item li a {
	cursor: pointer;
	text-shadow: none;
	}
	
#nav1 li ul li a {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 0 6px 13px;
	text-shadow: none;
}
	
#nav1 li ul li a:hover {
	text-shadow: 1px 1px 1px #bbb;
}
	
h1 {
	color: #262626;
	letter-spacing: 0;
	font-size: 2.5em;
	line-height: 1.2;
	font-family: 'MyriadProBlack';
	font-style: normal;
	font-weight: normal;
	margin-bottom: 1.2em;
	}
	
h2, .pages h3 {
	font-size: 18px;
	line-height: 1;
	padding-top: 18px;
	margin-bottom: 18px;
	font-weight: normal;
	letter-spacing: 0;
	font-family: 'MyriadProBlack';
	}

h1+h2, h1+div h2:first-child {
	padding-top: 0;	
	}
	
div h2 a {
	color: #BA161C;
	}
	
h3 {
	font-family: 'MyriadProRegular';
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
	}
	
li.clear {
	clear: left;
	}

.btn-rounded {
	text-shadow: 1px 1px 1px #222;
	}	
	
.pages {
	overflow: hidden;
	}
	
#page .pages li {
	float: left;
	width: 260px;
	padding: 0;
	background: none;
	position: relative;
	}
	
#promo .c162 li p.description {
	min-height: 32px; 
	padding-left: 40px;
	}
	
.c162 li p.description {
	background: left top no-repeat;
	padding-left: 56px;
	min-height: 48px;
	}
	
.pages .c172 p.description { background-image: url(parts/joystick48.png); }
#promo .c172 p.description { background-image: url(parts/joystick.png); }
.pages .c175 p.description { background-image: url(parts/wireless_headset48.png); }
#promo .c175 p.description { background-image: url(parts/wireless_headset.png); }
.pages .c186 p.description { background-image: url(parts/mail48.png); }
#promo .c186 p.description { background-image: url(parts/mail.png); }
.pages .c302 p.description { background-image: url(parts/users48.png); }
#promo .c302 p.description { background-image: url(parts/users.png); }
.pages .c414 p.description { background-image: url(parts/computer48.png); }
#promo .c414 p.description { background-image: url(parts/computer.png); }


.pages h2, .pages h3 {
	padding-right: 100px;
	}
	
.pages li.clear {
	margin-right: 40px;
	}

.pages .btn-rounded {
	position: absolute;
	right: 0;
	top: 13px;
	}
	
.quote {
	margin-top: 5px;
	}

#page .sitemap li {
	padding-left: 0;
	background: none;
	}
	
.sitemap li {
	font-family: 'MyriadProBlack';
	font-size: 18px;
	line-height: 1;
	}
	
.sitemap li ul {
	padding-top: 18px;
	padding-left: 18px;
	}
	
.sitemap li li {
	font-size: 12px;
	line-height: 1.5;
	font-family: 'Trebuchet MS';
	}
	
#promo {
	background: #fff;
	border: 1px solid #E1DECB;
	position: relative;
	padding: 18px 25px;
	width: 888px;
	height: 250px;
	margin-bottom: 90px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius-bottomleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	}
	
#promo #despre {
	padding-top: 18px;
	padding-left: 310px;
	background: url(parts/promo-image.png) left 18px no-repeat;
	min-height: 225px;
	}

#promo div {
	position: relative;	
	}
	
#promo .title {
	float: left;
	width: 285px;
	margin-right: 25px;
	}

#promo .pages, #avantaje ul {
	float: left;
	overflow: hidden;
	}
	
#promo .pages li {
	margin-right: 0;
	margin-left: 25px;
	position: relative;
	display: inline;
	width: 276px;
	}
	#promo .pages li.clear { margin-left: 0; }

#promo h1, #promo .title p.subtitle {
	font-family: 'MyriadProRegular';
	color: #666;
	margin-bottom: 18px;
	}
	
#promo h1, #promo .title p.subtitle, #promo h2 {
	font-size: 24px;
	line-height: 30px;
	}
	

#promo h1 strong {
	font-family: 'MyriadProBlack';
	display: block;
	color: #111;
	}
	
#promo h2 {
	margin-bottom: 0;
	}
	
#promo blockquote {
	width: 200px;
	float: right;
	margin-left: 25px;
	}

#promo blockquote p {
	font-style: italic;
	color: #666;
	font-family: Georgia, serif;
	margin-bottom: 0;
	}
	
#promo blockquote p.source {
	font-style: normal;
	color: #666;
	font-family: 'Trebuchet MS', Arial, serif;
	}

#promo .title img {
	display: block;
	}
	
#promo #despre .btn-rounded {
	margin-bottom: 0;
	}
	
#promo #despre .btn-rounded {
	margin-bottom: 0;
	}
	
#promo #despre .btn-rounded a {
	margin-right: 18px;
	}

#promo-nav {
	position: absolute;
	bottom: -61px;
	left: -1px;
	overflow: hidden;
	margin: 0;
	}
	
#promo-nav li {
	float: left;
	height: 60px;
	text-transform: uppercase;
	color: #262625;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 5px;
	line-height: 1;
	text-shadow: 1px 1px 1px #aaa;
	}
	
#promo-nav li.ui-state-active {
	margin-top: 0;
	text-shadow: none;
	}
	
#promo-nav li a {
	display: block;
	background: #E0DDC9;
	padding: 18px 25px;
	border: 1px solid;
	border-color: #FCF8F5 #DFDCC8 #DFDCC8 #FCF8F5;
	}
	
#promo-nav li.ui-before-active a {
	border-right-color: #FCF8F5;
	}
	
#promo-nav li.ui-first-child a {
	border-left-color: #DFDCC8;
	border-radius-bottomleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	}
	
#promo-nav li.ui-last-child a {
	border-radius-bottomright: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	}
	
#promo-nav li a:focus {
	outline: none;
	}
	
#promo-nav li a {
	display: block;
	background: #E0DDC9;
	padding: 18px 25px;
	background: url(parts/tab-background.jpg) left bottom repeat-x;
	}
	
#promo-nav li.ui-state-active a {
	color: #262625;
	cursor: text;
	background: #fff;
	padding-top: 23px;
	padding-bottom: 24px;
	border: 1px solid #E1DECB;
	border-top: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius-topright: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-radius-topleft: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	}
	
#promo-nav li.ui-state-active a:hover {
	text-decoration: none;
	}

#avantaje .title {
	width: 272px;
	margin-right: 20px;
	}
	
#avantaje ul {
	padding-top: 18px;	
	}
	
#avantaje ul, #avantaje li {
	overflow: hidden;
	}
	
#avantaje li {
	padding-left: 24px;
	background: url(parts/accept.png) left top no-repeat;
	}
	
#avantaje h3 {
	float:left;
	width: 144px;
	padding-right: 8px;
	}

#avantaje ul p {
	float: left;
	width: 416px;
	margin-bottom: 18px;
	}

	
#centercol ul, #centercol ol {
	margin-bottom: 1.5em;
	}
	
ul.tabled {
	overflow: hidden;
	}
	
ul.tabled li {
	width: 156px;
	padding-right: 10px;
	border-top: 1px solid #E1DECB;
	height: 3em;
	float: left;
	}
	
dt {
	font-weight: bold;
	}

dd  {
	margin-bottom: 1.5em;
	}
	
.ui-tabs-hide {
	display: none;
	}
	
.dynamic {
	margin-left: 25px;
	width: 915px;
	}

.dynamic .col6 {
	padding-right: 25px;
	}
	
.dynamic1 {
	width: 285px;	
	}
	
.dynamic2, .dynamic3 {
	width: 276px;
	}
	
.dynamic .leet {
	padding-right: 0;
	}

.leet li {
	margin-bottom: 9px;
	border-bottom: 1px solid #E1DECB;
	padding-bottom: 8px;
	padding-left: 54px;
	background: left top no-repeat;
	}
	.leet .bgp { background-image: url(parts/globe.png) }
	.leet .graphics { background-image: url(parts/pie_chart.png) }
	.leet .looking-glass { background-image: url(parts/search.png) }
	
.leet li a {
	font-family: 'MyriadProBlack';
	display: block;
	}

	
#rightcol .leet {
	padding: 0 25px;
	color: #888;
	}
	
#rightcol .box2 .spacer {
	padding: 0 25px;	
	}
	
#rightcol h2 {
	font-family: 'MyriadProRegular';
	}
	
#rightcol p.subtitle, #rightcol ul {
	color: #777;
	}
	
#rightcol ul {
	margin-bottom: 1.5em;
	}
	
table {
	width: 100%;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ECF2F4;
	}

td, th {
	padding: 5px;
	text-align: left;
	}
	
th {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
	line-height: 2;
	background: #ECF2F4;
	border-right: 1px solid #F7FAFB;
	border-bottom: 1px solid #E0E6E8;
	}
	
thead th {
	border-top: 1px solid #E0E6E8;
	}
	
.highlight {
	line-height: 1;
	color: #fff;
	background: #487586;
	}

th.highlight {
	background: #355562;
	border-right: 1px solid #3F5E6A;
	border-bottom: 1px solid #2D4853;
	}
	
thead th.highlight {
	border-top: 1px solid #2D4853;
	}

td.highlight {
	font-size: 16px;
	border-color: #446F7F;
	}

th.pret {
	width: 60px;
	}
	
th.acces {
	width: 240px;
	}
	
tbody td {
	border-top: 1px solid #ECF2F4;
	}
	
tfoot td {
	border-top: 1px solid #E0E6E8;
	font-size: 10px;
	line-height: 1.8;
	color: #888;
	}
	
.post ol, .post ul {
	padding-left: 0;
	padding-bottom: 0;
	}
	
.post .btn-rounded a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
.box2 .spacer {
	overflow: hidden;
	}

.search-results li {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #E1DECB;
	}
	
.search-results h3 {
	margin-bottom: 0;
	}
	
.search-results p {
	padding-left: 20px;
	}
	
.btn {
	padding: 4px 10px 6px;
	}
	
ol.forms {
	width: 100%;
	}
	
#page .forms li {
	list-style-type: none;
	margin-left: 0;
	}

.forms li {
	overflow: hidden;
	padding-bottom: 1.5em;
	}

label, input, textarea {
	font-size: 12px;
	line-height: 1.5;
	}
	
label {
	float: left;
	width: 100px;
	font-weight: bold;
	cursor:pointer;
	padding: 6px;
	height: 18px;
	width: 102px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius-topright: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-radius-bottomright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	background: #E0E6E8;
	}

input, textarea {
	background: #fcfcfc; 
	border: 1px solid #e2e2e2;
	padding: 4px 5px 6px;
	height: 18px;
	width: 260px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius-topleft: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-radius-bottomleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	}
	
input:focus, textarea:focus {
	border-color: #000;
	outline: none;
	}

textarea {
	height: 100px;
	border-radius-bottomleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	}
	
.forms .emphasis label {
	background: #355562;
	color: #fff;
	}
	
.forms .emphasis input {
	background: #54889C;
	border-color: #355562;
	color: #fff;
	}

#sendCopy {
	margin-right: 3px;
	position: relative;
	top: 2px;
	}
	
li.buttons .submit {
	background: url("../overeasy/styles/red/btn.gif") repeat-x scroll 0 0 transparent;
	color: #fff;
	font-weight: bold;
	text-transform: none;
	padding: 4px 10px 6px;
	width: auto;
	cursor: pointer;
	margin-left: 120px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	height: auto;
	}
	
li.buttons .submit:hover {
	background: url("../overeasy/styles/red/btn.gif") repeat-x scroll 0 0 transparent;
	position: relative;
	color: #fff;
	left: 1px;
	top: 1px;
	}

.screenReader { left: -9999px; position: absolute; top: -9999px; }

ol.forms li.inline input { width:auto;margin-left:120px; height: auto; padding: 0;}
ol.forms li.inline label { display:inline;float:none;width:auto;background: none; height: auto; padding: 0;}
ol.forms .inputError { border: 1px solid #EFDADA; }

ol.forms li .error {
	font-size:12px;
	display:block;
	margin-left:120px;
	color:red;
	}
	
#search input.keyword {
	height: auto;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
	
#search input.keyword:focus {
	color: #262625;
	}
	
#search input.btn {
	width: auto;
	cursor: pointer;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	height: auto;
	}
	
.ui-autocomplete {
	border: 1px solid #355562;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius-topleft: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-radius-topright: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top: 0;
	background: #fff;
	}
	
.ui-autocomplete a {
	padding: 5px;
	color: #555;
	display: block;
	cursor: pointer;
	}
	
.ui-autocomplete a.ui-state-hover {
	background: #54889C;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

#footer {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #EBE0D9;
	padding: 9px 25px;
	overflow: hidden;
	}
	
#footer p {
	margin-bottom: 0;
	}