*, *:after, *:before {
	margin: 0;
	border: 0;
	padding: 0;
	box-sizing: border-box;
}
body, html{
	font-family: 'Raleway', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background: #FFF;
	background: #faf8fe;
	color:#777;
	position: relative;
}
.container{
    width: 100%;
    margin: auto;
    padding: 1em;
}
.container_credits{
    width: 100%;
    /* margin: auto; */
    padding: .5em 1em;
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 480px) {
	.container {
		width: 90%;
		padding: 2.5em 1em;
	}
}
@media only screen and (min-width: 600px) {
	.container {
		width: 80%;
		padding: 2em 1em;
	}
}
/*.slider .container{
    padding: 0;
}*/

.font_titulos {
	font-size: 1.5em;
	text-align: center;
	color: #000;
	letter-spacing: 1px;
	word-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	/*margin-bottom: .1em;*/
}
main h1 {
	margin-top: .5em;
}
@media only screen and (min-width: 960px) {
	.font_titulos {
		font-size: 2.5em;
		letter-spacing: 2px;
		word-spacing: 3px;
	}
}
.hr_titulos {
	width: 4em;
	margin: .5em auto;
	margin-bottom: 2em;
	border: 1px solid #ff6700;
	/*margin-left: 0;*/
}
/*.clearfix:before, .clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {clear: both;}   
.clearfix {*zoom: 1;}
.clearfix {clear: both;}*/

a {text-decoration: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #ccc;
    margin: 2em 0;
    padding:0;
}
img, video, object, embed {
	max-width: 100%;
	display: block;
} 
p {
	font-size: 1em;
	margin: 1em 0;
}
ul, li {list-style: none} 

/* -------------- Desarrollo Sitio ------------ */
header {
	width: 100%;
	height: 55px;
	position: relative;
	z-index: 999;
	/*opacity: .5;*/
}
header h1{
	/*margin-top: 1em;
	transform: translateY(-.5em);*/
	 font-size: 1.2em; 
	 color: #ff6700;
	 border: 1px solid white;
}
header .container {
	width: 100%;
	height: 53px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #000;
	/*border-bottom: 2px solid #000;*/
	position: fixed;
	padding: 0 .5em 0 .5em;
	background: #fff;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(255,103,0,0.5);
	 box-shadow: 2px 2px 2px 0px rgba(255,103,0,1);
}

.banners {
	width: 100%;
	min-height: 220px;
	max-height: 300px;
}
.banners_proyectos {
	width: 100%;
	height: 300px;
}
.blockquote_saraharb {
	width: 100%;
	position: relative;
	padding: 1em;
	min-height: 250px;
	/*background-color: rgba(0,0,0, .9);*/
	color: #fff;
	margin-bottom: 2em;
	/* background: url(../img/background-photo.jpg); */
	background: url(../img/5.jpg);
  	background-position: center center;
  	background-repeat: no-repeat;
  	/*background-attachment: fixed;*/
  	background-size: cover;
  	background-color:#000;
}
.blockquote_autor {
	text-align: right;
	font-size: 1.2em;
	text-shadow: 1px 1px 5px #000;
}
.blockquote_text {
	display: block;
	width: 60%;
	font-size: .9em;
	margin-top: 2em;
}
.blockquote_link {
	background-color: #ff6700;
	border-radius: 5px;
	color: #fff;
	padding: .75em .5em;
	font-weight: 500;
	position: absolute;
	top: 70%;
	transform: translateY(-70%);
	right: 7%;
}
.blockquote_link:hover {
		padding: .8em .75em;
		background: rgba(0,0,0,.5);
		border: 1px solid #ff6700;
		border-radius: 5px;
		transition: .7s;
	}
	.blockquote_link:focus {
		padding: .8em .75em;
		background: rgba(0,0,0,.5);
		border: 1px solid #ff6700;
		border-radius: 5px;
		transition: .7s;
	}
@media only screen and (min-width: 480px) {
	.blockquote_link {
		right: 12%;
	}
}
@media only screen and (min-width: 768px) {
	.blockquote_quote {
		width: 100%;
		font-size: 2em;
	}
	.blockquote_autor {
		text-align: right;
		margin-top: .5em;
		margin-right: 1%;
		font-size: 2.5em;
	}
	.blockquote_text {
		display: block;
		width: 65%;
		font-size: 1.5em;
		margin-top: 2em;
	}
	.blockquote_link {
		padding: .75em 1.5em;
		font-size: 1.25em;
		top: 75%;
		transform: translateY(-75%);
		right: 15%;
	}
	.blockquote_link:hover {
		padding: 1em 1.75em;
		font-size: 1.25em;
		top: 75%;
		transform: translateY(-75%);
		right: 15%;
		background: rgba(0,0,0,.5);
		border: 1px solid #ff6700;
		border-radius: 5px;
		transition: .7s;
	}
	.blockquote_link:focus {
		padding: 1em 1.75em;
		font-size: 1.25em;
		top: 75%;
		transform: translateY(-75%);
		right: 15%;
		background: rgba(0,0,0,.5);
		border: 1px solid #ff6700;
		border-radius: 5px;
		transition: .7s;
	}
}

.filmes_section .container {
	display: flex;
	justify-content: space-between;
	display:  none;
}
.filmes_mejores{
	width: 60%;
}
/*.filmes_mejores h2::before{
	content:"OJO: ";
	color: #d15;
}
.filmes_mejores h2::after{
	content: url(../img/logo-lagranilusion.jpg);
}*/

.filmes_mejores_info {
	display: flex;
	margin-bottom: 2em;
}
.filmes_mejores_info img {
	width: 65%;
	height: 250px;
}
.filmes_mejores_info div {
	width: 35%;
	height: 250px;
	padding: 0 .5em;
	margin: 0;
	background-color: #fff;
	border: 1px solid #eee;
}
.filmes_mejores_links {
	border: 1px solid #ff6700;
	/*border-radius: .5em;*/
	background-color: #ff6700;
	color: #fff;
	padding: .1em .5em;
	/*letter-spacing: .1em;*/
	font-size: .9em;
}
.filmes_mejores_txt {
	width: 100%;
	height: 170px;
}
.filmes_section article:first-of-type {
	margin-top: 1em;
}
.filmes_section article:last-of-type {
	margin-bottom: 1em;
}
.filmes_section h2{
	/*display: none;*/
	text-align: left;
}
.filmes_section hr{
	/*display: none;*/
	margin-left: 0;
}
.filmes_section figcaption {
	font-size: .8em;
	margin-bottom: 1.5em;
}
/*.filmes_link {
	display: inline-block;
	margin: .5em 0;
}*/
.flags {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 1%;
	width: 65px;
	height: 16px;
	/*margin: .1em .2em;*/
	font-size: .9em;
}
.flags_item {
	display: inline-block;
	font-size: .9em;	
}
.flags_txt {
	vertical-align: text-bottom;
}
.icon-menu {
	/*position: absolute;
	top: .9em;
	left: 93%;
	transform: translateX(-93%);
	font-size: 2em;*/
	display: block;
	width: 25px;
	height: 30px;
	line-height: 35px;
	font-size: 1.5em;
	text-align: center;
	color: #ff7700;
	/*margin-left: auto;*/
	/*margin-right: 4%;*/
	cursor: pointer;
	/*position: relative;*/
	margin-top: 1em;
	transform: translateY(-.5em);
}
.lgi_txt {   /* lgi_txt    clase para ocultar texto en versión mobile de ser necesario */
	display: none;   
}
@media only screen and (min-width:768px) {
	.lgi_txt {
		display: block;
	}
}
.logo_granilusion {
	width: 155px;
	height: 40px;
	margin: 0;
}
.logo {
	flex-basis: 15%;
}
.menu_nav {
	position: absolute;
	width: 50%;
	top: 55px;
	left: -100%;
	/*right: -100%; */ /*Lo mismo que el width*/
	transition: .7s;
}
.menu_view {
	left: 0;
}
.menu__item {
	border-bottom: 1px solid #fff;
}
.menu__item:last-child {
	border: none;
}
.menu__link {
	display: flex;
	justify-content: space-between;
	font-size: .85em;
	height: 100%;
	padding: 1.5em;
	/* background: #fba919; */
	/* border: 1px solid #ff6700; */
	border-radius:  5px;
	text-decoration: none;
	text-align: center;
	color: #ff6700;
	/* background: rgba(0,0,0, .9); */
	background: rgba(255,103,0,0.8);
	color:  #fff;
}
.menu__link:hover {
	/* background: rgba(0,0,0,1);
	color: #ff7700; */
	color: #fff;
	border-bottom: #fff;
	text-decoration: underline;
}
/* .menu__link:focus {
	background: rgba(0,0,0,1);
	color: #ff7700;
} */
.navigator {
	display: flex;
	align-items: center;
	flex-basis:  50%;
}
.navigator h2 {
	margin-left: .5em;
	font-size: 1em;
	color: #fff;
	font-family: 'Raleway';
}
@media only screen and (min-width: 768px){
	.menu_nav {
		position: static;
		width: auto;
	}
	.menu_main {
		display: flex;
	}
	.menu__item {
		border-bottom: none;
	}
	/*.menu_main li:first-child::before {
		content: "*";
		color: blue;
	}
	.menu_main li::before {
		content: "//";
		color: blue;
	}*/
	.menu__link {
		font-size: 1em;
		padding: .25em .75em;
		margin-right: .75em;
	}
	.menu__link:hover {
		color: #ff6700;
		box-shadow: 2px 2px 1px 0px rgba(255,103,0, 0.5);
		color:  #fff;
	}
	/* .menu__link:focus {
		color: #ff6700;
	} */
	/* .menu__link::after {
		content: "//";
		margin: 0 1em;
	} */
	.navigator {
		display: none;
	}
}
.next_prev {
	position: absolute;
	top: 80%;
	transform: translateY(-80%);
	width: 80px;
	height: 20px;
	border: 1px solid red;
}
.slider {
	width: 100%;
	position: relative;
	margin-bottom: .2em;
}
.slider_text {
	position: absolute;
	display: inline-block;
	width: 35%;
	top: 0;
	margin-top: 5%;
	/*left: 90%;*/
	right: 0;
	margin-right: 8%;
	/*margin-right: 2em;*/
	/*transform: translate(-90%,-20%);*/
	min-width: 150px;
	min-height: 190px;
	color: #fff;
	line-height: 1.3em;
	background: rgba(0,0,0, 0.7);
	padding: 0 .7em;

}
.slider_titulo{
	font-size: 1.4em;
	padding: .2em 0;
	color: #fff;
}
.slider_txt {
	font-size: .9em;
	margin: 1em 0;
}
.slider_link {
	border: 1px solid #ff6700;
	border-radius: .5em;
	background-color: #fff;
	color: #000;
	padding: .25em .5em;
	letter-spacing: .1em;
	font-size: .9em;
}
#titulo_empresa {
	display: none;
}
.reciente {
	margin-bottom: 3em;
}
.recientes_info {
	width: 100%;
}
.recientes_content {
	padding: 0 .25em;
}
.recientes_content h3 {
	color: #ff6700;
	margin-top: .5em;
}
.recientes_info {
	width: 100%;
	display: block;
	margin: 1em 0;
	padding: 0 0 1em 0;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #fff;
	/*background-color: red;*/
	/*background-color: red;*/
	/*background: #faf8fe;*/
}
.recientes_info img {
	/*border-radius: 5px 5px 0 0;*/
	width: 100%;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
}
.recientes_links {
	border: 1px solid #ff6700;
	/*border-radius: .5em;*/
	background-color: #ff6700;
	color: #fff;
	padding: .1em .5em;
	/*letter-spacing: .1em;*/
	font-size: .9em;
}
@media only screen and (min-width: 768px) {
	.reciente .container_flex{
		display: flex;
		justify-content: space-between;
	}
	.recientes_info {
		width: 32%;
		display: block;
		margin: 0;
	}
}

.proyecto {
	margin-bottom: 3em;
}
.proyectos_info {
	width: 100%;
}
.proyectos_content {
	padding: 0 .25em;
}
.proyectos_content h3 {
	color: #ff6700;
	margin-top: .5em;
}
.proyectos_info {
	width: 100%;
	display: block;
	margin: 1em 0;
	padding: 0 0 1em 0;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #fff;
	/*background-color: red;*/
	/*background-color: red;*/
	/*background: #faf8fe;*/
}
.proyectos_info img {
	/*border-radius: 5px 5px 0 0;*/
	width: 100%;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
}
.proyectos_links {
	border: 1px solid #ff6700;
	/*border-radius: .5em;*/
	background-color: #ff6700;
	color: #fff;
	padding: .1em .5em;
	/*letter-spacing: .1em;*/
	font-size: .9em;
}
@media only screen and (min-width: 768px) {
	.proyecto .container_flex{
		display: flex;
		justify-content: space-between;
	}
	.proyectos_info {
		width: 32%;
		display: block;
		margin: 0;
	}
}

.sponsors {
	margin-bottom: 3em;
}
#sponsor_sep {
	margin-top: -1em;
	margin-bottom: 2em;
}
.sponsors h4 {
	text-align: center;
}
.sponsors_logos {
	width: 100%;
	display:  flex;
	flex-wrap: wrap;
	justify-content: center;
} 
.sponsors_items {
	margin:  0 1em;
}
.sponsors_items img{
	/* display: inline-block; */
	width: 100%;
}
/* @media only screen and (min-width: 480px) {
	.sponsors_logos {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: .5em .5em;
	}
	.sponsors_items {
		width: 35%;
		margin: 1.5em 1.5em;
	}
}
@media only screen and (min-width: 768px) {
	.sponsors_items {
		width: 25%;
		margin: 2em 1.5em;
	}
} */
/* @media only screen and (min-width: 1024px) {
	.sponsors_items {
		width: 15%;
		margin: .5em .25em;
	} */
	/*.sponsors_items {
		width: 40%;
	}*/
	/* .sponsors_items img {
		max-width: 100%; */
		/*border: .15em solid red;
		border-radius: .5em;*/
		/* margin: 1em .2em; */
	/*}
}*/
.trailers {
	width: 35%;
}
.trailers h3 {
	text-align: left;
}
.trailers_videos {
	width: 100%;
	min-height: 250px;
	display: block;
	margin-bottom: 2em;
	border: 1px solid #000;
	border-radius: 5px;

	/* Manual Youtube codigonexo*/
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px;  /* IE6 Wprkaround */
	height: 0;
	overflow: hidden;
}
.trailers_videos iframe, 
.trailers_videos object,
.trailers_videos embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contact_form{
	display:  flex;
	flex-direction: row;
	justify-content: space-around; 
	align-items: center;
	padding: 1em;
} 
.formBox{
  width: 100%;
  padding: 1.5em 1.5em;
  box-sizing: border-box;
  height: auto;
  border:  1px solid #ff6700;
  border-radius: 3px;
}
@media screen and (min-width: 960px){
	.formBox{
	  width: 90%;
	  padding: 3em 5em;
	  box-sizing: border-box;
	  height: auto;
	  border:  1px solid #ff6700;
	  border-radius: 3px;
	  /* background:  rgba(0,0,0,0.5); */
	}
}
@media screen and (min-width: 1280px){
	.formBox{
	  width: 70%;
	  padding: 3em 7em;
	  box-sizing: border-box;
	  height: auto;
	  border:  1px solid #ff6700;
	  border-radius: 3px;
	  /* background:  rgba(0,0,0,0.5); */
	}
}
.formBox p{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #ff6700;
  }
.formBox input, textarea{
	width: 100%;
	margin-top: .25em;
	margin-bottom: 2em;
	border-bottom: 2px solid #777;
	padding: .25em .25em;
	background: #fff;
	color: #777;
  }
 @media screen and (min-width: 1024px){
 	.formBox input, textarea{
		padding: .75em .25em;
	}
}
 .formBox textarea{
	padding-bottom: 3em;
	margin-bottom: 3em;
	resize: none;
	font-size:  1em;
  }
 .formBox button {
  	width: 50%;
  	border-radius: 2px;
  	height:  auto;
  	padding:  1em;
  	background:  #ff6700;
  	color: #fff;
  	font-weight: bold;
  	text-transform: uppercase;
  	word-spacing: .5em;
  	margin-left:  50%;
  	transform: translateX(-50%);
  }
.formBox button:hover, button:focus {
 	cursor: pointer;
 	text-decoration: underline;
 }
.formBox input:focus, textarea:focus { 
    background-color: #fff;
    border:  none;
    outline: 0;
    border-bottom: 2px solid #777;
}
::-webkit-input-placeholder { 
	color:#777;
	opacity: .3; 
} /* Chrome/Opera/Safari */
::-moz-placeholder { 
	color:#777; 
	opacity: .3;
}/* Firefox 19+ */
:-moz-placeholder { 
	color:#777; 
	opacity: .3;
}/* Firefox 18- */
:-ms-input-placeholder { 
	color:#777; 
	opacity: .3;
} /* IE 10+ */

  .formBox input[type="submit"]{
	border: none;
	outline: none;
	height: 40px;
	color: #fff;
	background: #262626;
	cursor: pointer;
  }
  .formBox input[type="submit"]:hover{
	background-color: #a6af13;
  }

.videosproyectos_videos{
	display:  flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around; 
	padding: 1em;
} 

.videosproyectos_youtube {
	flex-basis: 45%;
	justify-content: center; 
	align-items: center;
	width: 100%;
	min-height: 300px;
	/* margin: 2em; */
	border: 1px solid #000;
	border-radius: 5px;
}
.videosproyectos_youtube iframe {
	width: 100%;
	height: 100%;
}
.videosproyectos_content{
	flex-basis: 35%;
	justify-content: center; 
} 
.videosproyectos_content p{
	margin-bottom: 1.5em;
	letter-spacing: 0.025em;
} 
.videosproyectos_content strong{
	color: #ff6700;
} 
.videosproyectos_links{
	align-self: flex-end;
	border: 1px solid #ff6700;
	/*border-radius: .5em;*/
	background-color: #ff6700;
	color: #fff;
	padding: .1em .5em;
	/*letter-spacing: .1em;*/
	font-size: .9em;
}

footer {
	width: 100%;
	background: url(../img/background-photo.jpg);
  	background-position: center center;
  	background-repeat: no-repeat;
  	/*background-attachment: fixed;*/
  	background-size: cover;
	background-color: #000;
}
footer h3 {
	font-family: 'Raleway';
	margin-bottom: 1em;
}
.footer_items {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.footer_items_info {
	margin: 1.5em;
	width: 70%;
	text-align: center;
	color: #fff;
}
.footer_items_info h3{
	color: #ff6700;
	font-size: 1.5em;
	text-shadow: 1px 1px 5px #000;
	
}
.footer_items_info a{
	margin: 0 .25em;
	/*border: 2px solid green;*/
	text-align: center;
	text-shadow: 1px 1px 5px #000;
	font-size: 2em;
	color: #bbb;
	border-radius: 5px;
}
/*.footer_items_info [class^="icon-"]{
	display: inline-block;
	color: #000;
	color: #ff6700;
	font-size: 2em;
	padding: 10px;
	background: #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}*/
@media only screen and (min-width: 480px) {
	.footer_items_info {
		width: 70%;
		margin: 0 auto;
		margin-top: 2em;
	}
}
@media only screen and (min-width: 768px) {
	.footer_items_info {
		width: 40%;
	}
}
@media only screen and (min-width: 1024px) {
	.footer_items_info {
		width: 20%;
	}
	.footer_items_info a{
		font-size: 2.5em;
	}
}
.copyright {
	font-size: 1em;
	letter-spacing: .25em;
	text-align: center;
	color: #fff;
	margin-top: 2em;
}
#ingeweb {
	background-color: #ddd;
	color: #000;
}
#logo_ingeweb {
	display: inline-block;
	margin:  0 auto;
	vertical-align: middle;
	margin: 0 .5em;
}
#ingeweb h3 {
	font-size: .65em;
	text-align: center;
}
#credits {
	color: #000;
}