@charset "utf-8";

/*

CSS Document

Theme Name: EROSALIANZA.COM

*/

html, body, div, span, applet, abbr, big, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, em, img, q, samp,  

strong, dl, dt, dd, ol, ul, li, fieldset, form, input, label, textarea, table, caption, tbody, tfoot, thead, tr, th, td {

	font-size: 100%;

	font-weight: normal;

	font-style: normal;

	font-family: inherit;

	vertical-align: baseline;

	border: 0;

	outline: 0;

	margin: 0;

	padding: 0; }

 

blockquote, q { quotes: "" ""; }

 

ol, ul { list-style: none; }

 

em { font-style: italic; }

 

strong { font-weight: bold; }

 

*, * focus { outline: none; }

 

/*	--------------------------------------------------

 

Global

 

-------------------------------------------------- */

body {

	font: 12px/18px Arial, Helvetica, sans-serif;

	background: #390729 url(../Images/bg.jpg) repeat-x; }

 

a, a:hover, a:active { text-decoration: none; }

 

.indent { text-indent: -9999px; }

 

h1 { font-size: 22px; }

 

h2 { font-size: 14px; }

 

/*	--------------------------------------------------

 

Container

 

-------------------------------------------------- */

#container { width: 100%; }

 

/*	--------------------------------------------------

 

Header

 

-------------------------------------------------- */

#header {

	width: 976px;

	height: 227px;

	background: url(../Images/header.jpg) no-repeat;

	margin: 0 auto;

	position: relative; }

 

	#header .logo {

		width: 290px;

		height: 110px;

		position: absolute;

		top: 64px;

		left: 20px; }

 

		#header .logo a {

			height: 110px;

			display: block; }

 

	#header p {

		width: 295px;

		height: 38px;

		position: absolute;

		top: 13px;

		left: 18px; }

 

	#header .nav {

		width: 100%;

		position: absolute;

		top: 179px; }

 

		#header .nav a { color: #FFF; }

 

		#header .nav ul {

			height: 48px;

			background: url(../Images/header-tabs.jpg) 1px 0 no-repeat;

			overflow: hidden; }

 

			#header .nav ul li {

				width: 161px;

				font-size: 14px;

				line-height: 54px;

				text-align: center;

				text-transform: uppercase;

				color: #FFF;

				display: block;

				float: left; }

				

				#header .nav ul li.news a { color: #000; }

 

/*	--------------------------------------------------

 

Wrapper

 

-------------------------------------------------- */

#wrapper {

	width: 976px;
	
	background: #e9e9e9 url(../Images/wrapper-bottom.gif) repeat-y;

	margin: 0 auto;

	overflow: hidden; }



/*	--------------------------------------------------

 

Wide

 

-------------------------------------------------- */

#wide {

	width: 974px;

	background: url(../Images/wide-bottom.png) 1px bottom no-repeat;

	padding-bottom: 40px;

	margin: 0 auto; }

 

	#wide .content {

		background-color: #FFF;

		padding: 20px 20px 0;

		margin-left: 1px; }

 

/*	--------------------------------------------------

 

Sidebar

 

-------------------------------------------------- */

#sidebar {

	width: 242px;

	border-right: 1px #FFF solid;

	float: left; }

	

	#sidebar .about {

		height: 115px;

		background: url(../Images/sidebar-about.gif) no-repeat;

		padding: 10px 12px; }

 

		#sidebar .about strong , #sidebar .newsletter strong {

			font-size: 13px;

			line-height: 22px;

			color: #f72e6c;

			display: block; }

 

		#sidebar .about small {

			width: 130px;

			font-size: 11px;

			line-height: 14px;

			color: #646464;

			display: block; }

 

	#sidebar .newsletter {

		height: 246px;

		background: url(../Images/sidebar-newsletter-form.gif) 0 91px no-repeat;
		
		position:relative; 
		
		z-index: 1; }

 

		#sidebar .newsletter p {

			width: 140px;

			line-height: 15px;

			margin: 0 0 14px 25px; }

 

		#sidebar .newsletter form { margin: 0 25px; }

 

		#sidebar .newsletter input.field {

			width: 180px;

			height: 20px;

			background-color: #f8f8f8;

			display: block;

			padding: 0 5px; }

 

		#sidebar .newsletter input.send {

			width: 122px;

			height: 34px;

			color: #FFF;

			cursor: pointer;

			background: url(../Images/sidebar-newsletter-send.png) no-repeat;

			margin: 15px 0 0 75px; }

 

	#sidebar .payment .show {

		width: 231px;

		height: 352px;

		background: url(../Images/sidebar-show-payment.gif) no-repeat;

		margin: 5px auto; }

 

	#sidebar .payment a {

		text-decoration: underline;

		color: #949494; }

 

	#sidebar .payment p {

		width: 140px;

		padding: 0 10px;

		margin-bottom: 20px; }

 

	#sidebar .payment strong {

		font-size: 16px;

		display: block;

		padding: 8px 0 1px; }

 

	#sidebar .payment .visa strong { color: #ff5ab3; }

 

	#sidebar .payment .phone { color: #aeecf1; }

 

	#sidebar .payment .sms , #sidebar .payment .member { color: #FFF; }

 

	#sidebar .payment small {

		font-size: 10px;

		line-height: 14px;

		color: #FFF;

		display: block; }

 

	#sidebar .top .layer {

		width: 216px;

		height: 164px;

		background: url(../Images/sidebar-top-layer.gif) no-repeat;

		margin: 10px auto;

		position: relative; }

 

	#sidebar .layer img {

		width: 72px;

		height: 72px;

		position: absolute;

		top: 12px;

		left: 20px; }

 

	#sidebar .layer p {

		width: 92px;

		font-size: 11px;

		line-height: 14px;

		color: #e32592;

		position: absolute;

		top: 12px;

		left: 105px; }

 

	#sidebar .layer strong {

		line-height: 18px;

		color: #FFF;

		display: block; }

 

	#sidebar .layer span {

		font-size: 9px;

		font-weight: bold;

		color: #929292;

		display: block;

		position: absolute;

		top: 88px;

		left: 10px; }

 

	#sidebar .layer a {

		width: 80px;

		height: 30px;

		position: absolute;

		top: 115px;

		left: 132px; }

 

	#sidebar .block {

		width: 242px;

		background-color: #e1e2e3;

		overflow: hidden; }

 

		#sidebar .block h1 {

			height: 91px;

			position: relative;

			z-index: 1; }

 

	#sidebar .categories h1 { background: url(../Images/sidebar-categories.png) no-repeat; }

 

	#sidebar .options h1 { background: url(../Images/sidebar-options.png) no-repeat; }
	#sidebar .options2 h1 { background: url(../Images/sidebar-options2.png) no-repeat; }

 

	#sidebar .payment h1 { background: url(../Images/sidebar-payment.png) no-repeat; }

 

	#sidebar .blog h1 { background: url(../Images/sidebar-blog.png) no-repeat; }

 

	#sidebar .newsletter h1 { background: url(../Images/sidebar-newsletter.png) no-repeat; }

 

	#sidebar .offer h1 { background: url(../Images/sidebar-offer.png) no-repeat; }

 

	#sidebar .top h1 { background: url(../Images/sidebar-top.png) no-repeat; }

 

	#sidebar .block ul { 

		width: 242px;

		margin-top: -22px; }

 

		#sidebar .block ul li {

			height: 36px;

			line-height: 38px;

			background: url(../Images/sidebar-block-list.gif) repeat-x;

			display: block;

			padding: 0 10px 0 5px; }

			

			#sidebar .block ul li:hover { background: url(../Images/sidebar-block-list.gif) 0 -44px repeat-x; }

 

			#sidebar .block ul li a {

				width: 175px;

				color: #0e0e0e;

				background: url(../Images/icon-sidebar-block.png) right 14px no-repeat;

				display: block;

				padding-left: 45px; }

 

				#sidebar .block ul li a:hover { 

					font-weight: bold; 

					background-position: right -35px; }

 

	#sidebar .block dl { padding: 0 18px; }

 

		#sidebar .block dl dt {

			background: url(../Images/sidebar-offer-line.gif) center bottom no-repeat;

			display: block;

			padding: 5px 0 12px; }

 

			#sidebar .block dl dt span {

				line-height: 14px;

				background: url(../Images/icon-sidebar-offer.gif) 0 3px no-repeat;

				display: block;

				padding-left: 28px; }

 

/*	--------------------------------------------------

 

Colh

 

-------------------------------------------------- */

#colh {

	width: 709px;

	background: url(../Images/colh.gif) left 0 no-repeat;

	padding: 0 12px;

	float: right; }

 

	#colh  .news {

		background: url(../Images/colh-news.png) repeat;

		border: 1px #d0d0d0 solid;

		padding: 10px 20px;

		margin: 10px 0; }

 

		#colh  .news p {

			font-size: 15px;

			line-height: 24px;

			color: #434343; }

 

	#colh .pager {

		margin-bottom: 10px;

		overflow: hidden; }

 

		#colh .pager span , #colh .pager a , #colh .pager a:hover {

			width: 46px;

			height: 47px;

			font-size: 26px;

			line-height: 46px;

			font-weight: bold;

			text-align: center;

			color: #92004f;

			background: url(../Images/icon-colh-pager.png) 0 -1px no-repeat;

			display: inline-block; }

 

		#colh .pager a {

			color: #565656;

			background-position: 0 -54px; }

 

			#colh .pager a:hover {

				color: #FFF;

				background-position: 0 -106px; }

 

			#colh .pager a.next , #colh .pager a.back {

				width: 162px;

				color: #adadad;

				background: url(../Images/icon-colh-pagerx.png) 0 -1px no-repeat; }

 

			#colh .pager a.next:hover , #colh .pager a.back:hover {

				color: #FFF;

				background-position: 0 -54px; }

 

	#colh .sup { margin-top: -15px; }

 

/*	--------------------------------------------------

 

Movies

 

-------------------------------------------------- */

#movies { overflow: hidden; }

 

	#movies .movie {

		background: #f7f7f7 url(../Images/colh-movie-top.gif) center top no-repeat;

		border: 1px #bcbcbc solid;

		margin-bottom: 35px;

		overflow: hidden;

		-moz-box-shadow: 2px 3px 4px #b7b7b7;

		-webkit-box-shadow: 2px 3px 4px #b7b7b7;

		box-shadow: 2px 3px 4px #b7b7b7;

		/* For IE 8 */

		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b7b7b7')";

		/* For IE 5.5 - 7 */

		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b7b7b7'); }



	#movies .scenes {

		width: 350px;

		float: left; }

 

		#movies .scenes ul {

			padding: 10px 0 10px 10px;

			overflow: hidden; }

 

			#movies .scenes ul li {

				width: 155px;

				height: 117px;

				display: block;

				padding: 5px;

				float: left; }

 

	#movies .player {

		width: 350px;

		padding: 15px 0;

		float: right; }

 

	#movies .info {

		padding: 5px 10px 5px 15px;

		overflow: hidden;

		clear: both; }

 

	#movies .left {

		width: 335px;
		
		background: url(../Images/icon-colh-movie.gif) no-repeat;

		float: left; }

 

		#movies .left h1 {

			line-height: 22px;

			padding-left: 45px; }

 

		#movies .left span {

			font-size: 11px;

			color: #ed0080;

			display: block;

			padding: 2px 0 0 45px; }

 

		#movies .left p {

			font-size: 14px;

			line-height: 24px;

			color: #2d2d2d;

			padding: 10px 0; }

 

	#movies .right {

		width: 338px;

		padding: 15px 0;

		float: right; }

 

		#movies .right a.download , #colh .right a.access {

			width: 338px;

			height: 64px;

			background: url(../Images/colh-movie-buttons.gif) no-repeat;

			display: block;

			margin-bottom: 12px; }

 

		#movies .right a.access { background-position: 0 -78px; }

		

			#movies .right a.download:hover { background-position: 0 -234px; }

			

			#movies .right a.access:hover { background-position: 0 -156px; }

 

/*	--------------------------------------------------

 

Footer

 

-------------------------------------------------- */

#footer {

	height: 433px;

	background: url(../Images/footer.jpg) 0 bottom repeat-x; }

 	

	#footer .foot {

		width: 976px;

		height: 433px;

		background: url(../Images/foot.jpg) no-repeat;

		margin: 0 auto;

		position: relative; }

 

		#footer .foot .info {

			width: 655px;

			padding: 145px 0 0; }

 

	#footer .info p {

		font-size: 12px;

		line-height: 16px;

		color: #ffade4; }

 

	#footer .info span {

		line-height: 38px;

		color: #ff00ac;

		display: block; }

		

	#footer .info cite.caution { color:#d6b4cb; }

 

	#footer .info img {

		display: block;

		margin-top: 10px; }

 

	#footer .foot .copy {

		line-height: 22px;

		position: absolute;

		top: 64px;

		left: 264px; }

 

	#footer .copy a { color: #e60065; }

 

	#footer .copy span {

		background: url(../Images/icon-footer-rss.png) no-repeat;

		display: block;

		padding-left: 26px;

		margin-left: -5px; }

 

	#footer .foot .nav {

		position: absolute;

		top: 388px;

		left: 220px; }

 

	#footer .nav a { color: #FFF; }

 

	#footer .nav ul { overflow: hidden; }

 

		#footer .nav ul li {

			background: url(../Images/icon-footer.png) 0 3px no-repeat;

			display: block;

			padding: 0 10px 0 18px;

			float: left; }

 /*	--------------------------------------------------

 

Footer2

 

-------------------------------------------------- */

#footer2 {

	height: 315px;

	background: url(../Images/footer.jpg) 0 bottom repeat-x; }
 	

	#footer2 .foot {
		width: 976px;
		height: 315px;
		background: url(../Images/foot2.jpg) no-repeat;
		margin: 0 auto;
		position: relative; }
 
		#footer2 .foot .info {
			width: 655px;
			padding: 25px 0; }
 
	#footer2 .info p {
		font-size: 12px;
		line-height: 16px;
		color: #ffade4; }
 
	#footer2 .info span {
		line-height: 38px;
		color: #ff00ac;
		display: block; }
		
	#footer2 .info cite.caution { color:#d6b4cb; }
 
	#footer2 .info img {
		display: block;
		margin-top: 10px; }
 
	#footer2 .foot .copy {
		line-height: 22px;
		position: absolute;
		top: -54px;
		left: 264px; }
 
	#footer2 .copy a { color: #e60065; }
 
	#footer2 .copy span {
		background: url(../Images/icon-footer-rss.png) no-repeat;
		display: block;
		padding-left: 26px;
		margin-left: -5px; }
 
	#footer2 .foot .nav {
		position: absolute;
		top: 270px;
		left: 220px; }
 
	#footer2 .nav a { color: #FFF; }
 
	#footer2 .nav ul { overflow: hidden; }
 
		#footer2 .nav ul li {
			background: url(../Images/icon-footer.png) 0 3px no-repeat;
			display: block;
			padding: 0 10px 0 18px;
			float: left; }