@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
	
	/*-------------------------------------------------------------------------------

	*Filnamn:			bilonline-settings.css
	
	*Beskrivning:		Huvudfil settings Bilonline webbpaket
	
	*Version:			1.0.0 
	
	*Webbsida:			http://bilonline.se http://applikationsdata.se
	
	*Author:			*Bilonline - En del av Applikationsdata AB
	
	--------------------------------------------------------------------------------*/

	html, body {
  	height: 100%;
	}

	body{
	overflow-x:hidden;
	padding: 0 0 0 0;
	background:#fff;
	}
	
	h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans Condensed', sans-serif;
	color:#000;
	}
	
	p{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.2em;
	color:#000;
	}


    /*===============================================================================
        Settings main
    ================================================================================*/

    .col-margin-top{
        margin-top:10px;
    }
    .col-margin-bottom{
        margin-bottom:10px;
    }



    /*===============================================================================
        Settings bilar
    ================================================================================*/

    /*------------------------------------------------------
		Bil block settings 
		---------------------------------------------------*/

    .bil-block-main{
        font-family:'Open Sans Condensed',sans-serif;
        background:#f5f6f6;
        color:#000;
    }

    .bil-block-main:hover{
        opacity:0.8;
        cursor:pointer;
    }

    .bil-block-img-settings{
        width:100%;
        display: block;
        line-height: 1.42857143;
        height:auto;
    }

    .bil-block-header{
        background:#333;
    }

    .bil-block-modell{
        color:#fff;
        height:30px;
        max-height:50px;
        overflow:hidden;
        font-size:18px;
        padding:5px;
        display:inline-block;
        width:100%;
        text-transform:uppercase;
    }

    .bil-block-pris{
        text-align: center;
        display:inline-block;
        color: #fff;
        width:25%;
        font-size:25px;
    }

    .bil-block-info{
        padding:5px;
        font-size:16px;
    }


    .bil_block_info_inner{
        width:49%;
    }

    .bil-block-pris{
        text-align: center;
        display:inline-block;
        color: #333;
        width:49%;
        font-size:25px;
        float:right;
        margin-top:-50px;
    }

    .bil-block-info-left{
        display:inline-block;
        width:45%;
    }

    .bil-block-info-right{
        display:inline-block;
        width:55%;
    }

	.bil-block-info-right span {
		width: 126PX;
		display: inline-block;
	}


@media screen and (max-width:600px) {
	.col-xs-6{
     width:100%;}
}

    @media screen and (max-width:405px){
        .btn-setting{
            width:100%!important;
            margin:0 auto;
        }
        .block-info-btns{
            float:none!important;
        }
    }


    /*===============================================================================
        Settings bil
    ================================================================================*/
    
    /*------------------------------------------------------
		Font-settings
		---------------------------------------------------*/
		
	.block-modell,
	.block-mer-info,
	.block-utrustning,
	.block-pris{
	font-family: 'Open Sans Condensed', sans-serif;
	color:#000;
	}
	
	.bilonline-modal-btn-skicka,
	.bilonline-modal-btn-stang{
	font-family:'Open Sans Condensed',sans-serif;
	}
	
	/*------------------------------------------------------
		hr-settings
		---------------------------------------------------*/	
	
    .bilonline-dark-hr{
	border-color:#222;
	margin-left:15px;
	margin-right:15px;
	}

    .bilonline-light-hr{
	border-color:#eaeaea;
	margin-left:15px;
	margin-right:15px;
	}


	/*------------------------------------------------------
		modell-block-settings
		---------------------------------------------------*/
			
	.block-modell{
	font-size:25px;
	}
	
	.block-pris{
	font-size:30px;
	color:#5cb85c;
	}
	
	.block-pris-holder{
	float:right;	
	}

    .block-info-btns{
        float:right;
    }
		
	.btn-setting{
	border-radius:0;
    height:50px;
	width:117px;
    margin-bottom:4px;
    text-align:center;
	border:0;
	font-family: 'Open Sans Condensed', sans-serif;
    background-color:#ccc;
    -webkit-appearance:none;	
	}

	.select-arrow{
	color:#ccc;
	}
	
	/*------------------------------------------------------
		Tabell
		---------------------------------------------------*/
	
	.block-table{
	width:100%;
	margin-top:5px;
	}
	
	.block-table tr{
	border-bottom:1px dotted #ccc;
	}
	
	.block-table-left{
	width:50px;
	padding:5px 0 5px 0;
	}
	
	.block-table-right{
	width:100px;
	padding:5px 0 5px 0;
	}

	/*------------------------------------------------------
		Block mer info controller
		---------------------------------------------------*/
		
	.block-mer-info-span-holder{
	display:table-cell!important;
	width:40px;
	}
	
	.block-mer-info-txt{
	display:table-cell!important;
	width:150px;
	vertical-align:middle;	
	}
	
	.hidden-mer-info-ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:10px;	
	}
	
	.hidden-mer-info-ul li{
	display:table;
	border-bottom:1px solid #333;
	width:100%;
	}
	
	/*------------------------------------------------------
		Slider settings
		---------------------------------------------------*/

	.flex-direction-nav a:before  { 
    content: " ";
    display: block;
    background:url('../img/arrow-left-testing.png') no-repeat;
    width: 60px;
    height: 60px;
	}
	
	.flex-direction-nav a.flex-next:before  { 
    content: " ";
    display: block;
    background: url('../img/arrow-right-testing.png') no-repeat;
    width: 60px;
    height: 60px;
	}

    #carousel img{
    opacity:.8;
    display:block;
    cursor:pointer;
    margin:1px;
    }

    #carousel img:hover{
    opacity:1;
    }

    #carousel .slides li{
        margin-right:1px;
    }

	/*------------------------------------------------------
		Modal settings
		---------------------------------------------------*/
		
	.bilonline-modal-header{
	height:50px;
	}
		
	.bilonline-modal-input{
	margin-bottom:5px;
	background-color:#fff!important;
	border-color:#ccc!important;
	max-width:567px;
	max-height:200px;
    font-family:'Open Sans Condensed',sans-serif;
    border-radius:0;
	}
	
	.bilonline-modal-btn-skicka{
	border-radius:0;
	padding:10px;
	text-align:center;	
	}
	
	.bilonline-modal-btn-stang{
	padding:10px;
	text-align:center;
	border-radius:0;
	width:125px;
	}
	
	.bilonline-modal-icon-close{
	margin-top:-8px;
	}
	
	
	/*------------------------------------------------------
		Finans settings
		---------------------------------------------------*/

	.block-finans{
	margin-bottom:10px;
	}
	
	.finans-header{
	background:#5cb85c;
	padding:0 0 0 3px;	
	}
	
	.bilonline-finans-icon{
	color:#fff;	
	}

    .bilonline-manadskostnad{
    color:#fff;
    background:#333;
	font-family:'Open Sans Condensed',sans-serif;
    padding-left:3px;
    padding-top:4px;
    }

    .bilonline-manadskostnad span{
    font-size:50px;
    display:block;
    text-align:center;
    }
	
	.block-finans-temp{
	padding-top:10px;
	font-size:25px;
	font-family:'Open Sans Condensed',sans-serif;
	color:#fff;
	background-color:#5cb85c;	
	}
	
	.bilonline-finans-input{
	padding:10px;
	background-color:#fff;
	border:0;
	margin:10px 0 5px 2px;
	color:#fff;
	}
	
	.bilonline-finans-exp{
	display:inline-block;
	color:#fff;
	font-size:20px;
	text-align:center;
	}
	
	#bilonlineCalcKont,
	#bilonlineCalcMan{
	border:0;
	border-radius:0;
	background:#EAEAEA;
	margin:5px 2px 0 2px;
	opacity:0.5;
	}
	
	.finans-footer{
	background:#333;
	font-family:'Open Sans Condensed',sans-serif;
	padding-top:10px;
	padding-bottom:10px;	
	}
	
	.finans-resultat{
	display:block;
	width:90%;
	margin:0 auto;
	text-align:center;
	background:#ccc;
	padding:10px;		
	}	

	/*------------------------------------------------------
		Ring settings
		---------------------------------------------------*/

	.block-ring{
	margin-top:10px;
	font-family:'Open Sans Condensed',sans-serif;
	color:#fff;
	background:#5cb85c;
	width:100%;
	}
	
	.block-ring-btn{
	background:#5cb85c;
	height:50px;
	display:table!important;
    text-align:center;
    margin-left:-15px;
	}
	
	.block-ring-btn span{
	display:table-cell!important;
	vertical-align:middle;
	}
	
	.bilonline-ring-icon{
	color:#fff;
	margin-left:10px;
	margin-top:5px;
	}


    /*------------------------------------------------------
		Alla bilder
	---------------------------------------------------*/

    .visa_alla_container{
    width:80%;
    margin:0 auto;
    }

    .visa_alla_container img{
    display:block;
    margin-bottom:10px;
    }