
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic);



/* #PAGE STYLES */

#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 999999;
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../imagenes/preload.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

html,body{
}

/* #Project
================================================== */

#project {
	position:relative;
	padding-top:150px;
	width: 100%;
	overflow-y:auto;
}
#owl-demo-project{
	position:relative;
	width: 100%;
}
#owl-demo-project img{
	width: 100%;
	height:auto;
	display:block;
}

#project h5{
	padding-top:30px;
	padding-bottom:20px;
	text-align:left;
}
#project h5 span{
	font-size: 14px;
	line-height:14px;
	font-family: 'Open Sans', sans-serif;
	border-bottom:1px solid rgba(60,60,60,.7);
	color:rgba(60,60,60,.7);
	vertical-align:text-top;
	text-transform:none;
	padding-bottom:4px;
}
#project p{
	text-align:left;
	color:#4d4d4d;
}
.subtext-project{
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	color:rgba(60,60,60,.7);
	font-size: 18px;
	line-height:26px;
	padding-bottom:25px;
	font-style: italic;
}
#project a p{
	text-align:left;
	padding-top:30px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
#project a p:hover{
	opacity:.6;
}
#project a p span{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
#project a p span:hover{
	border-bottom:1px solid #4d4d4d;
}



.video-wrap{
	width:100%;
}
iframe{
	width:100%;
}




