@charset "utf-8";
/* CSS Document */
/******************************FUENTES**********************************************/
	/******************usadas******************/
@font-face {
    font-family: 'latobold';
    src: url("../../fuentes/lato-bold-webfont.woff2") format('woff2'),
         url("../../fuentes/lato-bold-webfont.woff") format('woff');
    font-weight:bolder;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url("../../fuentes/lato-regular-webfont.woff") format('woff2'),
         url("../../fuentes/lato-regular-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latosemibold';
    src: url("../../fuentes/lato-semibold-webfont.woff2") format('woff2'),
         url("../../fuentes/lato-semibold-webfont.woff2") format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'silver_age_queensregular';
    src: url("../../fuentes/silver_age_queens-webfont.woff2") format('woff2'),
         url("../../fuentes/silver_age_queens-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack';
    src: url("../../fuentes/lato-black-webfont.woff2") format('woff2'),
         url("../../fuentes/lato-black-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoblack_italic';
    src: url("../../fuentes/lato-blackitalic-webfont.woff2") format('woff2'),
         url("../../fuentes/lato-blackitalic-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight_italic';
    src: url("../../fuentes/lato-lightitalic-webfont.woff2") format('woff2'),
         url("../../fuentes/lato-lightitalic-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url("../../fuentes/lato-light-webfont.woff2") format('woff2'),
         url("../../fuentes/lato-light-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('../../fuentes/lato-black-webfont.woff2') format('woff2'),
         url('../../fuentes/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
	/******************usadas******************/

@font-face {
    font-family: 'latoblack_italic';
    src: url('lato-blackitalic-webfont.woff2') format('woff2'),
         url('lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latobold_italic';
    src: url('lato-bolditalic-webfont.woff2') format('woff2'),
         url('lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latohairline';
    src: url('lato-hairline-webfont.woff2') format('woff2'),
         url('lato-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latohairline_italic';
    src: url('lato-hairlineitalic-webfont.woff2') format('woff2'),
         url('lato-hairlineitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoheavy';
    src: url('lato-heavy-webfont.woff2') format('woff2'),
         url('lato-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoheavy_italic';
    src: url('lato-heavyitalic-webfont.woff2') format('woff2'),
         url('lato-heavyitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoitalic';
    src: url('lato-italic-webfont.woff2') format('woff2'),
         url('lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}









@font-face {
    font-family: 'latolight_italic';
    src: url('lato-lightitalic-webfont.woff2') format('woff2'),
         url('lato-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latomedium';
    src: url('lato-medium-webfont.woff2') format('woff2'),
         url('lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latomedium_italic';
    src: url('lato-mediumitalic-webfont.woff2') format('woff2'),
         url('lato-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}









@font-face {
    font-family: 'latosemibold';
    src: url('lato-semibold-webfont.woff2') format('woff2'),
         url('lato-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latosemibold_italic';
    src: url('lato-semibolditalic-webfont.woff2') format('woff2'),
         url('lato-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latothin';
    src: url('lato-thin-webfont.woff2') format('woff2'),
         url('lato-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latothin_italic';
    src: url('lato-thinitalic-webfont.woff2') format('woff2'),
         url('lato-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/****************************************FUENTES****************************************/
body
{
	text-decoration: none !important;
	top:0;
}
img,button,a
{
	outline: none !important;
}
a {
  color: #000000 !important;
  text-decoration: none !important;
}
/*****************************************HEADER*******************************************************/
/*****************************************BLOG*******************************************************/
#bloqueEstatico{font-family: 'silver_age_queensregular' !important;font-size: 100px!important;border:  solid #e6e6e6!important;border-width:12px !important; text-align: center!important;color: #FFFFFF!important;margin: 150px 35% 70px 35% !important;padding: 40px 0 40px 0!important;width: 30%;height: 160px;} 

/*****************************************BLOG*******************************************************/

header{width:100%;height:60px;}
header button img .menuOut{border: none; text-decoration: none;}
.logo{width:280px;height:136.4492754px;margin:7px 145px 0 0;float:right;}
.menuprincipal{margin:0 0 0 6.6%;}
.menuprincipal .menu01 li{display:inline;}
.menuprincipal .menu01 li a{margin:30px 0 0 22px;line-height:35px;text-decoration:none;float:left;color:#000000;font-family:"latoregular";font-size:13px;text-align:left;padding: 0 3px 0 3px;}
#menuDesplegable{display:none;}
#menu:hover{cursor: pointer;}
#logoMenu{margin: 7px 30% 0 30%;  width: 40%; height: auto;}
#menuDerecha{background-color:#edf1f5;margin-top: -30px; float: left;display: inline;margin-left: -500px;position: fixed;height: 1000px;z-index: 99;}
.navegable{margin: 35px 0 0 30px;}
.navegable li a{color: black !important;text-decoration: none !important;text-decoration-line: none !important;}
.navegable li{display: block;margin:20px 0 0 0px;;color:black;font-family: "latoregular";font-size: 15px;letter-spacing: 0.5px;}
#catalogo{display: none;}
#catalogo li{font-size: 13px;margin-left: 20px;}
#automatico{color: #ffffff !important;background-color:#2477e9;font-family: "latobold";padding: 0 12px 0 12px;margin-left: 30px;}
.navegableNivel2{font-size: 10px;margin-left: 30px;display: none;}
.flechaPro{	background:none;border: none;float: right;margin:0;}
.flech{width: 10px;height: 6.5px;margin-left: 120px;}
/*****************************************HEADER*******************************************************/
/*****************************************BLOQUE1*******************************************************/

#bloque1-1
{
	height: 30%;
	width: 100%;
	margin: 50px 0 0 0;
}
#bloque1-1 p
{
	font-size: 35px;
    line-height: 42px;
	font-family: 'silver_age_queensregular';
	letter-spacing: 0px;
	margin: -7px 0 0 9%;
	animation-duration: 1s;
  	/*animation-name: slidein;*/
	display: block;
}
#bloquedesplegable1
{
	background-image: url(../../imagenes/fondos/web/menu-desplegable.png);
	background-size: 61%;
	background-repeat: no-repeat;
	width: 100%;
	height: 235px;
	float: left;
	margin: -374px 0 0 4%;
	padding: 0;
	display: none;
	position:absolute;
}
.menu02, .menu03, .menu04, .menu12, .menu13, .menu14 {    -webkit-padding-start: 40px !important;}
#bloquedesplegable1 .menu02 li{display:block; margin:14px 0 0 0;}
#bloquedesplegable1 .menu03 li{display:block; margin:14px 0 0 -25px;}
#bloquedesplegable1 .menu04 li{display:block; margin:14px 0 0 0;}
.menu02 {margin: 34px 0 0 5px;color:black;font-family: "latoregular";font-size: 13px;letter-spacing: 0.5px;float: left;}
.menu03 {margin: 34px 0 0 0;color:black;font-family: "latoregular";font-size: 13px;letter-spacing: 0.5px;float: left;}
.menu04 {margin: 34px 0 0 0;color:black;font-family: "latoregular";font-size: 13px;letter-spacing: 0.5px;float: left;}
.menu02 li:hover{text-decoration: underline;}
.menu03 li:hover{text-decoration: underline;}
.menu04 li:hover{text-decoration: underline;}
.titulo{font-size: 11px;font-family: "latobold";}
/*@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  }

  to {
    margin-left: 155px;
    width: 100%;
  }
}*/
/*****************************************BLOQUE1*******************************************************/
/*****************************************FOOTER*******************************************************/
footer
{
	width:100%;
	margin: -57px 0 0;
	padding: 0;
	height:400px;
	background-color:#ededed;	
	/*background-image: url(../imagenes/fondos/web/footer.png);background-repeat:no-repeat;background-size:100%;background-position:top;*/	
}
#foot{
	width: 100%;
	display:-moz-box;
	display:-webkit-box;
	display:box;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	box-orient:vertical;
}
#foot1{
	width: 100%;
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	box-ordinal-group:1;
	display:-moz-box;
	display:-webkit-box;
	display:box;
	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	box-orient:horizontal;
}
#texto
{
	width: 15.625%;
/*	padding: 130px 0 0 160px;*/
	margin: 130px 3.125% 0 12.5%;
	font-size: 14px;
	font-family: "latoregular";
	color: #8c8f94;
	text-align: left;
	letter-spacing: 0;
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	box-ordinal-group:1;
}
#listaFooter{
	width: 53.125%;
	height: auto;
	margin:100px 12.5% 0 3.125%;
/*	padding: 100px 0 0 0;*/
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	box-ordinal-group:2;
}
#listaFooter .menu12 li{display:block; margin:14px 0 0 0;}
#listaFooter .menu13 li{display:block; margin:14px 0 0 -25px;}
#listaFooter .menu14 li{display:block; margin:14px 0 0 0;}
#listaFooter .menu12 li:first-child{color: red !important;}
#centrarFoot {width: 775.3px;float: right;}
#foot2{
	width: 80%;
	margin: 0 10% 50px 10%;
	border-top: thin #8c8f94 solid;
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	box-ordinal-group:2;
}
.logoFoot{width: 100px;float: left;margin-top: 10px;}
.redes{width: 40px; height: 40px;float: right;margin-top: 10px;}
@media only screen and    (max-width:1300px)  and (min-width:1200px){
	#centrarFoot {width: 735.3px;float: right;}
	.menu12{ -webkit-padding-start: 0 !important;margin-left: 35px !important;}
	.menu14{ -webkit-padding-start: 10px !important;}
}

.menu12 {margin: 0 0 0 5px;font-family: "latoregular";font-size: 14px;float: left;}
.menu13 {margin: 0 0 0 0;font-family: "latoregular";font-size: 14px;float: left;}
.menu14 {margin: 0 0 0 0;font-family: "latoregular";font-size: 14px;float: left;}
.menu12 a{color:#8c8f94 !important;}
.menu13 a{color:#8c8f94 !important;}
.menu14 a{color:#8c8f94 !important;}

.menu12 .titulo {color: #26272D !important;}
.menu13 .titulo {color: #26272D !important;}
.menu14 .titulo {color: #26272D !important;}



.tablet{display: none;}
.movil{display: none;}
.redes{width: 50px; height: 50px;}
/*****************************************FOOTER*******************************************************/
@media only screen and    (max-width:1310px)  and (min-width:1200px)
{
	#bloquedesplegable1
	{
		background-size: 70%;
	}
}
@media only screen and    (max-width:1199px)  and (min-width:1000px)
{
	#bloquedesplegable1
	{
		background-size: 80%;
	}
	footer{height:auto;}	
	#foot1{-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;}
	#texto{width: 100%;padding:0;margin: 0;text-align: center;-moz-box-ordinal-group:2;-webkit-box-ordinal-group:2;box-ordinal-group:2;}
	#listaFooter{width: 70%;padding: 0;margin: 100px 15% 100px 15%; -moz-box-ordinal-group:1;-webkit-box-ordinal-group:1;box-ordinal-group:1;}
}
@media only screen and    (max-width:1111px)  and (min-width:1000px)
{
	#listaFooter{width: 80%;padding: 0;margin: 100px 15% 100px 5%;}
}
@media only screen and    (max-width:999px)  and (min-width:901px)
{
	#bloquedesplegable1
	{
		background-size: 90%;
	}
	.menu12{padding-left: 0;margin-left: 0;}
	.menu12,.menu13,.menu14{font-size: 12px;}
	footer{height:auto;}	
	#foot1{-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;}
	#texto{width: 90%;padding:0;margin: 0 5% 50px 5%;text-align: center;-moz-box-ordinal-group:2;-webkit-box-ordinal-group:2;box-ordinal-group:2;}
	#listaFooter{width: 90%;padding: 0;margin: 100px 0 100px 10%; -moz-box-ordinal-group:1;-webkit-box-ordinal-group:1;box-ordinal-group:1;}
}
@media only screen and    (max-width:900px)  and (min-width:481px)
{
	.menuprincipal .menu01 li a{display:none;}
	#menuDesplegable{display:inline;}
	.menuOut{width: 20px; height: 16.216216216216216216216216216216px; margin:33px 0 0 55px;}
	.logo{width:100px;height:auto;margin:5px 40% 0 0;}
	#bloqueEstatico{display: none !important;}
	#fuera{display: none;}
	/*body
	{background-image: url(file:///C:/Users/diego/Desktop/Mainteam/GLOBOMERK/Plantillas/Veri%C3%B3n%201/DEFINITIVOS/Globomerk%20-%20tablet%20-%202017/menu---tablet--2017.png);background-size: 100%;background-position: top;}*/
	.left{display: none;}
	.right{display: none;}
	#foot1{-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;}
	#texto{width: 90%;padding:0;margin: 0 5% 50px 5%;text-align: center;-moz-box-ordinal-group:2;-webkit-box-ordinal-group:2;box-ordinal-group:2;}
	footer{height: auto;}
	#listaFooter{width: 90%;padding: 0;margin: 100px 0 100px 10%; -moz-box-ordinal-group:1;-webkit-box-ordinal-group:1;box-ordinal-group:1;}
	#centrarFoot {width: 100%;float: none;}
	.menu12{margin-left: 10%;}
	.menu12,.menu13,.menu14{font-size: 10px;}
	.tablet{display: block;}
	.pc{display: none;}
	.p{display: none;}
}
@media only screen and    (max-width:900px)  and (min-width:800px)
{
	/*footer{height: 335px;}*/
}
@media only screen and    (max-width:600px)  and (min-width:481px)
{
	.menu12{margin-left:0;}
}
@media only screen and    (max-width:480px)
{
	.menuprincipal .menu01 li a{display:none;}
	#menuDesplegable{display:inline;}
	.menuOut{width: 20px; height: 16.216216216216216216216216216216px; margin:33px 0 0 40px;}
	.logo{width:100px;height:auto;margin:5px 31% 0 0;float:right;}
	#bloqueEstatico{display: none !important;}
	#fuera{display: none;}
	.left{display: none;}
	.right{display: none;}
	#foot1{-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;}
	#texto{width: 90%;padding:0;margin: 0 5% 50px 5%;text-align: center;-moz-box-ordinal-group:2;-webkit-box-ordinal-group:2;box-ordinal-group:2;}
	footer{height: auto;}
	#listaFooter{width: 90%;padding: 0;margin: 100px 0 100px 10%; -moz-box-ordinal-group:1;-webkit-box-ordinal-group:1;box-ordinal-group:1;}
	#centrarFoot {width: 100%;float: none;}
	.menu12,.menu13,.menu14{font-size: 10px;}
	.movil{display: block;}
	.pc{display: none;}
	.tablet{display: none;}
	.p{display: none;}
	.t{display: none;}
	#bloque1-1 p {
		margin-top: -5px !important;
       line-height: 24px;
	}
}