body, td, div, p {
	font-family: 'Times New Roman', Times, serif;
}

textarea, select, input {
	resize: none;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 8px;
	color: black;
	background: white;
}

a {
	color: #2b65b9;
	text-decoration: underline;
}

a.black { color: black; text-decoration: none; }

img { vertical-align: middle; }

h1, .header {
	margin: 0;
	color: #2b65b9;
	display: inline;
	font-size: 115%;
	font-weight: normal;	
	text-decoration: underline;
}

h1.green {
	margin: 0;
	color: #1a7e23;
	display: inline;
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
}

h2 {
	margin: 0;
	color: black;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

table {
	border: 0;
	width: 100%;
	border-spacing: 0;
}

table td { padding: 0; }

form { margin: 0 }

/* text */

p, .text, .text-top, .text-top-e, .text-bottom, .text-bottom-e {
	margin: 16px 0;
	overflow: hidden;
	text-align: justify;
	text-overflow: ellipsis;
}

.text { margin: 0; }

.text-top, .text-top-e { margin: 0 0 8px 0; }

.text-bottom, .text-bottom-e { margin: 8px 0 0 0; }

.text-left { float: left; width: 50%; }
.text-right { float: left; width: 50%; }

.text-left p { margin-right: 16px; }
.text-right p { margin-left: 16px; }


.text-arrow {
	width: 36px;
	float: right;
	display: none;
	overflow: hidden;
	text-align: right;
}

.text-arrow a {
	display: block;
	font-size: 200%;
	line-height: 50%;
	text-decoration: none;
}

.left { float: left; }

.right {
	float: right;
	text-align: right;
}

.clear { clear: both; }

strong.dot {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted gray;
}

strong.green {
	color: #1A7E23;
	font-weight: normal;
	text-decoration: underline;
}

strong.red {
	color: #de2e26;
	font-size: 115%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

.center { text-align: center; }

.b { font-weight: bold; }
.small { font-size: 80%; }
.large { font-size: 115%; }

.red { color: #de2e26; }
.gray { color: gray; }
.blue { color: #2b65b9; }
.green { color:#1A7E23; }

.mr8 { margin-right: 8px; }
.mr16 { margin-right: 16px; }

/* menu */

.menu {
	height: 30px;
	color: #2b65b9;
	border-spacing: 0;
	white-space: nowrap;
}

.menu .n { display: none; }

.menu .i {
	padding: 0;
	vertical-align: top;
	border-bottom: 1px solid #2b65b9;
}

.menu .i.a { border-bottom: 1px solid #5f8cc1; width: 15px; }
.menu .i.m { width: 15px; }
.menu .i.t { width: 7px; }

.menu .s { padding: 0; border-bottom: 1px solid #2b65b9; }
.menu .s.l { width: 100%; }
.menu .s.r { width: 8px; }
.menu .s.f { display: none; width: 8px; }
.menu .s.f img { height: 30px; width: 8px; }
.menu .s.r img { height: 30px; width: 8px; }

.menu .o {
	font-size: 80%;
	font-weight: bold;
	background: #bfd1e5;
	border: solid #2b65b9;
	padding: 0 4px 0 0;
	border-width: 1px 2px 1px 0;
}

.menu .o.a {
	color: white;
	background: #5f8cc1;
	border-width: 1px 2px 0 0;
}

.menu .o.c {
	padding: 0;
	border-width: 1px 0;
}

.menu .rueros {
	width: 200px;
	height: 30px;
	color: #5f8cc1;
	overflow: hidden;
	padding-left: 4px;
	font-family: 'Palatino Linotype', Times, serif;
}

.menu .domain {
	font-size: 196%;
	line-height: 40%;
	font-weight: bold;
	font-family: inherit;
}

.menu .title {
	font-size: 100%;
	line-height: 115%;
	font-style: italic;
	font-family: inherit;
}

.menu-hr {
	margin: 0;
	border: 0;
	border-top: 5px solid #5f8cc1;
	border-bottom: 1px solid #2b65b9;
}

/* submenu */

.sub-all {
	font-weight: bold;
	white-space: nowrap;
}

.sub-table { margin: 2px 0; }

.sub-search-title,
.sub-search-input,
.sub-menu-select-title { padding-right: 2px; }

.sub-search-title,
.sub-menu-select-title,
.sub-menu-select-wide-title { font-size: 80%; }

.sub-search-submit { padding-left: 2px; }

.sub-message, .sub-message-wide {
	width: 100%;
	font-size: 80%;
	color: #de2e26;
	text-align: center;
}

.sub-message-wide { margin: 2px; }

.sub-menu {
	text-align: right;
	white-space: nowrap;
}

.sub-menu span, .sub-menu a { font-size: 80%; }
.sub-menu span.num, .sub-menu a.num { font-size: 65%; }

.sub-menu i {
	color: #ccc;
	margin: 0 6px;
	font-style: normal;
}

.sub-menu-select,
.sub-menu-select-title, .sub-menu-select-wide,
.sub-message-wide, .sub-search-submit .s { display: none; }

/* body list */

.body-1, .body-2 {
	width: 20%;
	float: left;
	margin-bottom: 8px;
}

.body-in { 
	overflow: hidden;
	margin-right: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.body-arrow {
	color: #de2e26;
	line-height: 0;
	font-size: 125%;
	margin-right: 4px;
	text-decoration: none;
}

.body-margin { margin-right: 4px; }

.body-3 { border-spacing: 1px; }

.body-3 td { padding: 2px 8px; }

.body-4 {
	width: 50%;
	float: left;
}

.body-4-left {
	float: left;
	width: 190px;
	height: 250px;
}

.body-4-right { margin: 0 8px 8px 190px; }

.body-4-right-data {
	float: left;
	width: 100%;
	height: 250px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.body-4-button { margin-top: 16px; }


/* body movie */

.body-s-short {	display: none; }

.body-s-short-shots {
	display: none;
	margin-bottom: 8px;
}

.body-s-short-center, .body-s-shots-center {
	width: 100%;
	text-align: center;
}

.body-s-short-img {
	border: 0;
	width: 100%;
	max-width: 350px;
	padding: 8px 8px 8px 0;
}

.body-s-short-arrow, .body-s-shots-arrow {
	line-height: 0;
	font-size: 800%;
	vertical-align: top;
}

.body-s-short-arrow a, .body-s-shots-arrow a {
	display: block;
	padding: 250px 0;
	text-decoration: none;
}

.body-s-left { float: left; }

.body-s-right { float: right; }

.body-s-left-arrow {
	padding: 2px;
	line-height: 0;
	font-size: 200%;
	font-weight: bold;
	vertical-align: -2px;
	text-decoration: none;
}

.body-s-title {
	width: 100%;
	color: gray;
	font-size: 80%;
	background: #eee;
	font-weight: bold;
}

.body-s-long-img {
	border: 0;
	width: 350px;
	height: 500px;
	max-width: 350px;
	max-height: 500px;
	padding: 4px 8px 0 0;
}

.body-s-shots-img {
	border: 0;
	width: 100%;
	max-width: 1008px;
	padding: 8px 8px 8px 0;
}

.body-s-turn {
	width: 25%;
	float: left;
}

.body-s-select {
	width: 50%;
	float: left;
	text-align: center;
}

.body-s-select input { margin: 0 2px 0 0; }

.body-s-submit {
	width: 25%;
	float: right;
	text-align: right;
}

.body-s-shots-select {
	width: 70%;
	float: left;
	text-align: left;
}

.body-s-shots-submit {
	width: 30%;
	float: right;
	text-align: right;
}

/* pager */

.pager {
	text-align: left;
	white-space: nowrap;
	vertical-align: center;
}

.pager .num, .pager .current {
	font-size: 65%;
	font-weight: bold;
}

.pager .arrow {
	line-height: 0;
	font-size: 125%;
	vertical-align: -2px;
	text-decoration: none;
}

.pager i {
	color: #ccc;
	margin: 0 6px;
	font-style: normal;
}

/* cart */

.cart-user { margin-right: 300px; }

.cart-user-title {
	float: left;
	width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cart-user-data { margin-left: 300px; }

.cart-user-data input {
	width: 100%;
	margin-top: 2px;
}

.cart-pay {
	float: right;
	width: 300px;
	text-align: right;
}

.cart-pay-title { margin: 0 0 8px 0; }

.cart-pay-ctrl {
	float: left;
	width: 60px;
}

.cart-pay-ctrl input { margin: 0; }

.cart-pay-text {
	float: left;
	width: 240px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cart-list {
	margin-top: 16px;
	border-spacing: 1px;
}

.cart-list td { padding: 2px 8px; }

.cart-numbers, .cart-comment-submit {
	width: 50%;
	float: left;
}

.cart-sum, .cart-discount, .cart-delivery, .cart-total {
	width: 25%;
	float: left;
}

.cart-comment {
	float: left;
	width: 100%;
	margin-right: -178px;
}

.cart-comment-title {
	float: left;
	width: 90px;
	overflow: hidden;
	text-align: right;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cart-comment-input { margin: 0 178px 0 90px; }

.cart-comment-input input { width: 100%; }

.cart-submit {
	float: right;
	width: 170px;
	text-align: right;
}

.cart-submit input { width: 100%; }


/* contact */

.contact { position: relative; }

.contact-info {
	float: left;
	width: 100%;
	margin-right: -260px;
}

.contact-info-title {
	float: left;
	width: 220px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.contact-info-input { margin: 0 260px 0 220px; }

.contact-info-input input, .contact-info-input textarea {
	width: 100%;
	margin-top: 2px;
}

.contact-submit {
	float: right;
	width: 260px;
	text-align: right;
}

.contact-submit-ctrl {
	float: left;
	width: 40px;
}

.contact-submit-ctrl input { margin: 0; }

.contact-submit-text {
	float: left;
	width: 220px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.contact-submit-button {
	right: 0;
	bottom: 0;
	margin-top: 16px;
	text-align: right;
	position: absolute;
}

/* contry */

.country {
	float: left;
	width: 11.1%;
	text-align: center;
}

.country-b {
	width: 60px;
	background: #bfd1e5;
}

/* mix */

.address-sample {
	width: 50%;
	float: left;
}

.address-sample > div {
	margin: 0 2px 2px 0;
	padding: 16px;
	background: #eee;
}

.lit {
	width: 33.3%;
	float: left;
}

.lit > div {
	padding: 4px;
	overflow: hidden;
	background: #eee;
	padding-right: 8px;
	margin: 0 2px 2px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cat-5 {
	width: 20%;
	float: left;
}

.cat-5 > div {
	padding: 2px 4px;
	overflow: hidden;
	background: #eee;
	margin: 0 2px 2px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cat-20 {
	width: 5%;
	float: left;
}

.cat-20 > div {
	padding: 2px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
}


@media screen and (max-width: 1200px) {
	.sub-menu i { margin: 0 1px; }
	.body-s-shots-arrow { display: none; }
	.pager i { margin: 0 2px; }
	.extra-1200 { display: none; }
}
@media screen and (max-width: 1020px) {
	.menu .g, .menu .l { display: none; }
	.menu .s.f { display: table-cell; }
	.menu .o { text-align: center; }
	.menu .o a { padding: 1px; }
	.sub-menu { display: none; }
	.sub-menu-select, .sub-menu-select-title { display: table-cell; }
	.body-2 { width: 25%; }
	.body-4 { width: 100%; }
	.cart-user-title, .cart-user-data { float: none; width: 100%; margin-left: 0; }
	.cart-numbers, .cart-comment-submit { float: none; width: 100%; }
	.cart-numbers { margin-bottom: 16px; text-align: center; }
	.cart-comment-title { text-align: left; }
	.address-sample { float: none; width: 100%; }
	.lit { width: 50%; }
	.cat-5 { width: 25%; }
	.cat-20 { width: 10%; }
	.country { width: 16.6% }
	.pager .current { font-size: 100%; font-weight: normal; text-decoration: underline; margin-right: 16px; }
	.pager .arrow { font-size: 200%; margin-right: 16px; vertical-align: -3px; }
	.pager .num { display: none; }
	.pager i { display: none; }
	div.text-top, div.text-bottom { margin-right: 36px; white-space: nowrap; }
	div.text-arrow { display: block; }
	.text-left, .text-right { float: none; width: 100%; }
	.text-left p, .text-right p { margin-left: 0; margin-right: 0; }
	.extra-1020 { display: none; }
}
@media screen and (max-width: 800px) {
	.body-2 { width: 50% }
	.body-s-long { display: none; }
	.body-s-short { display: table; }
	.body-s-turn { display: none; }
	.body-s-select { width: 70%; text-align: left; }
	.body-s-submit { width: 30%; }
	.cart-user { margin-right: 0; }
	.cart-pay { float: none; width: 100%; text-align: left; margin-bottom: 16px; }
	.cart-pay-ctrl { width: 30px; }
	.cart-pay-text { width: auto; }
	.contact-info-title { float: none; width: 100%; }
	.contact-info-input { margin: 0 260px 0 0; }
	.cat-5 { width: 33.3%; }
	.extra-800 { display: none; }
}
@media screen and (max-width: 700px) {
	.menu .w { display: none; }
	.menu .n { display: table-cell; }
	.menu .n a { text-decoration: none; }
	.menu .o a { padding: 2px 8px; }
	.sub-message { display: none; }
	.sub-message-wide { display: block; }
	.sub-search-input { width: 100%; }
	.sub-search-input input { width: 100%; }
	.sub-search-select { padding-left: 6px; }
	.sub-search-submit { padding-right: 16px; }
	.sub-search-select { margin-left: 28px; }
	.body-1-margin { margin-right: 0; }
	.lit { width: 100%; }
	.country { width: 33.3% }
	.extra-700 { display: none; }
}
@media screen and (max-width: 600px) {
	.menu .o a { padding: 2px 6px; }
	.sub-search-title { display: none; }
	.body-1 { width: 25%; }
	.body-s-left, .body-s-right { float: none; text-align: center; }
	.body-s-short-shots { display: block; } 
	.cart-sum, .cart-discount, .cart-delivery, .cart-total { width: 50% }
	.cat-5 { width: 50%; }
	.cat-20 { width: 20%; }
	.extra-600 { display: none; }
}
@media screen and (max-width: 500px) {
	.menu .o a { padding: 2px 4px; }
	.sub-menu-select, .sub-menu-select-title { display: none; }
	.sub-search-submit { padding-right: 0; }
	.sub-menu-select-wide { display: table; }
	.sub-menu-select-wide-select { width: 100%; padding-left: 2px; }
	.body-1 { width: 50%; }
	.body-4-left { float: none; margin-bottom: 8px; }
	.body-4-right { margin: 0 0 8px 0; }
	.body-4-button { margin-top: 8px; }
	.body-s-short-arrow { display: none; }
	.cart-comment-title { float: none; width: 100%; }
	.cart-comment-input { margin: 0 0 8px 0; }
	.cart-submit { float: none; width: 100%; }
	.contact-info {	float: none; width: 100%; margin-right: 0; }
	.contact-info-input { margin: 0; }
	.contact-submit { float: none; width: 100%; text-align: left; margin-top: 16px; }
	.contact-submit-ctrl { width: 24px; }
	.contact-submit-text { width: auto; }
	.cat-5 { width: 100%; }
	.extra-500 { display: none; }
}
@media screen and (max-width: 400px) {
	.menu .i { display: none; }
	.menu .o { padding: 0; }
	.menu .o, .menu .o.c { border-width: 1px 2px 1px 0; }
	.menu .o.a { border-width: 1px 2px 0 0; }
	.menu .o a { padding: 2px; }
	.menu .s.f, .menu .s.r { width: 2px; }
	.menu .s.f img { border-right: 1px solid #2b65b9; width: 2px; }
	.menu .s.r img { width: 2px; }
	.sub-search-submit .l { display: none; }
	.sub-search-submit .s { display: table-cell; }
	.body-2 { width: 100%; }
	.body-s-select { width: 100%; text-align: center; }
	.body-s-submit { width: 100%; }
	.body-s-submit input { width: 100%; margin-top: 8px; }
	.body-s-shots-select { width: 100%; text-align: center; }
	.body-s-shots-submit { width: 100%; }
	.body-s-shots-submit input { width: 100%; margin-top: 8px; }
	.menu td.s a { padding: 1px; }
	.contact-submit-button { position: static; }
	.contact-submit-button input { width: 100%; }
	.cat-20 { width: 50%; }
	.country { width: 50% }
	.pager .current { margin-right: 8px; }
	.pager .arrow { margin-right: 8px; }
	.extra-400 { display: none; }
}
@media screen and (max-width: 300px) {
	.contact-submit-text { float: none; width: 100%; }
	.extra-300 { display: none; }
}