@CHARSET "UTF-8";

/* CSS Document made by Pablo Gallardo - Daemonmedia.com */

	body {
			padding:0;
			text-align:center;
			font-family:"Trebuchet MS", Arial, Helvetica;
			font-size:14px;
			background:#00A5D2;
		}
	#bodyx {
		   background: transparent url(img/bg_sh_sd.png) center repeat-y;

	}

		
/*CLASES////////////////////////////////////////////////////////////////////////////*/	
		
		a img { 
				border:0; 
				}
		p.center { 
				text-align:center; 
				}
		p.nota { 
				color:#FF0000; 
				font-weight:bold; 
				}
		
		.top {
			  background: transparent url(img/bg_sh_top.png) no-repeat bottom;
		}
		
		.bot {
			  background:transparent url(img/bg_sh_bot.png) no-repeat top;
			  clear:both;
			  }
		.clear {
				clear:both;
		}


/*INICIO////////////////////////////////////////////////////////////////////////////*/

			#wrap {	
					padding:0;
					margin:0 auto;
					width:940px;
					}
					
				#head { 
						height:163px;
						margin:0;
						padding:0;
						background:  url(img/bg_banner.png) no-repeat left; 
						}

					#logo {
							float:right;  
							}
						#logo h1 { 
								margin:0; 
								padding:0; 
								}
						#logo h1 a { 
								display:block; 
								}
						#logo h1 a span { 
								display:none; 
								}
/*MENU////////////////////////////////////////////////////////////////////////////*/
		
		#menu {
				margin:0;
				padding:0;
				float:right;
				width:690px;
				background:transparent;
				font-size:1.1em;
				text-transform:uppercase;
				font-weight:bold;
				line-height:normal;
				}
				#menu ul { 	
						margin:0;
						padding:0;
						list-style:none;
							}
				#menu li {
						display:inline;
						margin:0 0 0 0;
						padding:0;
							}
					#menu a {
							display:block;
							float:left;
							margin: 0 6px 0 0;
							text-decoration:none;
						}
					#menu a span {
						float:left;
						display:block;
						padding:0;
						color:#003388;
					}
						
					/*#menu a span.principal {
							background:url("img/bt_pri.png") no-repeat left top;
							
					}
					
					#menu a span.nosotros {
							background:url("img/bt_nos.png") no-repeat left top;
							
					}
					
					#menu a span.servicios {
							background:url("img/bt_ser.png") no-repeat left top;
							
					}
					
					
					#menu a span.portafolio {
							background:url("img/bt_por.png") no-repeat left top;
							
					}
					
					#menu a span.clientes {
							background:url("img/bt_cli.png") no-repeat left top;
							
					}
					
					#menu a span.contactanos {
							background:url("img/bt_con.png") no-repeat left top;
					}*/
					
/*CONTENIDO////////////////////////////////////////////////////////////////////////////*/
		
		#main {	
				float:left;
				padding:0;
				margin:0 1px 0 0;
				background:#ffffff;
				}
			
/*LAYOUT - DERECHA/////////////////////////////////////////////////////////////////////*/

			#right {
						float:left;
						width:650px;
						padding:0;
						margin:0;
						}
				#right div {
						float:left;
						width:90%;
						margin:0;
						padding:10px 10px 10px 25px;
						text-align:left;
						}
				#right div p, h3, h2 ,h1 {
						padding:5px 0;
						margin:0;
						font-weight:normal;
						}
				#right h3 {
						font-size:16px;
						color: #000;
						font-weight: bold;
							}
				#right p {
						color:#666666;
						
						}
						
				#right div p span {
						font-size:1.9em;
						font-weight:bold;
						color:#B28642;
						}
				#right div p span.color_0 {
				color:#0B236C;
				}
				
				#right a { 
						color:#D10D15; 
						text-decoration:none; 
						}
				
/*TABLE////////////////////////////////////////////////////////////////////////////*/

				#table_pedidos {
					width: 600px;
					padding: 0;
					margin: 0;
				}
				
				#table_pedidos caption {
					padding: 0 0 5px 0;
					width: 600px;	 
					font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					text-align: right;
				}
				
				#table_pedidos th {
					font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					color: #4f6b72;
					border-right: 1px solid #C1DAD7;
					border-bottom: 1px solid #C1DAD7;
					border-top: 1px solid #C1DAD7;
					letter-spacing: 2px;
					text-transform: uppercase;
					text-align: left;
					padding: 6px 6px 6px 12px;
					background: #CAE8EA url(img/table_head.jpg) no-repeat;
				}
				
				#table_pedidos th.nobg {
					border-top: 0;
					border-left: 0;
					border-right: 1px solid #C1DAD7;
					background: none;
				}
				
				#table_pedidos td {
					border-right: 1px solid #C1DAD7;
					border-bottom: 1px solid #C1DAD7;
					background: #fff;
					padding: 6px 6px 6px 12px;
					color: #4f6b72;
				}
				
				
				#table_pedidos td.alt {
					background: #F5FAFA;
					color: #797268;
				}
				
				#table_pedidos th.spec {
					border-left: 1px solid #C1DAD7;
					border-top: 0;
					background: #fff url(img/table_bullet1.gif) no-repeat;
					font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				}
				
				#table_pedidos th.specalt {
					border-left: 1px solid #C1DAD7;
					border-top: 0;
					background: #f5fafa url(img/table_bullet2.gif) no-repeat;
					font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					color: #797268;
				}
				
				#table_pedidos input.cantidad {
						border: 1px solid #EAEAEA;
						width:70px;
						color:#666666;
						height:25px;
						font-size:2em;
						padding:0;
						margin:0;
						}
				#table_pedidos input.cantidad:focus {
						border-color:#CCCCCC;
						}
		

/*LAYOUT - IZQUIERDA/////////////////////////////////////////////////////////////////////*/

		#left {
					float:left;
					width:250px;
					}
			 #left div {
			 		padding:0;
					text-align:left;
					}
					
			 #left div h1, h2, h3 {
					padding:10px 0;
					}
					
				#left h3 {
					padding: 0 0 10px 20px;
					font-size:16px;
					color: #000;
					font-weight: bold;
					}
					
				#left div p {
					color:#666666;
					margin:0;
					padding:0 10px 5px 20px;
					}
					
				#left div p a {
					color:#595959;
					text-decoration:none;
					}
				
				#left div p a:hover {
					color:#940000;
					text-decoration:underline;
					}
					
				#left ul {
						padding:0;
						margin:0;
						border-bottom: 1px solid #0C287D;
						}
				#left li {
						display:block;
						margin: 8px 0 8px 0;
						padding:0 0 0 25px;
						list-style:none;
						}
					#left li.icon_0 {
						background: url(img/list_icon_5.png) no-repeat left top;
						}
					#left li.icon_1 {
						background: url(img/list_icon_1.png) no-repeat left top;
						}
					#left li.icon_2 {
						background: url(img/list_icon_2.png) no-repeat left top;
						}
					#left li.icon_3 {
						background: url(img/list_icon_3.png) no-repeat left top;
						}
					#left li.icon_4 {
						background: url(img/list_icon_4.png) no-repeat left top;
						}
				#left li a {
						padding-left: 2px;
						color:#666666;
						text-decoration:none;
						}
				#left li a:hover {
						color:#940000;
						text-decoration:underline;
						border-left:3px solid #A20404;
						}
/*FORM////////////////////////////////////////////////////////////////////////////*/		

	#form_enviar {
		width:640px;
		margin:0;
		}
			#form_enviar fieldset {
					border:0;
					margin: 0;
					padding: 50px;
				}
			#form_enviar fieldset legend {
					display: none;
					}
			
			#form_enviar label {
				display: block;
				float: left;
				width: 160px;
				padding: 3px 2px;
				font-size:14px;
				font-weight:bold;
				color:#595959;
				}
			#form_enviar input {
				margin: 0 0 10px 0;
				border: 1px solid #CCC;
				height:20px;
				width: 340px;
				font-family: "Arial", Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				padding: 4px;
				}
			#form_enviar button {
				margin:5px 24px 5px 40px;
				padding:4px 0 5px 0;
				color:#FFF;
				font-weight: bold;
				font-size:12px;
				width:98px;
				height:27px;
				border-style:none;
				background: #FFF url(img/button_selected.png) no-repeat left top;
				cursor: pointer;
				}
			#form_enviar fieldset textarea {
				font-size:14px;
				font-weight:bold;
				margin: 1px 0;
				border: 1px solid #CCCCCC;
				width: 340px;
				font-family: "Arial", Helvetica, sans-serif;
				padding: 4px;
				}
				#form_enviar p {
					text-align: right;
					padding: 0 20px 0 0;
				}

	
/*FOOT////////////////////////////////////////////////////////////////////////////*/
	#footer { 	
				float:left;
				width: 940px;
				padding: 5px 0 5px 0;
				background:#3F3F3F;
				text-align:center;
				font-size:10px;
				color:#FFFFFF;
				}
								
		#footer a {
				color:#FFF;
				text-decoration:none;
				}
		#footer a:hover { 
						text-decoration:underline; 
						}
		#footer p { 
				margin:4px 0;
				padding:0;
				}
				
		.ayuda_campo {
					background:#F3F8FC url(img/info.png) no-repeat scroll 0 0;
					border:1px dotted #035EA8;
					clear:both;
					color:#035EA8;
					font-size:16px;
					font-style:italic;
					margin:2px 4px 2px 8px;
					padding:4px 0 4px 20px;
				}