/*
Theme Name: Landrom Light Theme v1.0
Theme URI: http://www.creative-assembly.ro/portofoliu
Author: Creative Assembly
Author URI: http://www.creative-assembly.ro/
Description: Landrom theme by Creative Assembly Romania.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color:#fff;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}
/* HTML5 block-level reset for enhanced structural tag support in older browsers */
header, footer, section, aside, nav, article, figure { display: block; padding: 0; margin: 0; }


ul li {
	list-style-type: none;
	padding: 0 0 2px 15px;
	margin: 0 0 0 0;
	position:relative;
	background-repeat:no-repeat;
	background-position:0 8px;
}

ul li {
	background-image:url(images/arrow.gif)
}
	ul li a {
		text-decoration:none;
	}
	ul ul {
		margin: 0 0 -2px .5em;
	}


/* Style */
body {
	margin: 0 auto;	
	padding:0px;
	border:0px;
	text-align:center; /*For IE6 Shenanigans*/
	height: 100%;
	text-rendering: optimizeLegibility;
	position:relative;
	background:url(images/bg.jpg) #FFF no-repeat center top; 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#8a8a8b;
	
}
body .site {
	padding: 0 15px;
	margin:0 auto;
	text-align:left;
	width: 960px;
	}

#masthead {
	padding-top: 300px;
	position:relative;
	z-index:10;
}
.site-title {
	 float:left;
	 margin-top:11px;
	 }
.assistive-text {
	display: none;
}
.screen-reader-text { display:none; }

#search{float:left;}#search form{position:relative;background:url(images/input-tail.gif) center top repeat-x #fff;border-bottom:1px solid #d1d1d1;border-radius:5px;-webkit-border-radius:5px;overflow:hidden;padding-left:13px;}#search #s{width:155px;padding-left:0;float:left;background:none;border-bottom:none;border-radius:0;-webkit-border-radius:0; border:0 ; padding-top:5px;}#search #searchsubmit{display:block;width:38px;height:32px;background:url(images/top-search-button.png) center 9px no-repeat;border:none;font:0/0 a;color:transpaent;float:left;}#search #searchsubmit:hover{background-position:center -30px;}

/* Menu */
.main-navigation {
	z-index: 99999;
	position:relative;
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	
}

.menu-primary-container {
	position:relative;
	z-index:99999;
}

.sf-menu{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}

.sf-menu {
   width: 100%;
}


.sf-menu {
	line-height:	1.0;
	display: block;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li {float:left; display:inline-block !important; position:relative; font-style:normal; text-align:center; z-index:99;}


.sf-menu li:hover {
	color:#000;
}
	.sf-menu li a {display:block;color:#999; font-size:15px; text-align:left; text-decoration:none;  padding:20px 10px; }
	.sf-menu li a strong{position:relative; font-weight:700;}
			.sf-menu li a:hover{text-decoration:none; color:#000;}
			.sf-menu li.current_page_item a, .sf-menu li.current-menu-item a {text-decoration:none; color:#000;}

.main-navigation, .main-navigation li, .main-navigation li a { /* Overide parent style */
	text-align:left;
	text-transform:uppercase;
	line-height: 1;
}

/* Essential styles for dropdown menu */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;

}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	background:none;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			55px; /* match top ul list item height */
	z-index:		99999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			178px; /* match ul width */
	top:			-9px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			178px; /* match ul width */
	top:			-9px;
}
/* Submenu style */

.sf-menu li.current-menu-parent a {
	color:#000;
}

.sf-menu li li a {
	display:		block;
	position:		relative;
}
.sf-menu li li {float:left; display:inline-block !important; position:relative; font-style:normal; text-align:center; height:38px; background: #666; 
color:#ccc; margin-top: 1px; }

.sf-menu li li:hover {
	background:#333;
	color:#ccc;
}
	.sf-menu li li a {display:block;color:#ccc; font-size:11px; text-align:left; text-decoration:none; padding:13px; }
	.sf-menu li li a strong{position:relative; font-weight:700;}
			.sf-menu li li a:hover{text-decoration:none; color:#ccc;}
			.sf-menu li li.current_page_item a, .sf-menu li li.current-menu-item a {text-decoration:none; color:#ccc; background: #333;}



#language-selector {
	position:relative;
	float:left;
	margin-left:230px;
	margin-right:30px;
}

#language-selector ul li {
	float:left;
	margin:15px 5px 0px 5px;
	background:none;
	padding:0px;
}

#language-selector ul li a {
	width:54px;
	height:17px
}
.lang-en {
	border-right: 2px solid #FFF;
	padding-right:10px !important;
}

#language-selector a, #language-selector a:link, #language-selector a:active, #language-selector a:focus {
	color:#FFF;
	text-decoration:none;
}

#language-selector a:hover {
	color:#018ada;
}

.qtrans_flag span { display:inline-block !important; }
.qtrans_flag_en { background:none !important;}
.qtrans_flag_ro { background:none !important;}

#frontpagetitle h1 {
	font-weight:lighter;
	margin: 15px 130px 15px 0px;
}
#frontpagetitle {
	float:right;
}
#main {
	clear:both;
	position:relative;
	z-index:9;
}

/* Despre noi*/

#dleft {
	float:left;
	width:310px;
	padding-right:15px;
	font-size:13px;
}

#dleft img {
	border-top: 2px solid #018ada;
}

#dleft div {
	margin-bottom: 30px;
}

#dleft h3 {
	font-size:15px;
	font-weight:lighter;
	padding: 7px 0px;
}

.more {
	float:right;
}

.more a {
	color:#8a8a8b !important;
	text-decoration:none;
}

.more a:hover {
	color:#018ada !important;
}

#dright2 {
	margin-top: 45px;	
}

#dright2bar1 {
	float:left;
	background:url(images/bara1.jpg) no-repeat;
	width: 239px;
	height:118px;
	padding-left:75px;
	color:#FFF;
	font-size:13px;
}

#dright2bar2{
	float:right;
	background:url(images/bara2.jpg) no-repeat;
	width: 239px;
	height:118px;
	padding-left:75px;
	color:#FFF;
	font-size:13px;
}

#dright2bar1 h3, #dright2bar2 h3 {
	text-align:center;
	padding:5px;
	margin-top:10px;
}
 

#dright {
	float:right;
	width:635px;
}

#dright h2 {
	font-weight:lighter;
	padding: 10px 0px;
}

#slider div {
	margin:0;
}


/* Portofoliu */



#pleft {
	background:#e0e1e3;
	float:left;
	width: 160px;
	height: 100%;
	margin-right:20px;
	margin-top:15px;
	text-align:center;
	font-size: 13px;
	padding-top: 10px;
	min-height:430px;
}

#pleft h3 {
	font-weight:lighter;
	color:#919191;
	text-align:center;
}

#pleft img {
	border:none;
	box-shadow:none;
	border-radius:none;
}

#pright {
	float:right;
	width:770px;
	
}

#pright h2 {
	color:#b6c000;
	font-weight:lighter;
	padding: 8px 0px;
}
.metaslider {
	margin: 15px 0px;
	border-top:2px solid #b6c000;
}

#nav-below {
	height:31px;
	text-align:center;
	clear:both;
	padding-top: 30px;
}

#nav {
	height:50px;
	margin: 20px 20px 0px 70px;
}

.nav-previous a, .nav-next a {
	padding: 10px 10px 10px 5px;
}

.nav-previous a {
	float:left;
}

.nav-next a {
	float:right;
}

.nav-previous a:hover, .nav-next a:hover {
	background:#176093;
	text-decoration:none;
	color:#FFF;

}

.nav-single {
	margin-left: 67px;
}

.page-numbers {
	padding:1px 6px 3px 6px;
	border: solid 1px #999;
	background:#eceae9;
	color:#0369a7;
}


.page-numbers:hover {
	background:#176093;
	text-decoration:none;
	color:#FFF;
}

.page-numbers.current {
	background:#FFF;
	text-decoration:none;
	color:#000;

}

/*Careers*/

#wpcf7-f122-p10-o1 p.field input { /*Change the id!!!!!!!!*/
	width:330px;
}

#wpcf7-f122-p10-o1 textarea { /*Change the id!!!!!!!!*/ 
	width: 330px;
}


#wpcf7-f122-p10-o1 input[type="file"] { /*Change the id!!!!!!!!*/
	border:0;
	border-radius:0;
}

/* Contact */

#contact-adresa {
	background:url(images/address-icon.png) no-repeat;
	background-position:left;
	color: #999;
	font-size:12px;
	padding: 30px 25px 30px 30px;
	float:left;
}

#contact-email {
	background:url(images/letter-icon.png) no-repeat;
	background-position:left;
	color: #999;
	font-size:12px;
	padding: 30px 30px;
	float:left;
}

#contact-telefon {
	background:url(images/phone-icon.png) no-repeat;
	background-position:left;
	color: #999;
	font-size:12px;
	padding: 30px 30px;
	float:left;
}


#contact-right {
	width: 290px;
}

#contact-left {
	float:left;
	max-width: 630px;
}

#contact-left img {
	box-shadow:none;
	border-radius:none;
	border:none;	
}

#contact-right {
	float:right;
	width: 290px;
}

/* Contact form */

div.wpcf7 .watermark {
	color:#ceae66 !important;
}

input[type="text"], input[type="email"], textarea {
	background:#f2f4f6;
	padding:6px 0 6px 5px;
	border: 0;
	margin: 0;
	color:#666;
	border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-width: 0px 0px 1px;  background-position: initial initial; background-repeat: initial initial;
	font-size:12px;
	padding-left: 10px;

	}
input.wpcf7-form-control.wpcf7-submit {
	margin:15px 0px 12px 0px;
	padding: 7px 20px;
	background:#f2f4f6;
	float:right;
	color:#000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	box-shadow:none;
	border-radius:none;
	border:0;
	border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(180, 180, 180); background-position: initial initial; background-repeat: initial initial;

}
input.wpcf7-form-control.wpcf7-submit:hover {
	background:#999;
	box-shadow:none;
	border-radius:none;
	border:0;
	border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(180, 180, 180); background-position: initial initial; background-repeat: initial initial;

}


.wpcf7-form-control {
	background:#f2f4f6;
	border:none;
	border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(180, 180, 180); background-position: initial initial; background-repeat: initial initial;

} 
.wpcf7-form p.field {
	margin-bottom:9px;
	overflow:hidden;
	vertical-align:top;
	position:relative;
	}
.wpcf7-form p.field input {
	width:290px;
	background:#f2f4f6;
	
	}
	.wpcf7-form p.field small {
		color:red;
		}
		
.wpcf7-form p.field input {
	width:277px;
	padding: 6px;
	border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-width: 0px 0px 1px;  background-position: initial initial; background-repeat: initial initial;
	}

#wpcf7-f6-p11-o1 textarea {
	width:330px;
	max-width:330px;
	min-width:330px;
}
.wpcf7-form textarea {
	width:277px;
	height:255px;
	min-height:255px;
	overflow:auto;
	margin-bottom:17px;
		border-top-left-radius: 14px;  border-bottom-right-radius: 14px;  border-width: 0px 0px 1px;  background-position: initial initial; background-repeat: initial initial;
		padding: 6px;

	}
.wpcf7-form .submit-wrap {
	padding:0;
	margin:0;
	}
	span.wpcf7-form-control-wrap {
		display:block;
		}
	.wpcf7-not-valid-tip {
		width:284px !important;
		position:absolute;
		left:0 !important;
		top:0 !important;
		padding:4px 0 4px 10px !important;
		background:#f3b7b7 !important;
		color:red !important;
		border:none !important;
		}
	div.wpcf7-response-output {
		margin-left:0 !important;
		margin-right:0 !important;
		}

	.wpcf7-captchar {
		width: 60px;
		float:left;
	}
	.wpcf7-captchac {
		float:left;
		margin-left:60px;
	}

	
	.wpcf7-captcha-captcha-334 {
		float:left;
	}

.wpcf7-response-output {
	width:270px;
}


input.wpcf7-form-control.wpcf7-submit {
	margin:15px 0px 12px 0px;
	padding: 7px 20px;
	background:#f2f4f6;
	float:right;
	color:#000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	box-shadow:none;
	border-radius:none;
	border:0;
	border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(180, 180, 180); background-position: initial initial; background-repeat: initial initial;
	clear:both;

}
input.wpcf7-form-control.wpcf7-submit:hover {
	background:#999;
	box-shadow:none;
	border-radius:none;
	border:0;
	border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(180, 180, 180); background-position: initial initial; background-repeat: initial initial;

}

/* Footer */

#colophon {
	background: #454346;
	overflow:hidden;
	text-align:left;
	padding-bottom:20px;
	margin-top:20px;
}

.cfooter {
	margin: 0 auto;
	width:960px;
	padding-top:5px;
}

.footerboxes {
	float:left;
	padding: 10px;
	font-size:13px;
	width: 280px;
	padding:20px;
}

#social li {
	background:none;
	padding: 3px 0px;
}

.footerboxes a, .footerboxes a:link, .footerboxes a:active, .footerboxes a:visited, .footerboxes a:focus, .footerboxes a:hover {
	text-decoration:none;
	text-transform:uppercase;
}
.footerboxes a, .footerboxes a:link, .footerboxes a:active, .footerboxes a:visited, .footerboxes a:focus {
	color:#b7b8b9;
}

#social {
	font-size:15px;
}

#social li{
	padding-bottom:5px;
}

.footerboxes a:hover {
	color:#018ada;
}
.footerboxes h2 {
	padding: 10px 0px;
	color:#018ada;
	font-weight:lighter;
	font-size:17px;
}

.footer-menu li {
	padding: 3px 0px;
	background:none;
}

.footer-menu li li {
	display:none;
}


#footermenu li li a {
	display:none;
}
.footerboxes span, .contentbox span {
	text-decoration:underline;
}

.footerboxes p, .contentbox p {
	text-indent: 10px;
}

.footerdown {
	color:#666;
	background:#333;
	height:20px;
}

#footerleft {
	float:left;
	width:480px;
	text-align:left;
}


#footerright {
	float:right;
	width:480px;
	text-align:right;
}

#footerright span {
	color:#018ada;
}

/* Formatare */


h1, h1 a, h1 a:link, h1 a:hover, h1 a:active, h1 a:visited, h1 a:focus  {
	font-size: 22px;
	margin: 0;
	padding: 0;
	color:#018ada;
	text-align: left;
	text-decoration:none;
	font-weight:lighter;
	}

h2, h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, h2 a:focus  {
	font-size: 19px;
	margin: 0;
	padding: 0;
	color:#018ada;
	text-align: left;
	text-decoration:none;
	font-weight:lighter;
	}

h3, h3 a, h3 a:link, h3 a:hover, h3 a:active, h3 a:visited, h3 a:focus  {
	font-size: 17px;
	margin: 0;
	padding: 0;
	color:#018ada;
	text-align: left;
	text-decoration:none;
	font-weight:lighter;
	}

h4, h4 a, h4 a:link, h4 a:hover, h4 a:active, h4 a:visited, h4 a:focus  {
	font-size: 15px;
	margin: 0;
	padding: 0;
	color:#018ada;
	text-align: left;
	text-decoration:none;
	font-weight:lighter;
	}

a, a:link, a:active, a:visited, a:focus {
	color:#018ada;
	text-decoration:none;
}
a:hover {
	color:#0CF;
	text-decoration:none;
}

.nocomments {
	display:none;
}