/*
Theme Name: Proffis
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
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/
*/
@import "style/style_2.css";

/* @import "style/hack.css"; */
/*
ver1
@import "style/supportbutton.css";
*/



/******************************************/
body,html{
height:100%;
}
body{
color:black;
/*background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.31, rgb(230,228,229)),
    color-stop(1, rgb(163,186,194))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(230,228,229) 31%,
    rgb(163,186,194) 100%
);

*/
background:url(images/demo/bg-m0.png) top left repeat-x #e6e4e5;
}
a, a:hover, a:visited{
/* color:#085cc2;
 */
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.utility{
display:none;
}

.auth-form-demo{
position:relative;
background:none;
border:none;
display:block;
box-shadow:none;
height:auto;
width:auto;
left:auto;
top:auto;
margin:0;
text-align:center;
}

.column-wrapper{
width:100%;
float:left;
}
.column-adv{
margin-left:70px;
width: 540px;
}
.block-auth{
float:left;
margin-left:-24em;
width:24em;
}



.block-auth .auth-form-demo{
border-bottom: 1px solid #D7DFE3;
padding-bottom:0.5em;
width:100%;
box-shadow:none;
border:none;
}

.menu-title{
color: #41576b;
margin:0;
padding: 0.2em 0.5em;
padding-bottom: 0.4em;
margin-bottom: 0.5em;
margin:0;
color:#000;

text-shadow: 0 1px 0 white;
display:block;
font-size:1.1em;
padding-top:0.5em;

border:none;
/*box-shadow: 0 1px 0 rgba(255,255,255,0.1);*/
}

.block-auth .auth-form-demo .container{
padding:0;
}
.content-disclaimer{
color: #6A7D8F;
color:#000;
margin-top:0.5em;
}


.auth-form-demo .gui-last-action .gui-caption{
width:12em;
overflow:hidden;
white-space:nowrap;
display:inline-block;
*display:inline;
zoom:1;
padding:0.2em;
padding-right:0;
font-size:1.4em;
margin:0;
}

.auth-form-demo .multi-select{
margin-right:0;
border-radius:2px 0 0 2px;
}
.auth-form-demo .gui .gui-select .gui-icon{
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

.auth-form-demo .gui-button{
margin-left:0;
border-radius:0 2px 2px 0;
border-color: #66C165;
background: url("images/demo/bg-t4.png") repeat-x top #7BBF6C;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.4) inset;
-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.4);
color: #126B06;
border-left:none;
}
.auth-form-demo .menu-user{
float:none;
}
.page-footer{

}
.content-block{
padding:20px 40px 20px 40px;

}

.label-logo {
    display: block;
    position: absolute;
    top: 0;
    left:50px;
    z-index: 500;
}
.block-main-description{
float: right;
margin-right: 10px;
margin-bottom:5%;
padding: 0 1em 0 4em;
color:#314559;
clear: both;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.block-footer{
display:inline;
position: absolute;
bottom: 0;
left: 0;
}

h2{
font-size:1.4em;
/*font-weight:normal;*/
margin-bottom:0.6em;
}
.block-welcome .container{
padding-bottom:0;
padding-top:0;
/*padding-top:0.6em;*/
}
.block-description p{
font-size:1.1em;
line-height:1.4em;
margin-bottom:0.5em;
/*display:inline;
background:yellow;*/
/*background:#f0d931;
display:inline;
padding:5px;*/
}
.content-disclaimer{
font-size:0.8em;
}

.auth-form-demo .menu-user{
display:block;
width:100%;
text-align:left;
}
.auth-form-demo  .block-auth{
padding:left:0;
text-align:left;
}
.auth-form-demo .block-auth .container{
padding:0;
}
.block-info{
    padding:0 4em 0 4em;
    text-align:center;
    text-align: center;
    color: white;

  padding-top: 1em;
  padding-bottom: 2em;
  margin-bottom:0px;
  margin-top:0;
  font-size: 90%;

}
.column{
 width:30%;
 display:inline-block;
 text-align:left;
 vertical-align:top;
 height:17em;
 /* text-shadow:0 1px 0 rgba(0,0,0,0.5);
*/
 border-right:1px solid rgba(229,236,241,0.2);
 box-shadow:inset -1px 0 0 rgba(0,0,0,0.2);
 /* background: #61768A; */
 /* background: #A8B5B9; */
 font-family: Tahoma;
/* font-size:120%;*/
}
.column .container{
    padding: 1em 2em 0 2em;
    /*    color:white;*/
    font-size:0.8em;
    color: #040227;
    
}

.column .container h3 {
font-size:1.6em;
margin-bottom:15px;
}

.column .container h4 {
 font-family: Tahoma;
}
.column .container li {
margin-bottom:10px;
}

.column-c{
border-radius: 0 0.5em 0.5em 0;
border-right:none;
box-shadow:none;
}

h3{
margin-bottom:0.5em;
font-size:1.2em;
line-height:1.4em;
font-weight:normal;
color:#a1c4e7;
vertical-align:top;
}

 ul{
list-style:none;
margin:0;
padding:0;
}

 li{
margin:0;
padding:0;
margin-bottom:0.5em;
}
 p{
margin-bottom:0.5em;
}

#logo {
  background    : url("images/demo/proffis_n1.png") no-repeat left center;
  padding       : 22px 80px;
  margin-bottom : 1.2em;
  margin-left:-0.4em;
  
}
.block-footer{
padding:1em 0;
width:100%;
display:block;
clear:both;
text-align:center;
font-size:0.8em;
/* font-weight:bold; */
color:black;
/*color:#a1c4e7;
background:#313b46;
*/
}
.messages{
position:absolute;
}
/******************************************/


.block-info-general{
display:block;
clear:both;
margin-bottom:3em;
color: white;
padding: 1em 12%;
text-shadow:0 1px 0 rgba(0,0,0,0.5);

}

.block-info-general .container{
 padding:0 2em;
/* background: rgba(49, 59, 70, 0.2);*/
border-radius: 0.5em;
border: none;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
 padding:1em;
 text-align:left;
}

.block-info-general{
border-top:1px solid #53677c;
text-align:center;
}

.arr-bottom{
width: 0;
height: 0;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-top: 1em solid #56697c;
display: inline-block;
}
.content-disclaimer{
color:#fff;
}
h3{
color:#fff;
font-weight:bold;
}
h4{
margin-bottom:0.5em;
}
.auth-form-demo .gui{
font-size:12px;
}
.auth-form-demo .multi-select{
background: #61768b url(images/demo/bg-t4.png) top repeat-x;
border: none;
box-shadow: 0 1px 0 #313b46;
padding:2px;
}
.auth-form-demo .multi-select .gui-last-action a{
color:#fff;
text-shadow: 0 1px 0 #313b46;

}
.auth-form-demo .multi-select .gui-dropdown{
background:#61768b;
color:#fff;
text-shadow:0 1px 0 #313b46;
border:none;
box-shadow:none;
margin-left:-5px;
border-top:1px solid #909ead;
font-size:0.9em;
line-height:1em;
margin-top:-1px;
}
.auth-form-demo .multi-select .gui-select{
padding-right:0.2em;
}
.auth-form-demo .multi-select .gui-select .gui-icon{
background:url(images/demo/arr4.png) center center no-repeat;
}
.auth-form-demo .gui-button{
background: #549B7F url(images/demo/bg-t4.png) top repeat-x;
border: none;
text-shadow: 0 1px 0 #4B8673;
color: white;
box-shadow: -1px 0 0 rgba(0,0,0,0.2), 0 1px 0 #3f7c64;
border-left: 1px solid rgba(255, 255, 255, 0.3);
vertical-align:top;
/*height:27px;*/
padding:4px;
}
.auth-form-demo .gui-last-action .gui-caption, .auth-form-demo .gui-button{
font-size:1em;
padding:0;
font-size:1.2em;
}
.auth-form-demo .multi-select{
padding:0;
height:26px;
line-height:26px;
padding-left:5px;

}
.auth-form-demo .gui-select{
vertical-align:top;
}
 .auth-form-demo .gui-button{
 padding-left:5px;
 padding-right:5px;
 height:26px;
 line-height:26px;
 }
 .auth-form-demo .gui-last-action{
 height:26px;
 line-height:26px;
 }
.block-social{
clear:both;
display:block;
width:100%;
text-align:left;
vertical-align:top;
margin-top:3em;
}
.button-s{
display:inline-block;
}
.block-auth .container{
padding:0;
}
.block-signature{
text-align:right;
font-style: italic;
}
.block-signature .container{
padding:0;
}
.block-description{
background:#e2e8eb;
box-shadow:0 -1px 4px rgba(86,105,124,0.3);
}
.arr-signature{
width: 0;
height: 0;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-top: 1em solid #e2e8eb;
display: inline-block;
margin-right:9em;

}
.arr-bottom{
display:none;
}
.block-info-general .container{
background:none;
border:none;
box-shadow:none;
}
/*
.block-info .column{
    background: #61768A;
    width:33%;
    overflow-y:auto;
    margin-top:10px;
    overflow:hidden;
}
*/
.column-a{
border-radius:0.5em 0 0 0.5em;
}
.slogan-text{
/* font-weight:bold;
*/
}