@charset "iso-8859-1";

img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
/*20px/660px/20px/320px/20px*/
/*------------------------------------------------------------------*/
* {margin:0;padding:0;}
img {border:0; height:auto; vertical-align: middle; -ms-interpolation-mode: bicubic;}
article, aside, details, figcaption, figure, footer, header, nav, section, p, div {display:block;}
ul, ol { margin:0; padding:0; list-style: none; list-style-type:none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*------------------------------------------------------------------*/
/* MOBIL Layout: 480px and below. */
html { font-size:93.8%; -webkit-text-size-adjust:93.8%; -ms-text-size-adjust:93.8%; overflow-y: scroll; } /*15px su 16px*/
body { background: #fff url('/images/mototurismo-back5.jpg') no-repeat fixed center 0; 
	   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-size:1rem; font-weight:normal; line-height:1.4; color:#555; }
h1 { font-size:19px; font-size:1.267rem; }
h2 { font-size:18px; font-size:1.200rem; }
h3 { font-size:17px; font-size:1.133rem; }
h4 { font-size:16px; font-size:1.067rem; }
.small{ font-size:14px; font-size:0.933rem; }
#top-header p { font-size:12px;	font-size:0.800rem; }
#top-article .sub-tit h2 { font-size:16px; font-size:1.067rem; }
.txred { font-size:17px; font-size:1.133rem; color:#C30; font-weight:bold; }
a:link, a:visited { color:#555; text-decoration:none; }
a:hover { color:#555; text-decoration:underline; }
#dir p  a:link, a:visited { text-decoration:underline; color:#555; }
#dir p  a:hover { text-decoration:none; color:#555; }
.txj { text-align:justify; } 
.txc { text-align:center; }
.txr  {text-align:right; }
.fl { float:left; }
.fr { float:right; }
.dis { padding-top:12px; }
.disp { padding-top:6px; }
.marb { margin-bottom:12px; }
.clear { clear:both; float:left; display:block; width:100%; }
.sub-nav { clear:both;float:left;display:block;margin-top:-3px;width:100%; }
.sub-nav ul { width:80%;padding:0 10%; }
.sub-nav ul li { display:inline-block; color:#fff; font-size:16px; font-size:1.067rem; line-height:2.5; border-right:1px dotted #ccc; padding:0 1%; }
.sub-nav ul li a:link, .sub-nav ul li a:visited { text-decoration:none; color:#fff; }
.sub-nav ul li a:hover  { text-decoration:underline; color:#fff; }
.up {clear:both;float:left;width:100%;text-align:center;margin-bottom:18px;margin-top:20px;}
#main-footer {clear:both;float:left;display:block;background:#f1f1f1;width:100%;padding:20px 0 30px 0;margin-top:20px;}
#main-footer p {clear:both;float:left;width:100%;text-align:center;}

/* TABLET Layout: 481px to 768px. Inherits styles from: Mobile Layout.  --------*/
@media only screen and (min-width: 481px) {
h1 { font-size:23px; font-size:1.533rem; }
h2 { font-size:22px; font-size:1.467rem; }
h3 { font-size:18px; font-size:1.200rem; }
#top-article .sub-tit h2 { font-size:18px; font-size:1.200rem; }

}

/* DESKTOP Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. ---- */
@media only screen and (min-width: 769px) {
html { font-size: 75%; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } /* 12px su 16px*/
body { font-size:12px;font-size:1rem;line-height:1.25; }
h1 { font-size:24px; font-size:2rem; }
h2 { font-size:22px; font-size:1.833rem; }
h3 { font-size:16px; font-size:1.333rem; }
h4 { font-size:13px; font-size:1.083rem; }
.small{ font-size:11px; font-size:0.917rem; }
#top-header p { font-size:11px;	font-size:0.917rem;	}
#top-article .sub-tit h2 { font-size:17px; font-size:1.417rem; }
.txred { font-size:16px; font-size:1.333rem; }
.sub-nav ul { width:98%; padding:0 1%; }
.sub-nav ul li { font-size:11px; font-size:0.917rem; line-height:2.2; }
.up {display:none;}

}