/*
Theme Name: InReview
Theme URI: http://www.elegantthemes.com/gallery/
Version: 3.1
Description: 2 Column theme from Elegant Themes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { line-height: 18px; font-family:Helvetica,Arial,sans-serif; font-size: 12px; color: #000000; background-color:#161616; }

a { text-decoration: none; color: #001133; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1 { font-family: Georgia, serif; font-size: 36px;  letter-spacing: -2px; color: #0066fa; padding-bottom: 5px; line-height: 1em; font-weight: normal;  }
h2 { font-size: 28px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #000000; padding-bottom: 5px; line-height: 1em; font-weight: normal;}
h3 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-bottom: 4px; line-height: 1em; font-weight: bold; clear:both;}
h4 { font-size: 19px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #000000; padding-bottom: 3px; line-height: 1em; font-weight: normal;}
h5 { font-size: 14px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 3px; word-spacing: 3px; color: #002266; padding-top: 6px; padding-bottom: 4px; line-height: 1em; font-weight: bold; clear:none;}
h6 { font-size: 13px;  font-family:Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #000000; padding-bottom: 1px; line-height: 1em; font-weight: bold;}
#broken  { font-family: Georgia, serif; font-size: 300px !important;  letter-spacing: -24px; color: #0066fa; padding-bottom: 12px; line-height: 300px; margin-top:-99px; font-weight: normal;  }

h1 a, h2 a, h3 a, h5 a, h6 a { color: #0066fa; }
h4 a { color: #0066fa; text-decoration: underline; font-weight: bold; }
h4 a:hover { color: #002266; text-decoration: none; font-weight: bold; }


p { padding-bottom: 9px; line-height: 18px; }
strong { font-weight: bold; color: #0066fa; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1em; padding: 1em; color: #000; background:url(https://www.ncmonline.com/wp-content/uploads/quote.png) no-repeat; background-color: #cdcdcd;  font-style: italic; border: none; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#top-header { background: #161616 url(images/top-bg.png) repeat-x; }
	#top-header-pattern { background: url(images/top-pattern.png); }
		.container { text-align: left; margin: 0 auto; max-width: 960px; position: relative; }
			#logo { float: left; margin-top: 23px; }
			p#slogan { float: left; font-family: Helvetica,Arial,sans-serif; font-size: 10px !important; color: #eeeeee; font-weight: normal; font-style: regular; letter-spacing: 3px; word-spacing: 1px; text-transform: uppercase; padding-top: 39px !important; margin-left: 20px; }
			ul#top-menu { float: right; }
#bottom-header { background: url(images/bottom-bg.png) repeat-x; height: auto; }
				ul#secondary-menu { float: left; }
					ul#secondary-menu a { font-size: 11px; font-family:Helvetica,Arial,sans-serif; color: #002266; font-weight: bold; text-decoration: none; padding: 13px 8px 13px 8px; }
					ul#secondary-menu a:hover { color: #0066fa;}
					ul#secondary-menu > li.current_page_item > a { color: #0066fa !important; font-family: Helvetica, Arial, sans-serif !important; font-weight: bold !important; text-shadow: 1px 1px 0px #ffffff;  background: url(images/current-bg.png) repeat-x 0px 5px;}
				#search-form { float: right; background: url(images/search-bg.png) no-repeat; width: 141; height: 25px; margin-top: 10px; }
					#search-form #searchinput { background: none; border: none; float: left; margin: 4px 7px 0 0px; width: 104px; padding-left: 9px; font-size: 11px; font-family: Georgia, serif; color: #acacac; text-shadow: 1px 1px 0px #ffffff; font-style: italic; }
					#search-form #searchsubmit { margin-top: 7px; margin-right: 7px; }
#content-area { background: url(images/content-bg.png); border-bottom: 1px solid #ffffff; }
	#top-shadow { background: url(images/top-shadow.png) repeat-x top left; }
		#top-shadow .container { background: url(images/top-shadow-container.png) no-repeat top center; padding-top: 5px; }
			#quote { padding: 60px 40px 13px; text-align: center; }
				p#tagline-quote { color: #000000; font-style: italic; font-family: Georgia, serif; font-size: 21px; text-shadow: 1px 1px 0px #ffffff; line-height: 30px; }

			#main-content { background:url(images/main-content.png) repeat-y 64.1% 0px; }
				#main-content-wrap { background:url(images/main-top.jpg) no-repeat 64.35% 0; padding: 24px 0 40px; }

				#left-area { max-width: 65%; float:left; }
					#left-area h4.widgettitle { padding-bottom: 17px; }
				#sidebar { width: 35%; float:left; }
					h4.widgettitle { color:#808080; text-shadow: 1px 1px 0px #ffffff; text-transform: uppercase; font-size:12px; padding-bottom: 10px; }

					#breadcrumbs { font-size:11px; font-style: italic; font-family: Georgia, serif; padding:0 0 12px 0; color: #000000; text-shadow: 1px 1px 0px #ffffff; background:url(images/breadcrumbs-bg.png) no-repeat bottom left; margin-bottom: 12px; margin-top:-15px;}
						#breadcrumbs a { color:#808080; text-decoration:none; }
							#breadcrumbs a:hover { color: #0066fa; }
						#breadcrumbs .raquo { color:#808080; }
					.post { padding:0px 58px 40px 0px; }
						.post p { line-height:22px; }
						.post-thumbnail { display:block; float:left; position:relative; margin-right: 24px; margin-bottom:10px; background:url(images/post-overlay.png) no-repeat; height:251px; width:242px; }
							.post-thumb { margin-top:10px; margin-left:10px; }
							span.post-overlay { background:url(images/post-overlay-shadow.png) no-repeat; 	display:block; left:9px; position:absolute; top:9px; width: 223px; height: 232px; }
							span.et-belt { right:-10px; position:absolute; top:-9px; width: 98px; height: 98px; }
							span.et-choice { background:url(images/et-belt.png) no-repeat; }
							span.price-tag { background:url(images/price-tag.png) no-repeat right bottom; font-family: Georgia, serif; color:#759a5a; display:block; font-size:24px; text-shadow: 1px 1px 0px #ffffff; height:50px; line-height:50px; padding-right:14px; position: absolute; bottom: -9px; left: 77px; }
								span.price-tag span { background:url(images/price-tag.png) no-repeat; display:block; height:50px; padding-left: 22px; padding-right:11px; }
						.post-description { float: right; width: 568px; }
h1.title  { font-family: Georgia, serif; text-shadow: 1px 1px 0px #ffffff; font-size: 36px;  letter-spacing: -2px; color: #0066fa; padding-bottom: 5px; line-height: 1em; font-weight: normal;  }
h1.title a { color: #0066fa;}
						.post-description h2.title { font-size: 24px; font-family:Helvetica,Arial,sans-serif; text-shadow: 1px 1px 0px #ffffff; padding-bottom: 10px; color: #343434; }
								.post-description h2.title a { color: #343434; }
								.post-description h2.title a:hover { color: #111; text-decoration: none; }
							.post p.meta-info { padding-bottom:8px; font-style: italic; font-family: Georgia, serif; font-size: 12px; color: #aaaaaa; text-shadow: 1px 1px 0px #ffffff; }
								.post p.meta-info a { color: #838383; text-decoration: none; }
							#feature-box { border: 1px solid #e0e0e0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
								#feature-container { border: 1px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff url(images/feature-container.png) repeat-x bottom left; }
									ul#feature-items li { border-bottom: 1px solid #e0e0e0; padding-top: 11px; padding-bottom: 13px; padding-left: 20px; }
									ul#feature-items li.last { border-bottom: none; }
										ul#feature-items span { width: 82px; display: block; float: left; color: #343434; font-size: 12px; font-style: italic; font-family: Georgia, serif; text-shadow: none; }
						.entry-content { padding-top: 22px; }
							.entry-content a.readmore { position: relative; float: right; left: 0; top: 0; }

	.review-rating { float: left; width: 80px; height: 15px; background: url(images/stars-sprite.png) repeat-x; overflow: hidden; }
		.review-score { width: 0; height: 15px; background: url(images/stars-sprite.png) repeat-x 0 -16px; }
		ul#feature-items .review-score { background-position: 0 -32px; }
		ul#feature-items .review-rating { margin-top: 1px; }

	a.readmore { display: block; background: url(images/readmore.png) no-repeat bottom right; padding: 0 19px 0 0; color: white; font-size: 16px; font-family: Georgia, serif; font-weight: normal; line-height: 34px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); position: absolute; bottom: -24px; left: 300px; }
		a.readmore span { display: block; background: url(images/readmore.png) no-repeat; height: 38px; padding: 0 0 0 19px; }
		a.readmore:hover { color: #eee; }

	.post-box { width: 266px; background: url(images/box-top-bg.png) no-repeat; float: left; padding-top: 10px; margin: 0 48px 40px 0; position: relative; }
		.box-bottom { background: url(images/box-bottom-bg.png) no-repeat bottom left; padding-bottom: 5px; }
			.box-content { background: url(images/box-bg.png) repeat-y; padding: 0 2px; min-height: 357px; }
				.box-content-top { background: url(images/box-top-gradient.png) repeat-x; padding-bottom: 20px; }
					.box-thumbnail { position: relative; margin: 0 0 30px 8px; }
						.box-thumbnail .box-overlay { position: absolute; top: 0; left: 0; background: url(images/box-overlay.png) no-repeat; }
					.box-thumbnail, .box-thumbnail .box-overlay { width: 247px; height: 132px; }
					.post-box h2.title, .post-box p { margin: 0 31px 0 35px; }
					.post-box h2.title { font-family:Helvetica,Arial,sans-serif; font-size: 18px; }
						.post-box h2.title a { color: #343434; }
						.post-box h2.title a:hover { color: #000; text-decoration: none; }
						.post-box p.featured-meta { margin: 0px 31px -11px 35px; font-size: 11px; }
						.post-box a.readmore { bottom: -18px; left: 72px; }
						.post-box .et-belt { right: -9px; }

	.post ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; }
		.post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; }
			.post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
			.post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }

	.post ul#feature-items { list-style: none; padding: 0; }

	/*.fullwidth #left-area { width: 960px; }*/
.fullwidth #left-area { max-width: 100%; }
		.fullwidth #left-area .post, .fullwidth #comment-wrap { padding-right: 0; }
	div.fullwidth, .fullwidth #main-content-wrap, .fullwidth #breadcrumbs { background: none !important; }

	.fullwidth #breadcrumbs { padding: 0; }

	#comment-wrap ul.children { padding-left: 80px; }

	.depth-2 .comment-body { background: url(images/comment-top-d2.png) no-repeat; }
		.depth-2 .comment-bottom { background: url(images/comment-bottom-d2.png) no-repeat bottom left; }
			.depth-2 .comment-container { background: url(images/comment-bg-d2.png) repeat-y; }

	.depth-3 .comment-body { background: url(images/comment-top-d3.png) no-repeat; }
		.depth-3 .comment-bottom { background: url(images/comment-bottom-d3.png) no-repeat bottom left; }
			.depth-3 .comment-container { background: url(images/comment-bg-d3.png) repeat-y; }

	.depth-4 .comment-body { background: url(images/comment-top-d4.png) no-repeat; }
		.depth-4 .comment-bottom { background: url(images/comment-bottom-d4.png) no-repeat bottom left; }
			.depth-4 .comment-container { background: url(images/comment-bg-d4.png) repeat-y; }

	.depth-5 .comment-body { background: url(images/comment-top-d5.png) no-repeat; }
		.depth-5 .comment-bottom { background: url(images/comment-bottom-d5.png) no-repeat bottom left; }
			.depth-5 .comment-container { background: url(images/comment-bg-d5.png) repeat-y; }

	.fullwidth .comment-body { background: url(images/comment-top-fullwidth-d1.png) no-repeat; width: 960px; }
		.fullwidth .comment-bottom { background: url(images/comment-bottom-fullwidth-d1.png) no-repeat bottom left; }
			.fullwidth .comment-container { background: url(images/comment-bg-fullwidth-d1.png) repeat-y; }

	.fullwidth .depth-2 .comment-body { background: url(images/comment-top-fullwidth-d2.png) no-repeat; width: 882px; }
		.fullwidth .depth-2 .comment-bottom { background: url(images/comment-bottom-fullwidth-d2.png) no-repeat bottom left; }
			.fullwidth .depth-2 .comment-container { background: url(images/comment-bg-fullwidth-d2.png) repeat-y; }

	.fullwidth .depth-3 .comment-body { background: url(images/comment-top-fullwidth-d3.png) no-repeat; width: 804px; }
		.fullwidth .depth-3 .comment-bottom { background: url(images/comment-bottom-fullwidth-d3.png) no-repeat bottom left; }
			.fullwidth .depth-3 .comment-container { background: url(images/comment-bg-fullwidth-d3.png) repeat-y; }

	.fullwidth .depth-4 .comment-body { background: url(images/comment-top-fullwidth-d4.png) no-repeat; width: 726px; }
		.fullwidth .depth-4 .comment-bottom { background: url(images/comment-bottom-fullwidth-d4.png) no-repeat bottom left; }
			.fullwidth .depth-4 .comment-container { background: url(images/comment-bg-fullwidth-d4.png) repeat-y; }

	.fullwidth .depth-5 .comment-body { background: url(images/comment-top-fullwidth-d5.png) no-repeat; width: 648px; }
		.fullwidth .depth-5 .comment-bottom { background: url(images/comment-bottom-fullwidth-d5.png) no-repeat bottom left; }
			.fullwidth .depth-5 .comment-container { background: url(images/comment-bg-fullwidth-d5.png) repeat-y; }

	.fullwidth #comment-wrap ul.children { padding-left: 78px; }

	div.et-link { background: url(images/post-separator.png) no-repeat; height: 46px; position: relative; }
		div.et-link a.readmore { bottom: 25px; left: 183px; }

/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/

ul#top-menu li { padding: 30px 0px; }
	ul#top-menu a { font-size: 11px; font-weight: normal; font-family: Georgia, serif; color: #aaaaaa; font-style: italic; text-decoration: none; padding: 0px 8px; }
	ul#top-menu a:hover { color: #00ff00;}
	ul#top-menu > li.current_page_item > a, ul#secondary-menu > li.current-menu-item > a { color: #0066fa !important; font-style: italic; font-family: Georgia, serif; font-weight: normal; }

	ul#top-menu li ul { width: 151px !important; padding: 7px 7px 10px 25px; background: #161616 url(images/top-pattern.png); top: 78px !important; box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 3px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.1); border-color: 1px solid #323b44; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; border-top: 1px solid #1a1a1a; }
		ul#top-menu ul li { margin: 0 !important; padding: 0 !important; }
			ul#top-menu ul li a { padding: 10px 0px !important; width: 160px; }

			ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { top: -8px !important; left: 158px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

	ul#secondary-menu li ul { width: 151px !important; padding: 7px 7px 10px 25px; background: #fff; top: 41px !important; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); border-color: 1px solid #323b44; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; }
		ul#secondary-menu ul li { margin: 0 !important; padding: 0 !important; }
			ul#secondary-menu ul li a { padding: 10px 0px !important; width: 160px; }

			ul#secondary-menu li:hover ul ul, ul#secondary-menu li.sfHover ul ul { top: -8px !important; left: 158px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

	ul#top-menu li.menu-gradient { background: url(images/menu-gradient.png) repeat-x; position: absolute; top: 0; left: 0; width: 183px; height: 6px !important; }

/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/

#featured { background: url(images/featured-top-bg.png) no-repeat top center; padding-top: 51px; }
	#featured-bottom { background: url(images/featured-bottom-bg.png) no-repeat bottom center; padding-bottom: 45px; position: relative; }
		h3#recommended { background:url(images/recommended-button.png) no-repeat right bottom; color:#0066fa; text-shadow: 1px 1px 0px #ffffff; display:block; font-size:12px; text-transform: uppercase; padding-right:17px; position: absolute; height: 31px; left: 393px; top: -40px; }
			h3#recommended span { background:url(images/recommended-button.png) no-repeat; display:block; padding-left: 20px; padding-right: 6px; height: 31px; padding-top: 14px; }
		a#left-arrow, a#right-arrow { position: absolute; top: 134px; width: 26px; height: 37px; text-indent:-9999px; }
		a#left-arrow { background:url(images/featured-arrows.png) no-repeat; left: 0px; }
			a#left-arrow:hover { background-position: bottom left; }
		a#right-arrow { background:url(images/featured-arrows.png) no-repeat top right; right: 0px; }
			a#right-arrow:hover { background-position: bottom right; }
	#featured-slides { margin: 0 70px; }
		.slide { padding: 38px 0; height: 229px; }
			.featured-img { display:block; float:left; position:relative; margin-right: 48px; background: url(images/featured-img-overlay.png) no-repeat; }
			.pngimage { background: none !important; }
				.featured-img { height:224px; width:340px; }
				.featured-img .featured-image { margin-top:10px; margin-left:10px; }
				.pngimage .featured-image { margin: 0 !important; }
				.featured-img span.overlay { background:url(images/featured-overlay.png) no-repeat; display:block; left:10px; position:absolute; top:10px; width: 321px; height: 205px; }
			.featured-description { width: 430px; float: right; }
				h2.featured-title { font-family:Helvetica,Arial,sans-serif; font-size: 24px; }
					h2.featured-title a { text-decoration: none; color: #343434; }
					p.featured-meta { color: #aaaaaa; font-style: italic; font-family: Georgia, serif; }
						p.featured-meta a { color: #838383; text-decoration: none; }
					.entry p.featured-meta { padding-bottom: 6px; }

.rating-container { float: left; margin-right: 3px; background: url(images/rating-container.png) no-repeat bottom right; height: 27px; padding-right: 9px; margin-bottom: 9px; }
	.rating-inner { background: url(images/rating-container.png) no-repeat; padding: 6px 0 5px 9px; }
		.rating-inner span { float: left; font-size: 12px; font-family: Georgia, serif; color: #343434; font-style: italic; margin: -1px 5px 0 0; padding-left: 2px; }
	.box-thumbnail .rating-container { position: absolute; bottom: -21px; left: 73px; }
		.box-thumbnail .rating-inner { height: 17px; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

#comment-wrap { padding-right: 55px; padding-top: 10px; }
	h3#comments, h3#reply-title span { font-size: 24px; color: #343434; font-family:Helvetica,Arial,sans-serif; }
	.comment-body { position: relative; margin-bottom: 2px; background: url(images/comment-top.png) no-repeat; padding-top: 6px; width: 568px; }
		.avatar-container { position: absolute; top: 14px; left: 24px; }
			.avatar-box { position: relative; }
				.avatar-overlay { position: absolute; top: 0; left: 0; display: block; background: url(images/avatar-overlay.png) no-repeat; }
				.avatar-box, .avatar-overlay { width: 57px; height: 57px; }

			.comment-bottom { background: url(images/comment-bottom.png) no-repeat bottom left; padding-bottom: 32px; }
				.comment-container { background: url(images/comment-bg.png) repeat-y; position: relative; padding: 15px 22px 10px 96px; }
					div.comment-date { font-size: 14px; color: #bcbcbc; font-family: Georgia, serif; font-style: italic; }
						.comment-meta { margin-bottom: 0px; position: relative; }
							.comment-meta_main { padding-right: 105px; }
							.comment-meta .rating-container { position: absolute; top: 0; right: 0; }
						span.fn { display: block; padding-bottom: 3px; font-family:Helvetica,Arial,sans-serif; }
						span.fn, span.fn a { color: #343434; font-size: 18px; }
						span.fn a:hover { color: #000; text-decoration: none; }

		.comment-arrow { background: url(images/comment-arrow.png) no-repeat; width: 9px; height: 20px; position: absolute; top: 23px; left: 74px; }

		.reply-container { display: block; background: url(images/readmore.png) no-repeat bottom right; float: right; padding: 0 19px 0 0; font-size: 16px; font-family: Georgia, serif; font-weight: normal; line-height: 34px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
			.reply-container a { display: block; background: url(images/readmore.png) no-repeat; height: 38px; padding: 0 0 0 19px; color: #fff; }
			.reply-container a:hover { color: #eee; text-decoration: none; }

		ol.commentlist { margin-top: 20px; }

#commentform textarea#comment { width: 96%; background: url(images/white-overlay.png); border: 1px solid white; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); }
	#commentform input[type=text] { width: 38%; background: url(images/white-overlay.png); border: 1px solid white; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); }
	#commentform textarea#comment, #commentform input[type=text] { padding: 10px 5px 10px 15px; color: #000000; }

	#commentform .hidden { display: none; }

	p.form-submit { float: right; background: url(images/readmore.png) no-repeat bottom right; padding-right: 4px; height: 28px;padding-right: 19px; }
		p.form-submit input#submit { background: url(images/readmore.png) no-repeat; border: none; margin: 0; height: 37px; padding-left: 22px; padding-top: 0px; line-height: 18px; color: #fff; font-size: 16px; font-family: Georgia, serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }

	li.comment #respond textarea { width: 94% !important; }
	li.comment #respond input[type=text] { width: 48% !important; }

	.depth-2 .comment-body { width: 490px; }
	.depth-3 .comment-body { width: 412px; }
	.depth-4 .comment-body { width: 334px; }
	.depth-5 .comment-body { width: 256px; }

	span#choose_rating { font-size: 14px; color: #343434; float: left; font-family:Helvetica,Arial,sans-serif; display: block; margin: 4px 38px 0 0; }
	div#et-rating .rating-inner, .comment-meta .rating-inner { height: 17px; }

	#respond { overflow: hidden; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer { background: #161616 url(images/footer-bg.png) repeat-x; }
	#footer-pattern { background: url(images/top-pattern.png); }
		#footer-widgets { padding-top: 45px; }
			.footer-widget { width: 266px; margin-right: 80px; float: left; margin-top:10px; margin-bottom: 40px; color: #acacac;}
			.last { margin-right: 0px; }
				#footer-logo { margin-bottom: 10px;}
				.footer-widget p { line-height: 22px; color: #acacac; margin-top: -17px; }
				#footer h4.widgettitle { color:#ffffff; text-transform: uppercase; font-size:12px; padding-bottom: 10px; }
					.footer-widget a { color: #acacac; }
					.footer-widget a:hover { color: #d0d0d0; text-decoration: none; }
				.footer-widget ul { margin-bottom:8px;  }
					.footer-widget ul ul { margin-bottom:0; }
						.footer-widget ul li { background:url(images/footer-bullet.png) no-repeat 0 7px; padding:0px 0 10px 20px; }
						.footer-widget ul li ul { margin:0 0 -3px; padding:5px 0 0 7px; }

		#footer-bottom  { background: url(images/bottom-menu-bg.png) repeat-x top left; padding-bottom: 20px; }
			#footer-bottom .container { padding-top: 30px; background: url(images/footer-container-bg.png) no-repeat 0px 3px; }
				ul.bottom-nav li { float: left; font-size: 11px; font-weight: normal !important; padding-right: 15px; }
					ul.bottom-nav li.current_page_item a { font-family:Helvetica,Arial,sans-serif; font-weight: normal !important; color: #0066fa; }
				ul.bottom-nav li a {color:#aaaaaa; font-weight: normal !important; }
				ul.bottom-nav li a:hover {text-decoration: none; color: #ffffff; font-weight: normal !important;}
			p#copyright { float:right; font-size:9px !important; color:#888888;}
				p#copyright a { color:#888888; }
.bottom-menu li a {color:#aaaaaa !important; }



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

.widget { max-width:300px; min-width: 247px; margin-bottom: 30px; padding-left: 12px; color: #343434; }
	.widget ul li { padding:6px 15px; display: block; background:url(images/sidebar-bullet-2.png) no-repeat 0px 11px; }
		.widget ul li a { color:#002266; text-shadow:none; text-decoration: none; font-weight: bold;}
			.widget ul li a:hover { color:#0066fa; }
				.widget ul li ul { margin-top: 6px; }
				.widget ul li ul li { padding:0px 15px; display: block; background:url(images/sidebar-bullet.png) no-repeat 0px 5px; }
					.widget ul li ul li a { color:#111111; text-shadow:1px 1px 0px #ffffff; text-decoration: none; font-weight: normal; }
	.widget p { padding:6px 19px; color:#343434; text-shadow:1px 1px 0px #ffffff; line-height: 21px; }

	.rated-info h3.title { font-family:Helvetica,Arial,sans-serif; font-size: 14px; padding: 9px 0 0; }
		.rated-info h3.title a { color: #343434; }
		.rated-info h3.title a:hover { text-decoration: none; color: #111; }

	.et-top-rated-top { background: url(images/rating-widget-top.png) no-repeat; padding-top: 4px; }
		.et-top-rated-bottom { background: url(images/rating-widget-bottom.png) no-repeat bottom left; padding-bottom: 4px; }
			.et-top-rated { background: url(images/rating-widget-bg.png) repeat-y; padding: 8px 17px 6px 9px; }

	#sidebar .widget_topratedwidget { padding-left: 1px; width: 335px; }
		#sidebar .widget_topratedwidget h4.widgettitle { padding-left: 32px; }
		.rated-info { float: left; width: 225px; }
			.rated-thumb { position: relative; float: left; margin-right: 13px; }
				.rated-thumb span.overlay { display: block; position: absolute; top: 0; left: 0; background: url(images/rating-widget-overlay.png) no-repeat; }
				.rated-thumb, .rated-thumb span.overlay { width: 34px; height: 34px; }
		.rated-widget-stars { float: right; padding-top: 8px; }

	body.single #sidebar { padding-top: 22px; }

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }


/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/

.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
	.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
	.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
	.nav li:hover ul, .nav li li:hover ul { top: -999em; }
	.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
	.nav li ul { width: 191px; z-index:1000; }
		.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
		.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;	}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
		#wp-calendar td#today { color: #ffffff; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 15px 12px 0px; }

.wp-pagenavi { position: relative; font-family:Helvetica,Arial,sans-serif; font-size: 12px; text-align: right; padding: 21px 50px 0 0; }
.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #343434 !important; border: none !important; background: none !important; }
.wp-pagenavi a, .wp-pagenavi a:link , .wp-pagenavi a:visited, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 12px 17px !important; margin: 2px; font-weight: bold; background: url(images/pagenavi-bg.png) no-repeat !important; border: none !important; color: #343434 !important; font-size: 15px !important; }

.wp-pagenavi span.current, .wp-pagenavi a:hover { color: #a0a0a0 !important; }


a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

.foursixeight { margin: 0px 0px 15px 84px;}
.et_pt_blogentry a.readmore { position: relative !important; left: 0 !important; }

#comment-wrap .navigation { padding: 10px 0; }
	.nav-previous { float: left; }
	.nav-next { float: right; }
h3#reply-title small { display: block; }
	h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }

#commentform input[type=text] { width: 40%; display: block; padding: 5px; }
#commentform textarea#comment { width: 91%; }
.commentlist #respond textarea#comment { width: 98% !important; }
.commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }
.comment_navigation_top, .comment_navigation_bottom { padding: 10px 0; }
.et_embedded_videos { display: none !important; }

.js #featured-slides { background: url(images/ajax-loader.gif) no-repeat center; min-height: 305px; }
	.js #featured .slide { display: none; }

/* Oleg Home Page h1 Fix */
body.home h1.title {display: none;}
/*------------------------------------------------*/

#ccode table tr td, th {padding: 0px 12px 0px 12px; }
#ccode table tr th {text-transform: uppercase;	color:#ffffff; font-weight:bold; background-color:#002266; font-size: 10px; line-height:13px; padding-top:9px; padding-bottom: 9px; border-top: 2px solid #00dd00;}
.trdark {background-color:#dddddd; border-top: 2px solid #ffffff;}
.trlite {background-color:#eeeeee; border-top: 2px solid #ffffff;}
.trlast {background-color:#dddddd; border-top: 2px solid #ffffff; border-bottom: 4px solid #002266;}
#ccode table {border-bottom: 4px solid #002266; margin-bottom: 0px !important;}

a.green { text-decoration: none; color: #00ff00 !important; }
a.green:hover { text-decoration: underline;  color: #ffffff; }


a.score {color:#002266 !important; text-decoration: underline;}
a.score:hover {color:#00ff00 !important; text-decoration: none;}


.summary{
    margin-left:0px;
	margin-top:9px;
	margin-bottom:9px;
	border-top:4px solid #00dd00;
	border-bottom:3px solid #002266;
	text-shadow:none !important;
}
.summary td, p{
    line-height: 18px !important;
    font-size: 12px !important;
    color:#000000;
    text-shadow:none !important;
	padding-top:6px !important;
	padding-bottom:6px !important;
}
.summary h2 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-bottom: 2px; line-height: 1em; font-weight: bold; text-align:left; }
#ranking{
	width: 47%;
	float:right !important;
	clear: none !important;
	margin-left:25px;
	margin-top:-6px;
	margin-bottom:9px;
	border-bottom:3px solid #00dd00;
	text-shadow:none !important;
}
#ranking td{
    line-height: 18px !important;
    font-size: 12px !important;
    color:#000000;
    text-shadow:none !important;
	padding-left:10px;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
#ranking h2 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-bottom: 2px; line-height: 1em; font-weight: bold; text-align:left; clear:none !important;}
#bottomline{
	width:46.5%;
	float: left !important;
	margin-left:0px;
	margin-top:-6px;
	margin-bottom:9px;
	border-bottom:3px solid #00dd00;
	text-shadow:none !important;
}
#bottomline p{
    line-height: 17px !important;
    font-size: 12px !important;
    color:#000000;
    text-shadow:none !important;
	padding-left:10px;
	padding-top:6px !important;
	padding-bottom:0px !important;
	clear: none !important;
}
#bottomline h2 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-left:10px; padding-bottom: 2px; line-height: 1em; font-weight: bold; text-align:left;}
#bottomline h4 {padding-left:10px; padding-top:12px; padding-bottom:12px;}
#bottomline h5 { font-size: 12px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #0066fa; padding-left:10px; padding-top:0px; padding-bottom: 8px; margin-top: 0px; line-height: 1em; font-weight: bold; text-align:left;}
.context { 
	max-width: 568px !important;
}
.context p { 
	color: #000000 !important; 
	font-family: Arial, Helvetica, sans-serif !important; 
	font-size: 11px;
	line-height: 15px !important;
	text-shadow:none !important;
}
.context ul{ 
	margin-left: 0px; 
	padding: 0px; 
	margin-top:0px; 
	margin-bottom: 12px; 
	list-style: none;
	clear:none;
}
.context ul li
{ 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 15px;
	text-shadow:none;
	background: url(https://www.ncmonline.com/wp-content/uploads/bullet.png) no-repeat 12px -3px; 
	padding-left: 26px;
	padding-bottom: 3px; 
	margin-left: 0px;
}
.context h3 {clear:none !important;}
.authored {
	font-weight: normal !important; 
	font-size: 10px;
	line-height:12px !important; 
	color: #000000 !important; 
	font-family: Arial, Helvetica, sans-serif !important; 
	margin-left: 0px !important; 
	padding: 0px !important; 
	margin-top:0px !important; 
	margin-bottom: 6px !important; 
	text-shadow:none !important;
}
.spreads {
	letter-spacing: 3px;
	word-spacing: 2px;
	text-transform: uppercase;
}
.whitespaced { padding-top:6px; padding-bottom:21px; }

.righty {width:270px; float:right; padding:0px; margin-left:20px; margin-top:6px; margin-bottom:3px; }
.righty p {
	font-size: 11px !important;
	line-height:12px !important; 
	color: #000000 !important; 
	font-family: Arial, Helvetica, sans-serif !important; 
	padding:0px;
	margin-left: 0px !important; 
	margin-top:-3px !important; 
	margin-bottom: 6px !important; 
	text-shadow:none !important;
}
.lefty {float:left; margin-right:20px; margin-top: 0px; margin-bottom: 3px; }

p.disclaimer {font-size: 10px !important; line-height: 11px !important; }
p.disclaimer-padded {font-size: 10px !important; line-height: 11px !important; padding: 0px 10px 0px 10px;}

.pricing{
    margin-left:0px;
	margin-top:9px;
	margin-bottom:9px;
	border-bottom:2px solid #00dd00;
	text-shadow:none !important;
}
.pricing td {
    line-height: 15px !important;
    font-size: 12px !important;
    color:#000000;
    text-shadow:none !important;
	padding-top:3px !important;
	padding-bottom:3px !important;
	padding-left: 0px !important;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	text-align: center;
}
td.first { text-align: left; padding-left: 6px !important; }
.pricing p {
    line-height: 15px !important;
    font-size: 12px !important;
    color:#000000;
    text-shadow:none !important;
	padding-top:3px !important;
	padding-bottom:3px !important;
	padding-left: 6px !important;
}
.pricing h2 { font-size: 23px; font-family:Helvetica,Arial,sans-serif; letter-spacing: -1px; color: #002266; padding-bottom: 2px; line-height: 1em; font-weight: bold; text-align:left; }
.pricing th {font-size: 14px; font-family:Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #ffffff; padding-bottom: 4px; padding-top: 4px; background-color: #002266;  display: block-inline; line-height: 1.2em; font-weight: bold; text-align:left; padding-left:6px;}
.listprice {font-size:19px; line-height:25px;}
.ts {font-size:10px !important; padding-top:0px !important;}
.central {padding-left:6px !important; padding-right:6px !important; text-align: center !important; }
b {color: #002266;}
.starred {padding-top:0px !important; padding-bottom:0px !important;}
.visit {padding-right:0px !important; margin-right:0px !important;}
#homer table { border-bottom: 2px solid #002266;}
#homer table tr td,#homertop-test table tr td {padding: 0px 12px 0px 12px; }
#homertop table, #homertop-test thead {text-transform: uppercase;	color:#ffffff; font-weight:bold; background-color:#0066fa; background-image: url(https://www.ncmonline.com/wp-content/uploads/homerpattern.png); font-size: 10px; line-height:13px; padding-top:3px; padding-bottom: 3px; border-top: 2px solid #0066fa;  border-right: 2px solid #002266; border-bottom: 2px solid #002266; border-left: 2px solid #0066fa;}
#homertop table td {margin-left:0px; padding-left:0px; text-align:left;  text-shadow:1px 1px 0px #002266; }
#homertop h2, #homertop-test h2 { font-family: Georgia, serif; font-size: 36px;  letter-spacing: -2px; color: #0066fa; padding-bottom: 7px; line-height: 1em; font-weight: normal; text-align:center !important; padding-top: 9px !important;}
#homerbottom {background-color:#dddddd; padding-bottom: 4px;} 
#homerbottom h2 { font-family: Georgia, serif; font-size: 36px;  letter-spacing: -2px; color: #0066fa; padding-bottom: 7px; line-height: 1em; font-weight: normal; text-align:center !important; padding-top: 12px !important;}
.cont {color:#cc0000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:14px !important; line-height:15px !important; text-align:center; letter-spacing:6px; word-spacing:3px; font-weight:bold; padding-top:15px;  padding-bottom:12px; }
.cont a:link {color:#cc0000 !important; text-decoration: none;}
.cont a:visited { color:#cc0000 !important; text-decoration: none; } 
.cont a:hover { color:#00dd00 !important; text-decoration: underline; } 
.cont a:active { color:#00dd00 !important; text-decoration: underline; } 
.cont2 {color:#cc0000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:14px !important; line-height:15px !important; text-align:center; letter-spacing:2px; word-spacing:2px; font-weight:bold; padding-top:15px;  padding-bottom:12px; }
.cont2 a:link {color:#cc0000 !important; text-decoration: none;}
.cont2 a:visited { color:#cc0000 !important; text-decoration: none; } 
.cont2 a:hover { color:#00dd00 !important; text-decoration: underline; } 
.cont2 a:active { color:#00dd00 !important; text-decoration: underline; } 
table.rankable {
    margin: 9px auto !important;
	text-shadow:none !important;
	border-bottom: 2px solid #00dd00;
}
.rankable td {
    margin-left:0px !important;
	line-height: 15px !important;
    font-size: 12px !important;
    color:#000000;
    text-shadow:none !important;
	padding-top:3px !important;
	padding-bottom:3px !important;
	padding-left: 6px;
	text-align: left;
}

.rankable th {text-transform: uppercase; text-align:left; color:#ffffff; font-weight:bold; background-color:#002266; font-size: 10px; line-height:13px; padding-top:4px; padding-bottom: 4px; padding-left: 6px; border-top: 2px solid #00dd00;} 

body {max-width:100%;}


.real {
    float: left;
    margin-right: 22px;
    max-width: 23%;
min-width: 222px;
}

.real-1 {
    float: left;
    max-width: 23%;
	min-width: 222px;
}
.prob {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 48%;
}


.sol-1  {
    float: left;
    width: 45%;
}

.anty {
    float: right;
    width: 78%;
    margin-top: 10px;
}

.pat {float:left;}





#left-area .summary table {width: 100% !important;}

#tabs-div {width:100%; float:left;}

#tabs-div iframe {width:100% !important;}

#tabs-div .pricing table {width:100% !important;}

#ranking table {width:100% !important;}

#left-area .context .score img {
    	width: 100% !important; 
	height:auto !important;}

@media only screen  and (max-width: 900px) { 
/*bug*/
.context {width:100% !important;}

 }


/* Ipad portrait */

@media only screen  and (max-width: 830px) {


ul.bottom-nav li { padding-left: 16px;}

#bottomline, #ranking {width:100%; float:none;}

#top-shadow .container {margin-left: 8px;}

 #top-menu {display:none;}


#bottom-header {
    float: left;
    margin-left: 10%;
}

.resp-head {margin-left:10%;}

#breadcrumbs {margin-left:1%;}

#bottom-header {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 2% 0 0 0;
}

#bottom-header li {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    
}

#bottom-header #search-form {display: none;}

p#copyright { float: left; padding-left: 16px;}

/*alojamiento page table*/


#ccode table.alojamiento, #ccode .alojamiento thead, #ccode .alojamiento tbody, #ccode .alojamiento th, #ccode .alojamiento td, #ccode .alojamiento tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#ccode .alojamiento thead { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}


td::before {
    font-size: 12px;
    font-weight: normal;
    left: 6px;
    padding-right: 9px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
    width: 20px;
}
#ccode table.alojamiento tr td{
    border: medium none;
    display: block;
    padding-bottom: 8px;
    padding-left: 65%;
    position: relative;
    text-align: left;
    padding-top: 6px;
}


	#ccode .alojamiento td:nth-of-type(1):before { content: "Velocidad Mundial"; }
	#ccode .alojamiento td:nth-of-type(2):before { content: "Velocidad EE.UU."; }
	#ccode .alojamiento td:nth-of-type(3):before { content: "Compañía de Alojamiento Web"; }
	#ccode .alojamiento td:nth-of-type(4):before { content: "Compañía de Alojamiento Web"; }
	#ccode .alojamiento td:nth-of-type(5):before { content: "Velocidad Mundial Promedia*"; }
	#ccode .alojamiento td:nth-of-type(6):before { content: "Velocidad Promedia EE.UU.**"; }
	#ccode .alojamiento td:nth-of-type(7):before { content: "Tiempo Disponible 10 Días"; }


/*End of alojamiento page table*/


}

@media only screen  and (max-width: 710px) {

#main-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#left-area {
    max-width: 100%;
}



.post {
    border-bottom: 2px solid #e3e3e3;
    padding: 0 25px 14px 0;
}


.real,.real-1{ margin-left: 10%;}


}


@media only screen  and (max-width: 600px) {

#slogan {display: none;}



#logo {
    float: left;
    margin-top: 14px;
    margin-bottom: 7px;
}

#sidebar {width:100% !important;}

#bottomline, #ranking {width:100% !important; float:none;}

.anty, .pat {
    float: none;
     width: 100%;
}

.real, .real-1 {
    margin-left: 10px;
}

.prob, .sol-1 {width: 90%;margin-left: 20px;}
p.disclaimer {
margin-left:10px;  padding-right: 7px;
}

}


/*Begin Tabel settings*/
@media only screen  and (max-width: 800px) {

#main-content-wrap {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}



/*Criticas page table*/


#ccode table.criticas, #ccode .criticas thead, #ccode .criticas tbody, #ccode .criticas th, #ccode .criticas td, #ccode .criticas tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#ccode .criticas thead { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}


td::before {
    font-size: 12px;
    font-weight: normal;
    left: 6px;
    padding-right: 9px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
    width: 20px;
}
#ccode table.criticas tr td{
    border: medium none;
    display: block;
    padding-bottom: 8px;
    padding-left: 66%;
    position: relative;
    text-align: left;
    padding-top: 6px;
}


	#ccode .criticas td:nth-of-type(1):before { content: "RANGO"; }
	#ccode .criticas td:nth-of-type(2):before { content: "CALIFICACIÓN"; }
	#ccode .criticas td:nth-of-type(3):before { content: "COMPAÑÍA DE ALOJAMIENTO WEB"; }
	#ccode .criticas td:nth-of-type(4):before { content: "COMPAÑÍA DE ALOJAMIENTO WEB"; }
	#ccode .criticas td:nth-of-type(5):before { content: "PLAN DE RENOVACIÓN DE 1 AÑO"; }
	#ccode .criticas td:nth-of-type(6):before { content: "CALIFICACIÓN BBB"; }
	#ccode .criticas td:nth-of-type(7):before { content: "INFORMACIÓN ADICIONAL"; }


/*End of criticas page table*/


/*descuento page table*/


#ccode table.descuento, #ccode .descuento thead, #ccode .descuento tbody, #ccode .descuento th, #ccode .descuento td, #ccode .descuento tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#ccode .descuento thead { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}


td::before {
    font-size: 12px;
    font-weight: normal;
    left: 6px;
    padding-right: 9px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
    width: 20px;
}
#ccode table.descuento tr td{
    border: medium none;
    display: block;
    padding-bottom: 8px;
    padding-left: 60%;
    position: relative;
    text-align: left;
    padding-top: 6px;
}


	#ccode .descuento td:nth-of-type(1):before { content: "CALIFICACIÓN"; }
	#ccode .descuento td:nth-of-type(2):before { content: "COMPAÑÍA"; }
	#ccode .descuento td:nth-of-type(3):before { content: "COMPAÑÍA"; }
	#ccode .descuento td:nth-of-type(4):before { content: "DESCUENTO"; }
	#ccode .descuento td:nth-of-type(5):before { content: "CODIGO DE CUPON"; }
	#ccode .descuento td:nth-of-type(6):before { content: "ESTADO"; }
	#ccode .descuento td:nth-of-type(7):before { content: "INFORMACIÓN ADICIONAL"; }


/*End of descuento page table*/



/***************Homepage Table*****************/
/* Force table to not be like tables anymore */
	

	#homertop table, #homertop thead, #homertop tbody, #homertop th, #homertop td, #homertop tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#homertop table { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}


td::before {
    font-size: 12px;
    font-weight: normal;
    left: 6px;
    padding-right: 9px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
    width: 20px;
}
#homer table tr td{
    border: medium none;
    display: block;
    padding-bottom: 8px;
    padding-left: 66%;
    position: relative;
    text-align: left;
    padding-top: 6px;
}

	#homer td:nth-of-type(1):before { content: "Rango"; }
	#homer td:nth-of-type(2):before { content: "Calificación"; }
	#homer td:nth-of-type(3):before { content: "Compañía de Alojamiento Web"; }
	#homer td:nth-of-type(4):before { content: "Compañía de Alojamiento Web"; }
	#homer td:nth-of-type(5):before { content: "PLAN DE RENOVACIÓN DE 1 AÑO"; }
	#homer td:nth-of-type(6):before { content: "Calificación BBB"; }
	#homer td:nth-of-type(7):before { content: "Información Adicional"; }

/*-----------!!!!!!!!!!!!!!!!End Homepage table!!!!!!!!!!!!!!!!--------------------*/


}

/*End Tabel settings*/
@media only screen  and (max-width: 340px) {

.real, .real-1 {margin:0 auto !important; float: none !important;}
#tabs-div iframe {height:300px !important;}
.righty {margin:6px 0px 3px 0px; float:none;}
}


@media only screen  and (max-width: 420px) {

.righty {margin:6px 0px 3px 0px; float:none;}

}


