*{
margin:0px;
padding:0px;	
	
}



@font-face{ 
	font-family: "robotoit"; 
	src: url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-regular-webfont.eot");
	src: local('?'), 
		url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-regular-webfont.eot") format("embedded-opentype"), 
		url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-regular-webfont.woff") format("woff"),
		url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-regular-webfont.ttf") format("truetype"),
		url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-regular-webfont.svg#robotoit") format("svg");
 }


@font-face{ 
	font-family: "robotoitbold"; 
	src: url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-bold-webfont.eot");
	src: local('?'), 
		url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-bold-webfont.eot") format("embedded-opentype"), 
		url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-bold-webfont.woff") format("woff"),
		url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-bold-webfont.ttf") format("truetype"),
		url("http://fileserver.itsitio.com/descargas/itsitio/fuentesindex/roboto-bold-webfont.svg#robotoitbold") format("svg");
 }
 
	 
 #top{
position:fixed;
width:70px;
height:70px;
top:80%;
right:0px; 
	 
 }
 




#contenedorheader{
	background-color:#F15A24;
	width:100%;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
}

#header{
	width:60%;
	display:inline-block;
	text-align:left;
}

#header div{
	display:inline-block;
}


#logo{
	margin-top:1em;
	margin-bottom:1em;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}


#rrssFijo{
	display:none;
}

#rrssFijo a{
	display:none;
}










#contenedorMenu{
	display:none;	

}


#contenedorMenuMOB{
	width:100%;
	background-color:#F7931E;
	text-align:center;
	display:block;

}

#MenuMob{
	width:100%;
	text-align:left;
	display:inline-block;
	margin-bottom:-10px;
}



#MenuMob li{
	display:inline-block;
	width:50%;		
	list-style-type:none; 
	text-align:center;
	box-sizing:border-box;
	
	margin-right:-5px;
	border:1px;
	border-style:solid;
	border-color:#FFFFFF;

}



#MenuMob a{
	font-family:robotoit,Arial,sans-serif;
	color:#FFFFFF;
	font-size:0.95em;
	
	text-decoration:none;
	text-transform:uppercase;
	padding:1em 0;
	display: block;


}

#MenuMob li:hover {
	background-color:#EE8408;

}




#primeroCirculo{
	padding:2em;
	width:100%;
	background: url(../img/ITSitio_Blog_fondoLifestyle.jpg) center repeat;
	text-align:center;
	display:none;
	
	
}

#itsitioCirculoMOB img{
	width:60%;
	height:auto;

}


#circulo{
	display:none;
	background:rgba(255,255,255,0.88);
	border-radius:50%;
	height:200px;
	width:200px;
	margin:1em 0;
	padding-top:6em;
	box-sizing:border-box;
	
	border:5px;
	border-style:solid;
	border-color:#9C9C9D;
	text-align:center;
	
	position:relative;
	
}

#circulo:hover {
    left: 0px;
}


#logoCirculo{
	width:40%;
	margin-bottom:1.5em;
}


#circulo p{
	font-family:robotoit,Arial,sans-serif;
	color:#444444;
	font-size:1.2em;
	line-height:1.4em;	
	
	width:70%;
	display:inline-block;
}


#circulo a{
	width:60%;
	display:inline-block;
	text-align:center;
	background-color:#F15A24;
	
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.3em;
	line-height:1.2em;
	padding:0.5em 1em;
	margin-top:1em;
	text-decoration:none;

	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	
}

#circulo a:hover {
	background-color:#F7931E;
	
}


/*#circulo a img{
	width:10%;
	max-width:100%;
	
}*/




#historia{
	height:100%;
	width:auto;
	background:url(../img/ITSitio_030315_Bienvenida_01_fondo.png) top repeat-x #F15A24;
	text-align:center;
	
	border:1px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:#FFFFFF;
}

#txtHistoria{
	display:inline-block;
	text-align:left;
	padding:1em 0;
	
	font-family:robotoit,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:1.4em;
	
		
}

#txtHistoria p{
	margin-bottom:1em;
	
}

#txtHistoria h2{
	margin-bottom:1em;
	font-family:robotoit,Arial,sans-serif;
	color:#FFFFFF;
	font-size:2em;
	
}

#botonHistoria a{
	width:95%;
	display:inline-block;
	text-align:center;
	
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
	padding:0.3em 0;
	margin-top:1em;
	
	border:1px;
	border-style:solid;
	border-color:#FFFFFF;	
	text-decoration:none;
	
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	
}

#botonHistoria a:hover {
	background-color:#F7931E;
	
}

#botonHistoria img{
	margin-left:0.8em;	
}


#videoIT{
	background:url(../img/ITSitio_Blog_fondoVideo.jpg) center no-repeat #1A1A1A ;
	text-align:center;	

}


#videoIT video{
	display:inline-block;
	width:40%;
	
}

#videoIT img{
	display:inline-block;
	max-width:100%;
	
}




#consultoria{
	padding: 4em 0;
	background-color:#EEEEEE;
	
	border:2px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:#E95823;
	
}


#consultoria h2{
	font-family:robotoitbold,Arial,sans-serif;
	color:#F15924;
	font-size:1.8em;
}
	

#imgConsultoria{
	text-align:center;
	box-sizing:border-box;
	margin-bottom:1.5em;
}

#imgConsultoria img{
	width:100%;
	height:auto;	
		
}


#txtConsultoria{
	background-color:#DDDDDD;
	padding: 1.8em 2.5em;
	box-sizing:border-box;
	
	font-family:robotoit,Arial,sans-serif;
	color:#444444;
	font-size:1.2em;
	line-height:1.4em;
	
	
}




#cobertura{
	height:100%;
	width:auto;
	background:url(../img/ITSitio_240815_Bienvenida_02_fondo.png) top center repeat-X #566174;
	text-align:center;
	padding:0 0 0em 0;
	
	border:1px;
	border-bottom-style:solid;
	border-color:#FFFFFF;
	
}

#imgCobertura{
	display:none;
	
}



#cobDistribucion>img{
width: 80%;
margin-bottom:-2em;
}

#cobCios>img{
width: 80%;
margin-bottom:-2em;
}

#cobertura h2{
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:2em;
	text-align:center;
	background-color: rgba(255,255,255,0.5);
	margin-top:0;
	margin-bottom:1em;
	padding:0.3em 0;
	
}

#cobertura h3{
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:2.5em;
	letter-spacing:-2px;
	
}

#cobDistribucion a{
	display:inline-block;
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.2em;
	background-color:#F7931E;
	padding: 0.2em 0.2em;
	width:15%;
	text-decoration:none;
	
	
	
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	
	
}

#cobDistribucion a img{
	margin-left: 0.3em;
	max-width:100%;
	
}


#cobDistribucion a:hover {
	background-color:#F15924;
	
}


#cobDistribucion form{
	width:40%;
	display:inline-block;
	margin-right:6em;	
}

#cobDistribucion select{
width:14em;
height:100%;
line-height:1.5em;
padding: 0.5em 0 0.5em 0;

}




#cobCios a{
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.2em;
	background-color:#F7931E;
	padding: 0.5em 3em;
	width:80%;
	text-decoration:none;
	
	
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	
	
}

#cobCios a img{
	margin-left: 0.5em;
	max-width:100%;
	
}


#cobCios a:hover {
	background-color:#F15924;
	
}

#cobCios{
	margin-bottom:1em;	
}





#contacto{
	width:100%;
	background:url(../img/ITSitio_030315_Bienvenida_03_fondo.png) #566174 repeat;
	text-align:center;
	padding:0 0 2em 0;
	
	border:1px;
	border-bottom-style:solid;
	border-color:#FFFFFF;
	
	padding: 4em 0;
	
}

#contacto>div div{
	margin-bottom:3em;	
}


#contacto h3{
	font-family:robotoitbold,Arial,sans-serif;
	color:#F15924;
	font-size:1.6em;
}

#contacto p{
	font-family:robotoit,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:2em;
}

#contacto a{
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.2em;
	background-color:#F7931E;
	padding: 0.5em 1.5em;
	width:80%;
	text-decoration:none;
	
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	
	
}

#contacto a img{
	margin-left: 0.5em;
	
}


#contacto a:hover {
	background-color:#F15924;
	
}

#videoPC{
	display:none;
}

#videoMob{
	display:inline-block;
	width:100%;
}


#emagazine{
	display:none;
}
















@media screen and (min-width:481px){
	
	
	
}






















@media screen and (min-width:1000px){
	
	
#videoPC{
	display:inline-block;

}


#videoMob{
	display:none;
}

#cobDistribucion form{
	width:40%;
	display:inline-block;
	margin-right:0em;	
}

#botonHistoria a{
	width:100%;
	display:inline-block;
	text-align:center;
	
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.3em;
	line-height:1.2em;
	padding:0.3em 0;
	margin-top:1em;
	
	border:1px;
	border-style:solid;
	border-color:#FFFFFF;	
	text-decoration:none;
	
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	
}
	
	
	
	
	#primeroCirculo{
	padding:2em;
	width:100%;
	background: url(../img/ITSitio_Blog_fondoLifestyle.jpg) center repeat;
	text-align:center;
	display:block;
	
	
}

#itsitioCirculo{
	position:absolute;
	/*margin-left: auto;
	margin-right: auto;
	left: 0%;
	right: 0%;
	top:3em;*/
	
	left: -5px;
	top:-5px;
	transition-property: left;
	transition-duration: 500ms;
	transition-timing-function: linear;
	transition-delay: 8s;
}

#itsitioCirculo:hover {
    left: 450px;
	transition-property: left;
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	transition-delay: -0.5s;
}




@-webkit-keyframes zoomIn1 {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn1 {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn1 {
  -webkit-animation-name: zoomIn1;
  animation-name: zoomIn1;
  animation-duration: .75s;
}
	
	
	/*
	
.slideRight {
	transition-property: left;
  	transition-duration: 5s;
  	-webkit-transition-property: left;
  	-webkit-transition-duration: 5s;
  	-o-transition-property: left;
  	-o-transition-duration: 5s;

	
}

div:hover {
    left: 300px;
}

*/



/*

.zoom{
			-webkit-animation-name: zoomCirculo;
				
			-webkit-animation-duration: 1s;
			-webkit-animation-timing-function: ease;
			-webkit-animation-delay: 0s;
			-webkit-animation-iteration-count:1;
			-webkit-animation-direction: normal;
			-webkit-animation-fill-mode: none;
	
			-moz-animation-name: zoomCirculo;
			-moz-animation-duration: 1s;
			-moz-animation-timing-function: ease;
			-moz-animation-delay: 0s;
			-moz-animation-iteration-count: 1;
			-moz-animation-direction: normal;
			-moz-animation-fill-mode: none;
				
			animation: zoomCirculo 1s  ease-in-out 0s 1 normal none;
		}
            
			
		@-moz-keyframes zoomCirculo{
			from
			{
				height:10px;
				width:10px;
				font-size:0px;
			}
			to
			{
				height:500px;
				width:500px;
				font-size:0px;
			}
		}
			
		@-webkit-keyframes zoomCirculo{
			from
			{
				height:10px;
				width:10px;
				font-size:0px;
			}
			to
			{
				height:500px;
				width:500px;
				font-size:0px;
			}
		}
			
		@keyframes zoomCirculo{
			from
			{
				height:10px;
				width:10px;
			}
			to
			{
				height:500px;
				width:500px;
			}
		}

*/



#circulo{
	background:rgba(255,255,255,0.88);
	border-radius:50%;
	height:500px;
	width:500px;
	display:inline-block;
	margin:1em 0;
	padding-top:6em;
	box-sizing:border-box;
	
	border:5px;
	border-style:solid;
	border-color:#9C9C9D;
	text-align:center;
	
	position:relative;
	
}

#circulo:hover {
    left: 0px;
}


#logoCirculo{
	width:40%;
	margin-bottom:1.5em;
}


#circulo p{
	font-family:robotoit,Arial,sans-serif;
	color:#444444;
	font-size:1.2em;
	line-height:1.4em;	
	
	width:70%;
	display:inline-block;
}


#circulo a{
	width:60%;
	display:inline-block;
	text-align:center;
	background-color:#F15A24;
	
	font-family:robotoitbold,Arial,sans-serif;
	color:#FFFFFF;
	font-size:1.3em;
	line-height:1.2em;
	padding:0.5em 1em;
	margin-top:1em;
	text-decoration:none;

	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	
}

#circulo a:hover {
	background-color:#F7931E;
	
}

#itsitioCirculoMOB{
	display:none;	
	
}

#contenedorMenuMOB{
	display:none;

}

#contenedorMenu{
	display:block;
	width:100%;
	background-color:#F7931E;
	text-align:center;	
	border:1px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:#FFFFFF;
	box-sizing:border-box;
}

#Menu{
	width:60%;
	text-align:left;
	display:inline-block;
}



#Menu li{
	display:inline-block;
	
	border:1px;
	border-left-style:solid;
	border-color:#FFFFFF;
		
	font-family:robotoit,Arial,sans-serif;
	color:#FFFFFF;
	font-size:0.95em;
	text-transform:uppercase;
	
	list-style-type: none; 
	text-align:center;
	margin-right:-5px;
	margin-bottom:-10px;
	box-sizing:border-box;

}



#Menu a{
	font-family:robotoit,Arial,sans-serif;
	color:#FFFFFF;
	font-size:0.95em;
	text-decoration:none;
	text-transform:uppercase;
	padding:1em 0.8em;
	margin:0;
	display: block;

}

#Menu li:hover {
	background-color:#EE8408;

}

#logo{
	margin-top:1em;
	margin-bottom:1em;
	width:65%;
	box-sizing:border-box;
	text-align:left;
}

#rrssFijo{
	display:inline-block;
	height:2em;
	width:34%;
	text-align:right;
	box-sizing:border-box;
}

#rrssFijo img{
	display:inline-block;
	padding: 1.5em 0;
	box-sizing:border-box;
}
#rrssFijo a{
	display:inline-block;
}


#imgCobertura{
	height:100%;
	width:auto;
	background:url(../img/ITSitio_Blog_ImgCobertura_Fondo.png) center repeat-X #566174;
	text-align:center;
	padding:4em 0 3em 0;
	
	margin-top:2em;
	
	border:1px;
	border-top-style:solid;
	border-color:#FFFFFF;
	display:block;
	
}

#imgCobertura p{
	font-size:1.6em;
	font-family:robotoit,Arial,sans-serif;
	color:#FFFFFF;

}

	
}