/******************************** GLOBAL ****************************************/
html {
	overflow-x: hidden;
}

*{
	outline: none;
}

body {
	
	background: url("../images/bg_rema.png");
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	color: white;
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#header {
	position: relative;
	margin: 0 auto;
	width: 980px;
	max-width: 1000px;
	height: auto;
	z-index: 999;
}
.wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
.clear {
	clear: both;
}


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

}




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

}
/******************************** HEADER ****************************************/
#logo {
	float: left;
	text-align: center;
	padding: 30px 0px 0px 0px;
}
#menu {
	
	float: right;
}
#menu ul {
	
	float: left;
	padding: 0px;
	font-size: 15px;
	
	/*height: 80px;*/
	margin: 0px;
	background: #333; 
	border: 1px solid #505050;
	border-left: 1px solid #212121;
border-top: none;
}
#menu ul a li {
	float: left;
	font-family: 'AUdimat';
	list-style: none;
	padding: 60px 38.7px 3px 10px;
	position: relative;
	color: #FFF;
	display: inline-block;
	border-left: 1px solid #505050;
	border-right: 1px solid #212121;
	border-bottom: 1px solid #212121;
}
#menu ul a {
	color: #FFF;
	text-decoration: none;
	vertical-align: -55px;
}
#menu ul a li:hover {
	background: #4a4a4a;
}
#menu ul a li.active {
	background: #4a4a4a;
}
#menu ul a li:first-child {
	
}
.slider {
	float: left;
	background: url('../images/slider.jpg') no-repeat;
	width: 100%;
	height: 450px;
	position: absolute;
	top: 0px;
}


/******************************** INDEX ****************************************/


#content {
	width: 1000px;
	margin: 0 auto;
	
	
}

#conocenos {
	width: 1000px;
	margin: 0 auto;
	height: 700px;
	padding: 5px 0px;
	font-size: 14px;
font-family: 'Roboto';
font-weight: 300;
}



/*@-moz-document url-prefix() {
    #content {
        margin-top: 80px;
    }
    
}*/




#content div {
	float: left;

}

#content #portafolio_exp {
	float: none;
}

#content .desc_exp {
	margin: 15px 0 40px 25px;
}

.item_idex {
width: 185px;
margin-left: 63px;
margin-bottom: 67px;
}

.soluciones_ing {
	margin-left: 35px;
}

.item_idex .item_rema {
	vertical-align: middle;
	float: left;
	margin-right: 10px;
}

#content #first_square ul li {
background: url("../images/bg_menu2.png");
width: 154px;
height: 15px;
list-style: none;
padding: 15px;
font-family: 'Advent Pro';
font-weight: 500;
font-size: 14px ;
letter-spacing: 0.5px;
}

 ul {
	padding-left: 0px;
}

#content #first_square ul li:hover {
color: #51ff00;
cursor: pointer;
background: url("../images/bg_selected.png");
}


#content #second_square div {
	margin-bottom: 20px;
}

#content #second_square #title_descr {
	font-size: 26px;
	font-family: 'Roboto';
line-height: 22px;

}


#conocenos article {
	float: left;
}

#conocenos article #s_content {
	padding: 0 30px 0 65px;
}

ul li label {
	color: rgb(141, 0, 0); 
	margin-right: 5px;
	font-size: 8px;
	float: left;
}

.cr_red {
	color: #ff0000; 
	margin-right: 5px;
	float: left;
}

#content #second_square #sub_title , article #sub_title{
	color: #00efff;
	font-size: 18px;
	font-family: 'Roboto';
	font-weight: 400;


}

article #sub_title {
	text-align: center;
	margin-bottom: 30px;

}

#content #second_square #f_content {
	color: #696969;
	font-size: 12px;
	font-family: 'Roboto';
	font-weight: 300;


}

#content #second_square #s_content {
	color: white;
	font-size: 12px;
	font-family: 'Roboto';
	font-weight: 300;


}

#content #second_square #more , article #more{
	color: #51ff00;
	font-size: 12px;
	font-family: 'Roboto';
	font-weight: 300;
	float: right;
	cursor: pointer;
}

#content #first_square {
	width: 285px;
}

#content #second_square {
	width: 395px;
}

#content #third_square {
	text-align: right;
	width: 290px;
}

#title_clientes hr {
	width: 17.5%;
}

#title_clientes hr, #title_clientes label {
	float: left;
}

#line {
	border: 1px solid #252525;
	border-bottom: 1px solid #4a4a4a;
}

#conocenos article {
	width: 50%;
	height: 277px;
	margin-top: 30px;
	
}

article #s_content {
	color: white;
	font-size: 14px;
	font-family: 'Roboto';
	font-weight: 300;
	margin-top: 20px;
	line-height: 20px;


}

article #s_content ul {
	list-style: none;
}


article table tr td{
	-moz-transition-duration:0.3s; 
	-moz-transition-delay:0.3s;
	-webkit-transition-duration:0.3s;    
	-webkit-transition-delay:0.3s;    
                /* Todos */
	transition-duration:0.3s;    
	transition-delay:0.3s;
}

article table tr #cliente1{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_1.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);

}


article table tr #cliente2{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_2.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);

}



article table tr #cliente3{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_3.png");
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);

}



article table tr #cliente4{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_4.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);

}



article table tr #cliente5{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_5.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);

}


article table tr #cliente6{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_6.png");
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);


}

article table tr #cliente7{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_7.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);

}
article table tr #cliente8{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_8.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);

}
article table tr #cliente9{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_9.png");
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);

}
article table tr #cliente10{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_10.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);


}
article table tr #cliente11{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_11.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);


}
article table tr #cliente12{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_12.png");
	border-bottom: 2px groove rgba(82, 82, 82, 0.39);


}

article table tr #cliente13{
	width: 125px;
	height: 78px;
	border-right: 2px groove rgba(82, 82, 82, 0.39);
	background: url("../images/clientes/cliente_13.png");

}

article table tr #cliente14{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_14.png");
	border-right: 2px groove rgba(82, 82, 82, 0.39);

}

article table tr #cliente15{
	width: 125px;
	height: 78px;
	background: url("../images/clientes/cliente_15.png");

}


/******************************** FOOTER ****************************************/

footer {

	width: 1000px;
	margin: 0 auto;
/* height: 11px; */
	color: white;
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 12px;
	margin-bottom: 20px;
	padding: 10px 0px;
/* vertical-align: middle; */

}

footer #footer_left {
	float: left;
}

footer #footer_right a {
	float: right;
	color: white;
	text-decoration: none;
	
}

footer #footer_right a:visited {
	
	color: white;
	text-decoration: none;
	
}

#footer_Up {
	color: white;
	text-decoration: none;
	float: right;
	position: fixed;
	bottom: 30px;
	right: 100px;
	font-family: 'Roboto';
}


/******************************** CONOCENOS ****************************************/

#title_section {
	width: 1000px;
	margin: 50px auto;
	text-align: center;
	position: relative;
}

#title_section #exp_title {
	margin-bottom: 50px;
}
#title_section hr {
	width: 36%;
}
#title_section hr, #title_section label  {
	
	float: left;
	
}

#line_m {
	border: 1px solid #252525;
	border-bottom: 1px solid #4a4a4a;
	width: 32.2% !important;
}

#title_clientes label {
	color: #4ddb0c;
	font-size: 30px;
	margin: 0 20px;
	font-family: 'audimatbold';
}

#title_section label {
 	color: #4ddb0c;
 	font-size: 30px;
 	margin: 0 55px;
 	font-family: 'audimatbold';
}

#content #first_content, #content #second_content {
	width: 50%;
	margin-top: 50px;
	height: 300px;
}

#content #second_content {
	text-align: center;
}

#content .title_each_content {
	margin-left: 30px;
}

.title_each_content {
	color: #68ffff;
	font-size: 26px;
	font-family: 'AUdimatbold';
}

#content  p {
	font-family: 'Roboto';
	font-size: 14px;
	color: white;
	font-weight: 300;
	padding: 0 30px 0px 35px;
	line-height: 20px;
	letter-spacing: .5pt;
}

#long_space {
	height: 400px;
	width: 100%;
}
#content #third_content , #content #fourth_content, #content #fifth_content {
	width: 32%;
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 300;
	height: 300px;
}

/************** SERVICIOS **************/

#servicios {
	width: 1000px;
	margin: 0 auto;
	height: 750px;
	padding: 5px 0px;
	font-size: 14px;
font-family: 'Roboto';
font-weight: 300;
}

#servicios_t {
	margin: 35px 0 0 50px;
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 14px;
	
}

#item_rema {
	float: left;
}

#servicios  #content #first_content {
width: 55px;
	text-align: center;
	margin: 40px 20px 0 70px;
	height: auto;
}

#servicios  #content #first_content img {
margin-bottom: 20px;
}

#servicios  #content ul {
	list-style: none;
	float: left;
	margin-top: 43px;
	width: 300px;
	margin-bottom: 30px;
}

#servicios  #content ul li{
	margin-bottom: 17px;
	
}

#content #second_content_s {
	text-align: left;
	width: 400px;
	float: right;
}
#servicios #content #second_content_s ul {
	margin-top: 19px;
	width: 400px;
}
#servicios #content #second_content_s ul li {
	margin-bottom: 2px;
}

#servicios #content #second_content_s #sub_title {
	margin: 65px 0px 0px 0px;
}

/********************* EXPERIENCIA **********************/

#experiencia #title_section {
	margin-bottom: 63px;
margin-top: 20px;
}

#experiencia_gal {
	width: 916px;
position: relative;
left: 50%;
margin-left: -458px;
}

/********************* CLIENTES *************************/

#clientes {
	width: 1000px;
	margin: 0 auto;
	height: 565px;
	/*padding: 55px 0px;*/
	font-size: 14px;
font-family: 'Roboto';
font-weight: 300;
}

#clientes article #clientes_scroll {
	width: 400px;
height: 150px;
overflow-y: hidden;
}

.img_cl {
	margin: 15px 50px;
}

#title_cl {
	margin: 60px 0;
}

#experiencia_gal #photos_title {
color: #68ffff;
font-size: 24px;
font-family: 'AUdimatbold';
float: none;
margin-bottom: 40px;
font-weight: 300;
}

/********************* CONTACTO *************************/

#clientes article {
	width: 40%;
	margin: 0 auto;
	padding: 48px 48px;
}

#clientes article form {
	margin-top: 40px;
}

#clientes article #label_tel {
	float: left;
	font-size: 12px;

}

#clientes article .send {
	background: red;
	color: white;
	border: none;
	width: 66px;
height: 35px;
float: right;
cursor: pointer;
}

#clientes article .input_form {
	width: 100%;
	background: #5d5d5d;
	color: white;
	border: none;
	font-size: 14px;
	padding-left: 10px;
	height: 32px;
	margin-bottom: 10px;
	border-radius: 0px;
	font-family: 'Arial';
}

#clientes article #msn {
	height: 100px ;
	resize: none;
	font-family: 'Arial';
}

#clientes article #nom {
	margin-top: 15px;
}

#clientes article .btn_scroll {
	position: relative;
	left: 50%;
	margin-left: -20px;
	
}
#clientes article .btn_scroll:focus {
	outline: 0;
}

#clientes article #btn_down {
	
	background: url('../images/green_down.png'); 
	width:38px; 
	border:none;
	cursor: pointer;
	outline: 0;
}

#clientes article #btn_up {
	
	background: url('../images/disable_up.png'); 
	width:38px; 
	border:none;
	outline: 0;
	
}

.img_min {
/*width: 210px;
height: 230px;
border: 1px solid white;*/
margin-right: 25px;
margin-bottom: 25px;
}

#spaceExp {
	height: 430px;
}