/*
Theme Name: Amazonia Films v2 - 2015
Author: José L. Viéitez
Author URI: http://jlvdesign.blogspot.com
Version: 1.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/copyleft/gpl.html
Theme URI: http://jlvdesign.blogspot.com
Description: Tema Wordpress desarrollado para el sitio web de Amazonia Films ©2014
*/

@import url(http://fonts.googleapis.com/css?family=Lato);

@font-face {
    font-family: 'Maridavid';
    src: url('static/fonts/MARIyDAVID.ttf');
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1px;
}

@font-face {
    font-family: 'Maridavidb';
    src: url('static/fonts/MARIyDAVID_BOLD.ttf');
    font-weight: normal;
    font-style: normal;
    letter-spacing: 2px;
}

@font-face {
    font-family: 'Maridavid2b';
    src: url('static/fonts/MARIyDAVID_EXTRABOLD.ttf');
    font-weight: normal;
    font-style: normal;
}


* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(static/images/bg.png);
	font-family: 'Lato';
}

	#wrap {
		width: 100%;
	}

		#content {
			margin: 0 auto;
			width: 1000px;
		}

			#content > .inner {
				float: left;
				width: 100%;
				background-image: url(static/images/bg-inner.png);
			}

				header {
					float: left;
					width: 1000px;
					border-bottom: 3px solid #fff;
				}

					header .wrapper {
						display: inline-block;
						width: 820px;
					}

						header .wrapper .social {
							display: inline-block;
							margin: 50px 0 0 0;
							width: 100%;
							text-align: right;
						}

							header .wrapper .social a {
								display: inline-block;
								margin: 0 15px;
							}

								header .wrapper .social a img {
									display: block;
									width: 42px;
									height: auto;
									opacity: .6;
									-o-transition: .3s;
									-ms-transition: .3s;
									-moz-transition: .3s;
									-webkit-transition: .3s;
									transition: .3s;
								}

								header .wrapper .social a img:hover {
									opacity: 1;
								}

						header .wrapper nav {
							display: inline-block;
							margin: 20px 0 0 0;
							width: 100%;
							text-align: right;
						}

							nav .menu-principal-container {
								display: inline-block;
								margin: 20px 0 0 15px;
							}

								ul#menu-principal {
									display: block;
									list-style: none;
								}

									ul#menu-principal li {
										margin: 0 15px 0 0;
										float: left;
										list-style: none;
									}

										ul#menu-principal li a {
											padding: 2px;
											color: #fff;
											font-family: 'Maridavid';
											font-size: 1.5em;
											text-decoration: none;
											letter-spacing: 2px;
											-o-transition: .3s;
											-ms-transition: .3s;
											-moz-transition: .3s;
											-webkit-transition: .3s;
											transition: .3s;
										}

										ul#menu-principal li a:hover {
											border-bottom: 3px solid #fff;
										}

					header .logo {
						margin: 50px 15px 15px 15px;
						float: left;
						width: 150px;
					}

				section {
					float: left;
					width: 1000px;
				}

					section .inner {
						margin: 0;
						padding: 15px 0;
						float: left;
						width: 1000px;
					}

						section .inner .slider,
						section .inner .distributions,
						section .inner .general-info {
							padding: 0 15px;
							float: left;
							width: 970px;
						}

						section .inner .slider {
							margin: 0 15px;
							padding: 0;
							overflow: hidden;
						}

							section	.inner .slider .huge_it_slideshow_dots_container_1 {
								display: none;
							}

						section .inner .distributions {
							margin: 15px 0;
						}

							section .inner .distributions .lastest-movies {
								float: left;
								width: 100%;
							}

								section .inner .distributions .lastest-movies .inner {
									margin: 0;
									padding: 0;
									width: 100%;
									display: block;
									/*display: flex;
									flex-direction: row;
									justify-content: space-between;
									align-items: stretch;*/
								}

									section .inner .distributions .lastest-movies .inner .movie {
										display: inline-block;
										vertical-align: top;
										margin-left: 10px;
										width: 150px;
										height: 350px;
										background: rgba(250,220,0,.4);
										-o-transition: .3s;
										-ms-transition: .3s;
										-moz-transition: .3s;
										-webkit-transition: .3s;
										transition: .3s;
									}

									section .inner .distributions .lastest-movies .inner .movie:first-child {
										margin-left: 0;
									}

									section .inner .distributions .lastest-movies .inner .movie:hover {
										background: rgba(250,220,0,.6);
									}

										section .inner .distributions .lastest-movies .inner .movie .inner-movie {
											width: 150px;
											overflow: hidden;
										}

											section .inner .distributions .lastest-movies .inner .movie img {
												display: block;
												width: 150px;
												height: 250px;
											}

											section .inner .distributions .lastest-movies .inner .movie a {
												display: flex;
												text-decoration: none;
												text-align: center;
												flex-direction: column;
											}

											section .inner .distributions .lastest-movies .inner .movie a h4 {
												margin: 10px 5px 0;
												color: #fff;
											}

											section .inner .distributions .lastest-movies .inner .movie a span {
												display: block;
												margin: 5px 5px 10px 5px;
												color: #fff;
												font-size: .8em;
												text-decoration: none;
											}

						section .inner .general-info {
							display: block;
							border-top: 3px solid #fff;
						}

							section .inner .general-info .lastest-news {
								display: inline-block;
								vertical-align: top;
								margin: 15px 10px 0 0;
								width: 320px;
							}

								section .inner .general-info .inner {
									display: block;
									padding: 0;
									width: 100%;
								}
									section .inner .general-info .lastest-news .inner .post {
										margin-bottom: 15px;
										width: 320px;
										background: rgba(235,170,0,.4);
									}

										section .inner .general-info .lastest-news .inner .post a {
											position: relative;
											display: block;
											color: #fff;
											font-size: 1em;
											font-weight: 700;
											text-decoration: none;
										}

											section .inner .general-info .lastest-news .inner .post a img {
												display: block;
												width: 100%;
												height: auto;
											}

											section .inner .general-info .lastest-news .inner .post a span {
												position: absolute;
												top: 0;
												padding: 5px;
												color: #fff;
												font-size: .9em;
												background: rgba(235,170,0,.6);
											}

											section .inner .general-info .lastest-news .inner .post a h4 {
												padding: 15px 15px 15px;
												font-size: 1em;
												background: rgba(235,170,0,.4);
												-o-transition: .3s;
												-ms-transition: .3s;
												-moz-transition: .3s;
												-webkit-transition: .3s;
												transition: .3s;
											}

											section .inner .general-info .lastest-news .inner .post:hover > a h4 {
												background: rgba(235,170,0,.6);
											}

							section	.inner .general-info .billboard {
								display: inline-block;
								vertical-align: top;
								margin: 15px 10px 0 0;
								width: 320px;
							}

								section	.inner .general-info .billboard span.billboardtitle {
									display: block;
									margin-bottom: 15px;
									padding: 5px 10px;
									color: #fff;
									background: rgba(235,170,0,.6);
									font-size: 1.2em;
									font-weight: 700;
								}

									section	.inner .general-info .billboard .post {
										display: inline-block;
										margin: 0 0 15px 0;
									}

										section	.inner .general-info .billboard .post a {
											display: block;
										}

											section	.inner .general-info .billboard .post a img {
												float: left;
												width: 150px;
												height: auto;
											}

											section	.inner .general-info .billboard .post a .info {
												margin-left: 10px;
												float: left;
												width: 160px;
												color: #fff;
											}

												section	.inner .general-info .billboard .post a .info span {
													font-size: .7em;
												}

												section	.inner .general-info .billboard .post a .info h4 {
													font-size: 1.3em;
												}


							section .inner .general-info .social {
								display: inline-block;
								margin: 15px 0 0 0;
								/*float: left;*/
								width: 300px;
							}

				footer {
					float: left;
					width: 1000px;
					border-top: 3px solid #fff;
				}

					footer .inner {
						padding: 15px 0;
						float: left;
						width: 1000px;
					}

						footer .inner .minci img,
						footer .inner .juventud img {
							display: block;
						}

						footer .inner .minci {
							margin: 0 0 0 15px;
							float: left;
						}

						footer .inner .juventud {
							margin: 0 15px 0 0;
							float: right;
						}

						footer .inner .juventud img {
							width: auto;
							height: auto;
						}

						footer .inner .info {
							padding: 15px 100px 0;
							float: left;
							width: 800px;
						}

						footer .inner .info span {
							float: left;
							width: 800px;
							color: #fff;
							font-size: .8em;
							text-align: center;
						}

/* CATEGORY STYLES */

.inner h1 {
	display: block;
	margin: 0 15px;
}

.inner .entry {
	display: block;
	margin: 0 15px;
	width: 970px;
	/*flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: stretch;*/
	text-align: justify;
}

.inner .pag {
	display: inline-block;
	margin: 0 15px;
}

.inner h1 {
	margin-bottom: 50px;
	color: #fff;
	border-bottom: 1px solid rgba(230,170,0,.4);;
	font-family: 'Maridavid';
	font-size: 2em;
	letter-spacing: 2px;
}

	.inner .entry .article {
		position: relative;
		display: inline-block;
		width: 240px;
		height: 410px;
		background: rgba(235,170,0,.4);
		text-align: left;
		-o-transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		transition: .3s;
	}

	.inner .entry .article:hover {
		background: rgba(235,170,0,.6);
	}

		.inner .entry .article .inner {
			margin: 10px;
			padding: 0;
			float: left;
			width: 220px;
		}

			.inner .entry .article .date {
				position: absolute;
				top: 10px;
				left: 10px;
				padding: 2px 5px;
				color: #fff;
				font-size: .9em;
				background: rgba(0,0,0,.8);
			}

			.inner .entry .article a {
				float: left;
				width: 100%;
				color: #fff;
				text-decoration: none;
			}

				.inner .entry .article a img {
					display: block;
					width: 220px;
					height: auto;
				}

				.inner .entry .article a h2 {
					margin: 10px 0 0 0;
					color: #fff;
					font-size: 1.2em;
				}

				.inner .entry .article .excerpt {
					margin: 10px 0 0 0;
					float: left;
					color: #fff;
					font-size: .8em;
				}

	.inner .pag .page-numbers {
		margin: 50px 1px 0 0;
		padding: 5px 15px;
		float: left;
		color: #A50F1C;
		background: rgba(250,250,250,.8);
		text-decoration: none;
	}

	.inner .pag .current {
		background: rgba(250,250,250,1);
	}

/* SINGLE STYLES */

.inner aside,
.inner article {
	margin-bottom: 50px;
	float: left;
}

.inner aside {
	margin-left: 15px;
	width: 240px;
}

	.inner aside .tags {
		display: block;
		margin: 10px 0 0 0;
	}

		.inner aside .tags a {
			margin: 0 1px 0 0;
			padding: 3px 5px;
			float: left;
			color: rgba(250, 250, 250, .6);
			background: rgba(235,170,0,.4);
			text-decoration: none;
		}

	.inner aside .poster {
		display: block;
	}

		.inner aside .poster img {
			display: block;
			width: 240px;
			height: auto;
		}

	.inner aside .premier,
	.inner aside .trailer,
	.inner aside .gallery {
		display: block;
		margin: 0 0 15px 0;
		width: 240px;
	}

		.inner aside .premier span {
			display: block;
			padding: 5px;
			width: 230px;
			color: #fff;
			background: rgba(30,30,30,1);
			font-size: 1.2em;
			font-weight: 700;
			text-align: center;
		}

		.inner article .content p {
			margin: 15px 0 0 0;
		}

		.inner aside .gallery a {
			padding: 10px;
			float: left;
			background: rgba(230,170,0,.4);
			-o-transition: .3s;
			-ms-transition: .3s;
			-moz-transition: .3s;
			-webkit-transition: .3s;
			transition: .3s;
		}

		.inner aside .gallery a:hover {
			background: rgba(30,30,30,1);
		}

			.inner aside .gallery .wrapimg {
				display: block;
			}

				.inner aside .gallery a img {
					display: block;
					width: 100px;
					height: 100px;
				}

		.inner article .content .synopsis,
		.inner article .content .direction,
		.inner article .content .cast,
		.inner article .content .technique {
			display: block;
			margin: 0 0 25px 0;
		}

.inner article {
	margin-left: 15px;
	margin-right: 15px;
	width: 715px;
}

	.inner article h1,
	.inner article h2 {
		font-family: 'Lato';
		line-height: 1.1;
	}

	.inner aside h1 {}

	.inner article h1 {
		margin: 0 0 20px;
		width: 100%;
		color: rgba(230,170,0,1);
		font-size: 1.4em;
		letter-spacing: 1px;
	}

	.inner aside h2 {
		display: block;
		padding: 5px;
		color: #fff;
		background: rgba(230,170,0,.4);
		font-size: 1em;
	}

	.inner article h2 {
		display: block;
		padding: 5px;
		color: #fff;
		background: rgba(230,170,0,.4);
		font-size: 1em;
	}

	.inner article .content {
		color: #fff;
	}

		.inner article .content img {
			display: block;
		}

		.inner article .content .aligncenter {
			display: block;
			margin: 0 auto 10px;
		}

		.inner article .content .alignright {
			margin: 0 0 0 10px;
			float: right;
		}

		.inner article .content .alignleft {
			margin: 0 10px 0 0;
			float: left;
		}
		
		.inner article .content .wp-caption {
			display: block;
			padding: 5px 2px;
			color: #fff;
			background: rgba(230,170,0,.4);
		}
		
		.inner article .content .wp-caption-text {
			display: block;
			padding: 5px 2px;
			color: #fff;
			background: rgba(230,170,0,.8);
		}

		.inner article .content .sticky {}

		.inner article .content .gallery {
			margin: 10px 0 0 0;
			float: left;
			width: 100%;
		}

		.inner article .content .gallery-item {
			position: relative;
			margin: 10px 10px 0 0;
			float: left;
		}

		.inner article .content .gallery-caption {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			font-size: .7em;
		}

		.inner article .content .bypostauthor {}

/* PAGES STYLES */

.inner section > .content {
	margin: 0 15px;
	color: #fff;
}

/* PAGE TEMPLATE AMAZONIA */

.inner section > .content .us {
	margin: 0 30px 50px;
	text-align: left;
}

	.inner section > .content .us span {
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.4em;
	}

	.inner section > .content .us p {
		text-align: justify;
	}

.inner section > .content .filosophy {
	margin: 0 0 50px 0;
	float: left;
	width: 100%;
	background: rgba(235,170,0,.4);
}

	.inner section > .content .filosophy .mission, 
	.inner section > .content .filosophy .vision, 
	.inner section > .content .filosophy .values {
		margin: 0 1px;
		padding: 30px 9px;
		float: left;
		width: 300px;
		text-align: center;
	}

		.inner section > .content .filosophy .mission span, 
		.inner section > .content .filosophy .vision span, 
		.inner section > .content .filosophy .values span {
			display: block;
			margin: 0 0 10px 0;
			font-size: 1.4em;
		}

		.inner section > .content .filosophy .mission p, 
		.inner section > .content .filosophy .vision p, 
		.inner section > .content .filosophy .values p {
			text-align: left;
		}

.inner section > .content .contact {
	margin: 0 0 50px 0;
	float: left;
	width: 100%;
}

	.inner section > .content .contact .map {
		margin: 0 15px 0 0;
		float: left;
		width: 600px;
	}

	.inner section > .content .contact .info {
		margin: 0;
		float: left;
		width: 355px;
	}

		.inner section > .content .contact .info span {
			display: block;
			margin: 0 0 10px 0;
			font-size: 1.4em;
		}

		.inner section > .content .contact .info p {
			margin: 0;
		}