* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	}
	
	
body {
    font-family: 'Oswald', sans-serif;
	font-weight: normal;
    margin: 0;
    padding: 0;
	/*background: url(../images/splatter.jpg) no-repeat top center fixed;
	background-size: cover;*/
}

h1 {color: #FF6347;text-align: center;	text-shadow: 0 -2px 7px #BBBBBB;}
h2 {text-align: center; margin: 40px auto 60px; color:#9900CC; font-size: 1.8em;}

a, a:visited {color: #9900CC;}
a:hover {color: #8c19b2;}

img {max-width: 100%;}

.clearfix {clear: both;}



/* -------------------------- */
/* -------- Estilos --------- */
/* -------------------------- */

section#portafolio {margin: 0 auto; width: 80%;}
#logo {margin: 40px auto 0; width: 100%; text-align: center;}
.logo {width: 210px; margin: 30px auto;}

.menu {
	text-align: center; 
	margin: 20px auto; 
	width: 100%; 
	font-weight: bold;
	/*border-top: 1px solid #0067A2;
	border-bottom: 1px solid #CCC;*/
	}

.menu ul {padding: 0; margin: 0;}	

.menu li {
	list-style: none; 
	display: inline-block; 
	margin-right: 5px;
	padding: 10px 0;}
	
.menu li:after {content: '|'; display: block; float: right; padding-left: 7px;}
.menu li:last-child:after {display: none;}

a.bases {
	width: 100%;
    text-align: center;
    font-size: 24px;
    padding: 0px 0 40px;
    display: block;
}

iframe.videos_yt {width: 100%; height: 520px; background: #222; margin-bottom: 20px;}


/* -------------------------- */
/* -------- Mosaico --------- */
/* -------------------------- */


	.mosaicflow__column {
		float:left;
		}

	.mosaicflow__item {
		position:relative;
		}
		.mosaicflow__item img {
			display:block;
			width:100%;
			max-width:500px;
			height:auto;
			}
		.mosaicflow__item p {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			margin:0;
			padding:5px;
			background:rgba(255,255,255,1);
			color:#222;
			font-size:14px;
			opacity:0;
			-webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
			   -moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
				 -o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
					transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
			}
		.mosaicflow__item:hover p {
			opacity:1;
			}
	


/* ------------------------------- */
/* ------------------------------- */
/* Pie / Compartir Redes Secciones */
/* ------------------------------- */
/* ------------------------------- */

#pie {    
	text-align: center;
    margin: 40px auto;
    /*border-top: 1px #CCCCCC solid;*/
    padding-top: 40px;
}

.redes_pie_seccion {margin-top: 20px;}
.redes_pie_seccion a {
	width: 40px; 
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	}

.redes_pie_seccion a.fbook {background: #777 url(http://entecultura.com.ar/images/fb_w.png) no-repeat center; background-size: 20%;}
.redes_pie_seccion a.fbook:hover {background: /*--*/ #9900CC   url(http://entecultura.com.ar/images/fb_w.png) no-repeat center; background-size: 20%;}

.redes_pie_seccion a.twitt {background: #777 url(http://entecultura.com.ar/images/tw_w.png) no-repeat center; background-size: 40%;}
.redes_pie_seccion a.twitt:hover {background: /*--*/ #9900CC   url(http://entecultura.com.ar/images/tw_w.png) no-repeat center; background-size: 40%;}

.redes_compar {text-align:center; margin: 15px auto;}
.redes-fb {display: inline-block; width: auto;}
.redes-tw {display: inline-block; padding-top: 1.6px; margin-left:0px; width: auto;}
	
	
@media screen and (max-width: 770px)  {
	
	.logo {width: 50%; margin: 30px auto;}


}


@media screen and (max-width: 480px) {
	
	.logo {width: 90%; margin: 30px auto;}
	section#portafolio {width: 100%;}


}