/* 
    Document   : main
    Created on : 22 nov. 2012, 11:06:56
    Author     : novaresa
    Description:
        Purpose of the stylesheet follows.
*/


/* Import Section
=================================================================== */
@import url("icon-flag.css");				/* Flags */
@import url("glyphicons-mini.css");			/* mini icons */
/*@import url("social-icons.css");            /* Social icons */
@import url("icon-star.css");               /* Star icons */
@import url("icon-novaresa.css");           /* Icon Novaresa */
@import url("icon-people.css");             /* Icon People */
@import url("icon-social.css");             /* Icon Social */


/* Import Font
=================================================================== */
@font-face {
  font-family: "ProximaNova-Light";
  src: url("../fonts/ProximaNova-Light.otf") format("truetype");
}
@font-face {
  font-family: "ProximaNova-Regular";
  src: url("../fonts/ProximaNova-Regular.otf") format("truetype");
}
@font-face {
  font-family: "ProximaNova-SemiboldItalic";
  src: url("../fonts/ProximaNova-SemiboldItalic.otf") format("truetype");
}
@font-face {
  font-family: "ProximaNova-Semibold";
  src: url("../fonts/ProximaNova-Semibold.otf") format("truetype");
}



body{background-color:#f3f3f3;font-family:Arial; font-size:14px; color:#666;}


/************* GENERAL CSS **************/
h1{font-weight:normal;}
h2{border-bottom:1px solid #d4d3d3;display:inline-block; font-weight:normal; margin-bottom:15px; color:#333333; font-family: "ProximaNova-Semibold"; font-size: 21px;}
h3{font-weight:normal; color: #333333; font-size: 21px; font-family: "ProximaNova-Light"; border-bottom:1px solid #d4d3d3; margin-top:0;}
h4{font-weight:normal; color: #222222; font-size: 27px; font-family: "ProximaNova-Light";}
h4 strong{ font-family: "ProximaNova-Semibold"; font-weight: normal;}

a{color:#333333; cursor: pointer;}
a:hover{color:#45a5e5;text-decoration:none;}

section{padding-top:20px;padding-bottom:20px;}

.modal-header h3 {border-bottom: 0;}
.modal-body h2{display: inline-block; width: 100%; font-family: Arial; font-weight: bold; font-size: 16px;}

.clear{clear: both;}

.alert strong, .alert ol li{font-size: 14px;}

/************** FOOTER *************/
footer{color:#9c9c9c;}
footer #footerTop a{color: #45a5e5;}
footer #footerTop{background-color: #323232;}
footer #footerBottom{background-color:#222222;padding-top:20px;padding-bottom:20px; }
footer h3{font-size:18px; color: #fff; font-family: "ProximaNova-Light"; border-bottom: 1px solid #525252;}
footer h3 span{text-transform: uppercase; color: #1aa7fb; font-family: "ProximaNova-Semibold";}


footer #footerTop .social{margin:0;}
footer #footerTop .social li{float:left; list-style: none;}

footer #footerBottom ul{margin-left:0;}
footer #footerBottom ul li{float:left; list-style: none;padding-right: 20px;}
footer #footerBottom ul li a{color: #9c9c9c;border-right:1px dotted #9c9c9c; padding-right: 20px;}
footer #footerBottom ul li a:hover{text-decoration: none; color: #45a5e5;}
footer #footerBottom ul li:last-child a{border:0;}



/* Back to top css */
#top-link  {
    display: none;
    position: fixed;
    right: 5px;
    bottom: 5px;
    color: #fff;
    border: 1px solid #fff;
    background: #45a5e5;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 0;
}

.padding-20{padding:20px;}
.padding-15{padding:15px;}
.padding-5{padding:5px;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}


sup {
top: -1.5em;
}
.table{border-collapse: separate;}
.table th, .table td {border-top: 1px solid #f3f3f3; border-right: 1px dotted #d4d3d3; padding: 20px;}

.label-info, .badge-info {
background-color: #45a5e5;
}


/************ BUTTONS **************/
.btn{border-radius: 0;  font-family: "ProximaNova-Light"; font-size: 16px;}
.btn-search {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #045db0;
	*background-color: #045db0;
	background-image: -moz-linear-gradient(top, #1184BE, #045db0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1184BE), to(#045db0));
	background-image: -webkit-linear-gradient(top, #1184BE, #045db0);
	background-image: -o-linear-gradient(top, #1184BE, #045db0);
	background-image: linear-gradient(to bottom, #1184BE, #045db0);
	background-repeat: repeat-x;
	border-color: #045db0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1184BE', endColorstr='#045db0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-search:hover,
.btn-search:active,
.btn-search.active,
.btn-search.disabled,
.btn-search[disabled] {
	color: #FFFFFF;
	background-color: #045db0;
	*background-color: #003bb3;
}


.btn-order {
    border: 0;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #107eda;
	*background-color: #107eda;
	background-image: -moz-linear-gradient(top, #3CB0EB, #107eda);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3CB0EB), to(#107eda));
	background-image: -webkit-linear-gradient(top, #3CB0EB, #107eda);
	background-image: -o-linear-gradient(top, #3CB0EB, #107eda);
	background-image: linear-gradient(to bottom, #3CB0EB, #107eda);
	background-repeat: repeat-x;
	border-color: #107eda;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3CB0EB', endColorstr='#107eda', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-order:hover,
.btn-order:active,
.btn-order.active,
.btn-order.disabled,
.btn-order[disabled] {
	color: #FFFFFF;
	background-color: #107eda;
	*background-color: #003bb3;
}

.btn-orderdv {
    border: 0;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #F89406;
	*background-color: #107eda;
	background-image: -moz-linear-gradient(top, #F89406, #d67f02);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F89406), to(#d67f02));
	background-image: -webkit-linear-gradient(top, #F89406, #d67f02);
	background-image: -o-linear-gradient(top, #F89406, #d67f02);
	background-image: linear-gradient(to bottom, #F89406, #d67f02);
	background-repeat: repeat-x;
	border-color: #F89406;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3CB0EB', endColorstr='#107eda', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-orderdv:hover,
.btn-orderdv:active,
.btn-orderdv.active,
.btn-orderdv.disabled,
.btn-orderdv[disabled] {
	color: #FFFFFF;
	background-color: #d67f02;
	*background-color: #003bb3;
}

.btn-compare {
    border: 0;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #c6c6c6;
	*background-color: #c6c6c6;
	background-image: -moz-linear-gradient(top, #E9E9E9, #c6c6c6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E9E9E9), to(#c6c6c6));
	background-image: -webkit-linear-gradient(top, #E9E9E9, #c6c6c6);
	background-image: -o-linear-gradient(top, #E9E9E9, #c6c6c6);
	background-image: linear-gradient(to bottom, #E9E9E9, #c6c6c6);
	background-repeat: repeat-x;
	border-color: #c6c6c6;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#c6c6c6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-compare:hover,
.btn-compare:active,
.btn-compare.active,
.btn-compare.disabled,
.btn-compare[disabled] {
	color: #FFFFFF;
	background-color: #c6c6c6;
	*background-color: #003bb3;
}


.btn-nodate {
    border: 0;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #AFCBD9;
	*background-color: #AFCBD9;
	background-image: -moz-linear-gradient(top, #C5E1EF, #AFCBD9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C5E1EF), to(#AFCBD9));
	background-image: -webkit-linear-gradient(top, #C5E1EF, #AFCBD9);
	background-image: -o-linear-gradient(top, #C5E1EF, #AFCBD9);
	background-image: linear-gradient(to bottom, #C5E1EF, #AFCBD9);
	background-repeat: repeat-x;
	border-color: #AFCBD9;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5E1EF', endColorstr='#AFCBD9', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-nodate:hover,
.btn-nodate:active,
.btn-nodate.active,
.btn-nodate.disabled,
.btn-nodate[disabled] {
	color: #FFFFFF;
	background-color: #AFCBD9;
	*background-color: #003bb3;
}

.btn-modif {
    border: 0;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #bbbbbb;
	*background-color: #bbbbbb;
	background-image: -moz-linear-gradient(top, #DFDFDF, #bbbbbb);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFDFDF), to(#bbbbbb));
	background-image: -webkit-linear-gradient(top, #DFDFDF, #bbbbbb);
	background-image: -o-linear-gradient(top, #DFDFDF, #bbbbbb);
	background-image: linear-gradient(to bottom, #DFDFDF, #bbbbbb);
	background-repeat: repeat-x;
	border-color: #bbbbbb;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#bbbbbb', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-modif:hover,
.btn-modif:active,
.btn-modif.active,
.btn-modif.disabled,
.btn-modif[disabled] {
	color: #FFFFFF;
	background-color: #bbbbbb;
	*background-color: #003bb3;
}




/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    footer #footerTop .span4{float: left; margin-bottom: 20px;}
    body{padding-left: 0; padding-right: 0;}
    section{padding-left: 20px; padding-right: 20px;}
}


/*
@media (min-width: 767px){
	.row-fluid.grid_prices .span10, .row-fluid.grid_prices .span2 {
		width: 100%;
	}
}
*/