/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */

body {
	margin: 0;
	padding: 0;
}

#page {
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
	margin: 0;
}
#skip-link a,
#skip-link a:visited {
	display: block;
	width: 100%;
	padding: 2px 0 3px 0;
	text-align: center;
	background-color: #666;
	color: #fff;
}

/*
 * Header
 */

#header {
	background-color: #ED1C24;
	position: relative;
	background-color: transparent;
	background-image: url(../images/cs-barra-header@2x.gif);
	background-size: 100% 50px;
	background-repeat: no-repeat;
	background-position: center top;
	/*height: 50px;
	background-image: linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	background-image: -o-linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	background-image: -moz-linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	background-image: -ms-linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.18, rgb(204,8,31)),
		color-stop(0.66, rgb(237,28,35))
	);*/
}

#logo { /* Wrapping link for logo */
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 25;
}
#logo img {
	vertical-align: bottom;
	width: 75px;
}

#name-and-slogan { /* Wrapper for website name and slogan */
	float: left;
	position: absolute;
	left: 90px;
	top: 55px;
}

#name-and-slogan h2 {
	font-style: italic;
	font-weight: normal;
	color: #cbcbcb;
	font-variant: small-caps;
	font-size: 1.2em;
	line-height: 1.2em;
}

#site-name { /* The name of the website */
	margin: 0;
	font-size: 2em;
	line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
	text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
	text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
	margin: 0;
	font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
	clear: both; /* Clear the logo */
	padding-top: 4em;
}

/*
 * Main (container for everything else)
 */

#main {
	/*position: relative;*/
}

/*
 * Content
 */

#content {
	position: relative;
}

.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
	margin: 0;
	padding: 0;
}
.breadcrumb li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
	margin: 0;
	clear: both;
}

.node-type-comic h1.title,
.node-type-coleccion h1.title,
.node-type-personaje h1.title/*,
.page-user h1.title*/ {
	display: none;
}

tr.even { /* Some tables have rows marked even or odd. */
	background-color: #111; /* Drupal core uses a #eee background */
	border-bottom: 1px solid #000; 
}

tr.odd {
	background-color: #222; /* Drupal core uses a #eee background */
	border-bottom: 1px solid #000; 
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
	margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
	clear: both;
	border-width: 1px;
	border-style: dashed;
	border-color:#ffffff;
}

div.messages a {
	color: #000000;
	text-decoration: underline;
}

div.messages a:hover {
	text-decoration: none;
}

div.messages ul {
	margin-top: 0;
	margin-bottom: 0;
}

td.active {
	background-color: transparent;
}

div.status { /* Normal priority messages */
	background-color: #03a500;
	color: #ffffff;
	border-color:#026200;
	background-image: url(../images/cs-ico-messages-status@2x.png);
	background-size: 25px 25px;
}

div.status a {
	color: #013d00;
}

div.warning,
tr.warning { /* Medium priority messages */
	background-color: #0088e3;
	color: #ffffff;
	border-color:#08588e;
	background-image: url(../images/cs-ico-messages-warning@2x.png);
	background-size: 25px 25px;
}

div.warning a {
	color: #003b62;
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
	background-color: #ed1c24;
	color: #ffffff;
	border-color:#b2081c;
	background-image: url(../images/cs-ico-messages-error@2x.png);
	background-size: 25px 25px;
}

div.error a {
	color: #7f000f;
}

.error { /* Errors that are separate from div.messages status messages. */
	/* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
	/* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
	display: inline;
	padding: 0;
}
ul.inline li {
	display: inline;
	list-style-type: none;
	padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
	padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
	padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
	padding: 0 0.1∫em;
}

.item-list .pager li a {
	background-color: #ED1C24;
	padding: 5px;
	color: #ffffff;
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	border-radius: 100px;
	text-align: center;
}

.item-list .pager li.pager-next a,
.item-list .pager li.pager-previous a {
	padding: 8px;
	font-weight: bold;
}
.item-list .pager li.pager-first a,
.item-list .pager li.pager-last a {
	padding: 12px;
	font-weight: bold;
}

.item-list .pager li a:hover {
	background-color: #ffffff;
	color: #000000;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

.sidebar {
	padding-top: 1.5em;
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
	position: relative;
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
	position: relative;
}

/*
 * Footer
 */

#footer {
	/*text-align: center;*/
	position: relative;
}

/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
	background-image: linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	background-image: -o-linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	background-image: -moz-linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	background-image: -ms-linear-gradient(bottom, rgb(204,8,31) 18%, rgb(237,28,35) 66%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.18, rgb(204,8,31)),
		color-stop(0.66, rgb(237,28,35))
	);
	position: relative;
}

/* Banners exteriores */

.region-banner-twin {
		display: none;
}

@media all and (min-width: 1920px) {
	.region-banner-twin {
		/*background-color: gray;*/
		display: block;
		position: fixed;
		bottom: 0px;
		width: 100%;
		height: 1200px;	
	}
}

#block-views-recomendados-twin .item-list ul {
/*	background-color: green;*/
	
	width: 1200px;
	height: 1200px;
	margin: 0 auto;
	padding: 0;
	
	position: relative;
}

#block-views-recomendados-twin .item-list li.first {
	display: block;
	width: 360px;
	height: 1200px;
	position: fixed;
	bottom: 0;
	margin-left: -360px;
	padding:0;
}

#block-views-recomendados-twin .item-list li.last {
	display: block;
	width: 360px;
	height: 1200px;
	position: fixed;
	bottom: 0;
	margin-left: 1200px;
	padding:0;
}

/* Ubercart */

#cart-form-pane #edit-update,
#uc-cart-checkout-form #edit-cancel {
	float: left;
}

#cart-form-pane tbody .image img {
	width: 100px;
	height: auto;
}

#cart-form-pane thead th:nth-child(4),
#cart-form-pane tbody .qty,
#uc-cart-checkout-form thead .qty,
#uc-cart-checkout-form tbody .qty {
	display: none;
}

#cart-form-pane #edit-actions input#edit-update {
	display: none;
}

#cart-form-pane #edit-actions input:last-child,
#uc-cart-checkout-form #edit-continue {
	background-image: url(../images/cs-input-btn-2@2x.png);
}

#uc-cart-checkout-form #edit-cancel {
}

#uc_termsofservice_agreement_checkout-pane .links_node {
	display: none;
}

#uc-cart-checkout-form .sharethis-buttons {
	display: none;
}