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

@font-face {
    font-family: 'Bebas';
    src: url('/fnt/bebasneue-webfont.eot');
    src: url('/fnt/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fnt/bebasneue-webfont.woff') format('woff'),
         url('/fnt/bebasneue-webfont.ttf') format('truetype'),
         url('/fnt/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body {
	width:100%;
	height:100%;
	font-family:'Bebas';
}

#main {
	width:930px;
	min-width:780px;
	height:100%;
	background-color:#FFF;
	margin:auto;
}

header {
	height:50px;
	margin-bottom:30px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;		
}

header .fb-like {
	float:right;
	margin-top:27px;
}

header a { color:#333; }
header a:hover { color:#03F; }


footer {
	/*border-top:1px solid #DDD;*/
	margin-top:20px;
	padding-top:10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
footer ul {
	width:360px;
	float:left;
	margin-right:50px;
}
footer ul.catlist li {
	border-bottom:1px solid #EEE;
	float:left;
	width:120px;
}
footer ul.catlist li:hover {
	background-color:#FC9;
}
footer ul.catlist li a {
	padding:5px;
	display:block;
	color:#333;
}
footer ul .title{
	width:auto;
	display:block;
	float:none;
	font-size:17px;
	margin-bottom:5px;
	border-bottom:3px solid #DDD;
	padding-bottom:3px;
	font-family:'Bebas';
}

footer ul.social {
	width:360px;
	float:right;
	margin-right:50px;
}
footer ul.social li {
	width:auto;
	display:block;
	margin:10px;
}
footer ul.social li.link {
	display:block;
	width:auto;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	margin-top:5px;
	color:#339;
}
footer ul.social li.f {
	width:120px;
	float:left;
}
footer ul.social li a {
	display:inline-block;
	color:#339;
}
footer ul.social li a:hover {
	display:inline-block;
	color:#900;
}

.create-page header, .single-page header { margin-bottom:35px; }

#logo {
	float:left;
	margin-top:15px;
	width:150px;
	height:45px;
	background: no-repeat left -60px url('/img/sprite.png');
}

#logo:hover { background-position: right -60px }


.nav-item {
	float:right;
	font-size:22px;
	margin-left:20px;
	margin-right:5px;
	height:25px;
	font-family:'Bebas';
	margin-top:25px;
}

.nav-item .icon { width:25px; height:25px; display:inline-block; background-image:url('/img/sprite.png'); margin:0 5px 0 0; float:left; }


.poster {
	width:300px;
	height:225px;
	float:left;
	background-color:#0066FF;
	margin:5px;
	position:relative;
	overflow:hidden;
	display:block;
	background-image: url(/img/thumb_shadow.png);
	background-repeat:no-repeat;
}

.poster-frame {
	width:300px;
	height:225px;
	position:relative;
	display:block;
	background-image: url(/img/thumb_frame.png);
	background-repeat:no-repeat;
}

.poster-link { display:block; }

.poster-link:hover .poster {
	cursor:pointer;
	opacity:.8;
}

.poster-effect {
	width:300px;
	height:225px;
	background: no-repeat url(/img/thumb_shadow.png);
	display:block;
}

.poster-pattern {
	width:300px;
	height:225px;
	display:block;
}

.poster-text {
	font-family:'Bebas';
	font-size:16pt; /*22*/
	line-height:20pt; /*25*/
	text-align:center;
	padding:0 15px;
	display:block;
}

.line-1 .poster-text { padding-top:95px;}
.line-2 .poster-text { padding-top:85px; }
.line-3 .poster-text { padding-top:65px; }
.line-4 .poster-text { padding-top:50px; }
.line-5 .poster-text { padding-top:30px; }


.size-30 .poster-text { font-size:17pt; line-height:20pt; }
.size-23 .poster-text { font-size:16pt; line-height:19pt; }

.size-30.line-4 .poster-text { padding-top:65px; }
.size-30.line-5 .poster-text { padding-top:50px; }
.size-30.line-6 .poster-text { padding-top:35px; }
.size-30.line-7 .poster-text { padding-top:25px; }

.size-23.line-5 .poster-text { padding-top:55px; }
.size-23.line-6 .poster-text { padding-top:40px; }
.size-23.line-7 .poster-text { padding-top:30px; }

.poster-social {
	width:100%;
	height:100%;
	position:absolute;
	bottom:-230px;
	left:0;
	background-color:rgba(0,0,0,.75);
}

.poster-social .wrap {
	width:165px;
	padding:15px;
	margin:auto;
	overflow:hidden;
}


.social-icon { 
	background-image:url(/img/sprite.png);
	width:48px;
	height:48px;
	display:block;
	background-repeat:no-repeat;
	display:inline-block;
	margin:2px;
}

.social-icon:hover { 
	opacity:.90;
}

.poster-social .fb-like  {
	display:block;
	width:100px;
	margin:0px auto;
	margin-top:20px;
}

.poster-social .more {
	text-align:center;
	font-family:'Bebas';
	font-size:22px;
	display:block;
	color:#FFFFFF;
	text-shadow:-1px -1px 0 #1a1a1a;
	letter-spacing:2px;
}

.poster-social .more:hover {
	color:#F99;
}





/********************
	CREATE PAGE
********************************/
#customizenew {
	width:375px;
	height:auto;
    float:right;
	position:relative;
	padding:20px;
	padding-top:0px;
	background-color:#999999;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

#customize {
	width:375px;
	height:auto;
	/*float:right;*/
	margin-left: auto;
    margin-right: auto;
	position:relative;
	padding:20px;
	padding-top:0px;
	background-color:#999999;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

.customize-section {
	margin-bottom:5px;
	padding:10px;
	background-color:#EEE;
	border:1px solid #DDD;
	position:relative;
	margin-bottom:15px;
}
.customize-section-social {
	margin-bottom:0;
}
.customize-section.error {
	background-color:#ff8484;
	border:1px solid #F00;
}

.customize-section.has-toggle {
	background-image: url(/img/toggle_arrow.png);
	background-repeat:no-repeat;
	background-position: 345px 13px;
}

.customize-section.active {
	background-image:none;
}

.customize-section.has-toggle:hover {
	background-color:#DDD;
	border:1px solid #CCC;
	cursor:pointer;
}

.customize-section .toggle {
	display:none;
	overflow:hidden;
	margin-top:10px;
}

.customize-section.text {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.customize-section.text span {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
.customize-section.text ul li {
	margin-bottom:7px;
}

#customize h2 {
	customize:block;
	font-size:40px;
	margin-bottom:8px;
}

#customize h3 {
	display:block;
	font-size:25px;
}
.customize-section.active h3 {
	color:#FF3366;
}

.space { display:block; margin:25px 0;}

#create-btn {

}

#customize input:hover {
	color:#333333;
	cursor:pointer;
}

.color-list {
	overflow:hidden;
}


.color-list li {
	width:30px;
	height:30px;
	float:left;
	margin-right:3px;
	margin-top:3px;
	border:2px solid #1a1a1a;
	opacity:.65;
}

.color-list li:hover, .color-list li.selected {
	cursor:pointer;
	border-color:#1a1a1a;
	opacity:1;
}


#pozter {
	width:425px;
	height:425px;
	background-color:#9F6;
	position:relative;
	z-index:1!important;
	float:left;
}


#pozter.error {
	border:5px solid #F00;
}

#pozter-effect {
	width:425px;
	height:425px;
	background-image:url(/img/poster_shadow.png);
	z-index:2;
}

#pozter-pattern {
	width:425px;
	height:425px;
	z-index:2;
}

.pattern-picker {

}
.pattern-picker li{
	width:107px;
	height:50px;
	border:2px solid #333;
	float:left;
	margin:3px;
	background-color:#FC9;
}
.pattern-01 { background-image: url(/img/bgs/pattern_01.png); }
.pattern-02 { background-image: url(/img/bgs/pattern_02.png); }
.pattern-03 { background-image: url(/img/bgs/pattern_03.png); }
.pattern-04 { background-image: url(/img/bgs/pattern_04.png); }
.pattern-05 { background-image: url(/img/bgs/pattern_05.png); }
.pattern-06 { background-image: url(/img/bgs/pattern_06.png); }
.pattern-07 { background-image: url(/img/bgs/pattern_07.png); }
.pattern-08 { background-image: url(/img/bgs/pattern_08.png); }
.pattern-09 { background-image: url(/img/bgs/pattern_09.png); }
.pattern-10 { background-image: url(/img/bgs/pattern_10.png); }
.pattern-11 { background-image: url(/img/bgs/pattern_11.png); }
.pattern-12 { background-image: url(/img/bgs/pattern_12.png); }
.pattern-13 { background-image: url(/img/bgs/pattern_13.png); }
.pattern-14 { background-image: url(/img/bgs/pattern_14.png); }
.pattern-15 { background-image: url(/img/bgs/pattern_15.png); }
.pattern-16 { background-image: url(/img/bgs/pattern_16.png); }
.pattern-17 { background-image: url(/img/bgs/pattern_17.png); }
.pattern-18 { background-image: url(/img/bgs/pattern_18.png); }
.pattern-19 { background-image: url(/img/bgs/pattern_19.png); }
.pattern-20 { background-image: url(/img/bgs/pattern_20.png); }
.pattern-21 { background-image: url(/img/bgs/pattern_21.png); }
.pattern-22 { background-image: url(/img/bgs/pattern_22.png); }
.pattern-23 { background-image: url(/img/bgs/pattern_23.png); }
.pattern-24 { background-image: url(/img/bgs/pattern_24.png); }
.pattern-25 { background-image: url(/img/bgs/pattern_25.png); }
.pattern-26 { background-image: url(/img/bgs/pattern_26.png); }
.pattern-27 { background-image: url(/img/bgs/pattern_27.png); }
.pattern-28 { background-image: url(/img/bgs/pattern_28.png); }
.pattern-29 { background-image: url(/img/bgs/pattern_29.png); }
/*.pattern-30 { background-image: url(/img/bgs/pattern_30.png); }*/
.pattern-31 { background-image: url(/img/bgs/pattern_31.png); }
.pattern-32 { background-image: url(/img/bgs/pattern_32.png); }
.pattern-33 { background-image: url(/img/bgs/pattern_33.png); }
.pattern-34 { background-image: url(/img/bgs/pattern_34.png); }
.pattern-35 { background-image: url(/img/bgs/pattern_35.png); }
.pattern-36 { background-image: url(/img/bgs/pattern_36.png); }

#pozter-frame {
	width:425px;
	height:425px;
	background-image:url(/img/frame.png);
	z-index:3;
}

#pozter-logo {
	width:425px;
	height:60px;
	margin:0 auto;
	padding-top: 30px;
	background: no-repeat center bottom;
	z-index:1;
}


#pozter-category {
	padding:8px;
	margin-top:-5px;
	border:1px solid #333;
	position:absolute;
	top:10px;
	right:3px;
}
#pozter-category option {
	padding:7px;
}

#text {
	display:block;
	width:330px;
	margin:0 auto;
	height:350px;
	font-family:'Bebas';
	font-size:16pt; /*35*/
	font-size:16pt; /*25*/ 
	line-height:20pt; /*35*/
	text-align:center;
	border:0;
	resize:none;
	background:none;
	z-index:9999!important;
	overflow:hidden;
	padding-top:40px;
}

#pozter-list {
	width:250px;
	position:relative;
}

#pozter-list ul {
	display:none;
	position:absolute;
	z-index:999;
	top:55px;
}

#pozter-list ul li, #pozter-selected {
	width:250px;
	height:50px;
	border-radius: 2px;
	border: solid 1px #999;
	position: relative;
	cursor: pointer;
	background-color:#333;
	margin-bottom:1px;
	float:left;
}

#pozter-selected {
	background-color: rgb(238, 238, 238);
	position:relative;
}

#pozter-selected .arrow {
	width:13px;
	height:7px;
	position:absolute;
	right:5px;
	top:20px;
	background-image:url(/img/sprite.png);
}

#pozter-selected .arrow { background-position: -270px 150px; }
#pozter-selected.open .arrow { background-position: -240px 150px; }






#pozter-container {
	position:relative;
	display:block;
	width:930px;
	height:475px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;			
}
.slider {
	width:930px;
	height:475px;
	display:block;
	position: relative;
	overflow:hidden;
}

.slider-wrapper {
	position: relative;
	top: 0;
	left: -930px;
	width: 2790px;
	height:475px;
}

#pozter-container .slide {
	width:930px;
	height:475px;
}

.slider .slide {
	width:930px;
	height:475px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	background-color:#FFF;
}



.slider-arrow {
	width:40px;
	height:70px;
	position:absolute;
	top:50%;
	margin-top:-38px;
	background-image:url(/img/sprite.png);
	z-index:9999;
}


.slider-arrow.next { right:-50px; background-position: -80px -120px; }
.slider-arrow.next:hover, .slider-arrow.next.active { background-position: -120px -120px;}

.slider-arrow.back { left:-50px; background-position: -40px -120px; }
.slider-arrow.back:hover, .slider-arrow.back.active { background-position: 0 -120px; }


#pagination {
	float:right;
	font-size:25px;
	margin-top:-1px;
}

#pagination a {
	font-size:11px;
	display:inline-block;
	text-align:left;
	margin:0 2px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
	border:1px solid #E0E0E0;
}

#pagination a:hover, #pagination a.active {
	color:#FFF;
	border-color:#FF3333;
	background-color: #F66;
}

/********************
	SPRITES
********************************/
.nav-item.submit .icon { background-position: -270px -120px; }
.nav-item.popular .icon { background-position: -240px -120px; }
.nav-item.recent .icon { background-position: -210px -120px; }

.social-icon.facebook 	{ background-position:left top; }
.social-icon.twitter 	{ background-position:-50px top; }
.social-icon.tumblr 	{ background-position:-100px top; }
.social-icon.pinterest 	{ background-position:-150px top; }
.social-icon.download 	{ background-position:-200px top; }
.social-icon.open	 	{ background-position:-250px top; }

.social-icon.download-large { 
	width:130px;
	background-image:url(/img/download_btn_2.png);
}

#pozter .seriaperfecto { background-image:url(/img/seriaperfecto/logo.png); }
#pozter .medeprime { background-image:url(/img/medeprime/logo.png); }
#pozter .melasube { background-image:url(/img/melasube/logo.png); }
#pozter .unbajon { background-image:url(/img/unbajon/logo.png); }
#pozter .temienten { background-image:url(/img/temienten/logo.png); }
#pozter .tipico { background-image:url(/img/tipico/logo.png); }
#pozter .esley { background-image:url(/img/esley/logo.png); }
#pozter .meindigna { background-image:url(/img/meindigna/logo.png); }
#pozter .pozters { background-image:url(/img/pozters/logo.png); }
#pozter .dichos { background-image:url(/img/dichos/logo.png); }

.thumb-seriaperfecto { background-image: url(/img/seriaperfecto/thumb.png); }
.thumb-medeprime { background-image: url(/img/medeprime/thumb.png); }
.thumb-melasube { background-image: url(/img/melasube/thumb.png); }
.thumb-unbajon { background-image: url(/img/unbajon/thumb.png); }
.thumb-temienten { background-image: url(/img/temienten/thumb.png); }
.thumb-tipico { background-image: url(/img/tipico/thumb.png); }
.thumb-esley { background-image: url(/img/esley/thumb.png); }
.thumb-meindigna { background-image: url(/img/meindigna/thumb.png); }
.thumb-pozters { background-image: url(/img/pozters/thumb.png); }
.thumb-dichos { background-image: url(/img/dichos/thumb.png); }

#loading {
	width:50px;
	height:50px;
	padding:15px;
	background-color:rgba(0,0,0,.8);
	background-image:url(/img/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;	
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-40px;
	display:none;
	z-index:9999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#single-pozter {
	position:relative;
	width:425px;
	height:425px;
	/*float:left;*/
	margin-left: auto; /*New*/
    margin-right: auto;/*New*/
}

.edit-link {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	display:block;
	text-align:center;
	padding:20px 0;
	font-size:20px;
}

.edit-link:hover {
	color:#333;
}

#ad {
	position:absolute; 
	top:5px;
	left:5px;
	z-index:9998;
	width:300px;
	height:225px;
	background-image: url(/img/thumb_frame.png);
	background-color:#F00;	
	text-align:center;
}

#ad .adsbygoogle {
	margin:12px auto;
}

.topbar {
	display:block;
	margin:10px 0;
}


.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	padding:0 15px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
	cursor:pointer;
	margin: 0 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.btn:active {
	position:relative;
	top:1px;
}


.btn.pink {
	-moz-box-shadow:inset 0px 1px 0px 0px #f4cafc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f4cafc;
	box-shadow:inset 0px 1px 0px 0px #f4cafc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eea1fc), color-stop(1, #d441ee) );
	background:-moz-linear-gradient( center top, #eea1fc 5%, #d441ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eea1fc', endColorstr='#d441ee');
	background-color:#eea1fc;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	border:1px solid #dd5df4;
	text-shadow:1px 1px 0px #b63dcc;
}
.btn.pink:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d441ee), color-stop(1, #eea1fc) );
	background:-moz-linear-gradient( center top, #d441ee 5%, #eea1fc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d441ee', endColorstr='#eea1fc');
	background-color:#d441ee;
}.btn.pink:active {
	position:relative;
	top:1px;
}


/* ribbon style */

.ribbon {
	margin-top:25px;
	margin-bottom:15px;
	margin-left:-20px;
}
 .ribbon-wrapper {
	position: relative;
}
  .ribbon-front {
	background-color: #ccf;	height: 40px;
	width: 455px;
	position: relative;
	left:-20px;
	z-index: 2;
	line-height:40px;
	font-size:25px;
	text-align:center;
	text-shadow:1px 1px 0 rgba(255,255,255,.5)
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 40px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #99c transparent transparent;
}

  .ribbon-edge-topleft {
	top: -10px;
	border-width: 10px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 415px;
	border-color: transparent transparent transparent #99c;
}

  .ribbon-edge-topright {
	top: -10px;
	border-width: 10px 0 0 20px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 20px;
}

  .ribbon-back-left {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: -10px;
	right: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}


#captcha {
	padding:7px;
	border:1px solid #333;
	width:30px;
	margin-left:5px;
}