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

body{
	width:1000px;
	margin:0 auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e3e3e3;
	border-left-color: #e3e3e3;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;	
	}
a{
	color:#00467f;
	text-decoration:none;
	}
a:hover{
	color:#309dcf;	
	}
h1{
	color:#00467f;
	}
h1 a{
	color:#00467f;	
	text-decoration:none;
	
	}
h2{
	color:#309dcf;
	font-size:13px;	
  }
h2 a{
	text-decoration:none;	
  }
ul li{
	list-style-image:url(../images/img_list.jpg);
	list-style-position: inside;	
	
	}

p{
	text-align:justify;
	color:#333;
		
	}
#clear{
	clear:both;
	}
#topqsomos{	
	background-image:url(../images/top_qsomos.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	}
#topProductos{	
	background-image:url(../images/top_productos.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	}
#topContacto{	
	background-image:url(../images/top_contacto.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	}
#topDynablast{	
	background-image:url(../images/top_dynablast.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topDynagraft{	
	background-image:url(../images/top_dynagraft.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topDynamatrix{	
	background-image:url(../images/top_dynamatrix.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topRenova{	
	background-image:url(../images/top_renova.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topRestore{	
	background-image:url(../images/top_restore.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topStage1{	
	background-image:url(../images/top_stage1.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topPrima{	
	background-image:url(../images/top_prima.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topMax{	
	background-image:url(../images/top_max.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topCoaxis{	
	background-image:url(../images/top_coaxis.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topTrinex{	
	background-image:url(../images/top_trinex.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topGenesis{	
	background-image:url(../images/top_genesis.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
#topImpParalelos{	
	background-image:url(../images/top_imp_paralelos.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:120px;
	margin-top: 25px;
	}
	
/* CAJAS */

#caja{
	width:250px;
	height:250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 8px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    1px 1px 8px rgba(50, 50, 50, 0.40);
	box-shadow:         1px 1px 8px rgba(50, 50, 50, 0.40);
	float:left;
	margin:0 30px 20px 20px;
	padding:10px 0 0 0;
	}
#caja h2{
	padding:0 0 0 10px;
	color:#309dcf;
	font-size:13px;
	}
	
#caja h2 a{
	color:#309dcf;
	font-size:13px;
	}	
#caja #textoCaja{
	padding:0 10px 0 10px;
	text-align:left;
	color:#666;	
	}
#caja2{
	width:250px;
	height:280px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 8px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    1px 1px 8px rgba(50, 50, 50, 0.40);
	box-shadow:         1px 1px 8px rgba(50, 50, 50, 0.40);
	float:left;
	margin:0 30px 20px 20px;
	padding:10px 0 0 0;
	}
#caja2 h2{
	padding:0 0 0 10px;	
	color:#309dcf;
	font-size:13px;
	line-height:6px;
	}	
#caja2 h2 a{	
	color:#309dcf;
	font-size:13px;
	line-height:6px;
	}	
#caja2 #textoCaja{
	padding:0 10px 0 10px;
	text-align:left;
	color:#666;	
	}

#caja3{
	width:350px;
	height:250px;	
	float:left;
	margin:20px 30px 20px 60px;
	padding:10px 0 0 0;
	}
	
#cajaBeige{
	background-color:#f0ede6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 20px 20px 20px 0 ;
	padding:20px;
	width:541px;
	height:170px;
	}
#textoCajaBeige{
	margin: 0 0 0 230px;
	}
#textoCajaBeige p{
	color:#333;
	}
	
#cajaBeige2{
	background-color:#f0ede6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 20px 20px 20px 0 ;
	padding:20px;
	width:541px;
	height:660px;
	}
#cajaBeige2 h2{
	color:#333;
	}
	#cajaBeige2 h1{
	color:#333;
	font-size:18px;
	}
#textoCajaBeige2{
	margin: 0 0 0 185px;
	}
#textoCajaBeige2 p{
	color:#333;
	}
#textoCajaBeige2 h2{
	color:#333;
	font-size:16px;
	}
	
/* BOTON DE MENU*/

.css3button a {
	text-decoration:none;	
	color:#FFF;
	
	}
.css3button a:hover{
	text-decoration:none;		
	}
#menu{	
	height:67px;
	float:right;
	margin:35px 20px 29px 0px;
	}
#menu ul li{
	float:left;	
	}
#menu ul li a{
		
	}
.css3button {
	text-align:center;
	width:95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	list-style:none;
	padding: 11px 20px;
	margin: 0 2px 0 2px;
	background: -moz-linear-gradient(
		top,
		#015091 0%,
		#00467f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#015091),
		to(#00467f));
		background-color:#00467f;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 0px solid #024070;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
.css3button:hover{
	text-align:center;
	width:95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	list-style:none;
	padding: 11px 20px;
	margin: 0 2px 0 2px;
	background: -moz-linear-gradient(
		top,
		#858585 0%,
		#858585);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#858585),
		to(#858585));
		background-color:#858585;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 0px solid #024070;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

/*BOTON VOLVER*/
#btnVolver a {
	text-decoration:none;	
	color:#FFF;
	}
#btnVolver a:hover{
	text-decoration:none;		
	}
#btnVolver {
	float:right;
	text-align:center;
	width:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	list-style:none;
	padding: 6px 15px;
	margin: 0 5px 10px 5px;
	background: -moz-linear-gradient(
		top,
		#015091 0%,
		#00467f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#015091),
		to(#00467f));
		background-color:#00467f;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0px solid #024070;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

#logoKeystone{
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	width:339px;
	height:67px;
	margin:30px 0 29px 40px;
	float:left;
	}

#header{
	height:126px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #00467f;	
	}
#contentIndex{
	height:526px;
	/*background-image:url(../images/imgHome01.jpg);
	background-repeat:no-repeat;*/
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #b8b8b8;		
	}
#contentqsomos{
	margin:10px 10px 0 45px;
	width:510px;
	float:left;
	}
#content{
	margin:10px 50px 30px 50px;
	min-height:300px;	
	}
#contentProd{
	margin:10px 50px 30px 50px;
	min-height:300px;	
	}
#imgqsomos{
	background-image:url(../images/foto_qsomos.jpg);
	background-repeat:no-repeat;
	width:400px;
	height:250px;
	float:right;
	margin:20px 20px 0 10px;	
	}
.imgExpand{
	cursor:pointer;
	}
	
/* SUBMENU */	

#submenu{
	/*background-color:#f48f9b;*/
	background-color: #eeeeee;
	height: 25px;
	color: #00467f;
	font-size: 12px;
	padding-left: 45px;
	line-height: 25px;
	float: left;
	margin-bottom: 20px;
	width: 955px;	
	}
#submenu a{
	text-decoration:none;
	color:#333;
	}
#submenu a:hover{
	color:#309dcf;
	}		
	
#carrusel{
	height:130px;
	margin:20px 0 0 30px;	
	}
#respuesta{
	text-align:center;
	padding-top:30px;
	font-size:20px;
	color:#666;
	}	
#footer{
	height:120px;
	background-color: #00467f;
	}
	
#footer a{
	color:#FFF;
	text-decoration:none;
	}
#footer p{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:15px;
	margin:0px 0 0 20px;
	float:left;
	clear:both;
	}
#footer h2{
	font-family:Tahoma, Geneva, sans-serif;
	padding:25px 0 0 20px;
	color:#FFF;
	font-size:14px;
	float:left;
	}