@font-face {
	font-family:'ralewayl';
	src: url('fonts/raleway-l.eot');
	src: local('☺'), url('fonts/raleway-l.woff') format('woff'), url('fonts/raleway-l.ttf') format('truetype'), url('fonts/raleway-l.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'ralewayb';
	src: url('fonts/raleway-sb.eot');
	src: local('☺'), url('fonts/raleway-sb.woff') format('woff'), url('fonts/raleway-sb.ttf') format('truetype'), url('fonts/raleway-sb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* GENERAL STYLES 1200px + */
* {margin:0; padding:0; border:0; outline:none;}
a {color:inherit; text-decoration:none;}
#main {width:100%; background:#fff; font-family:'Comic Sans MS',Arial,verdana,sans-serif,tahoma; font-size:21px;}
.container {width:100%; max-width:1280px; margin:0 auto;}
	.container header {padding:12px 0; background:#090909;}
		#logo {display:inline-block; margin-left:30px;}
		.social {display:inline-block; height:32px; width:auto; float:right; margin-right:30px;}
		.social a {display:inline-block; width:32px; height:32px; margin:0 2px; background-image:url('images/social.png');}
				a.fb {background-position:0 0;}
				a.gp {background-position:-32px 0;}
				a.yt {background-position:-64px 0;}
				a.tw {background-position:-96px 0;}
				a.fb:hover {background-position:0 -32px;}
				a.gp:hover {background-position:-32px -32px;}
				a.yt:hover {background-position:-64px -32px;}
				a.tw:hover {background-position:-96px -32px;}
	.container nav {width:100%; height:30px; padding:10px 0; background:#000; text-align:center;}
		nav.menu {list-style:none;}
			.menu li {display:inline-block; color:#fff; margin:0 15px; line-height:30px; vertical-align:middle;}

	.submain {width:100%; max-width:768px; margin:0 auto; margin-top:50px;}
		.submain h2 {font-family:'Comic Sans MS',Arial,verdana,sans-serif,tahoma; font-weight:bold; font-size:26px;}

		.content {width:100%; background:#efefef; padding-bottom:5px; border-radius:3px;}
			.head-content {background:#161616; padding:10px; border-radius:3px;}
			.head-content a {display:inline-block; color:white; text-decoration:underline; height:40px; padding-left:30px; line-height:40px; margin-right:10px;
							background:url('images/add.png') no-repeat 0 5px; float:right;}
			.form {height:40px; width:100%; max-width:480px; margin-left:10px; position:relative; border-radius:3px; overflow:hidden;}
				.form form input {width:80%; padding-left:5px; padding-right:10%; height:40px; background:#fff; line-height:40px; font-size:16px;}
				.form form button {position:absolute; top:0; right:0; width:60px; height:40px; background:url('images/bg-button.png') repeat-x; text-align:center;
									cursor:pointer;}
			.body-content {background-color:#efefef; padding:10px 2px;}
				.item {background-color:#fff; padding:3px 0px; height:30px; padding-left:40px; position:relative; line-height:30px; margin-top:6px;}
				.item span.number {display:inline-block; background:#000; width:36px; height:36px; position:absolute; left:0; top:0; text-align:center;
									font-family:'Comic Sans MS',Arial,verdana,sans-serif,tahoma; font-weight:bold; font-size:22px; color:white;}
				.item span.numbertop {background:#d00;}
				.vote {float:right; font-size:10px;}
				.vote a {display:inline-block; width:28px; height:28px; background-image:url('images/vote.png'); background-repeat:no-repeat; text-indent:-100000px;}
				.down {background-position:0 -28px;}
				.subitem {font-size:14px; text-align:right;}
				.body-content p {text-align:right; text-decoration:underline; font-size:18px;}

		footer {background-color:#161616; min-height:100px; margin-top:30px; padding:20px; text-align:center; color:#dfdfdf;
					display:flex;
  					justify-content:space-between;}
			.foot-logo, .foot-menu, .foot-social {display:inline-block; vertical-align:top; margin:0 50px;}
			.foot-menu ul {list-style:none;}
			.foot-menu ul li {display:inline-block; margin:0 10px;}

		.div {width:90%; height:1px; margin:15px auto; background-color:#bdbdbd;}

		#contact, #add, #poster {display:none; width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; z-index:99; font-family:'Comic Sans MS',Arial,verdana,sans-serif,tahoma;}
			.close {position:absolute; top:10px; right:10px; display:block; padding:10px 5px; background-color:#d00; border-radius:10px;
					font-family:'Comic Sans MS',Arial,verdana,sans-serif,tahoma; font-weight:bold; color:white;}
			.info {margin:0 auto; margin-top:10px; padding:10px 0; width:100%; max-width:768px; background:#fff;}
			.info .pname, .info .pfdesctitle {padding:2px 10px; background:black; color:white;}
			.info .pbanner {text-align:center; margin-top:5px;}
				.pbanner img {max-width:600px; max-height:120px; width:90%;}
			.info .pfcat {width:96%; margin:0 auto; text-align:right; border-top:2px solid #ddd; border-bottom:2px solid #ddd;}
			.info .pfcat2 {width:96%; margin:0 auto; border-bottom:2px solid #ddd;}
				.info .purl {text-decoration:underline;}
			.spanproc {margin:2px 8px;  vertical-align:middle;}
			.spanproc img {vertical-align:middle;}
		
		/* #add */
			.body-add {margin:0 auto; margin-top:10px; padding:10px 0; width:100%; max-width:768px; background:#ccc;}
			.body-add form {width:80%; margin:0 auto;}
			.text {width:90%; height:30px; line-height:30px; padding:5px 0 5px 10%; border-radius:3px;}
			.check {display:inline-block; margin:2px 8px;}
				.check input, .check img {vertical-align:middle;}
			.textarea {width:90%; padding:3px 5%; min-height:120px; border-radius:3px;}
			/* button contact us */
			.contw, .addw {float:right; padding:10px; background:#3628dc; border-radius:3px; margin-top:10px; color:white; cursor:pointer;}
			
			.obligatorio {font-weight:bold;}
			.opcional {font-size:14px; color:red;}
			
			.erroradd {background-color:#ffcbcb; box-shadow:0 0 3px red inset;}
		
		
		/* PANEL*/
		.panel {font-size:0px;}
		.panel-menu {display:inline-block; vertical-align:top; font-size:20px; width:200px; text-align:center; background:#333;}
		.panel-body {display:inline-block; vertical-align:top; font-size:20px; margin-left:-1px; border-left:1px solid #333;
					padding-left:20px; width:90%; max-width:768px;}
			
			.panel-menu ul {list-style:none;}
			.panel-menu li {display:inline-block; width:190px; color:white; text-align:left; padding:12px 0;
							border-bottom:1px solid #444;}
		.publi {width:100%;}
			.publi-head {background:#333; color:white; font-size:16px; font-family:'Arial',verdana,sans-serif,tahoma;
						border-radius:6px 6px 0 0; height:30px; line-height:30px; vertical-align:middle; padding:5px 0;}
			.publi-head span {display:inline-block;}
				.prow1 {width:25%;}
				.prow2 {width:35%;}
				.prow3 {width:10%;}
				.prow6 {width:60%;}
				.prow3 img {vertical-align:middle; width:20px; height:20px;}
			.publi-body {font-size:18px;}
			.publi-body p {padding:3px 0; border-bottom:1px solid #555;}
			.publi-body p:hover {background:#ccc;}
			.publi-body span {display:inline-block; color:black;}
			
		.aproved {display:block; margin:0 auto; margin-top:10px; width:150px; height:50px; line-height:50px; vertical-align:middle; text-align:center;
				color:white; border-radius:4px; background:#37f; cursor:pointer;}
		.link-button {margin:10px 0;}
		
		.parent-panel-button form {display:inline-block;}
		.panel-button {
			background:#3628dc;
			border-radius:3px;
			color:white;
			cursor:pointer;
			margin-top:10px;
			padding:10px;
		}
		
		.mini-form input {border:1px solid #222; border-radius:3px; padding:3px; height:25px; line-height:25px;}
		.mini-form input:last-child {width:300px;}
		.mini-letter {font-family:'Arial',verdana,sans-serif,tahoma; font-size:16px;}
		
		
		p.paginator {text-align:left; text-decoration:none;}
		p.paginator span a, p.paginator span.current {display:inline-block; padding:0 8px;}
		p.paginator span a {background:#aaa;}
		
@media(max-width:1199px) { /* tablet landscape & small monitor */

}
/* a little fix */
		@media (max-width:900px){ footer{display:block;} }

@media(max-width:768px) { /* tablets */
	
}
@media(max-width:480px) { /* mobile */

}