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

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #1A1515;
}

a { color:#E26A1B; text-decoration:none;}
a:hover { text-decoration:underline;}


#envoltorio { margin:0px auto 20px auto; width:900px; text-align:left; }
#header { margin:0; padding:0; height:200px; background:#271F1F; border-left:1px solid #483939; border-right:1px solid #483939; }
#header img { float:left;}
#header .logo { padding:10px 28px 8px 30px;}


/****************************************************/
/*************** Navegacion Principal ***************/
#nav-top { margin:0; padding:0px 0px 0px 10px; height:35px; background: url(images/nav-top.jpg) repeat-x; }
#nav-top ul { margin:0; padding:0px; float:left; list-style: none; }
#nav-top li { float: left; }
#nav-top a { margin:0; padding:9px 25px 10px 25px; display: block; text-decoration: none; color:#FFFFFF; font-weight: bold; }
#nav-top a:hover, a:active { color:#E26A1B;}

#Empresa #nav-top .Empresa a { color:#E26A1B; }
#Servicios #nav-top .Servicios a { color:#E26A1B; }
#Materiales #nav-top .Materiales a {color:#E26A1B; }
#Calidad #nav-top .Calidad a { color:#E26A1B; }
#Contacto #nav-top .Contacto a { color:#E26A1B; }
/****************************************************/
/****************************************************/

/*****************************************************/
/*************** Navegacion Secundaria ***************/				
.nav-left ul { margin:0; padding:0; list-style:none; }
.nav-left li { margin:0; padding:5px 0px 5px 0px; }
.nav-left a { margin:0; padding:0px 0px 4px 20px; color:#fff; text-decoration:none; line-height:16px; display:block; background:url(images/bullet.gif) no-repeat left 6px; border-bottom:1px solid #483939; }
.nav-left a:hover, a:active { color:#E26A1B; text-decoration:none; background:url(images/bullet.gif) no-repeat 165px 6px; font-weight:normal;}

#Servicios .nav-left .activo a{ color:#E26A1B; text-decoration:none; background:url(images/bullet.gif) no-repeat 165px 6px; }
/*****************************************************/
/*****************************************************/


/*****************************************************/
/********************** Wrapper *********************/
#wrapper { 
	padding:10px 10px 25px 10px;	
	background-color: #271F1F; 
	border-left:1px solid #483939; 
	border-right:1px solid #483939; 
	border-bottom:1px solid #483939; }
	
#columnleft { margin:0; padding:15px 25px 25px 15px; float:left; width:180px; }


#content { margin:0; padding:0; }
#content h2 { margin:2px; padding:5px; color:#E26A1B; }
#content p { margin:5px 5px 0px 5px; padding:10px 10px 0px 10px; text-align:justify; line-height:18px; }
#content ul	{ margin:5px 5px 0px 5px; padding:10px 10px 0px 10px; }
#content ul li { margin-left:10px; padding-left:15px; list-style:none; background:url(images/bullet.gif) no-repeat 0px 5px; line-height:14px; text-align:justify; }
#content img { margin:0px 0px 0px 0px; border:1px solid #FF6E20;}
#content .img-wrapper-right { margin:15px 10px 10px 20px; float:right; line-height:0; background:url(../imagenes/sombra-left.jpg) no-repeat left bottom; clear:left; }	
#content .img-wrapper-right img { margin:0; padding:0; position:relative; top:-4px; left:4px; border:1px solid #FF6E20; }
#content .img-wrapper-left { margin:15px 10px 10px 20px; float:left; line-height:0; background:url(../imagenes/sombra-right.jpg) no-repeat right bottom; clear:right;}	
#content .img-wrapper-left img { margin:0; padding:0; position:relative; top:-4px; left:-4px; border:1px solid #FF6E20; }

#Servicios #Content { margin:0px 0px 0px 184px; float:left;}

.tabla { margin:12px 0px 5px 10px; padding:0; width:225px; text-align:justify; border:2px solid #392D2D; border-collapse:collapse; float:right;}
.tabla tr {	text-align:center; }
.tabla th { height:30px; vertical-align:middle; border:1px solid #483939; background:#E26A1B;}
.tabla td {	height:25px; vertical-align:middle;	border:1px solid #483939; background:#E98745;}


#ubicacion { margin-left:25px; float:left;}
#ubicacion p { margin:10px 10px 10px 10px;}

#formulario { width:390px; float:right; }
#formulario form { margin: 0px 10px 0px 10px;}
#formulario label {	padding:2px 0px 0px 0px; width:60px; float:left;}
#formulario .inputText { width:150px; border-top-color: #362C2C;}
#formulario textarea { width:300px; height:100px; border-top-color: #362C2C;}
#formulario .enviar { margin:0px 0px 0px 60px;}


/*****************************************************/
/******************* Pie de Pagina ******************/
#footer { margin:0; padding: 15px 5px 0px 5px; height: 25px; clear: both;}
#footer p {	margin: 0; padding: 0; font-size: 85%;}
#legal {float: left;}
#links {float: right;}
/*****************************************************/
/*****************************************************/

.clear{
	clear:both;
}