/**
 * This stylesheet was designed for ISA PDMU 
 * Released under MIT license
 * June 2016
 * gluisoleg@gmail.com
 */
@import url(https://fonts.googleapis.com/css?family=Dancing+Script:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);
@import url(https://fonts.googleapis.com/css?family=Rajdhani:400,300,500);
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:400,500,400italic,500italic,300italic,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,200);

*{	
	padding: 0;
	margin: 0;
	//border: 1px solid red;
}

body {	
	background: #c0c0c0;
}

/*Begin of header menu styles*/

header {
	//background: rgba(0, 11, 44,.8);
	background: rgba(47,79,79, 1);
	width: 100%;
}

.div-menu {
	width: 1200px;	
	margin: auto;
	//height: 44px;
}

.nav-menu {
	width: 900px;
	//background: rgba(0,0,0,0.6);
	margin: auto;
	//display: inline-block;
	height: 44px;
}

.nav-menu li {
	display: inline-block;
	text-align: center; 
	//position: relative;
	//margin: -9px;
	//height: 44px;
}

.lst-menu{
	padding-top: 10px;
	padding-bottom: 13px;
	display: inline-block;
}

.itm-menu {
	//background: rgba(0,0,0,0.8);
	//height: 44px;
	width: 110px;
	list-style-type: none;	
	margin: auto;
}

.itm-menu a:link{
	text-decoration: none;	
}

.itm-menu:hover .itm-menu-text{
	color: rgba(192, 192, 192, .9);
}

.itm-menu-text {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 
	font-size: 90%; 
	color: rgba(255, 255, 255, 1);
}

.menu-social {
	display: inline-block;
}

.menu-social li {
	display: inline-block;
}

.lst-social {
	padding-top: 1px;
	margin-bottom: -20px;
	//background: rgba(0,0,128,.9);	
}

.itm-social {
	margin-left: 5px;
	margin-left: 5px;
	//background: rgba(0,0,128,1);
	//height: 42px;
}
/*End of header menu styles*/

/*Begin of logo header container*/

.inst-msg {
	width: 100%;
	height: 100px;
	background: rgba(0, 11, 44, 1);
	//margin: auto;
}

.img-isa {
	width: 400px;
	padding-top: 10px;
	//background: rgba(0, 0, 0, .6);
	margin: auto;
}

.img-isa img{
	//margin: 50% 0 0 50%;
}

/* ISA Slideshow styles */

.sl-slider-wrapper {
	width: 100%;
	height: 520px;
	position: relative;
	overflow: hidden;
}

.sl-slider h2 {
	padding: 170px 0 0;
	margin: 0;
	position: relative;
	font-size: 3.0em; 
	line-height: normal;
	z-index: 100;
}

.sl-slider h2, .sl-slider h3{
	color: #fff;
}



.sl-slider h3 {
	margin-top: 0;
	position: relative;
	font-size:1.5em; /* Agregue esta propiedad 070514 */
	line-height: normal;
	z-index: 100;
}

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;	
	display: none;
}

.sl-slide-horizontal .sl-slide-inner {
  background: #000080;
}

.sl-slide-vertical .sl-slide-inner {
	/*background: #E67E22;*/
	//background:#191970; /* COLOR D Blue */
	//background: rgba(0,11,48,.6);
	//background: url("https://www.reprisemedia.com/wp-content/uploads/2014/12/iStock_000040936578Large-1920x1080.jpg");
	//background: url("https://canaljudicial.files.wordpress.com/2014/01/canacope.jpg");
	//background: url("http://blog.sixtyhotels.com/wp-content/uploads/2015/03/o-MEXICO-CITY-facebook.jpg");
	//background-position: center;
	//background: rgba(187,222,251,.6);
	background: rgba(80,80,80, .2);
	
}

.item3 .sl-slide-inner {
	/*background: #9B59B6;*/
	//background:#D4AF37;  /*COLOR Metallic gold */
	//background: rgba(192,192,192,1);
	//background: rgba(187,222,251,.8);
	background: rgba(80,80,80, .2);

}

.item4 .sl-slide-inner {
	/*background: #9B59B6;*/
	/*background:#A361A4;  /* COLOR MORADO */
	//background:rgba(51,102,119,.7); /*COLOR slate gray */
	//background: rgba(0, 11, 44,.5);
	//background: rgba(187,222,251,.4);
	background: rgba(80,80,80, .2);
}

div.container{
	//width: 80%; 
	//padding-bottom: 10px;
}

.gap{
	margin-bottom:40px
}

.gap2{
	margin-bottom:30px
}

.btn{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:0;
	background-image:none;
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}

.btn.btn-transparent{
	border:2px solid rgb(230,230,230);
	//background: rgb(0,0,110);//transparent;
	background: rgba(0, 11, 48,.8);
	color:rgb(255,255,255);
}

.btn.btn-transparent:hover{
	border-color:rgba(0, 11, 48, 1);
	color: rgba(192,192,192,1);
}

.nav-arrows{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -40px;
	height: 80px;
	display: block;
	z-index: 2000;
}

.navbar-default{
	//background: rgba(0,0,110,1);
}

.nav-arrows span {
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 80px;
	display: block;
	line-height: 80px;
	font-size: 48px;
	color: rgba(255,255,255,.3);
	text-align: center;
	cursor: pointer;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	-ms-transition: 600ms;
	transition: 600ms;
}

.nav-arrows span:hover {
	color: #fff;	
}

.nav-arrows span.nav-arrow-prev {
	left: 0;
}

.nav-arrows span.nav-arrow-next {
	right: 0;
}

.container h2{
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400; 
	color: rgba(0, 11, 48, 1);
	//color: white;
    //text-shadow: 1px 1px 2px black, 0 0 25px rgb(0,0,110), 0 0 5px darkblue;
}

.container h1{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300; 
	
}

.container h3{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300; 
	color: rgba(0, 11, 48, .7);
	//color: white;
    //text-shadow: 1px 1px 1px black, 0 0 10px rgb(0,0,110), 0 0 5px darkblue;
}

.container h4{
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300 italic; 
	font-size: 200%;
	//color: white;
    //text-shadow: 1px 1px 1px black, 0 0 10px blue, 0 0 5px darkblue;
}


.just{
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 	
	color: rgba(0, 11, 48, 1);
	text-align:justify;
	font-size:115%;
}

.text-item-ini{
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 	
	color: rgba(0, 11, 48, 1);
	text-align: center;
	font-size:98%;
}

.feature-title {
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400; 	
	color: rgba(0, 0, 130, 1);
	text-align: center;
	font-size:160%;
}

.text-item-ini:hover {
	color: rgba(0, 0, 170, 1);	
}

/* Welcome message container */

.message {
	padding-bottom: 10px;
}

.isa-figure {
	//background: rgba(220,230,240,.5);
	text-align: center;
}

.isa-figure img {
	height: 200px;
}

.center-img {
	padding-top: 10px;
	padding-bottom: 10px; 
}

/* Items container */
.feaures-on-items {
	//margin: auto;
}

.container-features {
	width: 90%;
	margin: auto;
	padding-top: 5px;
}

.lst-features {
	list-style-type: none;
	text-align: center;
}

.itm-feauture{
	display: inline-block;
}

.cont-content {
	//width: 25%;
}

.structure-content {
	width: 279px;
}

.structure-content-small {
	width: 160px;
	margin: 2px;
}

.feature-info {
	//width: 22%;
}

.feature-info img {
	width: 100%;
}

.text-feature {
	text-align: center;
}

.feature-info a:link{
	text-decoration: none;
}

.feature-info a:hover{
	color: #000;
	//font-size: 110%;
}

/* Middle divider */

.middle-divider {
	width: 100%;
	height: 400px;
	background: url("../images/mountains.jpg");
	background-position: center;
}

.ideario-message {
	//margin: auto;
}

.message-shadow {
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400; 
	font-size: 250%;
	padding: 8%;
	color: white;
    text-shadow: 10px 10px 20px black, 0 0 25px blue, 0 0 50px darkblue;
    text-align: center;
}

.low-message {
	font-family: 'Roboto', sans-serif;
	font-weight: 400; 
	font-size: 120%;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
    text-align: right;
    padding-right: 5%;
    padding-bottom: 2%;
}

/* Social end line */
.social-end {
	text-align: right;	
	padding-top: 5px;
	background-color: gray;
}

.social-end ul{
	margin-right: 3%;
	display: inline-block;
}

.itm-social-end {
	color: rgba(255, 255, 255, 1);
	display: inline-block;
}

/* Site map section*/

.site-map {
	background: rgba(80,80,100, .9);
	color: rgb(255, 255, 255);
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400; 
	//font-size: 120%;
	//display: inline-block;
	padding-bottom: 10px;
	padding-top: 10px;
}

.site-map-inf1 {	
	width: 25%;
	display: inline-block;
	text-align: center;
}

.site-map-inf2 {
	width: 25%;
	display: inline-block;
	text-align: center;
}

.site-map-inf3 {
	width: 25%;
	display: inline-block;
	text-align: center;
}

.site-map-inf4 {
	width: 24%;
	display: inline-block;
	text-align: center;
}

.itm-simple {
	list-style-type: none;
}

.itm-simple a{
	color: rgb(255,255,255);
}

.itm-simple a:link{
	text-decoration: none;
	//color: rgb(255,255,255);
}

.itm-simple a:hover{
	color: rgb(192,192,192);
}

/*Begin of footer*/

.isa-footer {
	//width: 100%;
	//height: 150px;
	background: rgba(60,60,90, .9);	
}

.info-footer {
	width: 39%;
	text-align: center;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 5px;
}

.info-contact {
	width: 30%;
	text-align: center;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 5px;
	//background: rgba(0, 0, 0, .6);
}

.info-rights {
	width: 30%;
	text-align: center;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 5px;
	//background: rgba(0, 0, 0, .5);
}

.info-contact article{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300; 
	font-size: 120%;
	color: rgba(255, 255, 255, 1);
}

.info-contact a:link{
	color: rgba(255, 255, 255, 1);
}
.info-rights article {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300; 
	font-size: 130%;
	color: rgba(255, 255, 255, 1);
}
address {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300; 
	font-size: 130%;
	color: rgba(255, 255, 255, 1);
}

/* Map secction */
.isa-map {
	width: 100%;
	height: 300px;
	background: rgba(150, 150, 150, .8);
}

.div-map iframe {
	width: 99.9%;
	height: 300px;
}

.art-map{
	background-color: gray;
}

/* Divider line */

.divider-title {	
	margin-top: 10px;
	width: 100%;
	height: 44px;	
	//background: rgba(135, 206, 250, .5);	
}

.divider-title-line {
	width: 40%;
	height: 44px;
	padding-top: 5px;
	//background: rgba(0, 11, 44, .1);
	margin: auto;	
}	

.title-div {
	//color: rgb(100, 100, 100);
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400; 	
	color: rgba(0, 0, 130, 1);
	font-size: 160%;
}

/* Current */

#current span{
	color: rgb(172,172,172);
}


/* Historia submenu section */

.sub-menu-isa {
	padding-top: 44px;
	background: rgba(192,192,192, .2);
}

.sub-menu-isa {
	//padding-top: 44px;
	background: rgba(192,192,192, .2);
}

.introducing {
	//background: rgba(192,192,192,.8);
}

.introducing-container {
	width: 100%;
	height: 520px;
	//text-align: center;
}

.txt-intro {
	text-align: center;
	//width: 50%;
}

.container50 {
	//margin: auto;
}

.txt-large h1{
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;  
	font-size: 220%;
}

.txt-medium {
	margin: auto;
	width: 55%;
}

.txt-medium h3{
	font-family: 'Droid Sans', sans-serif;
	//font-weight: 400; 
	font-size: 130%;
}

.img-intro {
	text-align: center;
}

.content-sub-menu {
	padding-top: 15px;
	text-align: center;
}

.itm-sub-menu {
	display: inline-block;	
}

.submenu-info img{
	width: 60%;
}

.text-submenu {
	text-align: center;
	margin: auto;
}

.submenu-title {
	font-size: 100%;
}

/* Divider title */

.single-divider {
	width: 100%;
	height: 44px;
	background: rgba(192,192,192, .2);
}

.title-divider-sinlge {
	//background: rgba(192,192,192, .2);
	//padding-top: 1px;
}

.title-divider-sinlge h2 {
	font-family: 'Satisfy', cursive; 
	font-size: 180%;
	text-align: center;
	padding-top: 10px;
}

/* Historia container */

.historia {
	background: rgba(242,196,90, .1);
}

.estrcuctura {
	background: rgba(119,136,153, .1);
}

.ideologia {
	background: rgba(135,206,250, .1);
}

.himno {
	background: rgba(154,205,50, .1);
}

.pentalogo {
	background: rgba(25,25,112, .1);
}

.historia-container {
	padding-bottom: 44px;
}

.historia-content {
	padding-top: 160px;
	padding-bottom: 160px;
	text-align: center;		
	background: url("../images/cantu.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.estrcuctura-content {
	padding-top: 160px;
	padding-bottom: 160px;
	text-align: center;		
	background: url("../images/struct.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.ideologia-content {
	padding-top: 160px;
	padding-bottom: 160px;
	text-align: center;		
	background: url("../images/flag2.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.himno-content {
	padding-top: 160px;
	padding-bottom: 160px;
	text-align: center;		
	background: url("../images/himno-mid.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.pentalogo-content {
	padding-top: 160px;
	padding-bottom: 160px;
	text-align: center;		
	background: url("../images/pentalogo.png");
	background-position: center right;
	background-repeat: no-repeat;
}

.historia-content-2 {
	//width: 90%;
	text-align: center;
	padding-top: 44px;
	margin: auto;
	//background: rgba(230,230,230, .5);
}

.historia-description {
	text-align: center;
}

.historia-text {
	width: 55%;
	display: inline-block;
}

.historia-text-2 {
	//width: 80%;
	display: inline-block;
}

.historia-title h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700; 
	font-size: 180%;
}

.historia-desc-txt {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 
	font-size: 120%;
}

.himno-desc-txt {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 
	font-size: 120%;
}

.historia-item{
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 
	font-size: 120%;
	list-style: none;
}

.historia-img {
	width: 30%;	
	display: inline-block;
}

.img-introduce {
	width: 100%;
	height: 450px;
	background: url("../images/entrada.jpg");
	background-position: right;
}

.hist-sec {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 
	color: rgb(255, 255, 255);
	font-size: 160%;
	padding-top: 10%;
	text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px black;
}


/* Admision section */

.convocatoria {
	width: 100%;
	height: 530px;
	background: url("../images/IsaDec16.jpg"); 
	background-position: center;
}

.conv-container {
	width: 90%;
	margin: auto;
}

.conv-message {
	text-align: left;
}

.conv-title {
	padding: 8%;
	color: rgb(255, 255, 255);
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300; 
	font-size: 500%;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.conv-text {	
	color: rgb(255, 255, 255);
	font-family: 'Lato', sans-serif;
	font-weight: 400; 
	font-size: 200%;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
	text-align: right;
}

.content-requisitos {
	width: 55%;
	margin: auto;
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 500; 
	font-size: 130%;
	padding-bottom: 10px;
}

.simple-items{
	list-style: none;
}


.text-req {	
	//text-align: center;
}

/* Ubicacion section */

.ubicacion {
	width: 100%;
	height: 530px;
	background: url("../images/pila.jpg"); 
	background-position: center;
}

.ubic-container {
	width: 90%;
	margin: auto;
}

.ubic-message {
	text-align: center;
	//width: 90%;
}

.ubic-title {
	padding: 8%;
	color: rgb(255, 255, 255);
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300; 
	font-size: 500%;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.ubic-text {	
	color: rgb(255, 255, 255);
	font-family: 'Lato', sans-serif;
	font-weight: 400; 
	font-size: 200%;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
	text-align: right;
}

.title-section-simple {
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300; 
	font-size: 200%;
}

.txt-container{
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300; 
	font-size: 150%;
	color: rgb(0,0,0);
}

.txt-address-simple {
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300; 
	font-size: 150%;
	color: rgb(0,0,0);
}

.itm-referencias {
	list-style: none;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 
	font-size: 120%;
}

/* Contacto section */

.container-form {
	width: 100%;
}

.ifr-formulario {
	width: 100%;
	height: 880px;
}

/* Egresados sction */

.img-backgroung{
	width: 100%;
	height: 520px;
	background: url("../images/comedor-pintura.jpg");
}

.txt-center {
	padding-top: 5%;
	margin: auto;
	width: 80%;
}

.ubic-text2 {	
	color: rgb(255, 255, 255);
	font-family: 'Lato', sans-serif;
	font-weight: 400; 
	font-size: 180%;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
	text-align: center;
}

.ubic-text3 {	
	color: rgb(0, 11, 48);
	font-family: 'Lato', sans-serif;
	font-weight: 400; 
	font-size: 150%;
	text-shadow: 1px 1px 1px white, 0 0 1px blue, 0 0 1px darkblue;
	text-align: center;
}

/* Servicios section*/

.img-test-back {
	width: 100%;
	height: 520px;
	background: url("../images/comedor-torneo.jpg");
	background-position: bottom;
	//background: rgba(0, 11, 48, .8);
}

.alternative-bar {
	display: none;
}

.tech-support {
	color: rgb(230, 230, 255);
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 
	font-size: 100%;
}

.support {
	background: rgba(0, 0, 0, .8);
}

.tech-support {
	margin: auto;
}


.tech-support a{
	color: rgb(192, 192, 192);
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400; 
	font-size: 100%;
}

/* This part is for create the responsive data container which means */

/* Portrait and Landscape iPhone*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

  	.inst-msg {
		width: 100%;
		height: 90px;
		background: rgba(0, 11, 44, 1);
	}

	.img-isa {
		width: 100%;
		text-align: center;		
	}

	.img-isa img{
		width: 315px;
		height: auto;
	}
	
	.isaheader{
		display: none;
	}

	.alternative-bar {
		display: inherit;
	}

  	.div-menu {
		width: 100%;	
		margin: auto;
	}

  	.nav-menu {
		width: 100%;
		height: 396px;
	}

	.nav-menu li {
		display: block;
		text-align: center; 
	}

	.lst-menu{
		padding-top: 10px;
		padding-bottom: 13px;
		display: block;
	}

	.itm-menu {
		height: 44px;
		list-style-type: none;	
		margin: auto;
	}

	.menu-social {
		display: block;
		text-align: center;
	}

	.menu-social li {
		display: inline-block;
	}

	.container img{
		width: 330px;
		height: auto;
	}

	.message-shadow {
		font-size: 200%;
	}

	.site-map-inf1 {	
		width: 100%;
		display: block;
		text-align: center;
	}

	.site-map-inf2 {
		display: none;
	}

	.site-map-inf3 {
		display: none;
	}

	.site-map-inf4 {
		display: none;
	}

	.info-footer {
		width: 100%;
	}

	.info-contact {
		width: 100%;
	}

	.info-rights {
		width: 100%;
		display: block;
	}

	.conv-title {
		font-size: 400%;
		text-align: center;
	}

	.conv-text {			
		font-size: 200%;		
	}

	.content-requisitos {
		width: 90%;
		font-size: 130%;
	}

	.divider-title-line {
		width: 100%;
	}

	.ubic-title {
		padding: 8%;
		font-size: 360%;		
	}

	.ubic-text {	
		font-size: 160%;
		text-align: center;
	}

	.txt-medium {
		width: 95%;
	}

	.img-intro img{
		width: 320px;
		height: auto;
		text-align: center;
	}

	.hist-sec {
		font-size: 140%;		
	}

	.sub-menu-isa {
		padding-top: 0;
	}

	.img-introduce {		
		height: 400px;
		background-position: center;		
	}

	.historia-img {
		display: none;
	}

	.historia-content {
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;		
		background: rgba(192,192,192,.1);		
	}

	.estrcuctura-content{
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;		
		background: rgba(192,192,192,.1);		
	}

	.ideologia-content{
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;		
		background: rgba(192,192,192,.1);		
	}

}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

  	.div-menu {
  		width: 768px;	
  		margin: auto;
  	}

  	.nav-menu {
  		width: 700px;
  		margin: auto;
  		height: 44px;
  	}

  	.itm-menu {
  		width: 84px;
  		list-style-type: none;	
  		margin: auto;
  	}

  	.container img{
		width: 500px;
		height: auto;
	}

	.sl-slider-wrapper {
		height: 450px;
	}

	.site-map-inf1 {	
		width: 100%;
		display: block;
		text-align: center;
	}

	.site-map-inf2 {
		display: none;
	}

	.site-map-inf3 {
		display: none;
	}

	.site-map-inf4 {
		display: none;
	}

	.info-footer {
		width: 100%;
	}

	.info-contact {
		width: 100%;
	}

	.info-rights {
		width: 100%;
		display: block;
	}

}