/*
Theme Name: MadBall.ch ottobre 2013
Author: MadBall.ch
Author URI: http://www.madball.ch

*/

/* =============================================================================
   General Styles
   ========================================================================== */

#footer_mobile a, .footer_mobile a{display:none;}
#footer_mobile1{display:none}

#header, .header {
/*background: #fff !important;"*/
height: 91px !important;
padding: 15px 50px 10px 50px !important;
text-align:center;
margin:0px !important;
background: url(http://www.kesselclassic.ch/immagini_wp/logo.svg) center center no-repeat;
background-size:240px;
}
#header_rent, .header_rent {
/*background: #fff !important;"*/
height: 91px !important;
padding: 15px 50px 10px 50px !important;
text-align:center;
margin:0px !important;
background: url(http://www.kesselclassic.ch/immagini_wp/rent_header.svg) center 10px no-repeat;
background-size:240px;
}



li.ferrari {
background:none !important;
list-style-type: none;
font-weight: normal;
font-size: 12px !important;
letter-spacing: 0px;
text-transform: uppercase;

line-height:40px;
text-align:center;
display:inline-block;
}
li.ferrari a{
text-decoration:none;
color:#fff;
padding:10px 20px;
}
li.ferrari a:hover{
color:#ccc;
background:rgba(62,61,64,0.8);
}

#menu_marchi{
list-style-type:none;
text-align:center;
background: rgba(62,61,64,0.4);
}

#menu_marchi ul{
margin:0px !important;
}








/* Font Face Setup, add fonts to /fonts/ folder and sync filenames */
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* Global Box Sizing and Font-Smoothing */	 
*, *:after, *:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
	font-size:11px;
	font-weight:300; /* Better supported than 'lighter' attribute */
	line-height:18px;
	margin:0px !important;
	color:#444; /* Lighter on the eyes than #000 Black */
	background: url(http://www.kesselclassic.ch/immagini_wp/bg.png) no-repeat center center fixed; 
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}

/* =============================================================================
   Structure
   ========================================================================== */
   
/* Fluid First approach - http://www.toddmotto.com/fluid-first-creating-a-future-proof-fluid-and-responsive-website 
  Responsive, fluid, 1280px width - perfect start.
*/

.wrapper {
	/*max-width:1280px;
	width:95%;*/
	margin:0 auto;
	
	
}

section{
	background:#fff;
	padding:2%;

margin: 0 auto;
}

.colonne_rent {
	width: 32%;
	float:left;
	margin:0 1% 1% 0%;
	display: block;
	min-width: 176px;
	background: #f5f5f5;
	border: 1px solid #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 2px 4px rgba(0,0,0,.4);

}
.colonne_rent1 {
	width: 32%;
	float:left;
	margin:0 1% 1% 0%;
	display: block;
	min-width: 176px;
}
.colonne_footer {
	width: 32%;
	float:left;
	margin:0 1% 1% 0%;
	display: block;
	min-width: 176px;
	color:#fff;
}


#logo{
	text-align:center;
	background: rgba(255,255,255,1);
	padding: 15px 0 10px 0;
	}

footer{
	text-align:center;
	width:100%;
	color:#fff;
	display: block;
	bottom: 0px;
	position: fixed ;
	background: rgba(62,61,64,0.4);
	text-transform:uppercase;
	padding:0 20px;
}
footer a{
	color:#fff;
	text-decoration:none;
}
footer a:hover{
color:#bbb;
}
/* =============================================================================
   Media Queries
   ========================================================================== */

/* 320px and greater */
@media (max-width: 320px) {
#header, .header {
	/*background: #ccc !important;*/
	background: url(http://www.kesselclassic.ch/immagini_wp/logo.svg) center 10px no-repeat;
background-size:200px;
height:50px;
}
#footer_mobile a, .footer_mobile a{
background-size: 25px;
}
.colonne_rent {
	width: 100%;
	margin-bottom:5%;}

.colonne_rent1 {
	width: 100%;
	margin-bottom:5%;}
.colonne_footer {
	width: 100%;
	margin-bottom:5%;}
}

/* 480px and greater */
@media only screen and (min-width: 480px) {
.colonne_rent {
	width: 49%;}

.colonne_rent1 {
	width: 49%;}

.colonne_footer {
	width: 49%;}

}

/* 768px and greater */
@media (max-width: 768px) {
body{background: url(http://www.kesselclassic.ch/immagini_wp/bg.png) no-repeat center top fixed; 
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;}
#footer_mobile a, .footer_mobile a{
background: center center no-repeat 
transparent;
background-image: url(http://www.kesselclassic.ch/immagini_wp/plus.svg);
background-size: 25px;
display: block !important;
width: 40px;
height: 35px;
position: absolute;
top: 11px;
left: 10px;
}
#footer_mobile1{
display: block !important;
bottom: 10px;
text-align: center !important;
width:100%;
color:#fff !important;
font-size:9px;
text-transform:uppercase;
padding:5px 0;
}
#footer_mobile1 a{color:#ccc;
text-decoration:none;}
#header, .header {
	/*background: #ccc !important;*/
	background: url(http://www.kesselclassic.ch/immagini_wp/logo.svg) center 10px no-repeat;
height:50px;
}
#footer_mobile a.friends,
.footer_mobile a.friends
{
	background-image: url(http://www.kesselclassic.ch/immagini_wp/info.svg);}
#footer_mobile a.right,
.footer_mobile a.right
{
	left: auto;
	right: 10px;
}
footer {
	display: none;}
#header, .header {
	/*background: #ccc !important;*/
	
}
#menu_marchi{display:none;}


}


/* 1024px and greater */
@media only screen and (min-width: 1024px) {
.colonne_rent {
	width: 32%;}
.colonne_rent1 {
	width: 32%;}
}
.colonne_footer {
	width: 32%;}
}


/* 1024px and greater */
@media only screen and (min-width: 1920px) {
.colonne_rent {
	width: 24%;}
.colonne_rent1 {
	width: 24%;}
}
.colonne_footer {
	width: 24%;}
}

/* Landscape phones and down */
@media (max-width: 470px) {

body {
	
}
}


/* Retina screens */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {

}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
/* Custom Selection Styles */
::selection {background:#D31245;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#D31245;color:#FFF;text-shadow:none;}
::-moz-selection {background:#D31245;color:#FFF;text-shadow:none;}

/* Input focus styles */
input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
.alignnone {margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {margin:5px 20px 20px 0;}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.sticky {}
.bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
}