/******************************************************************
Theme Name: Una Skincare
******************************************************************/

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/



body { 
	
	 font-family:Helvetica;
	}

#topnav {background: #f6f6f6; width: 100%; height: 40px; }

#main {position: relative;}
#vorur_linkar {
display: block;
height: 500px;
background: url(library/images/vorur-unaskincare.jpg) no-repeat top;
position: relative;
}
#vorur_en_linkar {
display: block;
height: 500px;
background: url(library/images/vorur-unaskincare-1-en.png) no-repeat top;
position: relative;
}
#sagan_linkar {
display: block;
height: 500px;
background: url(library/images/vorur/sagan-bg.jpg) no-repeat top;
position: relative;
}
#sagan_en_linkar {
display: block;
height: 500px;
background: url(library/images/vorur/sagan-en-bg2.jpg) no-repeat top;
position: relative;
}
.vorur_linkur1 a {
display: block;
height: 35px;
width: 80px;
position: absolute;
top: 126px;
right: 240px;
}.vorur_linkur2 a {
display: block;
height: 35px;
width: 88px;
position: absolute;
top: 125px;
right: 147px;
}
.vorur_linkur3 a {
display: block;
height: 35px;
width: 100px;
position: absolute;
top: 125px;
right: 39px;
}

.page-id-32 h4 {
color: #9db22f;
font-size: 16px;
font-weight: normal;
}
.svar {
border-bottom: 2px solid #9db22f;
}
#products-overview {border-top: 1px solid #e7e7e7;}
.product {float:left; width: 300px; margin-right:10px;}
.page-title {
font-size: 30px;
color: #545454;
}

.page-item-259, .page-item-286 {display:none !important;}
#s {
border: none;
padding: 5px;
background: #EFEFEF;
margin: 0px !important;
float: left;
height: 17px;

}
.searchform {
width: 187px;
margin-top: -1px !important;
}
#searchsubmit {
float: right;
top: -27px;
position: relative;
}

.vara {
display: block;
border-bottom: 2px solid #798e47;
padding-bottom: 15px;
margin-bottom: 10px;
font-size: 18px;
color:#9db22f;

}

.innihaldsefni {
float: left;
width: 165px;
margin: 10px;
height: 235px;
}

.innihaldsefni:hover h4 {
	border-top: 1px solid #545454;
	color: #545454;
}
.innihaldsefni h4 {
color: #9db22f;
border-top: 1px solid #9db22f;
padding-top: 10px;
margin: 0px;
font-weight: normal;
font-size: 16px;
}
.innihaldsefni .mynd img {
width: 100%;
margin-bottom: 5px;
}

.vorusida h3 {border-bottom: 2px solid #798e47; color:#9db22f;font-size: 18px;}

.notkun li {
list-style: none;
display: inline-block;
margin-bottom: 10px;
}

.notkun li img {
margin-right: 10px;
width: 80px;
height: auto;
}
#post-436 h3, #post-634 h3 {
color: #798e47;
font-size: 20px;
font-weight: bold;
}
#post-436 strong, #post-634 strong {
	color: #798e47;
}
#post-436, #post-634 {
width: 300px;
float: left;
}
.kort {
position: relative;
float: right;
width: 600px;
}
.kort img.landshluti {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
#sudurland area:hover img.sudurland.landshluti {
	display: block !important;
}
.kort .annad img {
width: 60px;
}
.kort .annad {
float: right;
}


.notkun li img, .notkun li p {float: left;}

.notkun li p {width: 450px; margin: 0px;}

#umfjallanir .box {
	width: 280px;
  padding: 10px;
  float: left;
  border-bottom: 2px solid #9db22f;
  height: 395px;
  margin-bottom: 20px;
}
#umfjallanir .box.facebook {
border: none;
}

#umfjallanir .box .mynd {
	height: 335px;
}
#umfjallanir .box img {
	margin: 0px;
}

#umfjallanir .box.facebook {height: 398px;}
.type-page > header {
position: relative;
}
.newsheadline {
list-style: none;
border-bottom: 2px solid #86A315;
width: 510px;
font-size:9px;
}

.newsheadline p {
	font-size:12px;
	width:496px;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 13px;
}

.newsheadline p a {
	display:block;
	margin-top: 9px;
	
}

.date {
font-size: 14px;
}

.frettatexti {
	width:490px;
	display: inline-block;
}
/******************************************************************
GRID STYLES
******************************************************************/

/* 960 Grid System (http://960.gs/ ) */

#container, .wrap { 
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}
	
	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */
	
/* To Use Another Grid System, simply visit:
http://themble.com/support/bones-grid/
There, you can check out how to replace this grid with other like:
960, Blueprint, and any other custom ones.
*/

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }
	
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }


	
/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited { color: #86A315; text-decoration: none; }
a:hover, a:focus { color: #545454; }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
::selection { 
	background: #e7e7e7; 
	color:#fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #e7e7e7; 
	color:#fff; 
	text-shadow : none; 
}


/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: 500; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
h3, .h3 { font-size: 1.125em; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }


/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] {}
#inner-header {border-bottom: 2px solid #e7e7e7; height: 115px;position: relative; margin-bottom: 20px;}
#logo {margin-top: 40px;}
/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role="navigation"] .menu {
float: right;
margin-top: -26px;
}
	.menu-top, .menu-footer {
		margin: 0 auto;
		position: absolute;
		right:0px;
		bottom:10px; }
	.menu-footer {top:4px;}
	.menu-top {top:8px;}
	nav[role=navigation] .menu ul, .menu-top ul, .menu-footer ul { 
	position: 
	}
		nav[role=navigation] .menu-top ul li, .menu-footer ul li {
				margin-left: 45px;
				margin-top:4px;
				float:left;
		}
		
		.menu #menu-main-menu li {
			float: left;
		}
		.menu #menu-main-menu li a {
			padding: 15px 17px;
			height: 100%;
		}
		

		
		.menu #menu-main-menu li:hover .sub-menu {
		display: block
		}
			.menu #menu-main-menu li .sub-menu {
			background: rgba(255,255,255,0.5);
			position: absolute;
			left: auto;
			display: none;
			top: 117px;
			z-index: 9999;
			width: 139px;
			padding-bottom: 10px;
			padding-right: 43px;
			box-shadow: 1px 1px 1px #888;
			}
		.sub-menu a {color: white !important;}

		.sub-menu li span.titill:hover {
			border-bottom: 1px solid;
		}
		.memu #menu-main-menu li .sub-menu {
			left: 0;
		}
			nav[role=navigation] .menu ul li a, .menu-top ul li a, .menu-footer ul li a { 
				color: #333;
				font-weight: 300;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 16px;
			}
			.menu-top ul li a, .menu-footer ul li a {font-size: 12px;}
			.page-item-10 {background: none !important;}
				nav[role=navigation] .menu ul li a:hover { 
					color: #000; 
				}
				
				nav[role=navigation] .menu ul li:first-child a {}
				.current_page_item a, .current_page_parent a {}
				
		nav[role=navigation] .menu ul li.current-menu-item a, 
		nav[role=navigation] .menu ul li.current_page_item a,
		nav[role=navigation] .menu ul li.current-page-ancestor a {}

		/* sub menus */
			 
			nav[role=navigation] .menu ul li ul li ul { 
				margin-left: 0px; 
				top: auto; 
				margin-top: 30px; 
			}
			nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { 
				left: auto; 
			}
			nav[role=navigation] .menu ul li ul li a { 
			}
			
			nav[role=navigation] .menu ul li ul li a {}
				nav[role=navigation] .menu ul li ul li a:hover {}
			nav[role=navigation] .menu ul li ul li:last-child a {}

				nav[role=navigation] .menu ul li ul li ul.sub-menu { }
					nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }
.sub-menu {width: 200px; padding-top: 10px;}
.sub-menu li {
float: left !important;
margin: 0px 10px !important;
}
.sub-menu li a {padding: 0px !important; margin: 0px !important;}
.sub-menu li img {
float: left;
width: 100px;
height: auto;
display: none;
}
.sub-menu li span {float: left; margin-left: 10px; color: #0D0D0D; width: 135px;}
.sub-menu li span.titill {
font-size: 15px;
border-bottom: 1px solid rgba(255,255,255,0);
}

.titill:hover {
border-bottom: 1px solid;
}

.sub-menu li span.titill {}

.sub-menu li span.lysing {
font-style: italic;
font-size: 12px;
line-height: 18px;
}

.nafn, .email {
display: block;
}



.sub-menu li a {text-transform: none !important; font-size: 13px !important;display: block !important; line-height: 25px; }
#inner-footer {width: 940px; position: relative; margin-bottom: 100px;}
#inner-top {position: relative; width: 940px; margin:0 auto;}
.menu-top ul li {
margin-left: 34px !important;
}
/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/
.sitemap ul, .sitemap li {list-style: none;}
.sitemap {padding-left: 20px;}
.sitemap li a {color: black; text-transform: uppercase; font-size: 17px; font-weight: 300; line-height: 40px;}
.sitemap li ul li a {padding-left: 10px; font-size: 15px;}
.sitemap li ul {margin: 0px; padding-bottom: 10px;}
#content {
min-height: 500px;
}

	.testimonial span {
margin-right: 15px;
}
	.testemonials {width: 540px !important; float: left; font-family: Arial;}
	.testimonial {
padding-top: 10px;
border-bottom: 2px solid #9db22f;
padding-bottom: 25px;
}
	.testimonial span, .testimonial a {
font-size: 15px;
color: #9db22f;
}
	.testimonial a {}
	#side {float: right; width: 400px;}
	
		
		.single-title, .page-title { margin: 0 0 0.375em;}
		.single-title {}
		.page-title {}
		.archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }
	
		/* post meta */
		.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }
			.meta time {}
			
		/* post content */
		.post_content {}
			
			.post_content p { margin: 0 0 1.5em 0; line-height: 1.8em; font-size: 12px; color:gray; width: 550px; font-family: Arial; }
			p {color: gray;}
			.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
			.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
			.post_content li { margin-bottom: 0.75em; }
			.post_content ul li { list-style-type: disc; }
			.post_content ol li { list-style-type: decimal; }
			
			.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
			.post_content blockquote:before { font-family:Helvetica; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */
			
			.post_content dl { margin:1.75em 0 1.75em; }
			.post_content dt { margin-top: 1.25em; font-weight:700; }
			.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
			
			.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
			.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
			.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
			.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
			
			.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
			.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
			.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }
			
			.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
			.wp-caption img { border: 0 none; padding: 0; margin: 0; }
			.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
			
	
	


/******************************************************************
FOOTER STYLES
******************************************************************/

footer[role=contentinfo] { b padding: 1.1em 0 3.3em; margin-top: 3.5em; border-top:1px solid #e7e7e7; position: relative; }

#social ul {list-style: none; position: absolute; left:0px; margin: 3px; }
#social li { float: left; margin-right: 10px;}

	/* footer menu */
			
	
/******************************************************************
Slider
******************************************************************/
#slides {    position: relative !important;
}

#slides-product {position: absolute !important; right:0px; top:11px;}

 .slides_container_product {
    width:400px;
    height:800px;
    
  }
  .slides_container_product div {
    width:400px;
    height:800px;
    display:block;
  }
  
  
  #slides-undirsida, #innihald-mynd {float:right; position: absolute; top:15px; right:-420px;}

 .slides_container_undirsida {
    width:400px;
    height:800px;
    
  }
  .slides_container_undirsida div {
    width:400px;
    height:800px;
    display:block;
  }


 .slides_container {
    width:940px;
    height:466px;
    
  }
  .slides_container h1 {position: absolute; z-index: 2000; color: white; bottom: 0px; left:30px; font-style: italic; font-weight: 200;}
  .slides_container div {
    width:930px;
    height:466px;
    display:block;
  }
.pagination {
	position: absolute;
	bottom:0px;
	right:20px;
	z-index: 2000;
	
}

#slides-product > .pagination, #slides-undirsida > .pagination {
	top: -10px !important;
right: 10px !important;
}

.pagination li {
	float:left;
	margin:0 5px;
	list-style: none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
background-image: url(library/images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;}
	
	
/******************************************************************
Contact form
******************************************************************/
	
.gform_wrapper .top_label input.medium, .gform_wrapper textarea.medium {
padding: 5px;
border: 1px solid #DEDEDE;
padding: 5px;
width: 300px !important;
}

/******************************************************************
Tabs
******************************************************************/
      .idTabs {  }
      .idTabs ul { float:left; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; }
      .idTabs li { list-style:none;  float:left; }
      .idTabs a { display:block; color:black; padding:0 40px; text-decoration:none; }
      .idTabs a.selected {  color:#70ab37; }
      .items>div { display:none; float:left; margin:0.1em 0 0 0.5em; }
      .idTabs ul, .idTabs a {  }
	  
/********************
Starfsmenn
********************/
.portrait img {
height: 298px;
}

.portrait {
float: left;
margin-right: 72px;
}

#main > div.listi {
margin-left: 65px;
}