/*
Theme Name: Estilos
Theme URI: http://www.ada-systems.net/
Description: Designed by www.Ada-Systems.net
Version: 3 Columnas Liquidas
Author: Ada-Systems.
*/



/***********************
*	     Cuerpo        *
***********************/
section{
	position: relative;
	margin: 150px auto 0px auto;
	padding-bottom: 60px;
  width: 100%;
	min-height: 1000px;
	overflow:auto;
	}

  #new, #film, #photo, #blog, #instagram{
		margin: 100px 0px 150px 0px;
		padding: 0px;
		background: linear-gradient(75deg, #333 15%, #222 40%, #111);
    width: 100%;
    height: 500px;
  }

	#new li, #film li, #photo li, #instagram li{
		list-style: none;
		border-bottom: 5px solid #2aa088;
	}

	#new li.titulo, #film li.titulo, #photo li.titulo, #blog li.titulo, #instagram li.titulo, #new .title{
		position: relative;
		padding: 0px;
		margin: 0px;
		top:-75px;
		text-align: left;
		font-size: 5rem;
		font-weight: bold;
		width: 100%;
		color:#333;
		border: none;
	}
		#film li.titulo a, #photo li.titulo a, #blog li.titulo a, #instagram li.titulo a, #new .title a{
			color:#333;
		}

		#film li.video, #photo li.photo, #instagram li.carrusel{
			margin-top: -90px;
			padding: 0px;
			display: inline-block;
			height: 100%;
			overflow: hidden;
			width: 20%;
		}
			#instagram li.carrusel{width: 25%;}

				#film li.video a, #photo li.photo a,  #instagram li.carrusel a{
				 color:#fff;
				}

				#film li.video img, #photo li.photo img,  #instagram li img{
					margin-bottom: -30px;
					height: 100%;
					filter: blur(1px) grayscale(100%);
				}
				#film li.video:hover img, #photo li.photo:hover img,  #instagram li:hover img{
					margin-bottom: -30px;
					filter: blur(0px) grayscale(0%);
					transform: 1s;
				}

				#film li.video div.tit, #photo li.photo div.tit,  #instagram li div.tit{
					position: relative;
					padding: 10px;
					top:-130px;
					text-align: center;
					width: calc(100% - 20px);
					font-size: 1.3rem;
					font-size: 2vw;
					background: rgba(22,22,22,0.5);
				}

				ul#blog{
					border-bottom: 5px solid #2aa088;
					height: 550px;
				}

				#blog li.post{
					margin-top: -90px;
					padding: 0px;
					list-style: none;
					display: inline-block;
					height: 100%;
					text-align:center;
				}

				#blog h2 {
					padding:  10px 10px 20px 10px;
				}

				#blog h2 a{color: #fff;}