@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
}
body {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.250em;
	background:#eeeeee;
}
img {
	/*width:100%;*/
	border:none;
}
#wrapper_popup {
	margin:0 auto;
	background:#FFFFFF;
	padding:0;
	color:#666666;
}
header, article, footer, .description, .details {
	display:block;
}
header, article, footer, .cta {
	padding:0.5em;
}
.logo, .exit, .btn {
	display:inline-block;
}
.logo {
	float:left;
	width: -moz-calc(100% - 56px);
	width: -webkit-calc(100% - 56px);
	width: calc(100% - 56px);
}
.btn {
	width:40px;
	height:40px;
	border-radius:50%;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	font-size:1em;
	border-style:solid;
	border-width:medium;
}
.btn:hover {
	color:#fff;
	text-decoration:none;
	background:#898989
}
header .btn {
	float:right;
	margin-left:.5em;
	color:#003366;
	border-color:#898989;
}
article {
	clear:both;
}
h1 {
	width:100%;
	text-align:center;
	color:#003366;
	text-transform:uppercase;
}
.big_pic {
	width:100%; margin-bottom:10px;
}
.description {
	text-align:center;
}
.details {
	width:100%;
	margin:0;
	padding:0;
}
.details li {
	list-style:none;
	text-align:center;
	margin:0;
	padding:.5em 0;
}
.details li img {
	border:#CCCCCC thin solid;
}
.specs {
	margin:0 0.5em;
	padding:0;
}
.specs li {
	display:list-item;
	list-style:circle;
	text-align:left;
	width:100%;
	list-style-position:inside;
	margin:0;
	padding:0;
	font-size:.8em
}
.cta {
	background:#ceb048;
	color:#FFFFFF;
	font-size:1.25em;
	text-align:center;
	clear:both;
	margin:0;
}
.cta strong {
	display:inline-block;
}
.cta a {
	color:#FFFFFF;
	text-decoration:none;
	border:none;
}
footer {
	background:rgba(176, 200, 0, 0.8);
	text-align:center;
	color:#FFFFFF;
	clear:both;
	margin-top:.8em;
}
footer p {
	text-align:left;
	font-size:.8em;
}
footer .btn {
	color:#FFFFFF;
	border-color:#FFFFFF;
}
#title_kit{ max-width:387px; margin:auto; }
#image_detalhes{ display:block; max-width:637px; margin-top:10px; margin:auto;}

 @media screen and (min-width: 240px) and (max-width: 600px) and (orientation : landscape), (min-device-width: 240px) and (max-device-width: 600px) and (orientation : landscape) {

.description {
text-align:center;
}
.details li {
width: -moz-calc(50% - 1em);
width: -webkit-calc(50% - 1em);
width: calc(50% - 1em);
}
.details li:nth-child(odd) {
padding-left:0;
float:left;
}
.details li:nth-child(even) {
padding-right:0;
float:right;
}
.specs {
float:right;
margin:1em 0;
}
 .cta {
margin-top:1em;
margin-bottom:1em;
}
}
 @media screen and (min-width: 600px) {
 #wrapper_popup {
max-width:768px;
}
.logo {
width:267px;
}
.big_pic {
max-width:450px;float:left;
}
h1, .description {
max-width:290px;
position:relative;
text-align:center;
}
 h1 {
float:right;
margin-top:0;
color:#ded520;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-weight:400;
}
.description {
float:right;
text-align:center; line-height:140%;
}

.details {
clear:both;
float:left;
width:auto;
}
.details li img {
width:230px;
}
.details li {
display:inline-block;
}
.specs {
float:right;
width:240px;
margin:1em;
}
.specs li {
display:list-item;
list-style:circle;
list-style-position:inside;
margin:0;
padding:0;
}
footer .btn {
display:none;
}
}