/*template css*/



/*media queries



	escritorio normal

	@media (max-width: 1199px) {

			...

	}



	tablet

	@media (max-width: 991px) {

		...

	}



	celular

	@media (max-width: 767px) {

		...

	}

*/





/*importando tipografías*/

@font-face {

    font-family: 'Edwardian';

    src: url('../fonts/edwardian-script-itc-webfont.eot');

    src: url('../fonts/edwardian-script-itc-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/edwardian-script-itc-webfont.woff2') format('woff2'),

         url('../fonts/edwardian-script-itc-webfont.woff') format('woff'),

         url('../fonts/edwardian-script-itc-webfont.ttf') format('truetype'),

         url('../fonts/edwardian-script-itc-webfont.svg#edwardian_script_itcregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Chunkfive';

    src: url('../fonts/chunkfive-webfont.eot');

    src: url('../fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/chunkfive-webfont.woff2') format('woff2'),

         url('../fonts/chunkfive-webfont.woff') format('woff'),

         url('../fonts/chunkfive-webfont.ttf') format('truetype'),

         url('../fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Lato-Italic';

    src: url('../fonts/lato-italic-webfont.eot');

    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/lato-italic-webfont.woff2') format('woff2'),

         url('../fonts/lato-italic-webfont.woff') format('woff'),

         url('../fonts/lato-italic-webfont.ttf') format('truetype'),

         url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');

    font-weight: normal;

    font-style: italic;



}

@font-face {

    font-family: 'Lato-BoldItalic';

    src: url('../fonts/lato-bolditalic-webfont.eot');

    src: url('../fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),

         url('../fonts/lato-bolditalic-webfont.woff') format('woff'),

         url('../fonts/lato-bolditalic-webfont.ttf') format('truetype'),

         url('../fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');

    font-weight: bold;

    font-style: italic;



}

@font-face {

    font-family: 'Lato-Bold';

    src: url('../fonts/lato-bold-webfont.eot');

    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/lato-bold-webfont.woff2') format('woff2'),

         url('../fonts/lato-bold-webfont.woff') format('woff'),

         url('../fonts/lato-bold-webfont.ttf') format('truetype'),

         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'Lato-Regular';

    src: url('../fonts/lato-regular-webfont.eot');

    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/lato-regular-webfont.woff2') format('woff2'),

         url('../fonts/lato-regular-webfont.woff') format('woff'),

         url('../fonts/lato-regular-webfont.ttf') format('truetype'),

         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

  font-family: 'MyriadPro-Regular';

  src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('MyriadPro-Regular.otf')  format('opentype'),

	     url('MyriadPro-Regular.woff') format('woff'), url('MyriadPro-Regular.ttf')  format('truetype'), url('MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}




@font-face {

    font-family: 'Avenir';

    src: url('../fonts/Avenir.ttc');  

/*
    font-weight: bold;

    font-style: italic;
*/
}




@font-face {

    font-family: 'Avenir-black';

    src: url('../fonts/Avenir_95_Black.ttf');  


    font-weight: bold;

    font-style: italic;

}




@font-face {

    font-family: 'Avenir-Light';

    src: url('../fonts/Avenir-Light.otf');  
    

     font-style: normal;

    font-style: italic;

}



@font-face {

    font-family: 'Avenir-medium';

    src: url('../fonts/Avenir_65_Medium.ttf');  
    

     font-style: normal;

    font-style: italic;



}


.cabecera_movil 
{border-bottom: 2px solid #d1cdcd;
padding-top: 5px;}

/*boton menu movil*/

.menu_movil_boton #boton_menu > span.glyphicon { color: black!important;}

.selloMobile a, .selloMobile a:hover, a:visited {
    /*color: #fff!important;*/
}

.selloMobile a span, .selloMobile a:hover span {
    color: #ffffff!important;
}

.footer .menu > li > a {
	margin: 0;
	/*
	background: #fff;
	*/
    padding: 0 7px;
    font-weight: bold !important;
}

.categories  .title a {color: #51a2d3 !important}


/*css general*/


/*plugin discapacitado*/

#fr_screenreader_play{display: none !important;}
#fr_screenreader_pause{display: none !important;}
#fr_screenreader_stop{display: none !important;}
#volume_plugin{display: none !important;}

/*transparencia*/

.item-237{

padding: 16px;

font-weight: bold;

background-color: rgb(13, 66, 78);

border: 1px solid rgb(0, 0, 0);

text-shadow: 1px 1px 2px rgb(0, 0, 0);

}


/*nueva cabecera mobil*/

.nmain{background-color: white;}
.nmain .fa {
  	float: right;
      font-size: 25px;

}
  
i.fa-sort-desc {font-size: 20px;}

.nmain ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      background: #e3e3e3;
      position: relative;
      padding: 9px;
  	margin-top: 28px;
}

.nmain ul li {
      display: inline-block;
      border: #fff solid 1px;
}

 .nmain ul li a {
      color: #fff;
      text-decoration: none;
      padding: 15px;
      display: block;
}

.nmain ul li:hover {
      background: #12307c;

}

 .nmain ul ul {
      position: absolute;
      min-width: 200px;
      background: lightgrey;
      display: none;
}

 .nmain ul ul li {
      display: block;
      background: #2051cd;
          border: #fff solid 1px;
}

 .nmain ul li:hover ul {
      display: block;
}

 .nmain ul li i {
      color: #fff;
      float: right;
      padding-left: 20px;
}

  
  .nmain nav
  {
    margin-top: -31px;
    margin-bottom: 8px;
  }
  
.nmain nav div {
      background: #20439d;
      color: #292929;
      font-size: 24px;
      padding: 0.6em;
      cursor: pointer;
      display: none;
}

@media(max-width: 768px) {
     .nmain nav div {
            display: block;
      }

     .nmain ul {
            display: none;
            position: static;
            background: #20439d;
      }

    .nmain  ul li {
            display: block;
      }

    .nmain  ul ul {
            position: static;
            background: #20439d;
      }
}

/*
.inputstl { 
    padding: 9px; 
    border: solid 1px #4B718B; 
    outline: 0; 
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #CDDBE4), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #CDDBE4 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 

    } 
    
.menucls {
  background-color: #69899f;
  border-color: #425766;
}
.menucls .navbar-brand {
  color: #d7e2e9;
}
.menucls .navbar-brand:hover, .menucls .navbar-brand:focus {
  color: #e5dbdb;
}
.menucls .navbar-text {
  color: #d7e2e9;
}
.menucls .navbar-nav > li > a {
  color: #d7e2e9;
}
.menucls .navbar-nav > li > a:hover, .menucls .navbar-nav > li > a:focus {
  color: #e5dbdb;
}
.menucls .navbar-nav > li > .dropdown-menu {
  background-color: #69899f;
}
.menucls .navbar-nav > li > .dropdown-menu > li > a {
  color: #d7e2e9;
}
.menucls .navbar-nav > li > .dropdown-menu > li > a:hover,
.menucls .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #e5dbdb;
  background-color: #425766;
}
.menucls .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #69899f;
}
.menucls .navbar-nav > .active > a, .menucls .navbar-nav > .active > a:hover, .menucls .navbar-nav > .active > a:focus {
  color: #e5dbdb;
  background-color: #425766;
}
.menucls .navbar-nav > .open > a, .menucls .navbar-nav > .open > a:hover, .menucls .navbar-nav > .open > a:focus {
  color: #e5dbdb;
  background-color: #425766;
}
.menucls .navbar-toggle {
  border-color: #425766;
}
.menucls .navbar-toggle:hover, .menucls .navbar-toggle:focus {
  background-color: #425766;
}
.menucls .navbar-toggle .icon-bar {
  background-color: #d7e2e9;
}
.menucls .navbar-collapse,
.menucls .navbar-form {
  border-color: #d7e2e9;
}
.menucls .navbar-link {
  color: #d7e2e9;
}
.menucls .navbar-link:hover {
  color: #e5dbdb;
}

@media (max-width: 767px) {
  .menucls .navbar-nav .open .dropdown-menu > li > a {
    color: #d7e2e9;
  }
  .menucls .navbar-nav .open .dropdown-menu > li > a:hover, .menucls .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e5dbdb;
  }
  .menucls .navbar-nav .open .dropdown-menu > .active > a, .menucls .navbar-nav .open .dropdown-menu > .active > a:hover, .menucls .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #e5dbdb;
    background-color: #425766;
  }
}

*/
/*extra code*/


.footer3 
{
	background-color:#15224e;


} 
.footer3 .container {	background-color:#15224e;}

.footer3 div.row{background-color: #15224e; color: white;
}

/*
.cabecera > .row {background-image: url(/templates/plantilla_institucional_nortic/images/fondo2.png)}
*/

.header-top{

/*
    background-image: url(/templates/plantilla_institucional_nortic/images/fondo2.png)!important;
 */
 	background-color: white;   
    background-position: inherit;
    padding: 5px 0px;
    background-size: cover;
        padding-bottom: 15px;

}

.contenido > div.container, .pre_footer div.container{

	background: white;

}





.pre_footer {	
	background: white;
	margin-top: -30px; 
	/*background: #1A6772!important; */
	padding-top: 0px !important;

padding-bottom: 0px !important;}

.bansaip{
    margin-top: -22px;

}


.contenido {  padding-top: 0px!important;     background: #fff!important; }

.estsaipmip h3{    margin-top: 4px;}


.cabeceraHolder { margin-top: -25px; }

.encst img
{
    padding-left: 17px;
    padding-top: 13px;
}


.hencust img {
    margin-bottom: 10px;
    margin-top: -2px;
}
.footer {

    padding-top: 0px !important;     padding-bottom: 0px !important;



}


/*boton subir*/


/**/

body{

	font-family: 'Avenir-Light'!important;
	/*
	font-family: 'Avenir'!important;
*/
	margin:0 auto; 

	padding:0;

	color:#353535;

	background: #FFF;

    background: url('/templates/plantilla_institucional_nortic/images/bg.jpg'); 

    overflow-x: hidden;


}



a:focus, *:focus{ outline:none; _noFocusLine: expression(this.hideFocus=true); text-decoration: none; }

.nav > li > a:hover,

.nav > li > a:focus {

  text-decoration: none;

  background-color:transparent;

}

.clr1{

	display: table;

	height: 30px;

}

.clr2{

	display: table;

	height: 20px;

}

.clr3{

	display: table;

	height: 50px;

}

.clr4{

	display: table;

	height: 10px;

}

a:visited{

	text-decoration: underline;

}

/*cabecera*/

.cabeceraHolder{

	width: 100%;

	height: auto;

/*
	border-bottom: solid #C9C9C9 3px;
	*/

}

.cabecera{

	height: 100px;
/*
	margin-top: 25px;
	*/
	margin-bottom: 25px;

}



/*identidad país*/

.repDom{

	background: url(../images/repDom.png) no-repeat left;

	padding-left: 30px;

	font-size: 28px;

	color: #000;

	float: right;

	font-family: "Edwardian";
	text-shadow: 1px 2px 1px #fff;

}

@media (max-width: 992px) {


	.A3TMIP,#selloNortic  {margin-left: -8px!important;}

	.repDom{

		font-size: 27px;

	}

}

@media (max-width: 767px) {

	.repDom{

		float: left;

		font-size: 25.3px;

	}

	.cabecera{

		height: auto;

		margin:0;

		padding-top: 15px;

		padding-bottom: 15px;

	}

}

/*buscador*/




.buscador{

	float: right;

	margin-top: 4px;

}

	.buscador *{

		margin: 0;

	}

	.buscador input[type="text"],

	.buscador button.button{

		float: right;

	}

	.buscador input[type="text"],

	form#searchForm input[type="text"]{

		width: 194px;

		height: 28px;

		line-height: 28px;

		border-style: solid;

		border-width: 3px;

		padding:0 8px;

		font-size: 14px;

		color: #000;
/*
		font-style: italic;
*/
	}

	form#searchForm label{

		display: inline-block;

	}

	form#searchForm .ordering-box{

		position: relative;

		top: 8px;

	}

	@media (max-width: 992px) {

		.buscador input[type="text"]{

			width:188px;

		}

	}

	.buscador button.button,

	form#searchForm button{

		height: 28px;

		width: 28px;

		font-size: 16px;

		color: #fff;

		border: 0;

		margin:0;

		padding:0 3px 0 0;

	}

	form#searchForm input[type="text"]{

		width: 100%;

		margin-top: 0;



	}

	form#searchForm input[type="text"],

	form#searchForm button{

		float: left;

	}

	form#searchForm button{

		width: 100%;

	}

	form#searchForm .campoBuscador{

		padding-right: 0;

	}

	form#searchForm fieldset label{

		margin-left: 20px;

		font-weight: normal;

	}

	form#searchForm h3{

		font-family: "Lato-Regular";

		font-size: 16px;

		line-height: 22px;

		font-weight: bold;

		margin-top: 0;

		margin-bottom: 0;

	}

	form#searchForm .searchintro{

		margin-top: 5px;

	}

	form#searchForm .searchintro > p > strong{

		font-weight: normal;

	}

	.search-results .resultadoBusqueda{

		border-top:solid #C9C9C9 1px;

		padding-top: 5px;

		padding-bottom: 5px;

	}

	.search-results .resultadoBusqueda:first-child{

		border-top: 0;

	}

	.search-results .resultadoBusqueda:nth-child(even){

		background: #F0F0F0;

	}

	@media (max-width: 767px) {



		.pre_footer .rai .contactFormRaiHolder { display: none;}

		form#searchForm .campoBuscador{

			padding-right: 15px;

		}

		.mobileSearch button{

			display: none;

		}

		.buscador.mobileSearch{

			width: 100%;

			margin-bottom: -30px;

		}

		.buscador.mobileSearch input[type="text"]{

			width: 100%;
			color: gray;
font-size: 20px;
font-style: italic !important;


		}

		form#searchForm label{

		display: block;

		}

		form#searchForm .ordering-box{

			position: relative;

			top: 0;

			margin-bottom: 15px;

		}

		form#searchForm div.pull-left{

			float:none;

			clear: both;

		}

	}

/*menú de navegación facil*/

.menu-navegacion-facil{

	float: right;

	margin-top: 10px;

}

	.menu-navegacion-facil .menu > li{

		list-style: none;

		display: inline-block;



	}

	.menu-navegacion-facil .menu > li,

	.menu-navegacion-facil .menu > li a{

		height: 15px;

		line-height: 15px;

		color: #333;

	}

	.menu-navegacion-facil .menu > li{

		border-right: solid #2D2D2D 1px;

	}

/*cambio a2*/
.footer .container .col-sm-4 {margin-top: 14px;}

.pre_footer .container.moduletable {margin-top: 10px;}

#custom1h3{
	margin-bottom: 7px;
    margin-top: 8px;
}

.rastro_navegacion {
    
    margin-top: 10px;
    
}



	.menu-navegacion-facil .menu > li a{

		margin:0;

		padding:0 12px;
		

	}

	.menu-navegacion-facil .menu > li a:hover{

		background: none;

	
	font-weight: bold;

	}

	@media (max-width: 992px) {



		.enlaces2{padding-left: 69px;}

.enlaces3{padding-left: 110px;}





		.menu-navegacion-facil .menu > li a{

			padding:0 9px;

		}

	}

	.menu-navegacion-facil .menu > li:last-child{

		border: 0;

	}

	.menu-navegacion-facil .menu > li:last-child a{

		padding-right: 0;

	}

/*Menu principal*/

.menu-principal{

	/*width: 100%;

	height:56px;

	border-bottom: solid #C9C9C9 3px;*/

}

.item-237 {margin-top: 11px!important;}

/* menu principal */
.buscador button.button, 
.menu-principal .menu > li, 
.menu-principal .menu > li > ul, 
.est-noticias .carousel-indicators > li.active, 
.serviciosTmpl > div > div > ul > li > a > span.col, 
.borderFooter, .pagination > li.active > a, 
.pagination > li.active:hover > a,
 .menu_movil ul.menu > li, 
 .contenido form button, .panel_derecho .menu li, 
 .contenido #yoo-zoo 
 .item .contenidoFull #contactForm input[type="submit"],
  .contenido #yoo-zoo .item 
  .contenidoFull #contactFormOAI input[type="submit"], 
  .pre_footer .rai .contactFormRaiHolder {
    background-color: #003876!important;
	border-radius: 5px;
    
}

.buscador input[type="text"], .buscador button.button, .menu-principal .menu > li > ul > li > a, .serviciosTmpl > div > div > ul > li.active > a, .serviciosContenido .servicioOfrecidoPor, .pagination > li.active > a, .pagination > li.active:hover > a, div.serviciosTmplMovil div.panel:last-child > div > h4 > a, div.serviciosTmplMovil div.panel > div > h4 > a, .contenido form input[type="text"], .contenido form select, .contenido form button, .tabNoticias > li.active, .contenido #yoo-zoo .item .contenidoFull #contactForm ul > li input[type="email"], .contenido #yoo-zoo .item .contenidoFull #contactForm ul > li textarea, .contenido #yoo-zoo .item .contenidoFull #contactFormOAI ul > li input[type="email"], .contenido #yoo-zoo .item .contenidoFull #contactFormOAI ul > li textarea {
    border-color: white!important;
}


/*hover menu*/


.menu-principal .menu > li:hover, 
.menu-principal .menu > li > ul:hover, 
 .menu_movil ul.menu > li:hover
  {
background-color: #20439d!important;
color: yellow!important;



  }
.sub-header {
	margin-top: 16px;

margin-bottom: 5px;}

	div.menu-principal div.menu{

		margin: 0;

		padding: 0;

	}

	.menu-principal .menu > li{

		list-style: none;

		display: block;

		margin: 0 0 1px 0;

	}

	.menu-principal .menu > li:last-child{

		margin: 0;

	}

	.menu-principal .menu > li,

	.menu-principal .menu > li a{

		color: #fff;

		text-transform: uppercase;

		font-size: 14px;

	}

	.menu-principal .menu > li a{

		display: block;

		padding: 8.6px 20px;

	}


	/*reemplazo*/
/**/

	.menu-principal .menu > li.active a,

	.menu-principal .menu > li:hover a{

		background: #c53c3c;
		font-weight: bold;
		
	


		transition: background .3s;

		-moz-transition: background 0.3s; /* Firefox 4 */

		-webkit-transition: background 0.3s; /* Safari and Chrome */

		-o-transition: background 0.3s; /* Opera */

	}

	.menu-principal .menu > li.active a:hover, .menu-principal .menu > li a:hover {

    color: yellow !important;
    background: none;
    transition: all 0.7s ease-in;

}



	.menu-principal .menu > li.active a {

	color: yellow;


}




/*
	.menu-principal .menu > li.active a,

	.menu-principal .menu > li:hover a{

		background: rgba(0, 0, 0, 0.2);

		transition: background .3s;

		-moz-transition: background 0.3s; 

		-webkit-transition: background 0.3s; 

		-o-transition: background 0.3s; 

	}
	*/

	.menu-principal .menu > li > ul{

		width: 250px;

		visibility:hidden;

		opacity:0;

		transition:visibility 0s linear 0.3s,opacity 0.3s linear;

		-moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;; /* Firefox 4 */

		-webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;; /* Safari and Chrome */

		-o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;; /* Opera */

		position: absolute;

		padding: 0;

		margin: 0;

		margin-left: 100%;

		top: -1px;

		z-index: 5;

	}

	.menu-principal .menu > li.item-166 > ul{

		/*top: -434px;*/

	}

	.menu-principal .menu > li.item-168 > ul{

		/*top: -154px;*/

		/*top: -100%;*/

	}

	.menu-principal .menu > li > ul > li{

		list-style: none;

		display: block;

	}

	.menu-principal .menu > li > ul > li > a:hover{

		text-decoration: none;

		background: none;

	}

	.menu-principal .menu > li > ul > li > a{

		border-top-width: 1px;

		border-top-style: solid;

	}

	.menu-principal .menu > li:hover > ul{

		visibility:visible;

		opacity:1;

		transition-delay:0s;

	}

	.menu-principal .menu > li.active ul > li.active a{

		background: none;

	}

.menu-principal {


   
    margin-bottom: 7px;

}



	.parentSign{

		font-size: 6px;

	}

	.parentSign .glyphicon{

		float: right;

		top: 6px;

	}

/*modulos portada*/

.custom2{

	width: 100%;

	height: auto;

	border-bottom: solid #C9C9C9 3px;

}



/*icon play*/
/*
.iconplay{
	position: relative;
	
	height: 25px;
	width: 25;
}

.parentSignPlay .glyphicon {
	position: absolute;
	float: right;
	top: 769;
	right: -270px;
	z-index: 100;
	color: white;
}


.parentSignPlay {
    font-size: 6px;
}


*/
/**/


.item-161 > a::before ,.item-159 > a::before
{
	content: url('../images/triang.png');
	float: right;
    margin-top: 5px;
} 

/*pie de pagina*/
.rightsr{
	background-color: #15224e;
}	


.footer p > a.nombreOrganismo {

    color: white !important;
}

.footer p {
 
    color: white;
}
.footer .container
{
	background: none repeat scroll 0% 0% #001733;
}

.footer{

	padding-top: 25px;

	padding-bottom: 25px;

	color: #2D2D2D;

	font-size: 12px;
	background-color: #001733;

}

	.borderFooter{

		width: 100%;

		height: 3px;

		display: block;

		clear: both;

		position: relative;

		top: -3px;

		z-index: 1;

	}

	.footer .identidad{

		width: auto;

		display: table;

		margin: 0 auto;

	}

	.footer .identidad > li{

		

		list-style: none;

		display: inline-block;	

	}

	.footer .identidad > li > img{

		vertical-align: baseline;

	}

	.footer .identidad > li.separador{

		width: 3px;

		background: #C9C9C9;

		margin: 0 20px;

	}
	.A3mip{}
	.E1mip{}
	.A2mip{margin-left: -43px!important;}

	/*
	#selloNortic img{margin-left: -48px!important;}

	#selloNortic {margin-left: -48px!important;}

	.selloNortic{

		

	}

	.selloNortic > span{

		position: absolute;

		right: 0;

		margin-right: 15px;

	}
	*/

	.footer p {
    text-align: center;
    margin-bottom: 6px;
    font-size: 14px;
}

	.footer p:first-child{

		margin-top: 20px;

	}

	.footer p > a.nombreOrganismo{

		text-transform: uppercase;

		font-weight: bold;

	}

	.footer .menu{

		width: auto;

		display: table;

		margin: 0 auto;

	}

	.footer .menu > li{

		list-style: none;

		display: inline-block;

		border-right: solid #575757 1px;

	}

	.footer .menu > li:last-child{

		border:0;

	}

	.footer .menu > li > a{

		margin:0;

		padding: 0 7px;

	}

	.footer .menu > li > a:hover{

		background: none;

		text-decoration: underline;

	}

	.footer .glyphicon{

		transform : rotate(180deg);

		-moz-transform : rotate(180deg); /* Firefox */

		-webkit-transform : rotate(180deg); /* Chrome - Safari */

		-o-transform : rotate(180deg); /* Opera */

		color: #fff;

		font-size: 16px;

		margin-right: 5px;

	}


	.footer .boton{

		margin: 10px 0;

	}

	.footer .subir:hover{

		color: #fff;

		text-decoration: none;

	}

	@media (max-width: 767px) {


		.rastro_navegacion { margin-top:14px!important;}



		.footer{

			padding-top: 15px;

			padding-bottom: 17px;

		}

		.footer p:first-child {

		margin-top: 0px;

		}

		.menuLegalFooter{

			visibility: hidden;

		}

	}

/*paginacion*/	

ul.pagination{

	width: auto;

	display: table;

	margin: 20px auto;

}

ul.pagination > li > a > i{

	padding: 3px 0;

	position: relative;

	top:0;

}

/*rastro de navegacion*/

.rastro_navegacion{

	width: 100%;

	height: auto;

	border-bottom: solid #C9C9C9 3px;

	/*background: #F0F0F0;*/

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.rastro_navegacion .breadcrumb{

	background: none;

	margin:0;

}

.rastro_navegacion .breadcrumb > li{

	padding:0;

}

/*contenido*/

.contenido{

	width: 100%;

	height: auto;

	padding-top: 25px;

	padding-bottom: 25px;

}

	.contenido h1.title,

	.contenido h3#custom1h3{
	

		font-family: "Avenir-light";
	
/*
		text-transform: uppercase;
*/
		font-size: 21px;

		font-weight: normal;

		border-bottom: solid #C9C9C9 2px;

		margin-top: 0;

		margin-bottom: 15px;

		padding-bottom: 7px;

	}

	.contenido h3#custom1h3{		

	}

	.contenido ol > li{

		margin-bottom: 10px;

	}

	.contenido #yoo-zoo .item .contenidoFull h1,

	.contenido #yoo-zoo .item .contenidoFull h2,

	.contenido #yoo-zoo .item .contenidoFull h3{

		font-family: 'Avenir-Light';
	
	
	/*	font-family: "Lato-Regular";*/

		font-size: 16px;

		line-height: 22px;

		font-weight: bold;

	}

	.contenido #yoo-zoo .item .contenidoFull h1{

		font-size: 20px;

	}

	.contenido #yoo-zoo .item .contenidoFull h2{

		font-size: 18px;

	}

	.contenido #yoo-zoo .item .contenidoFull li{

		margin-left: 10px;

	}

	.contenidoFull img{

		padding: 2px;

		background: #fff;

		border:solid #C9C9C9 1px;

		display: block;

		margin: 0 10px 10px 0;

	}

	@media (max-width: 767px) {

		html {
			  margin:0!important;
			  padding:0!important;
			  overflow-x:hidden!important;
			  width: 100%!important;
			  height: 100%!important;

			  -webkit-margin:0!important;
			  -webkit-padding:0!important;
			  -webkit-overflow-x:hidden!important;
			  -webkit-width: 100%!important;
			  -webkit-height: 100%!important;

			  -o-margin:0!important;
			  -o-padding:0!important;
			  -o-overflow-x:hidden!important;
			  -o-width: 100%!important;
			  -o-height: 100%!important;
			}
		body {
			-o-margin: 0 auto!important;
			-o-position:relative;
			-o-width: 100%!important;
			-o-height: 100%!important;

			-webkit-margin: 0 auto!important;
			-webkit-position:relative;
			-webkit-width: 100%!important;
			-webkit-height: 100%!important;

			  margin: 0 auto!important;
			   position:relative;			  
			  width: 100%!important;
			  height: 100%!important;
			}



		.item-103 a,.item-104 a,.item-105 a {background: white;margin-top: 6px;}

		.switchbtn a{ color: white;}
		.switchbtn {    }
		.contenido .panel_derecho h3#custom1h3{

			border-top: solid #C9C9C9 2px;

			margin-top: 15px;

			margin-bottom: 15px;

			padding-bottom: 7px;

			padding-top: 9px;

		}

		.footer .subir {
			color: #fff;
		 font-size: 12px;
		 margin-left: 1px;
		 padding: 10px 12px;
		 background: #000;
 }

 .copr {display: none!important;}

.vermsub {text-align: center;}
 


		.rastro_navegacion{

			border-width: 2px

		}
}

	}

/*Cabecera movil*/

.cabecera_movil{

	width: 100%;

	height: auto;

	border-bottom: solid #C9C9C9 2px;

	padding-top: 5px;

	padding-bottom: 5px;
	    margin-bottom: 0px;

}

.cabecera_movil {
	background: white;
}

.cabecera_movil .menu_movil_boton > a > span{

	font-size: 28px;

	line-height: 35px;

}

.cabecera_movil .menu_movil,

.menu_movil ul.menu > li.parent > ul{

	display: none;

}

/*menu movil*/

.menu_movil ul.menu{



}

.menu_movil ul.menu > li{

	margin-bottom: 2px;

}

.menu_movil ul.menu > li a{

	color: #fff;

	text-transform: uppercase;

	padding: 10px 15px;

}

.menu_movil ul.menu > li
 {
 	background: #20439d;

}

.menu_movil ul.menu > li:hover a,

.menu_movil ul.menu > li.active a{	

	background:#1a367e;

	transition: background .3s;

	-moz-transition: background 0.3s; /* Firefox 4 */

	-webkit-transition: background 0.3s; /* Safari and Chrome */

	-o-transition: background 0.3s; /* Opera */

}

.menu_movil ul.menu > li.parent > ul > li{

	list-style: none;

	display: block;

	margin-bottom: 2px;

}

.menu_movil ul.menu > li.parent > ul > li > a{

	display: block;

	padding-left: 25px;

}

.menu_movil ul.menu > li.parent > ul{

	margin-top: 2px;

	margin-left:0;

	padding-left: 0;

}

.menu_movil ul.menu > li.parent > ul > li:last-child{

	margin-bottom: 0;

}

.menu_movil ul.menu > li.parent > ul > li:hover a{

	background: rgba(0, 0, 0, 0);

	text-decoration: none;

}

.menu_movil ul.menu > li.parent > ul > li > a:before {

	content: "- ";

}

/*Sello mobile*/

.selloMobile a span{

	display: block;

}

/*Panel derecho*/

.panel_derecho .menu li{

	margin-bottom: 1px;

	color: #fff;

	text-transform: uppercase;

	font-size: 14px;

}

.panel_derecho .menu li > a{

	color: #fff;

}

.panel_derecho .menu li.active > a,

.panel_derecho .menu li.current > a,

.panel_derecho .menu li > a:hover{

	background: rgba(0, 0, 0, 0.2);

	transition: background .3s;

	-moz-transition: background 0.3s; /* Firefox 4 */

	-webkit-transition: background 0.3s; /* Safari and Chrome */

	-o-transition: background 0.3s; /* Opera */

}

/*modulo mapa de sitio*/

.est-mapa_de_sitio ul.menu{

	margin: 0;

	padding: 0;

	left: 0;

}

.est-mapa_de_sitio ul.menu li{

	display: block;

	font-size: 14px;

}

.est-mapa_de_sitio ul.menu li span{

	display: none;

}

.est-mapa_de_sitio ul.menu li a,

.est-mapa_de_sitio ul.menu li a:hover{

	margin: 0;

	padding: 0;

	background: none;

}

/*tools*/

.tools span{ 

	font-size: 16px;

	color: #777;

}

/*Modulos portada*/

.enlaceFormularioOAI{

	background-image: url('../images/dots.png');

	border-top: solid #C9C9C9 3px;

	border-bottom: solid #C9C9C9 3px;

}

.enlaceFormularioOAI .enlaceHolder{

	width: auto;

	display: table;

	margin: 0 auto;

	padding: 20px;

}

.enlaceFormularioOAILink:hover{

	text-decoration: none;

}

.enlaceFormularioOAI .enlaceHolder span.glyphicon{

	font-size: 34px;

	float: left;

	margin-right: 20px;

}

.enlaceFormularioOAI .enlaceHolder span.st1,

.enlaceFormularioOAI .enlaceHolder span.st2{

	display: block;

	text-transform: uppercase;

	font-weight: bold;

}

.enlaceFormularioOAI .enlaceHolder h1{

	float: left;

	margin: 0;

}

.enlaceFormularioOAI .enlaceHolder span.st1{

	font-size: 21px;

}

.enlaceFormularioOAI .enlaceHolder span.st2{

	font-size: 17.3px;

}

@media (max-width: 461px) {

		.footer p:first-child {

		margin-top: 23px !important;

		}

	.enlaceFormularioOAI .enlaceHolder span.glyphicon{

		font-size: 28px;

		margin-right: 10px;

	}

	.enlaceFormularioOAI .enlaceHolder span.st1{

		font-size: 15px;

	}

	.enlaceFormularioOAI .enlaceHolder span.st2{

		font-size: 12.3px;

	}	

}

@media (max-width: 348px) {

	.enlaceFormularioOAI .enlaceHolder span.glyphicon{

		font-size: 23px;

		margin-right: 10px;

	}

	.enlaceFormularioOAI .enlaceHolder span.st1{

		font-size: 14px;

	}

	.enlaceFormularioOAI .enlaceHolder span.st2{

		font-size: 11.5px;

	}	

}

/*pre footer*/



li.rd img
{
width: 54px;
height: 54px;
}

li.logo img
{

}

.pre_footer{

	border-top: solid #C9C9C9 3px;

	border-bottom: solid #C9C9C9 3px;

	padding-top: 20px;

	padding-bottom: 20px;

	color: #606060;

}

.pre_footer h3{
/*
	font-family: "Chunkfive";

	text-transform: uppercase;
	
	*/
    font-family: 'Avenir-Light';



	font-size: 21px;

	font-weight: normal;

	margin:0 0 15px 0;

	padding:0;

}

.pre_footer .documentosDatos{

	border-bottom: solid #C9C9C9 1px;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.pre_footer .documentosDatos:last-child{

	border-bottom: 0;

	margin-bottom: 0;

	padding-bottom: 0;

}

.pre_footer .rai p{

	margin-bottom: 10px;

}

.pre_footer .rai #contactFormRai{

	margin: 0;

}

.pre_footer .rai #contactFormRai ul{

	margin: 0;

	padding:0;

}

.pre_footer .rai #contactFormRai ul li{

	list-style: none;

	display: block;

}

.pre_footer .rai .contactFormRaiHolder{

	height: 221px;

	padding: 10px;

	color: #fff;

	font-weight: normal;

}

.pre_footer .rai #contactFormRai ul li label,

.pre_footer .rai #contactFormRai ul li input{

	display: block;

	font-weight: normal;

}

.pre_footer .rai #contactFormRai ul li input[type="text"],

.pre_footer .rai #contactFormRai ul li input[type="email"],

.pre_footer .rai #contactFormRai ul li textarea{

	width: 100%;

	border:solid #606060 1px;

	padding: 0 5px;

	color: #606060;

}

.pre_footer .rai #contactFormRai ul li textarea{

	height: 50px;

	resize: none;

}

.pre_footer .rai #contactFormRai #formButtons{

	text-align: right;

}

.pre_footer .rai #contactFormRai #formButtons input[type="submit"]{

	background: #606060;

	color: #fff;

	border:0;

	margin-top: 5px;

}

.pre_footer .rai .statusMessage{

	display: none;

	margin: 0 auto;

	height: 2em;

	padding: 0;

	position: relative;

	top: 20px;

	bottom: 0;

	left: 0;

	right: 0;

}

@media (max-width: 767px) {


	.pre_footer h3{

		border-bottom: solid #C9C9C9 2px;

		padding-bottom: 5px;

		margin-bottom: 5px;

	}

}






/*         Media queries mobiles            */



/*Media Queries */
/*Android lg g5*/
@media only screen 
   and (max-width : 1440px) 
   and (max-height : 2560px) {
}

/*Android lg g3*/

@media only screen 
   and (max-width : 360px) 
   and (max-height : 598px) {
   /* Styles here */
}

/*Android lg nexus 5*/
@media only screen 
   and (max-width : 1080px) 
   and (max-height : 1920px) {
   /* Styles here */
}
/*Android lg nexus 7*/
@media only screen 
   and (max-width : 1200px) 
   and (max-height : 1920px) {
   /* Styles here */
}

/*Android lg nexus 6*/
@media only screen 
   and (max-width : 1440px) 
   and (max-height : 2560px) {
   /* Styles here */
}
/*Android sony xpiria z5*/
@media only screen 
   and (max-width : 1080px) 
   and (max-height : 1280px) {
   /* Styles here */
}

/*Android haiewi y300*/
@media only screen 
   and (max-width : 320px) 
   and (max-height : 533px) {
   /* Styles here */
}


/*motoroala zoom 2*/
@media only screen 
   and (max-width : 800px) 
   and (max-height : 1280px) {
   /* Styles here */
}


/*Moto raz*/
@media only screen 
   and (max-width : 360px) 
   and (max-height : 640px) {
   /* Styles here */
}

/*moto g*/
@media only screen 
   and (max-width : 360px) 
   and (max-height : 598px) {
   /* Styles here */
}

/*sony z1*/
@media only screen 
   and (max-width : 360px) 
   and (max-height : 598px) {
   /* Styles here */
}

/* end android*/

/*Por dispositivos*/



/* ----------- iPhone 4 and 4S ----------- */

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


	
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

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

	.repDom {

		margin-left: 18%!important;
	}

}

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

	.repDom {

		margin-left: 18%!important;
	}

}

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

	.repDom {

		margin-left: 18%!important;
	}

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

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


	.repDom {

		margin-left: 18%!important;
	}
	.footer .menu > li > a:active {
		color: black!important;
	}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	
	.footer .menu > li > a:active {
		color: black!important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 


	.footer .menu > li > a:active {
		color: black!important;
	}
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

	
	.footer .menu > li > a:active {
		color: black!important;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/*Sansums*/



/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {


	


	

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
	

}

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
	

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {

}




/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Google Pixel XL ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {

}



/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}



/* ----------- Windows Phone ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) {

}

/* Portrait */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px)  
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) 
  and (orientation: landscape) {

}

/*Tables iphones*/



/* ----------- iPad 1, 2, Mini and Air ----------- */

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




}

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

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

	

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

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

	
}

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

}

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


}

/* ----------- iPad Pro 10.5" ----------- */

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


}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	


}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	


}

/* ----------- iPad Pro 12.9" ----------- */

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

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}



/* ----------- Galaxy Tab 2 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}

/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) { 

}


/*Nexus tables*/


/* ----------- Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}

/* ----------- Nexus 9 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 1536px) 
  and (device-height: 2048px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen 
  and (device-width: 1536px) 
  and (device-height: 2048px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 1536px) 
  and (device-height: 2048px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}



/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}


/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}