*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	direction:rtl;
	/*font-family:arial;*/
	font-family: 'Assistant', sans-serif;
}
body{
	background: #fff;	
}

.page h1,
.page h2{
    font-size:20px;
    float: right;
    width: 100%;
}
.page p{
    font-size:14px;
}

.page {
    float: none;
    display: table;
    background: #fff;
    margin: auto;
    max-width: 1000px;
    width: 100%;
    padding: 0 0 20px;
}
.page .header {
    padding: 93px 10px 15px 20px;
    width: 100%;
    float: left;
    text-align: center;
    background: url(images/logo.png) no-repeat center 27px;
    background-size: 50px;
}

.page .header .top_title{
	width:100%;
	float:right;
	font-size:20px;
	border-bottom:2px solid #1a80b6;
	padding:0 0 15px;
	margin:0 0 15px;
	font-weight:bold;
}
.page .header .top_title span{
	color:#1a80b6;
	width:100%;
	float:right;
}
.page .dates{
	font-size:17px;
}
.page .content {
    width: 100%;
    float: right;
    padding: 60px 3% 90px;
    background:#1a80b6;
    color: #fff;
    position: relative;
	overflow:hidden;
}
.page .content ul {
    width: 100%;
    float: right;
}
.page .content ul li {
    width: auto;
    display: inline;
    list-style-type: disc;
    font-size: 18px;
}
.page .footer {
    width: 100%;
    float: right;
    text-align: center;
    padding: 0 20px;
    font-weight: bold;
    line-height: 1.8;
}
.page .link{
	width:100%;
	float:right;
	font-size:18px;
	font-weight:bold;
	padding:40px 0;
}
.page .link a {
    color: #fff;
    background: #e76f21;
    padding: 15px 25px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 -30px 40px #d25707 inset;
}
.rotate_top {
    transform: rotate(-2deg);
    width: 105%;
    float: right;
    position: absolute;
    top: -30px;
    right: 0;
    z-index: 10;
    height: 50px;
    background: #fff;
}

.rotate_bottom{
    transform: rotate(-2deg);
    width: 105%;
    float: right;
    position: absolute;
    bottom: -30px;
    left: 0;
    z-index: 10;
    height: 50px;
    background: #fff;

}
.center{
	text-align:center	
}
.page .blue {
    color: #1a80b6;
}

.luz{
	width:100%;
	float:right;
	padding:0 20px 50px;
}
.line_luz {
    width: 100%;
    float: right;
    padding: 25px 0;
    border-bottom: 2px solid #1a80b6;
    font-size: 17px;
    line-height: 1.5;
}
.time_luz{
	width:100%;
	float:right;
    font-weight: bold;
}
.text_luz{
	width:100%;
	float:right;
}

.luz_page {
    float: left;
    padding: 10px 20px;
    background: #eadb13;
    border-radius: 5px;
    text-decoration: none;
    color: #1a80b6;
    font-weight: bold;
    margin: 20px 0;
}
.top_logos{
    width: 100%;
    float: right;
    padding: 0 10px 20px;
}
.top_logos img{
    width: 100%;
    max-width:500px;
}
.sub_logos{
    width: 100%;
    float: right;
    text-align: center;
}
.sub_logos img{
    margin: 10px 0 0;
    width: 48%;
}

.sub_logos .left{
    float: left;
}

.sub_logos .right{
    float: right;
}

.lecturers{
    float: right;
    max-width: 1000px;
    text-align: center;
}
.lecturer {
    width: 47%;
    padding: 5px;
    background: #f5f5f5;
    margin: 1%;
    text-align: center;
    height: 230px;
    float: none;
    display: inline-block;
}

.lecturer .img {
    float: right;
    width: 100%;
    text-align: center;
}

.lecturer .img img {
    width: 100%;
    margin: 0 0 5px;
}

.lecturer .info {
    float: left;
    width: 100%;
}

.lecturer .info span{
  font-size: 13px;
}

.lecturer .info h3{
  font-size: 15px;
  line-height: 15px;
  color: #3f3737;
}
.lecturer .info p{
  font-size: 13px;
  line-height: 13px;
  color: #3f3737;
}
@media screen and (min-width: 400px) { 
.lecturer {
    padding: 20px;
    height: 265px;
}
.lecturer .info h3{
  font-size: 18px;
  line-height: 18px;
}
.lecturer .img img {
    width: auto;
}
}
@media screen and (min-width: 700px) { 
  .lecturer {
      width: 30.3%;
  }
}

@media screen and (min-width: 800px) {
    .page .content ul li {
        font-size: 20px;
    }
    .page .header {
        padding: 20px 16% 20px 0;
        background: url(images/logo.png) no-repeat right 27px;
        background-size: auto;
    }
    .page {
        padding: 30px 0 30px;
    }
    .page h1,
    .page h2{
        font-size:28px;
    }
    .page p{
        font-size:15px;
    }
    .page .header .top_title {
        font-size: 34px;
    }	
    .page .dates{
    	font-size:25px;
    }
    .page .link {
        font-size: 20px;
    }
    .page .link a {
        padding: 20px 30px;
    }
    .time_luz{
    	width:15%;
    }
    .text_luz{
    	width:85%;
    }

} /*@media screen and (min-width: 800px)*/

@media screen and (min-width: 1024px){
    .sub_logos img{
        margin: 10px 0 0;
        width: 48%;
    }
	.lecturer {
		width: 22%;
	}
    /*.lecturer .img img {
        width: 100%;
    }*/
} /*@media screen and (min-width: 1024px)*/