h1{
	
	position:relative;
	margin: -50px 0px 30px 15px;
	padding-top:10px;
	width:300px;
	height:45px;
	text-align:left;
	/*border: 1px solid #b06f05;
	background: #df8f09;*/
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    
    /*texto*/
    font-family:Arial, Helvetica, sans-serif;
    font-size:30px;
    color:#272727;
    text-shadow: 1px 2px 2px #b97f07;
    text-transform:uppercase;
	
}
.subtit{
	
	/*texto*/
    font-family:Arial, Helvetica, sans-serif;
    font-size:24px;
    color:#010134;
    text-shadow: 1px 2px 2px #c3c3c3;
    text-transform:uppercase;
    margin-bottom: 2px;

}

/* ----------------------------------- TRAYECTORIA --------------------------------------------*/
#info-container{
	
	width:700px;
	height:480px;
	max-height:100%;
	min-height:90%;
	max-height:1000px;
	float:left;
	margin: 65px 0px 10px 20px;
	
}

#text-container{
	width:670px;
	height:200px;
	margin: 0px auto;
	padding: 10px auto auto 0px;
	
	text-align:center;
}
.caja-txt{
	
	background: #eeebe3;
	
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    
    -moz-box-shadow:inset 0px 0px 20px #c8c8c8;
    -webkit-box-shadow:inset 0px 0px 20px #c8c8c8;
    box-shadow:inset 0px 0px 20px #c8c8c8;

}

#img-container{
	
	width:275px;
	height:283px;
	float:left;
	margin: 100px 10px auto 10px;

}
#text-container p{
	
	margin:0;
	padding: 15px auto auto auto;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#595959;
	top:20px;
	left:10px;
	position:relative;
	width:97%;
	text-align:justify;
}
#text-container .img{
	
	position:relative;
	top:35px;
}

/* ------------------------------ SERVICIOS ----------------------------------*/

h4{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#04045e;
}
#info-servicios{
	
	height:920px;
	width:700px;
	float:left;
	margin: 65px 0px auto 20px;
	
	text-align:center;
}
#img-container{
	
	width:275px;
	height:310px;
	float:left;
	margin: 150px 10px auto 10px;

}
#img-container .img{
	
	width:240px;
	height:278px;
	
	margin: 16px auto;
	
}
#img-container img{
	
	opacity: 1;
    filter: alpha(opacity=80);
    
    transition: opacity 0.3s ;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    
    z-index:2000;
    overflow:visible;

}
#img-container img:hover{
	
	transition: opacity 0.5s ;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s ;
    -ms-transition: opacity 0.5s ;
    
    opacity: 1;
    filter: alpha(opacity=100);

    
}








.gray_back{
	
	background: #cccccc;
	background: -moz-linear-gradient(top, transparent, #cccccc);*/
    background: linear-gradient(to bottom, transparent, #cccccc);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#cccccc));

	
	
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    
    -moz-box-shadow:inset 0px 0px 20px #505050;
    -webkit-box-shadow:inset 0px 0px 20px #505050;
    box-shadow:inset 0px 0px 20px #505050;

}
.gray_back2{
	
	background: #c4c4c4;
	background: -moz-linear-gradient(top, #c4c4c4, #b0b0b0);*/
    background: linear-gradient(to bottom, #c4c4c4, #b0b0b0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4c4c4), to(#b0b0b0));

	-moz-border-radius: 0px 15px 15px 15px;
    -webkit-border-radius: 0px 15px 15px 15px;
    border-radius: 0px 15px 15px 15px;
    
}



/* --------------------------------- OFICINAS -------------------------------------------*/

#picture{
	
	background:url('../images/content/img-mapa.jpg') no-repeat right top;
	width:1000px;
	height:325px;
	margin-top:-17px;
	overflow:hidden;
	position:relative;
	
} 
		
.more{ position:relative; width:auto; height:23px; background:url('dim.png'); border:0; padding:5px; text-align:left;}
.more img{
	
	border:0px;
}		
.more span{left:35px; width:120px; padding:10px 0 15px 0px; color:#2c2822; font:bold 13px Arial, sans-serif; text-shadow:#b3aa99 1px 1px 0px; }
			
/* Item Specific More Button */
	#laredo{ top:80px; left:480px;}
	#laredo span{
		position:relative;
		top:-5px;
		width:120px;
		left: 0px;
		
	}

	
	#nuevo-laredo{ top:133px; left:470px; }
	#nuevo-laredo span{
		position:relative;
		top:0px;
		width:120px;
		left: -5px;
		
	}
	#mty{ top:100px; left:450px;}
	#mty span{
		position:relative;
		top:-5px;
		width:120px;
		left: -2px;
		
	}

	#guadalajara{ top:130px; left:410px;}
	#guadalajara span{
		position:relative;
		top:-5px;
		width:120px;
		left: -135px;
		
	}

	#manzanillo{ top:120px; left:425px;}
	#manzanillo span{
		position:relative;
		top:-1px;
		width:120px;
		left: -130px;
		
	}

	#df{ top:75px; left:460px;}
	#df span{
		position:relative;
		top:-1px;
		width:120px;
		left: -3px;
		
	}

	#hidalgo{ top:95px; left:570px;}
	#hidalgo span{
		position:relative;
		top: -5px;
		width:120px;
		left: -5px;
		
	}
.more a{
	
	border-width:0px;
}
			
			/* General Info Box */
			#infobox{ position:absolute; bottom:-200px; left: 500px; height:auto!important; width:250px; z-index:20; margin:5px 0 -100px -200px; background:#e9e3cf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;border:1px solid #bfb69a; }
#infobox p{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#3d3d3d;
	margin: 0px auto 20px auto;;
	
}
#infobox img{
	
	border:0px;
}
				#infobox a, #infobox a:visited{ font-family:Arial, Helvetica, sans-serif; color:#555; text-decoration:none;border-width:0px; }
				#infobox a:hover{ text-decoration:none; }
				
											
			/* The dimmed background when the info box is showing */	
		.whitef{ color:#FFFFFF;}
		.whitef a{ color:#FFFFFF; text-decoration:none;}





/* ------------------------------ CONTACTO --------------------------------------*/

#frm-contact{

	position:relative;
	margin:33px auto 0px auto;
	
	width:400px;
	height:340px;
	
	background:#dfddd8;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     
     border: 1px solid #b5b1a5;

	
}
#frm-contact input[type=text], #frm-contact textarea{
	
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../images/forms/text-box.png') no-repeat left top;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#d79e2b;
	
	outline:none;
	
    width: 350px;  height:42px;
    margin: 8px auto 0px auto;
    padding: 0 10px 0 60px;
    opacity:0.8;
    
	
}

#frm-contact input[type=text]:hover, #frm-contact textarea:hover{ opacity:1;}
#frm-contact textarea{

	width: 350px;  height:84px;
	padding: 10px 10px 0 60px;
	background-position:0px -340px;
	
}
#frm-contact textarea:focus{

	background-position:0px -424px;
	
}
#frm-contact .name input{
	background-position:0px 0px;
}
#frm-contact .name input:focus{
	background-position:0px -42px;
}
#frm-contact .company input{
	background-position:0px -85px;
}
#frm-contact .company input:focus{
	background-position:0px -128px;
}
#frm-contact .mail input{
	background-position:0px -171px;
}
#frm-contact .mail input:focus{
	background-position:0px -214px;
}
#frm-contact .phone input{
	background-position:0px -256px;
}
#frm-contact .phone input:focus{
	background-position:0px -298px;
}

#frm-contact button{

	cursor:pointer;
	width:100px; height: 30px;
	font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#cbc9c5;
	background:#7b7b7b; border: 1px solid #cbc9c5;
	margin: 8px auto;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;

	
}
#frm-contact button:hover{

	color:#f9f7f4;
	background:#cf9623; border: 1px solid #cbc9c5;
	
}