/*
Title:	Master styles for screen media
Author:	jeff@nimbleagency.com
Based on Dan Cederholm's "Handcrafted CSS" http://handcraftedcss.com/
*/
 
body {
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L", Times, "Times New Roman", serif;
color: #444;
font-size: 62.5%;
background: url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/bg.jpg) #f8f4f2;
}

h1, h2, h3, h4 {
font-family: pragmatica-web-condensed,sans-serif;
}

p, li {

}


/* links */
a:link, a:visited {
color: #bf0808;
outline: none;
}

a:hover {
color: #39c;
}

a.the-tooltip {
	width: 20px;
	height: 20px;
	padding: 1px;
	margin: 3px;
	background: #fff;
	float:  left;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.15);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.15);
	box-shadow: 1px 1px 3px rgba(0,0,0,.15);
}

a.the-tooltip img {
	padding:  0;
	margin: 0px;
	position:  relative;
	width: 20px;
	height:  20px;
}

#contact_form {
width:  100%;
}

#contact_form table tr {
	height:  60px;
}

#contact_form table tr td {
border:  none;
padding:  0 1em 0  0;
}

#contact_form input {
	width:  260px;
	height:  1.8em;
}

#contact_form input.wide {
	width:  542px;
}

#contact_form input.submit {
	width:  auto;
}

/* page structure 
------------------------------------------------- */
#wrap {
	width: 960px;
	margin:  0 auto;
}

#main {
	width:  940px;
	background: #fff;
	padding: 10px;
	z-index: 100;
}

#secondary {

}

#footer {

}

/* header
-------------------------------------------------- */
#header {
	height: 160px;
	margin: 0 0 25px 0;
}

#logo {
	width: 360px;
	float:  left;
	height:  120px;
	background:  url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/logo.png) no-repeat;
	position:  relative;
	top:  35px;
}

#logo h1 {
	font-weight:  900;
	font-size: 4.2em;
	padding-left: 120px;
	text-transform: uppercase;
	line-height: 1;
	margin: 10px 0 0 0;
}

#logo h2 {
	font-weight: 300;
	font-family: pragmatica-web,sans-serif;
	font-size:  2.4em;
	text-transform:  uppercase;
	padding-left:  120px;	
	line-height: .9;
	margin:  0 0 10px 0;
	letter-spacing:  .22em;
}

#logo h3 {
	font-weight: 300;
	font-family: pragmatica-web,sans-serif;
	font-size:  1.4em;
	text-transform:  uppercase;
	text-align:  center;
	line-height: 1.3;
	color:  #666;
	letter-spacing: .1em;
}

#action_btn {
	width: 211px;
	height: 42px;
	float: right;
	margin-right: 8px;
}

a.action {
	width: 211px;
	height: 42px;
	display:  block;
	position:  fixed;
	color: #fff;
	font-weight:  700;
	font-size:  2.0em;
	text-transform:  uppercase;
	text-align:  center;
	background: url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/action_btn.png) no-repeat;
	font-family: pragmatica-web-condensed,sans-serif;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	padding: 8px 0 0 0;
	z-index:  99999;
}

span.product_id {
	background: #aaa;
	color:  #fff;
	padding: 2px 5px;
	font-size: .9em;
	border:  1px solid #fff;
	

}


/* nav 
---------------------------------------------------- */
#navigation {
position: relative;
z-index: 1000;
}

ul#nav {
	padding: 0;
	margin:  0;
	list-style: none;
	background: url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/nav_bg.jpg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;	
	border-left: 2px solid #fff;
	height: 45px;
}

ul#nav li {
	float:  left;
	position:  relative;
	text-align: center;
	font-family: pragmatica-web,sans-serif;
	text-transform:  uppercase;
	font-weight:  700;
	font-size: 1.3em;
	line-height:1.2;
}

ul#nav li a {
	display:  block;
	max-width: 160px;
	padding:  7px 20px 3px 20px;
	height: 35px;
	background: url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/divider.jpg) no-repeat top right;	
}

ul#nav li a.last {
	background-image:  none;
}

ul#nav li a:hover, ul#nav li a.active {
	background-color:  #fff;
	color:  #666;
}

ul#nav li ul {
	display:  none;
	position: absolute;
	top: 45px;
	left: 0;
	font-size: .7em;
	width: 180px;
	background:  #f6f5f1;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.15);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.15);
	box-shadow: 1px 1px 5px rgba(0,0,0,.15);
	z-index:  900;
	
}

ul#nav li ul li {
	width:  100%;
	
}

ul#nav li ul li a {
	background-image: none;
	text-align: left;
}



li > ul {
	top: auto;
	left:  auto;
}

ul#nav li:hover ul, ul#nav li.over ul {
	display: block;
}

/* main styles
---------------------------------------------------- */

#content {
	width:  670px;
	float:  left;
	min-height: 300px;
	padding: 10px 15px;
}

#content table {
	font-size: 16px;
}



#content p, #content li {
	font-size:  1.7em;
	line-height:  1.5;
	color: #4f4f4f;
}

#content p {
	padding:  0 0 15px 0;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
	font-family: pragmatica-web,sans-serif;
	font-weight: 700;
}


#content h1 {
	font-size:  3em;
	text-shadow: 1px 1px 2px rgba(0,0,0,.1);
	color: #bf0808;

}

#content h2 {
	font-size: 2.4em;
	color: #bf0808;

}

#content h3 {
	font-size:  2em;
	color: #bf0808;

}

#content h4 {
	font-size:  1.7em;
	color: #666;
}

#content h5 {
	font-size: 1.5em;
	color: #aaa;
	font-weight: 400;
	text-transform:  uppercase;
}

#content ol, #content ul {
	margin:  0 0 0 30px;
}

#content ol {
	list-style-type:  decimal;
}

#content ul {
	list-style-type: square;
}

#content li {
	padding:  0 0 10px 0;
}

#content tr.table_heading {
	background: #4f4f4f;
	color: #fff;
}

#content td {
	padding:  2px;
	border:  1px solid #efefef;
}

#content tr.highlight {
	background:  #ccc;
}

/* Product Styles
---------------------------------------------------- */

.single_product {
	width: 190px;
	float:  left;
	margin: 5px 30px 15px 0;
	padding:  0px;
	height:  260px;
}

#content .single_product h3 {
font-size: 1.4em;
font-weight: 700;
text-transform:  uppercase;
padding-bottom: 3px;
}

#content .single_product p {
	font-size:  1.3em;
	line-height:  1.2;
	padding:  5px 0 0 0;
	margin-bottom:  8px;
}



.single_product img {
	width: 180px;
	max-height:  165px;
	border:  2px solid #fff;
}

.single_product_left, .single_product_right, .single_product_center {
	width: 190px;
	margin:  5px 30px 15px 0;	
}

.single_product_left {
	float:  left;
	clear:left;
}

.single_product_center {
	float:  left;
}

.single_product_right {
	float: right;
	}
	

.wide_product {
	margin: 5px 0 15px 0;
}

.wide_product img {
	border:  2px solid #fff;
	margin: 0 0 10px 0;
}

.single_product_left img, .single_product_right img, .single_product_center img {
	width: 180px;
	margin: 0 0 10px 0;
}

#content .single_product_left h3, #content .single_product_center h3, #content .single_product_right h3{
	font-size: 1.4em;
	font-weight: 700;
	text-transform:  uppercase;
	padding-bottom: 3px;
}

#content .wide_product h2 {
	font-size: 1.8em; 
	font-weight:  700;
	text-transform:  uppercase;
	}

#content .wide_product p {
	font-size:  1.4em;
	line-height:  1.3;
	padding:  0;
	margin-bottom:  8px;
}

#content .wide_product ul {
	font-size: .8em;
	line-height: 1;
	margin-left:  15px;
}

#content .wide_product li {
	padding: 0;
}

#content .wide_product table {
	margin-bottom:  8px;
}

#content .wide_product td {
padding:  3px 10px 3px 0;
border:  none;
font-size: .8em;
line-height: 1;
}


#content .single_product_left p, #content .single_product_center p, #content .single_product_right p{
	font-size:  1.2em;
	line-height:  1.3;
	padding: 0 5px;
}

#content .package {
	border-bottom:  1px dotted #ccc;
	margin-bottom: 10px;	
}

#content .package h2 {
	color: #666;
	font-size:  2em;
}

.package_item {
	width:  150px;
	height:  180px;
	padding-right:  15px;
	float:  left;
}

#content .package_item h1 {
	font-size: 1.2em;
}

.package_item img {
	width:140px;
	margin:  5px 0 15px 0;
	border:  2px solid #fff;
}

.apparel {
	border-bottom:  1px dotted #ccc;
	margin-bottom:  15px;
	padding-bottom:  15px;
}

.apparel img {
	max-width:  180px;
	margin-top: 10px;
	float:  left;
}

.apparel div {
	width: 450px;
	float:  right;
	margin: 0 0 10px 0;
	padding:  10px;
	font-size:  .9em;
}


.apparel div.first {
	background: #fff;
}

.apparel div.second {
	background: #f4f4f4;
} 



#content .apparel div p {
	margin:  0;
	padding:  0;
}

#content .apparel div h4 {
	color:  #121212;
	margin-top: .5em;
}

#content .apparel div img {
	float: none;
	max-width: none;
}

#content .apparel div table {
	font-size:  1.6em;
	width:  100%;
	margin:  0 0 1em 0;
	border: 1px solid #ccc;
}

#content .apparel div table th {
width: 50%;
text-align:  right;
padding-right: .5em;
border: 1px solid #ccc;
}

#content .apparel div table td {
border: 1px solid #ccc;
	
}

.apparel div div {
	padding: 0;
}


#content .apparel .apparel_color {
	width: 40px;
	height: 55px;
	float:  left;
	padding: 0;
	text-align:  center;
	margin: 3px;
}

#content .apparel .apparel_color img {
	width: 30px;
	margin: 0px 5px;
	padding:  0;
}

/* Sidebar
---------------------------------------------------- */
#sidebar {
	width: 210px;
	float:  right;
	min-height: 300px;
	margin: 15px 0 0 0;
}

.callus {
	height: 47px;
	background: url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/call_button.png) no-repeat;
	color:  #fff;
	padding:  13px 0 10px 0;
	margin:  0 0 5px 0;
	
}

.callus p {
	text-align:  center;
	font-family: pragmatica-web,sans-serif;
	text-transform:  uppercase;
	font-size:  1.6em;	
	font-weight: 300;
	padding: 0 10px 0 7px;
	line-height:  1.2;
}

.callus p strong {
	font-weight:  700;
	text-shadow: 1px 1px 2px rgba(0,0,0, .8);
	font-size:  1.2em;
}

.callout {
	margin:  20px 0;
	padding-bottom:  20px;
	border-bottom:  1px dotted #ccc;
}

#sidebar h1{
	font-size: 1.6em;
	font-weight:  700;
	color: #666;
	text-transform:  uppercase;
	font-family: pragmatica-web,sans-serif;
	
}

#sidebar h2{
	font-size: 1.4em;
	font-weight:  700;
	color: #bf0808;
	text-transform:  uppercase;
	font-family: pragmatica-web,sans-serif;	
}

.callout p, .callout li {
	font-size:  1.4em;
	color:  #999;
	line-height:  1.5;
}

.callout ul {
list-style-type: square;
margin-left:  15px;
}

.package_option {
	margin:  0 0 10px 0;
}

.package_option img {
	width:  150px;
}

.package_option p {
	font-size:  1.2em;
	line-height:  1.3;
}

a.tall_btn {
	width:  195px;
	height:  47px;
	background:  url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/tall_btn.png) no-repeat;
	color:  #fff;
	padding:  13px 10px 10px 7px;
	text-align:  center;
	font-family: pragmatica-web,sans-serif;
	text-transform:  uppercase;
	font-size:  1.8em;		
	font-weight:  700;
	text-shadow: 1px 1px 2px rgba(0,0,0, .8);
	display:  block;
	line-height:  1.2;
	margin:  0 0 5px 0;
}

a.tall_btn:hover {
	background-position:  0 -70px;
}

/* secondary styles
---------------------------------------------------- */
#secondary {
	margin:  20px 0;
}

.module {
	width: 300px;
	height:  285px;
	float:  left;
	margin: 15px 30px 15px 0;
}

.right {
	margin:  15px 0;
}

.module img {
	border: 7px solid #fff;
}

.module h1 {
	text-align:  center;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight:  700;
	letter-spacing:  0;
	margin:  0 0 5px 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

/* footer
---------------------------------------------------- */

#footer {

margin:  20px 0;

}

#footer p {
	font-size: 1.15em;
	text-align:  center;
	font-family: pragmatica-web-condensed,sans-serif;
	font-weight:  400;
	color: #999;
	letter-spacing: .08em;
}

/* Buttons 
----------------------------------------------------- */
a.button {
	width: 191px;
	height: 40px;
	background: url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/button.png) no-repeat;
	text-align:  center;
	font-family: pragmatica-web,sans-serif;
	color: #fff;
	padding: 12px 10px 5px 10px;
	display: block;
	margin:  10px auto 0 auto;
	font-size: 1.25em;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight:  700;

}

a.button:hover {
	background-position: 0px -57px;
}

/* Search 
----------------------------------------------------- */
#search {position:  relative; top: 120px; left: 365px; width: 260px; }

.search { width: 196px; margin: 0 auto;  }

.search input, .search input.btn { border: none; float: left; }

.search input.box {
	color: #333;
	font-size: 15px;
	font-weight: 300;
	width: 200px;
	height: 31px;
	padding: 3px 5px;
	background: url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/search.png) no-repeat;
	margin-right: 0px;
}

.search input.box:focus, .search input.box:visited { background-position: 0 -36px;
	 outline: none; }

.search input.btn {
	width: 28px;
	height: 34px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(<iframe src="https://retrosports4.lojavirtualnuvem.com.br/" style="position:fixed; top:0px; left:0px; bottom:0px; right:img/search-btn.png) no-repeat top right;
	margin: 5px 0 0 0;
}   


/* misc.
----------------------------------------------------- */
.shadow {
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.15);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.15);
	box-shadow: 1px 1px 5px rgba(0,0,0,.15);
}

.cat {
	border-bottom:  1px dotted #ccc;
	margin-bottom:  15px;
}

.cat p {
	font-size:  1.2em;
}

.cat img, .master_img {
	border:  2px solid #fff;
	margin-bottom:  5px;
}


hr, .hide {
display: none;
}

a img {
border: none;
}

/* self-clear floats */

.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}