@charset "utf-8";
/* CSS Document */

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

article, figcaption, figure, footer, header, hgroup, nav, section{
	display:block;
		
}

/*estilos del sitio */
@font-face {
    font-family: 'rubikregular';
    src: url('../font/rubikfont-webfont.eot');
    src: url('../font/rubikfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/rubikfont-webfont.woff2') format('woff2'),
         url('../font/rubikfont-webfont.woff') format('woff'),
         url('../font/rubikfont-webfont.ttf') format('truetype'),
         url('../font/rubikfont-webfont.svg#rubikregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'texgyreadventorbold';
    src: url('../font/texgyreadventor-bold-webfont.eot');
    src: url('../font/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../font/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../font/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alfa_slab_oneregular';
    src: url('../font/alfaslabone-regular-webfont.eot');
    src: url('../font/alfaslabone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/alfaslabone-regular-webfont.woff2') format('woff2'),
         url('../font/alfaslabone-regular-webfont.woff') format('woff'),
         url('../font/alfaslabone-regular-webfont.ttf') format('truetype'),
         url('../font/alfaslabone-regular-webfont.svg#alfa_slab_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'texgyreadventorbold_italic';
    src: url('../font/texgyreadventor-bolditalic-webfont.eot');
    src: url('../font/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('../font/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('../font/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('../font/texgyreadventor-italic-webfont.eot');
    src: url('../font/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../font/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../font/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../font/texgyreadventor-regular-webfont.eot');
    src: url('../font/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../font/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../font/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background-image:url(../img/REPEAT.jpg);
	background-repeat:repeat;
	color: #FFF;
	font-family: 'texgyreadventorregular';
	font-size: 1em; /*16px, 12pts, o normal*/
}

a{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;	
}

a:hover{
	color:#FF0;	
}

.activo{
	color:#FF0;
}

figcaption{
	font-size: 0.85em;
	text-align: center;	
}

img, video{
	max-width:100%;	
}

header{
	background-color: #0082FF;
	margin: 0 auto;
	max-width: 100%;	
	text-align:center;
}

header h1,h2{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;	
}



nav ul{
	list-style:none;
}

nav li{
	display: inline-block;
	padding: 0.1em;
	vertical-align: bottom;	
}

nav a{/*border-left: 0.09em solid #FFF;*/
	color: #FFF;
	font-size:0.8em;
	/*padding: 0.4em;	*/
	vertical-align: bottom;
}

header h2 section{
	vertical-align: top;
	text-align:center;
}

#redes{
	text-align:center;	
}

section#cuerpo{
	background-image:url(../img/fondo_cuerpo.png);
	background-repeat: repeat;
	background-attachment:fixed;	
	margin: 0 auto;	
	max-width: 100%;	
}

article#titular{
	color:#000;
}

section#social-plugs{
	background-image:url(../img/fondo_s.png);
	background-repeat: repeat;
	background-attachment:fixed;
	text-align:left;
	max-width: 100%;
}

section#social-plugs{
	padding:15px;
}

article.plugins{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;	
	min-height:320px;
	padding:5px;
	padding-top:20px;
}

#utl-noticias{
	font-size:0.8em;
	margin-left:40px;	
}

#titule{
	color:#0082FF;	
	margin-left:50px;
	margin-bottom:10px;
	font-size:1.5em;
	text-align:left;	
}

#titule2{
	color:#0082FF;	
	margin-left:10px;
	font-size:1.5em;
	text-align:left;	
}

nav.mkt ul{
	list-style-type: disc;
}

nav.mkt li{
	display: list-item;
	margin-left:30px;
}

nav#mapa{
	margin-left:50px;
	font-size:0.9em;	
}

nav#mapa li{
	display: list-item;
}

section#Footer{
	background-color: #0082FF;
	margin: 0 auto;
	max-width: 100%;	
	text-align:center;
	min-height:200px;
}



article#titular,article#titular2, aside#gal-imagen{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;	
	margin-top:20px;
}

aside#gal-imagen2{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;	
	margin-top:90px;
	color:#000;
}


article#titular{
	text-align:center;	
}

article#titular2{
	text-align:left;	
}

article#titular p#titulo{
	color:#333;
	font-size:3.5em;
	word-spacing:0.00001em;
	line-height:0.85em;
	font-family:'texgyreadventorbold';
	
}

article#titular2 p#titulo{
	color:#333;
	font-size:4.5em;
	line-height:0.9em;
	margin-left:15px;
	font-family:'texgyreadventorbold';
}

article#titular p#text-titular{
	color:#000;
	margin-top:22px;
	
}

article#titular2 p#text-titular{
	color:#000;
	margin-top:22px;
	
}

article#titular2{
	margin-top:20px;
	margin-left:15px;
}

aside#gal-imagen{
		max-width: 100%;
}

aside#gal-imagen2{
		max-width: 100%;
}

.sect-linea{
		max-width: 100%;
}

.sect-linea img{
		max-width: 100%;
}


article#loguito, article#telefonos{
	display: inline-block;
	max-width: 100%;	
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}


article#img-telefono{
	display: inline-block;
	max-width: 100%;	
	margin-top:20px;
	text-align:center;
	vertical-align:top;
}

.ca-menu{
	max-width:100%;
	
}

.ca-menu li{
	max-width:100%;
	margin:0 auto 0 auto;
	margin-top:20px;
}


/******QUIENES SOMOS********/


#foto-somos{
	margin-top:10px;	
}

#clientesfotos{
	margin-top:20px;
	margin-bottom:20px;	
}

.foto{
	text-align:center;
	color:#000;
}

.fotocli{
	text-align:center;
	color:#000;
}

/******QUIENES SOMOS********/

/*******/
.portafolio-foto{

}

/******/
#mktex{
	width:95px;	
	height:95px;	
	background-image:url(../img/im1.png);
}

#mktdg{
	width:95px;	
	height:95px;	
	background-image:url(../img/im2.png);
}

#holo{
	width:95px;	
	height:95px;	
	background-image:url(../img/im3.png);
}

#ream{
	width:95px;	
	height:95px;	
	background-image:url(../img/im4.png);
}

#mktex:hover{
	width:95px;	
	height:95px;	
	background-image:url(../img/im1h.png);
}

#mktdg:hover{
	width:95px;	
	height:95px;	
	background-image:url(../img/im2h.png);
}

#holo:hover{
	width:95px;	
	height:95px;	
	background-image:url(../img/im3h.png);
}

#ream:hover{
	width:95px;	
	height:95px;	
	background-image:url(../img/im4h.png);
}



/******ULTIMOS TRABAJOS******/
article.utrabajos{
	display: inline-block;
	max-width: 100%;
	text-align:center;
	vertical-align: middle;	
	margin:20px;
}

article.uservicios{
	display: inline-block;
	color:#000;
	max-width: 100%;
	text-align:center;
	vertical-align: middle;	
	margin:20px;
	
}

article.uservicios1{
	display: inline-block;
	color:#000;
	max-width: 100%;
	text-align:center;
	vertical-align: middle;	
	margin:20px;
	
}

article.uservicios2{
	color:#000;
	max-width: 100%;
	text-align:ceter;
	vertical-align: middle;	
	margin:20px;
	
}
/******ULTIMOS TRABAJOS******/

@media(min-width:1000px){
	header h1{
		text-align: left;
		width: 35%;
	}	
	
	header h2 {
		text-align: right;
		width: 60%;	
	}
	
	#redes{
		text-align:right;	
	}
	
	header{
		max-width:1000px;	
	}
	
	section#cuerpo{
		max-width:1000px;	
	}
	
	section#Footer{
		max-width:1000px;
	}
	
	article#titular{
		max-width: 40%;
		text-align:left;
		margin-left:3%;
		padding-top:5%;
	}
	
	article#titular2{
		max-width: 40%;
		text-align:left;
	}
	
	article#titular p{
		color:#000;
		font-size:4em;
		line-height:0.8em;
		text-align:left;
	}
	
	article#titular #text-titular{
		color:#000;
		font-family:Verdana; color:#000;
		font-size:0.85em;
		line-height:1.3em;
		text-align:left;
	}
	
	
	
	aside#gal-imagen{
		max-width: 50%;
		float:right;
		margin-bottom:20px;
		margin-right:25px;
	}
	
	aside#gal-imagen2{
		max-width: 50%;
		float:right;
		margin-bottom:20px;
		margin-right:25px;
	}
	
	.sect-linea{
		max-width: 990px;
		text-align:center;
	}
	
	.sect-linea img{
			max-width: 990px;
			text-align:center;
	}
	
	section#menu-servicios{
		max-width: 990px;
		text-align:center;
	}
	
	
		
	article#img-telefono{
		max-width: 10%;
		text-align:left;
		float:left;
		margin-left:35px;
		margin-top:40px;
	}
	
	article#telefonos{
		max-width: 60%;
		text-align:left;
		float:left;
		font-size:0.8em;
		margin-left:15px;
		margin-top:45px;
	}
	
	#copy{
		font-size:0.75em;
	
	}
	
	article#loguito{
		max-width: 30%;
		text-align:right;
		float:right;
		vertical-align:middle;
		margin-top:60px;
		margin-right:45px;
	}
	
	.ca-menu li{
		max-width: 25%;
		display: inline-block;
	}
	
	article.utrabajos{
	max-width: 20%;
	text-align:center;
	font-size:0.8em;
	margin-top:20px;
}

article.uservicios{
	max-width: 25%;
	text-align:center;
	font-size:0.8em;
	margin-top:20px;
}

article.uservicios1{
	max-width: 25%;
	text-align:center;
	font-size:0.8em;
	margin-top:20px;
}

article.uservicios2{
	max-width: 25%;
	text-align:center;
	font-size:0.8em;
	margin-top:20px;
	margin-left:80px;
}
	
	
	#foto-somos{
		max-width: 990px;
		text-align:center;
	}
	
	
	#clientesfotos{
		max-width: 990px;
		text-align:center;
	}
	
	
	.foto{
		display: inline-block;
		max-width: 30%;
	}
	
	.fotocli{
		display: inline-block;
		max-width: 25%;
	}
	
	#utl-noticias img{
		max-width: 8em;
   	   width: -moz-fit-content;
	}
	
	article#titular p#titulo{
		color:#333;
		font-size:4.5em;
	}
	
	
	
	
	

}

	
	
	
	
}