/*--------------------------------------------------
G I O V A N N I   R A S P I N I
http://www.raspini.it/
website by websolute
--------------------------------------------------*/


/*--------------------------------------------------
Negozi CSS
--------------------------------------------------*/
#template-negozio {background:#fff;}
.bg-negozi {padding: 0px 0 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; z-index:1; margin-bottom:-30px;}
.bg-negozi img {position: relative; top:0; left:0; width:100%; z-index:1;}
.bg-negozi .container {position: absolute; z-index:2;top:20px; width:1170px;left: 50%;margin-left: -585px;}
#template-news .supertit {font-family:'Crimson Text', serif; font-size: 60px; text-transform:uppercase; line-height:80px; color:#fff; margin-bottom: 20px;}	
.geo-marker {background: url(../img/gr_marker.png) no-repeat 0 0; display:inline-block; width: 22px; height: 29px; color:#fff; text-align:center;margin-right: 3px;position: relative;top: -1px;padding-top: 3px;font-weight: 400;font-size: 13px;letter-spacing: -1px;padding-right: 1px;}


/*--------------------------------------------------
Geo Box
--------------------------------------------------*/
.geo-box {border-left:1px solid #9d9d9c; color:#fff; padding-left:30px; margin-bottom: 35px; margin-left:5px;}
.geo-box .tit { font-size: 18px; margin-bottom: 5px;}
.geo-box .text {font-weight:400; font-size:18px;display: none;}
.geo-box form {margin-top: 14px;}
.geo-box form input[type="text"] {padding: 8px; width:250px; border:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-right:3px;top: -3px;font-size: 15px;position: relative;}
.geo-box form input, .geo-box form button {margin-bottom:5px;}
#geo-results {margin-top:20px;}

/*--------------------------------------------------
Marker Info
--------------------------------------------------*/
#marker-info {text-transform:uppercase; padding:30px 0;}
#marker-info .tit {font-size: 19px;padding-top: 4px;}
#marker-info .geo-marker {width:15px; height:20px; background-position:-61px 0; margin: 0 5px 0 20px;position: relative;top: 5px;background: url(../img/blu_marker_mini.png) no-repeat 0 0;}
#marker-info .boutique-geo-marker {background: url(../img/gr_marker_mini.png) no-repeat 0 0;}


/*--------------------------------------------------
Marker Box
--------------------------------------------------*/
.marker-box {padding-left:15px; border-left:1px solid #dfdbd9; margin-bottom:30px; min-height: 90px; }
.marker-box .authorized-geo-marker {/* position:relative; */ /* top: 11px; */}
.marker-box .boutique-geo-marker {background: url(../img/blu_marker.png) no-repeat 0 0;}
.marker-box .tit {font-size:16px; font-weight:900; margin-bottom: 5px;}
.marker-box .address {font-size:14px; line-height:20px;}


/*--------------------------------------------------
Mediaquery
----------------------------------------------------
Large desktop
--------------------------------------------------*/
@media (min-width:1200px) {

}


/*--------------------------------------------------
Mediaquery
----------------------------------------------------
Medium desktop
--------------------------------------------------*/
@media (min-width:992px) and (max-width:1199px) {
	#template-news .supertit {font-size:40px; text-transform:uppercase; line-height:50px; color:#fff; margin-bottom:20px;}	
	.bg-negozi .container {width:970px;left: 50%;margin-left: -485px;}
	.geo-box .tit {font-size:18px;}
}


/*--------------------------------------------------
Mediaquery
----------------------------------------------------
Portrait tablet to landscape and desktop
--------------------------------------------------*/
@media (min-width:768px) and (max-width:991px) {
	.bg-negozi .container {width:750px;left: 50%;margin-left: -375px;}
	#template-news .supertit {font-size: 40px; text-transform:uppercase; line-height:30px; color:#fff; margin-bottom:20px;}	
	.geo-box .tit {font-size:16px;margin-bottom: -10px;}
	.geo-box {margin-bottom:10px; padding-top:0;}
}


/*--------------------------------------------------
Mediaquery
----------------------------------------------------
Landscape phones and down
--------------------------------------------------*/
@media (max-width:767px) {
	.bg-negozi .container {width:100%;  position:relative; margin-left:0; left:0; color:#333; margin-bottom:28px; border-bottom:1px solid #ddd; padding-bottom:10px; background:#fafafa; padding-top:20px; margin-top:-20px;}
	.bg-negozi .container .supertit {color:#333!important; font-size:28px!important; line-height:22px!important; margin:0 0 16px!important;}
	.bg-negozi .container .geo-box {border:none; padding:0; margin:0 0 10px 0;}
	.bg-negozi .container .geo-box .tit {color:#333; font-size:16px;}
	.bg-negozi .container .geo-box form {margin:0;}
	.bg-negozi .container .geo-box form input[type="text"] {background:#eee; color:#333;}
}


@media (max-width:320px) {
	.marker-box {padding-left:0; border-left:none; margin-bottom:30px; min-height: 90px; margin:0 0 30px -15px;}
	.marker-box .tit {font-size: 24px!important; font-weight:normal;line-height: 22px!important;}
	.marker-box .address {font-size:14px; line-height:18px;}
	#map-canvas {height:250px!important;}
	#geo-results {margin:0 0 0 15px;}
	#geo-results .marker-box {margin-bottom:10px;}
	#geo-results .marker-box .tit {font-size:22px!important; line-height:22px!important;}
	#txtGeoSearch {width: 184px;}
}