/*
Theme Name: Santis Tema
Version: 1.0
Description: Santis nekretnine
Author: Robert Paleka
*/

/* body {
margin-top: 0px;
padding: 0;
color: #545454;
background-repeat: repeat-x;
background-position: top;
background-color: #4A4A4A;
background-image: url(images/bg1.jpg);
background-repeat:repeat-y;
font-family: Verdana, Georgia, Sans-Serif;
font-size: 11px;
line-height: 18px;
} */


body
{
font-family: Verdana, Georgia, Sans-Serif;
font-size: 11px;
line-height: 18px;
 color: #545454; 
background: #dadae7 url(images/bg1.jpg);
background-repeat: no-repeat; 
background-position: 100% 0;
background-attachment:fixed; 
}

hr {
border: 1px solid #c5c5c5;
margin-bottom: 5px;
}

.post-wrapper {
 background-color: #FFF; 
padding: 5px 15px 15px 15px;
width: 583px;
}

.post-wrapperContact {
 background-color: #FFF; 
padding: 5px 15px 15px 15px;
width: 880px;
}

.post-wrapperContactForma {
 background-color: #FFF; 
padding: 5px 15px 15px 15px;
height:540px;
}

a:link { 
text-decoration: none; 
color: #fff; 
}

a:visited { 
text-decoration: none; 
color: #fff; 
}

a:hover, a:active { 
color: #fff; 
}


h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
margin: 20px 0 10px; 
}

h1 { 
font-size: 32px; 
margin-bottom: 0px; 
margin-top: 10px;
}

h2 { 
font-size: 28px; 
}

h3 { 
font-size: 24px;
}

.post-title {
line-height: 30px;
}

.home-post-wrap {
width: 270px;
height: 300px;
overflow: hidden;
padding: 15px;
margin-right: 13px;
margin-top: 10px;
float: left;
/* background-color: #FFF;
border: 1px solid #ccc; */
background-image: url(images/izdvojenoBackg.png);
}

.OdvojiDetalje {
padding-top:5px;
}
.category-post-wrap {
width: 287px;/*600*/
height: 123px;
overflow: hidden;
padding: 5px;
margin-right: 13px;
margin-top: 10px;
float: left;
background-color: #FFF;
border: 1px solid #ccc;
}

.category-thumbnail-div {
padding: 1px;
margin-right:5px;
border: 1px solid #E4E4E4;
float:left;
/* margin-right:10px; */
}

.category-thumbnail-div a:hover img  { 
border: 1px solid #0997FA;
background-color: #0997FA;
padding: 1px;
float:left;
/* margin-right:10px; */
}

.home-post-wrap a img {
border: 2px solid #fff;
/* margin-bottom:5px; */
}
.home-post-wrap a:hover img {
border: 2px solid #0997FA;
}

.readmore {
background-image: url(images/read-more.png);
background-repeat: no-repeat;
background-position: left;
float: right;
padding-left: 20px;
}

.readmoreN {
background-image: url(images/read-more.png);
background-repeat: no-repeat;
background-position: left;
float: right;
padding-left: 20px;
}

/* .readmoreOver {
background-image: url(images/read-more.png);
background-repeat: no-repeat;
background-position: left;
float: right;
padding-left: 20px;
position:absolute; 
top: 25px; 
left: 25px; 
z-index: 35;
} */

.readmore a:link, .readmore a:visited {
color: #0997FA;
}
.readmore a:hover {
color: #09558a;
}

.readmoreN a:link, .readmoreN a:visited {
color: #0997FA;
}
.readmoreN a:hover {
color: #fff;
}

.thumbnail-home {
border: 0px;
margin: 0px 0px 0px 0px;
}

h4, h5, h6 { 
font-size: 20px; 
}

.titles { 
font-weight: normal; 
font-size: 22px; 
text-decoration: none;
}

.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 14px;
font-weight: bold;
font-family: Trebuchet MS;
margin-bottom: 5px;
display: block;
}

.titles a:hover {
color: #2b4166;
}

.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 30px;
}

.titlesmall a { 
font-weight: bold; 
font-size: 12px; 
text-decoration: none;
color: #353461;
padding: 5px;
height:25px;
line-height:25px;
}
.titlesmall a:hover { 
color: #0997FA;
}

.titlesmall  { 
padding: 3px;
}

pre, blockquote {
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
}

pre:hover, blockquote:hover {
background-color: #f0f0f0;
border: 1px solid #d0d0d0;
}

pre { 
padding-top: 10px; 
padding-bottom: 10px; 
}

/* ul { 
list-style-image: url(images/bullet.gif); 
} */

#wrapper2 {
width: 950px;
margin-left: auto;
margin-right: auto;
padding: 208px 0px 0px 0px;
/* background-image: url(images/trans.png); */
}


#navigation {
width: 962px;
height: 55px;
margin-left: auto;
margin-right: auto;
/* margin-top: 120px; */
}

#navigation-inside {
width: 922px;
background-image: url(images/nav-bg.png);
height: 55px;
float: left;
}

#header {
width: 950px;
margin-left: auto;
margin-right: auto;
height: 172px;
/* background-image: url(images/logo.jpg); */
background-position: top left;
background-repeat: no-repeat;
}

#headerImg {
width:642px;
height:80px;
float:left;
}

#headerImg a img {
border:none;
}

.nav-image {
float: left; 
margin-top: 12px;
}

/* .topDiv {
background-color: #fff;
width: 1000px;
margin: 0 auto;
} */

#wrapper {
float: right;
width: 950px;
color: #A2A2A2;
/* background-color: #E0E0E0; */
background-image: url(images/trans.png);
/* background-position: top;
background-repeat: repeat-x; */
}

#content-wrapper {
width: 648px;
float: left;
 /* margin-top: 27px;  */
}
#content-wrapperSingle {
width: 667px;
float: left;
/* margin-top: 26px;  */
}

#content {
width: 648px;
float: left;
margin: 0px 0px 0px 19px;
margin-top: 27px; 
}



#sidebar-wrapper {
/* width: 260px;
float: right;
margin-top: 26px;
margin-bottom: 20px;
margin-right: 40px; */
margin-top: 26px;
float: right;
width: 283px; 
}

#sidebar {
float: right;
padding-left: 13px;
padding-right: 13px;
padding-bottom: 13px;
width: 247px;
margin-right: 15px; 
 /*background-color: #FFF; */
background-image: url(images/trans.png);
/* background-repeat: no-repeat;
background-position: bottom; */
border: 1px solid #fff; 
}

.comment-inside {
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
padding: 10px;
}

#footer {
/* clear: both; */
float: right;
width: 930px;
height: 16px;
text-align: left;
padding-left: 20px;
color: #474662;
padding-bottom: 10px;
padding-top: 10px;
margin-top: 10px;
margin-bottom: 20px;
/* background-image: url(images/footer.gif); 
background-repeat: no-repeat; */
background-image: url(images/transFoot.png);
border-top: 1px solid #fff; 
border-bottom: 1px solid #fff; 
}

#footer a {
color: #FFFFFF;
font-size: 11px;
}

#footer a:visited {
color: #FFFFFF;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#extras {
float: left;
width: 780px;
color: #C7AA92;
text-align: left;
padding: 0 10px 10px;
margin: 10px 12px 20px;
background-color: #f5f5f5;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}

.sidebar-box {
padding-top: 5px;
margin-bottom: 0px;
}

.sidebar-box1 {
padding-top: 5px;
}


.articleinfo {
border-bottom: 4px solid #EEEEEE; 
padding-bottom: 7px; 
margin-top: 7px; 
text-decoration:underline;
}
.articleinfoSingle {
border-bottom: 4px solid #EEEEEE; 
padding-bottom: 7px; 
margin-top: 7px; 
text-decoration:underline;
}
.articleinfoSingle a{
color:#000;
}
.articleinfoSingle img{
float:left;
padding-right:10px;
}
.articleinfo img{
float:left;
padding-right:10px;
}


.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {
display: block; 
color: #8C8C8C; 
width: 100%; 
padding: 3px 3px 3px 3px; 
/* background-image: none !important; */
} 

.sidebar-box ul li {
/* background-image: none !important; */
}

.sidebar-box ul li:hover {
/* background-image: none !important; */
}

.sidebar-box ul li a:hover {
width: 100%;
display: block; 
color: #393939; 
padding: 3px 3px 3px 3px;
} 

.sidebar-box h3 { 
margin-top: 5px; 
font-size: 15px; 
color: #0997FA; 
padding-top: 4px;  
font-weight: bold; 
display: block; 
border-bottom: 2px solid #EEEEEE; 
padding-bottom: 4px; 
text-transform: lowercase;  
}

.commentlist li{
display: block;
float: left;
clear: both;
padding: 10px;
margin-left: 0px;
margin-bottom: 10px;
width: 550px;
}

.commentlist ol {
margin-left: 0px; 
padding-left: 0px;

}
#commentwrap {
background-color: #F8F8F8;
border: 1px solid #E6E6E6;
display: block;
width: 570px;
}
.commentlist ol li{
margin-left: 0px;
}

.commentlist {
margin-left: 0px; 
padding-left: 0px;
}

#commentform {
margin: 1em 0;
background: #FFFFFF;
margin-left: 20px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 370px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #email:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform input{
margin-bottom: 3px;
}


#searchDiv{
float:right;
}

#search {
color:#FFFFFF;
padding-top: 25px;
float: right;
width: 215px;
}

#search input {
background-image: url(images/inputBg.gif) ;
font-size:12px;
color:#474648;
font-family:Tahoma, arial, verdana, courier;
width:173px;
height:19px;
vertical-align:middle;
padding:5px 2px 0px 10px;
border: 1px solid #4d4d4d;
font-weight: bold;
}

#searchform {
margin-right: 20px;
margin-bottom: 15px;
}

.icons {
margin-top: 0px; 
margin-bottom: -5px;
margin-right: 10px;
}
#search .input {
width:28px;
height:28px;
background:none;
border:none;
vertical-align:middle;
margin:0;
padding:0;
}

#header-left2 {
float: left;
margin-left: -140px;
height: 172px;
width: 550px;
background-image: url(images/logo.jpg);
}
#recent {
float: left;
width: 927px;
height: 180px;
margin-left: 12px;
margin-top: 50px;
background-image: url(images/recent.jpg);
}
#recent-left {
width: 440px;
margin-top: -23px;
float: left;
}
#header-right {
float: right;
border: 10px solid #087FFB;
width: 468px;
height: 60px;
margin-top: 20px;
}


.idTabs {
margin: 10px 0px 0px 0px;
padding: 0px;
float: left;
width: 478px;
/* list-style-type: none; */
}



.idTabs li {
display: inline;
margin: 0px;
padding: 0px;
float: left;
color: #A2A2A2;
text-align: center;
font-size: 11px;
}

.idTabs li a {
color: #393939;
background-color: #F1F1F1;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
height: 25px;
margin-right: 4px;
display: block;
float: left;
}

.idTabs li a:hover,.idTabs li a:visited {
color: #A2A2A2;
}

.idTabs li a.selected {
background-color: #FFF;
color: #0997FA;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
height: 25px;
display: block;
float: left;
margin-right: 4px;
}

#recententries {
float: left;
width: 613px;
display: block;
background-color: #FFF;
}

#recentcomments2 {
float: left;
width: 613px;
display: none;
background-color: #FFF;
}

#mostcomments {
float: left;
width: 613px;
display: none;
background-color: #FFF;
}

#recententries a:visited,#recententries a:hover,#recentcomments2 a:visited,#recentcomments2 a:hover,#mostcomments a:visited,#mostcomments a:hover{
color: #393939; 
}

.list2 {
color: #A2A2A2;
list-style-image: url(images/bullet.gif);
margin-top: 0px;
font-size: 11px;
}

.list2 a:hover{
color: #393939;
list-style-image: url(images/bullet.gif);
margin-top: 0px;
font-size: 11px;
}

.list2 a {
color: #A2A2A2;
margin-top: 0px;
font-size: 11px;
}

.toptitle {
font-size: 20px;
color: #0997FA;
margin-left: 15px; 
display: block;
margin-top: 15px;
margin-bottom: 10px;
}
.toptitle2 {
font-size: 24px;
color: #FFF;
display: block;
margin-top: 15px;
margin-bottom: 10px;
}
#aboutus {
width: 440px;
float: left;
color: #FFFFFF;
padding-top: 5px;
margin-left: 5px;
}

.thumbnail-div {
padding: 1px;
border: 1px solid #E4E4E4;
}

#featured {
background-color: #FFF;
padding: 35px 10px 10px 10px;
width: 593px;
background-image: url(images/featured-bg.gif);
background-position: top;
background-repeat: no-repeat;
}
#categories {
height: 37px;
background-image: url(images/categories-bg.gif);
width: 950px;
overflow: hidden;
}

#categories ul {
float: left;
margin: 0px 0px 0px 0px;
margin-top: 10px;
height: 27px;
padding-left: 10px;
}

#categories li {
float: left;
list-style-image: none;
list-style: none;
margin-left: 0px;
margin-right: 10px;
}

#categories li:hover {
background-color: #FFF;
background-image: url(images/categories-button-right.gif);
background-repeat: no-repeat;
background-position: right;
}
#categories li a:link, #categories li a:visited {
color: #FFF;
padding-left: 8px;
padding-right: 8px;
display: block;
height: 25px;
padding-top: 2px;
}

#categories li a:hover {
background-image: url(images/categories-button-left.gif);
background-repeat: no-repeat;
background-position: left;
color: #585858;
padding-left: 8px;
padding-right: 8px;
display: block;
}

/* .current-cat {
background-color: #FFF;
background-image: url(images/categories-button-right.gif);
background-repeat: no-repeat;
background-position: right;
}

.current-cat a:link, .current-cat a:visited, .current-cat a:active {
background-image: url(images/categories-button-left.gif);
background-repeat: no-repeat;
background-position: left;
color: #585858 !important;
} */

.headingSidebar {
width: 255px;
height: 36px;
/* background-image: url(images/heading-bg.gif); 
background-image: url(images/trans.png);*/
background:#fff;
color:#5a5973;
border: 1px solid #fff; 
}

.heading-content {
width: 613px;
height: 36px;
background-image: url(images/heading-bg1.png);
margin-bottom: 20px;
}

.heading-inside {
float: left;
color: #fff;
font-size: 14px;
font-weight: bold;
padding-left: 10px;
margin-top: 7px;
}
.heading-insideSidebar { /* border: 1px solid #5a5973; */
float: left;
color: #5a5973;
font-size: 14px;
font-weight: bold;
padding-left: 10px;
margin-top: 7px;
}
.heading-left {
/* background-image: url(images/heading-left.gif); */
height: 36px;
width: 5px;
float: left;
}

.heading-right {
/* background-image: url(images/heading-right.gif); */
height: 36px;
width: 5px;
float: right;
}

.children {
display: none;
}

.current_page_item a:link{
color: #555555 !important;
}

.current_page_item a:hover{
color: #FFFFFF !important;
}

.current_page_item{
color: #555555 !important;
}


ul, ol { line-height: 2.0em; }

/* ul { list-style-image: url(images/bullet.gif); } */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; */
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* ================================================================ 
 početak menija 
=================================================================== */

#info {background:#f8f8f8; border:0;}
.menu {width:100%; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*meni koji radi*/
.izdvoji { background-image:url(images/meniBG.png); width:950px; height:3em; border-top:1px solid #6a6a84;}
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:2.5em; z-index:300; width:100%; background:none; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 0.82em; color:#fff; border-right:1px solid #6a6a84; text-decoration:none; background-image:url(images/meniBG.png);}
#dropmenu a:hover {background-image:url(images/meniBGover.png); color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:3em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} /* meniBGover */

/* --------------- */
#noviPostsOn{
text-align:left;
padding:0;
margin:0;
float:left;
list-style-type: none;
padding-bottom:5px;
}
#noviPostsOn a{
float:left;
width:250px;
padding-left:15px;
list-style-type: none;
text-align:left;
padding-bottom:1px;
}

#noviPostsOn li {
	padding-bottom:1px;
}
 
#noviPostsOn strong{
	padding-left:10px;
}
#noviPostsOn a:hover{
background-color:#d5ddd2; 
color:#2f5033;
}

#jezici {
	padding-left:30px;
}

#jezici ul{
	list-style-type: none;
}
.jeziciHeader {
width:60px;
float:right;
height:80px;
}

.jeziciHeader ul{
	list-style-type: none;
	padding-top:8px;
}

.jeziciHeader li{
	padding-top: 10px;
}
.infoDetalji {
color:#fff; 
font-size:12px; 
}
.postSingle div {
padding-top:20px;
color:#3e4156;
}
.postSingle p {
padding-top:20px;
}

.postMain div { /* predviđeno za naslovnu */
color:#fff;
}
.singleInfo{
padding:42px 15px 0 0;
float:right;
color:#3e4156;
}
.singleInfo div{
color:#6c6c6c;
font-size:13px;
}

.singleInfok div{
color:#474662;
font-size:10px;
padding-left: 5px;
}

.singleInfok {
padding-top: 7px;

}

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 100px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #7E8AA2;
	
	font: inherit;
/* 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; */
	padding: 2px;
	
	width: 214px;
}
ol.forms textarea { height: 300px; width: 334px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	background: #ff9800;
	border: none;
	color: #000;
	cursor: pointer;
	font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 6px 3px 3px 3px;
	text-transform: uppercase;
	width: auto;
}
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

/* .contactRow  {
	width:100px;
} */

.forma input {
	height:25px;
	padding-top:5px;
	padding-left:5px;
	  color:#504b86;
}

.forma label {
	width:60px;
	font-weight:bold;
	float:left;
}

/* .contactSelect{
	float:left;
	padding-left:60px;
} */
.contactRow{
padding-top:10px;
padding-bottom:10px;
}
 .forma input.btn {
  	height:43px;
	width:85px;
	/* padding-bottom:5px; */
	padding:5px;
	font-weight:bold;
}

.btnDiv{
padding-top:10px;
padding-left:335px;
}
.skypeMe {
width:200px;
float:right;
padding-right:50px;
}

.skriven {
display:none;
}

.kontaktForma{
width:300px;
float:left;
}
.page-post{
width:600px;
}
.page-postS{
width:550px;
}
.basicInfo{
  width:200px;
float:left;
padding-right:50px;
}
.basicInfo a{
	color: #aaa;
	text-decoration:underline;
 }
.skypeButton {
	float:right;
	padding-right:15px;
	padding-top:20px;
}