@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,500,700,300&subset=latin,latin-ext);

body {	
	font-family: 'Roboto', sans-serif; 
        background-image: url('../images/background.png'); 
        //background-color: #EEE2DA;     
        //font-size: 14px;
}

.pageContent {
    background-color: #EEE2DA;   
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5%;
    padding-bottom: 5%;
}

.bg {
    background-color: #EEE2DA;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;     
        
}

form .error {
	color: #D00;
	font-weight: bold;
}

#main {
    //max-width: 900px;       
}

#dirChoice {
    padding-top: 50px;
}

#dirChoice img {
    padding-left: 10px;
    padding-right: 10px;
}

#stairTypes div {
    display: inline; 
    float: left;
}

.type3d {
    padding-left: 40px;
    padding-top: 40px;
}

.type3d img {
    width: 250px;
}

.type2d {
    padding-top: 20px;
}

.zgall {
    margin-top: 35px;    
     /*background-image: url('../images/arrow_galerie.png');
     background-repeat: no-repeat;
     padding-top: 20px;
     background-position: 87px 0px;  */
}

#demand2Form input[type='text']{
    width: 60px;
}

.shape input[type='text'] {
    width: 50px;
}

.shape, #dirChoice img {
    cursor: pointer;
}

#dimB {
    position: absolute;
    top: 60px;
    left: 30px;
}

.inpText input[type='text'] {
    width: 150px !important;
}

.contactForm {
    padding-left: 84px;
}

.contactForm input, .contactForm textarea {
    color: black;
}

.contactForm textarea {
    width: 343px;
    height: 145px;
}

#contact div {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding-left: 0px;
}

#cntName input[type='text'] {
    width: 244px;    
}

#cntPlace input[type='text'] {
    width: 194px;    
}

#cntEmail input[type='text'] {
    width: 247px;    
}

#cntPhone input[type='text'] {
    width: 242px;    
}

hr {
    border: 1px solid black;
    margin-top: 13px;
    margin-bottom: 13px;
}

.contactForm {    
    background-color: 	rgba(0,0,0,0.4);
    padding-bottom: 30px; 
    padding-right: 70px;
    //margin-left: -105px !important;
    //width: 900px;
    //padding-left: 120px;
    //padding-right: 110px;
    //margin-right: -100 px !important;
    //padding-right: 100px;
}

.contactForm div, .contactForm h2 {
    color: white;
}

.contactForm label {
    font-weight: normal;
}

.contactForm h2 {
    font-size: 18px;
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '?';
  display     : block;
  width       : 1em;
  color       : rgb(248,120,19); 
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(248,120,19); 
  font-weight : bold; 
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(248,120,19); 
  border-radius    : 0.125em;
  background       : rgb(248,120,19); 
  background-image :    -moz-linear-gradient(rgb(248,120,19),rgb(248,120,19));
  background-image :     -ms-linear-gradient(rgb(248,120,19),rgb(248,120,19));
  background-image :      -o-linear-gradient(rgb(248,120,19),rgb(248,120,19));
  background-image : -webkit-linear-gradient(rgb(248,120,19),rgb(248,120,19));
  background-image :         linear-gradient(rgb(248,120,19),rgb(248,120,19));   
}


@media (min-width: 751px) { 

    #demand2Form {
        //margin-left: -53px !important;
        //margin-right: -75px;
    }    
    
    #demand_prime {
        padding-left: -40px;
    }

    #demand_lomene_podesta {
       padding-left: 70px;
    }

    #demand_lomene {
       padding-left: 50px; 
       margin-top: -75px;
    }

    #demand_lomene2x {
       padding-left: 87px; 
       padding-top: 45px;
    }

    #demand_lomene_podesta2x {
        padding-left: 78px;
        margin-top: -12px;
    }

    #demand_lomene2x_podesta2x {
        padding-left: 44px;
        padding-top: 71px;
    }
}

@media (max-width: 750px) { 
    .typeBlock {
        margin-bottom: 15px;
    }

}

/* Defaults */
.text-center-sm,
.text-center-md,
.text-center-lg,
.text-right-sm,
.text-right-md,
.text-right-lg { text-align: inherit; }

/* Define xs styles after defaults so they take precedence */
.text-center-xs { text-align: center; }
.text-right-xs { text-align: right; }

/* Small grid */
@media (min-width: @screen-tablet) {
  .text-center-sm, .text-center-xs { text-align: center; }
  .text-right-sm, .text-right-xs { text-align: right; }
}

/* Medium grid */
@media (min-width: @screen-desktop) {
  .text-center-md, .text-center-sm, .text-center-xs { text-align: center; }
  .text-right-md, .text-right-sm, .text-right-xs { text-align: right; }
}

/* Large grid */
@media (min-width: @screen-lg-desktop) {
  .text-center-lg, .text-center-md, .text-center-sm, .text-center-xs {
    text-align: center;
  }
  .text-right-lg, .text-right-md, .text-right-sm, .text-right-xs {
    text-align: right;
  }
}

.dimension form div {
	/* Float containment */
	overflow: hidden;
}

.dimension label, .dimension input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
}

.dimension label {
	font-weight: bold;
	//background: linear-gradient(#f1f1f1, #e2e2e2);
        background-color: rgb(248,120,19);
	//padding: 5px 10px;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 5px;
        padding-right: 5px;
        width: 21px;
	//color: #444;
        color: white;
	
	border: 2px solid black;
	/* lets remove the right border */
	border-right: 0;
	//border-bottom-left-radius: 5px;
	//border-top-left-radius: 5px;
	
	line-height: 1.5em;
	//width: 30%;
	
	/* takes the width properly now and also the
	spacing between the label and input field got removed. */
	float: left;
	
	text-align: center;
	cursor: pointer;
        
        -webkit-box-shadow: 5px 3px 4px -2px rgba(0,0,0,0.47);
        -moz-box-shadow: 5px 3px 4px -2px rgba(0,0,0,0.47);
        box-shadow: 5px 3px 4px -2px rgba(0,0,0,0.47);        
}

/* The label is looking good now. Onto the input field! */

/*
Everything is broken now! But we can fix it. Lets see how.
*/
.dimension input {
	//width: 70%;
	//padding: 5px;
	border: 2px solid black;
        
	//border-bottom-right-radius: 5px;
	//border-top-right-radius: 4px;
	border-left: 0;
	line-height: 1.5em;
	float: right;
        text-align: center;
        height: 27px;
        
        -webkit-box-shadow: 3px 3px 4px -2px rgba(0,0,0,0.47);
        -moz-box-shadow: 3px 3px 4px -2px rgba(0,0,0,0.47);
        box-shadow: 3px 3px 4px -2px rgba(0,0,0,0.47);

}
.dimension input:focus {
	/* No outline on focus */
	outline: 0;
	/* a darker border ? */
	//border: 1px solid #bbb;
}

.dimension {
    width: 81px;   
}

.dimImgH {
    background-image: url('../images/arrow_horizontal.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
    vertical-align: central;
    padding-bottom: 9px;
}

.dimImgV {
    background-image: url('../images/arrow_vertical.png');
    background-repeat: no-repeat;
    background-position: 35px 50%;
}

.dim_1xlompodesta_A {
    background-image: url('../images/dim_1xlompodesta_A.png');
    background-repeat: no-repeat;
    background-position: 40px 0;
    min-width: 65px; 
    vertical-align: top;    
}

.dim_1xlompodesta_B {
    background-image: url('../images/dim_1xlompodesta_B.png');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-bottom: 9px;
    padding-left: 75px;
 }

 .dim_1xlompodesta_C {
    background-image: url('../images/dim_1xlompodesta_C.png');
    background-repeat: no-repeat;
    background-position: 55px 3px; 
    padding-left: 15px;
 }
 
 .dim_1xlompodesta_C_r {
    background-image: url('../images/dim_1xlompodesta_A.png');
    background-repeat: no-repeat;
    background-position: 50px 2px;
    min-width: 65px; 
    vertical-align: top;
    padding-top: 23px;
    padding-left: 10px;
}

.dim_1xlompodesta_B_r {
    background-image: url('../images/dim_1xlompodesta_B.png');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-bottom: 9px;
    padding-left: 75px;
 }

 .dim_1xlompodesta_A_r {
    background-image: url('../images/dim_1xlompodesta_C.png');
    background-repeat: no-repeat;
    background-position: 55px 3px; 
    padding-left: 15px;
 }
 
 .dim_1xlom_B {
    background-image: url('../images/dim_1x_lom_B.png');
    background-repeat: no-repeat;
    background-position: 3px 8px; 
    padding-left: 15px;    
    padding-bottom: 9px;
     
 }
 
 .dim_1xlom_B div {
     margin-left: 55px;     
 }
 
 .dim_1xlom_A {
    background-image: url('../images/dim_1x_lom_A.png');
    background-repeat: no-repeat;
    background-position: 40px 0;
    min-width: 65px; 
    vertical-align: top; 
    padding-top: 8px;     
 }
 
 .dim_1xlom_A div { 
    margin-right: 15px; margin-top: 22px;
 }
 
 .dim_1xlom_C {
    background-image: url('../images/dim_1x_lom_C.png');
    background-repeat: no-repeat;
    background-position: 55px 3px; 
    padding-left: 15px;          
 }
 
  .dim_1xlom_A_r {
    background-image: url('../images/dim_1x_lom_C.png');
    background-repeat: no-repeat;
    background-position: 40px 3px; 
    padding-right: 15px;    
    padding-bottom: 9px;
     
 }
 
 .dim_1xlom_B_r div {
     margin-left: 55px;     
 }
 
 .dim_1xlom_C_r {
    background-image: url('../images/dim_1x_lom_A.png');
    background-repeat: no-repeat;
    background-position: 45px 0;
    min-width: 65px; 
    vertical-align: top; 
    padding-top: 8px;  
    padding-left: 5px;
 }
 
 .dim_1xlom_C_r div { 
    margin-right: 15px; margin-top: 22px;
 }
 
 .dim_1xlom_B_r {
    background-image: url('../images/dim_1x_lom_B.png');
    background-repeat: no-repeat;
    background-position: 0px 8px; 
    padding-left: 15px;  
    padding-bottom: 5px;
 }
 
  .dim_2xlom_B {
    background-image: url('../images/dim_2x_lom_B.png');
    background-repeat: no-repeat;
    background-position: 3px 8px; 
    padding-left: 15px;    
    padding-bottom: 9px;         
 }
 
  .dim_2xlom_B div {
     margin-left: 44px;       
 }
 
  .dim_2xlom_A {
    background-image: url('../images/dim_2x_lom_AC.png');
    background-repeat: no-repeat;
    background-position: 43px 3px;
    min-width: 65px; 
    vertical-align: top; 
    padding-top: 8px;     
 }
 
 .dim_2xlom_A div {
     margin-top: 65px;
     margin-right: 15px;
 }
 
  .dim_2xlom_C {
    background-image: url('../images/dim_2x_lom_AC.png');
    background-repeat: no-repeat;
    background-position: 53px 3px; 
    padding-left: 15px;
 }
 
   .dim_2xlom_D {
    background-image: url('../images/dim_2x_lom_D.png');
    background-repeat: no-repeat;
    background-position: 119px 7px;          
    padding-right: 20px;    
 }
 
 .dim_2xlom_D div {
     margin-left: 118px;
     margin-top: 25px;
 }
 
 .dim_2xlompodesta_A {
    background-image: url('../images/dim_2x_lompodesta_AC.png');
    background-repeat: no-repeat;
    background-position: 45px 3px;
    min-width: 65px; 
    vertical-align: top; 
    padding-top: 8px;        
 }
 
 .dim_2xlompodesta_A div {
     margin-top: 90px;
     margin-right: 15px;
 }
 
   .dim_2xlompodesta_B {
    background-image: url('../images/dim_2x_lompodesta_B.png');
    background-repeat: no-repeat;
    background-position: 3px 8px; 
    padding-left: 15px;    
    padding-bottom: 9px;     
    min-width: 65px
 }
 
  .dim_2xlompodesta_B div {
     margin-left: 37px;       
 }
 
   .dim_2xlompodesta_C {
    background-image: url('../images/dim_2x_lompodesta_AC.png');
    background-repeat: no-repeat;
    background-position: 58px 3px; 
    padding-left: 20px;
 }
 
    .dim_2xlompodesta_D {
    background-image: url('../images/dim_2x_lompodesta_D.png');
    background-repeat: no-repeat;
    background-position: 96px 7px;          
    padding-right: 20px;    
 }
 
 .dim_2xlompodesta_D div {
     margin-left: 96px;
     margin-top: 25px;
 }
 
 
 
  .dim_2xlom2xpodesta_A {
    background-image: url('../images/dim_2x_lom2xpodesta_AC.png');
    background-repeat: no-repeat;
    background-position: 45px 3px;
    min-width: 65px; 
    vertical-align: top; 
    padding-top: 8px;        
 }
 
 .dim_2xlom2xpodesta_A div {
     margin-top: 55px;
     margin-right: 5px;
 }
 
   .dim_2xlom2xpodesta_B {
    background-image: url('../images/dim_2x_lom2xpodesta_B.png');
    background-repeat: no-repeat;
    background-position: 3px 8px; 
    padding-left: 15px;    
    padding-bottom: 9px;     
    min-width: 65px
 }
 
  .dim_2xlom2xpodesta_B div {
     margin-left: 87px;       
 }
 
   .dim_2xlom2xpodesta_C {
    background-image: url('../images/dim_2x_lom2xpodesta_AC.png');
    background-repeat: no-repeat;
    background-position: 50px 3px; 
    padding-left: 5px;
 }
 
    .dim_2xlom2xpodesta_D {
    background-image: url('../images/dim_2x_lom2xpodesta_D.png');
    background-repeat: no-repeat;
    background-position: 211px 7px;          
    padding-right: 20px;    
 }
 
 .dim_2xlom2xpodesta_D div {
     margin-left: 207px;
     margin-top: 25px;
 }
 
 #podstupnice {
     background-image: url('../images/podstupnice.png');
     background-repeat: no-repeat;
     background-position: 120px 30px;    
     padding-top: 20px;
 }
 
 label img {
     pointer-events: none;
     cursor: auto;
 }
 
 .contact-infotext {
     padding-top: 25px;
     text-align: justify;
 }

 .pageSent {
    color: white;
    background-color: 	rgba(0,0,0,0.4);
    padding-left: 85px;
    padding-right: 85px;
    padding-bottom: 25px;     
    padding-top: 30px;
    font-size: 20px;
 }
 
 .stRight {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";   
 }
 
 .stLeft {
     
 }
 
 .hidden {
     display: none;
 }
 
 #stGal {
     margin-left: 110px;     
 }


img  {
-moz-user-select: none;
}

#dirChoice label {
     cursor: pointer;
}

#footer {
    text-align: center;
    color: white;   
}