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

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

}




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

}




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

}

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

}


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

}

/* ========================================================================== */
/* GENERAL                                      */
/* ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {margin:0;padding:0;}
ul,li {list-style-type:none;}
a {
	text-decoration:none;
	outline:none;
	border:none;
	color: #fff;
	}	
a img{
	border:none;}	
html, body{
	text-align:center;
	width: 100%; height: 100%;
	font-size:14px;
	color:#fff;
    font-family: 'frutiger_ce_45_lightregular';
	background:url(../img/bg-page.jpg) repeat;
	}
	
#global{
    width:100%;
	min-height:100%;
	padding:0;
	position:relative;
	text-align:center;
	background:url(../img/bg.jpg) repeat-x;
	}
			
#wrap{
	width:1006px;
	height:auto;
	margin:auto;
	padding-bottom:245px;
	position:relative;
	}


#head{
	width:1006px; height:209px;
	position:relative;
	margin:auto;
	}	
	
#head .logo{
		position:absolute;
		top:21px;
		left:371px;
		z-index:5}
/*menu*/
#navegador{
	width:1006px;
	height:129px;
	position:absolute;
	left:95px;
	top:0;
	z-index:2;
	}

#navegador ul li {
	margin:0px;
	float: left;
	position:relative;
	}
	
.menuholder li {float:left;}
.menuholder a {background: url(../img/bg-nav.png);display:block; height:129px; text-indent:-9000px;
}

/*ESTADO NORMAL*/
.m-1 a {width:94px; background-position:0 0;}
.m-2 a {width:161px; background-position:-95px 0;}
.m-3 a {width:107px; background-position:-257px 0; margin-left:218px}
.m-4 a {width:129px; background-position:-365px 0;}
.m-5 a {width:149px; background-position:-496px 0;}

/*ESTADO SOBRE*/

.m-1 a:hover {width:94px; background-position:0 -133px;}
.m-2 a:hover {width:161px; background-position:-95px -133px;}
.m-3 a:hover {width:107px; background-position:-257px -133px;}
.m-4 a:hover {width:129px; background-position:-365px -133px;}
.m-5 a:hover {width:149px; background-position:-496px -133px;}

.info{
	width:1006px;
	height:auto; 
	overflow:hidden;
	text-align:justify;
	position:relative;
	margin-bottom:48px;
	margin-top:21px;
	}

.lat-home{
	width:770px;
	float:left;
	text-align:justify;}
.lat-home p.home{
	width:760px;
	float:left;
	text-align:justify;}	

.btn-mas{
	width:179px;
	height:41px;
	overflow:hidden;
	float:left;
	z-index:1000;
	}
a.bg-btn-mas{
	width:179px;
	height:84px;
	display:block;
	position:relative;
	border:none;
	outline:none;}	


.ti{
	float:left;
	width:100%;
	text-align:left;
	}
.ti span{
	color:#fd4e0d}
	
.ti h1{
	font-size:24px;
    font-family: 'frutiger_cebold';}
	
.ti h2{
	font-size:24px;
	margin-bottom:9px}	

.sidebar{
	width:233px;
	float:right;}
		
ul.items-home li{
	width:227px;
	height:141px;
	float:left;
	margin-bottom:40px;
	position:relative;
	padding:4px 3px;
	}
	
ul.items-home li:hover{
	background:#fd4e0d;
	}	
	

	
ul.items-home li img{
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	}
	

	
	
.text-1-lat{
	width:auto;
	height:17px;
	position:absolute;
	color:#fd4e0d;	
	background:#4d4c4c;
	bottom:17px;
	left:3px;
	padding:3px 11px 0 11px;
	text-align:left;}
	
.text-1-lat-add{
	width:auto;
	height:17px;
	position:absolute;
	color:#fd4e0d;	
	background:#fff;
	bottom:17px;
	left:3px;
	padding:3px 11px 0 11px;
	text-align:left;}	
	
	
	
	
	
.text-2-lat{
	width:auto;
	height:18px;
	position:absolute;
	background:#4d4c4c;
	bottom:-12px;
	left:3px;
	padding:5px 11px 0 11px;
	text-align:left;
    font-family: 'frutiger_cebold';
	}
	
.text-2-lat-add{
	width:auto;
	height:18px;
	position:absolute;
	background:#fd4e0d;
	bottom:-12px;
	left:3px;
	padding:5px 11px 0 11px;
	text-align:left;
	color:#fff;
    font-family: 'frutiger_cebold';
	}				


	
	
.lat-serv{
	width:600px;
	float:right;
	}	
.img-full-sev{
	width:300px;
	height:300px;
	float:left;
	text-align:center;
	}	

.img-full-sev img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;}	
	
.ti-internas{
	background:url(../img/line-ti.png) 0 100% no-repeat;
	height:auto;
	min-height:70px;
	width:100%;
	margin-bottom:15px;}	
	
.ti-internas-2{
	height:auto;
	width:100%;
	float:left;
	margin-bottom:15px;}
	
.divider-modal{
	margin-bottom:10px;}		
	

			
/*
========================================================================== */
/* PROYECTOS                                      */
/* ========================================================================== */	

.item-proyectos{
	width:819px;
	float:left;
	margin-left:81px;
	}	
ul.items-proyectos li{
	width:227px;
	height:141px;
	float:left;
	margin-bottom:40px;
	position:relative;
	margin-left:40px;
	cursor:pointer;
	padding:4px 3px;
	text-align:center;
	}
	
ul.items-proyectos li:hover{
	background:#fd4e0d;
	}	
	
ul.items-proyectos li img{
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	}
	
		
		
	
.img-full-proyecto{
	width:227px;
	height:140px;
	float:left;
	text-align:center;
	border:#030 1px solid;
	}	

img-full-proyecto img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	}		
	
.lat-modal{
	width:270px;
	float:right;}	
/*
========================================================================== */
/* CONTACTO                                      */
/* ========================================================================== */

ul.form li{
	width:540px;
	float:right;
	margin-bottom:3px;}
	
ul.form li label{
	width:92px;
	float:left;
	text-align:left;
	padding:10px 0;
    font-family: 'frutiger_ce_45_lightregular';}	

ul.form input{
	width:426px;
	float:left;
	background:#747273;
	border:none;
	height:10px;
	padding:15px 10px;
	color:#FFF;
	outline:none;
    font-family: 'frutiger_ce_45_lightregular';
	}
	
ul.form textarea{
	width:426px;
	float:left;
	background:#747273;
	border:none;
	height:100px;
	padding:10px;
	outline:none;
	color:#FFF;
	resize:none;
	font-size:14px;
    font-family: 'frutiger_ce_45_lightregular';
	}
	
ul.form button{
	float:right;
	border:none;
	outline:none;
	background:none;
	cursor:pointer;}
	

.btn-enviar{
	width:179px;
	height:41px;
	overflow:hidden;
	float:right;
	z-index:1000;
	}
button.bg-btn-enviar{
	width:179px;
	height:84px;
	display:block;
	position:relative;
	border:none;
	outline:none;}	
	
.mapa {
		float:left;}		
/*
========================================================================== */
/* FOOTER                                      */
/* ========================================================================== */	
		
#footer{
	width:100%;
	height:245px; 
	position:absolute;
	bottom:0;
	left:0;
	background:url(../img/bg-footer.jpg) repeat-x 0 100%;}
	
#footer-content{
	width:1001px;
	height:245px;
	margin:auto;
	position:relative;
	background:url(../img/divider-footer-horz.png) no-repeat;}
	
.ubicanos-footer{
	width:280px;
	float:left;
	position:relative;
	margin-top:10px;}
	
.globo{
	position:absolute;
	top:0;
	right:0;}	

.ubicanos-footer h1{
	position:absolute;
	top:20px;
	left:0;
    font-family: 'futura_bookbold';
	font-size:24px;}
	
.contacto-footer{
	width:227px;
	position:absolute;
	top:30px;
	left:445px;
	text-align:justify;}

.contacto-footer h1{
	float:left;
    font-family: 'futura_bookbold';
	font-size:24px;
	margin-bottom:18px;}	
	
ul.contacto-list{
	float:left;
    font-family: 'futura_mediumregular';
}

ul.contacto-list li{
	float:left;
	padding-left:33px;
	margin-bottom:8px;
	height:auto;
	min-height:24px;
    font-family: 'futura_mediumregular';}

.bg-link-1{
	background:url(../img/icon-footer.png) no-repeat;}
	
.bg-link-2{
	background:url(../img/icon-footer-2.png) no-repeat}	
		
		
.bg-link-3{
	background:url(../img/icon-footer-3.png) no-repeat;}	
	
	
.social-footer{
	width:227px;
	position:absolute;
	top:30px;
	left:863px;
	text-align:justify;}

.social-footer h1{
    font-family: 'futura_bookbold';
	font-size:24px;
	margin-bottom:18px;}	
	
/*social*/

ul.social{
	width:62px;
	float:left;}
	
ul.social li{
	width:30px;
	height:39px;
	float:left;
}


a.social-1{
	background:url(../img/social.png) no-repeat;
	display:block;
	text-indent:-9000px;
	width:30px;
	height:35px;
	}
a.social-2{
	background:url(../img/social.png) no-repeat -37px 0;
	display:block;
	text-indent:-9000px;
	width:30px;
	height:35px;
	}		
a:hover.social-1{
	background-position:0 -40px;}	
a:hover.social-2{
	background-position:-37px -40px;}
	
.info-footer{
	position:absolute;
	width:1001px;
	text-align:center;
	top:211px;
	left:0;}	
	
.info-footer-datos{
	width:auto;
	display:inline-block;}	
	
.info-footer-datos a:hover{
	text-decoration:underline;}	
	
						
		
/* ========================================================================== */
/* EXTRAS                                      */
/* ========================================================================== */

p{
	margin-bottom:15px;
	float:left}
		
	
.left{
	float:left;}
.right{
	float:right;}


.clear{
	clear:both;}