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


	body {
		background: #002131;
		text-align: center;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 14px;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

		#head {
			height: 158px;
			padding: 15px 0 0 0;
			background: url(img/bg_head.png);
			margin: 0 0 10px 0;
			}
			#head h1 {
				margin: 0;
				padding: 0;
				float: left;
				height: 125px;
			}
				#head h1 a {
					display: block;
					width: 225px;
					padding: 0 0 0 13px;
					height: 105px;
					text-indent: -9999px;
					outline: 0;
					background: #FFF url(img/logo.png) top right no-repeat;
				}
			#head h2 {
				float: left;
				width: 240px;
				padding: 20px 0 0 20px;
				color: #CC0000;
				font-size: 18px;
				font-style: italic;
				border-left: 1px solid #CCC;
				margin: 13px 0 0 20px;
			}
			
			#head ul {
				clear: both;
				height: 24px;
				margin: 0;
				padding: 5px 0 4px 5px;
				list-style: none;
			}
				#head ul li {
					float: left;
					margin: 0;
					padding: 0;
                                        height: 24px;
				}
					#head ul li a {
						display: block;
						padding: 0 10px;
						line-height: 24px;
						height: 24px;
						outline: 0;
						color: #333;
						text-shadow: 0 1px 0 #FFF;
						text-decoration: none;
						border-radius: 4px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
					}
					#head ul li a:hover, #head ul li.sel a {
						background: url(img/bg_btn.png) top left repeat-x;
						color: #FFF;
						text-shadow: 0 -1px 0 #000;
					}
						#head ul li.pedi {
							float: right;
							margin: 0 35px 0 0;
						}
						#head ul li.pedi a {
							text-indent: 0;
							padding: 1px 4px 4px 20px;
							color: #C00;
							text-decoration: none;
							font-weight: bold;
							background: url(img/bg_pedi-btn.png) 0 5px no-repeat;
						}
							#head ul li.pedi a:hover {
								text-shadow: 0 1px 0 #FFF;
							}
							#head ul li.sel a#btn_pedi {
								text-shadow: none;
							}

 
/*///////////////////////////////////////////////////////////////////////////*/

	#banner {
		height: 160px;
		background-image: url(img/bg_splash2.png);
		margin: 0 0 1px 0;
		padding: 0 0 0 10px;
	}
		#clock {
			float: left;
			width: 160px;
			height: 160px;
			background-color:#000;
		}
		#cycle {
			float: right;
			width: 748px;
			height: 160px;
		}
			#cycle p {
				padding: 80px 20px 0 0;
				font-size: 20px;
				color: #FFF;
				text-align: right;
				font-style: italic;
				margin: 0 0 8px 0;
			}
			#cycle p.bansmall {
				padding: 3px 20px 5px 0;
				font-size: 16px;
				color: #FFF;
				text-align: right;
				font-style: italic;
			}
	 
/*///////////////////////////////////////////////////////////////////////////*/

	#main {
		background: #FFF url(img/bg_main.png) top no-repeat;
		padding: 20px 20px 14px 20px;
	}
	
 
/*///////////////////////////////////////////////////////////////////////////*/

	#cont {
		float: right;
		width: 570px;
	}
		#cont a {
			color: #00547A;
		}
			#cont a:hover {
				text-decoration: none;
			}

	#cont h2 {
			font-size: 24px;
			font-weight: normal;
			color: #0082BB;
			border-bottom: 1px solid #0082BB;
			margin: 0 0 24px 0;
		}
		#cont h2 a {
			text-decoration: none;
		}
		#cont h3 {
			font-size: 20px;
			font-weight: normal;
			color: #C00;
			border-bottom: 1px solid #CCC;
			margin: 0 0 20px 0;
		}
			#cont h3 a {
				text-decoration: none;
				color: #C00;
			}
		#cont h4 {
			font-size: 18px;
			font-weight: normal;
			color: #00588F;
			margin: 0 0 18px 0;
		}
		
		#cont img {
			max-width: 576px;
		}
		
		p.pdate {
			background: #F2F2F2;
			padding: 2px 10px;
			font-size: 10px;
			color: #666;
		}
    #side div.social {
        background: #FFF;
        border-radius: 8px;
        -ms-border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        margin: 0 0 10px 0;
        height: 50px;
        padding: 10px;
    }
        #side div.social div { background: #FFF; margin: 0; padding: 0; }
    
    .pface {
        display: block;
        width: 160px;
        height: 24px;
        background: url(img/pface.png);
        text-indent: -9999px;
        margin: 5px 0 0 0;
    }
 
/*///////////////////////////////////////////////////////////////////////////*/

	p.tech {
		text-align: right;
		padding: 0 20px 0 0;
		background: url(img/bg_ptech.png) top repeat-x;
	}
		p.tech a {
			display: inline-block;
			background: url(img/bg_tech.png) bottom right no-repeat;
			padding: 3px 0 3px 0;
			height: 24px;
			text-align: center;
			width: 140px;
			text-decoration: none;
			color: #666;
			font-size: 12px;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#cont table {
		border-top: 2px solid #CCC;
		text-align: center;
		font-size: 12px;
	}
		#cont table tr th {
			background-color: #CCE6F1;
			color: #002131;
			border-bottom: 2px solid #CCC;
		}
		#cont table tr td {
			border-bottom: 1px solid #CCC;
			text-align: left;
		}

		#cont .ctable tr td {
			padding: 8px;
		}
 	#cont table .int {
		text-align: right;
	}
	
	.tableinfo {
		text-align: left;
		margin: 0 0 20px 0;
		border-top: 2px solid #CCC;
	}
	.tableinfo tr th {
		background-color: #CCE6F1;
		color: #002131;
		border-bottom: 2px solid #CCC;
	}
	.tableinfo tr th, .tableinfo tr td {
		border-bottom: 1px solid #CCC;
	}
	
	.tableinfo tr td.int {
		text-align: right;
	}
	.txtr {
		margin: 0 0 5px 0;
	}
	
/*///////////////////////////////////////////////////////////////////////////*/

	div.prodlist {
		min-height: 160px;
		margin: 0 0 20px 0;
	}
		div.prodlist a img {
			float: left;
			margin: 0 10px 0 0;
			border: 1px solid #CCC;
		}
		div.prodlist h3 {
			border: none!important;
			margin: 0 0 10px 0;
		}
		div.prodlist h3 a {
			color: #C00!important;
			text-decoration: none;
		}
		
		
		span#ioferta img {
			border: 0;
			position: absolute;
			z-index: 10;
			margin: 1px 0 0 1px;
		}
		div.prodlist p {
			margin: 0 0 10px 0;
		}
		
		div#det_promo {
			padding: 5px 10px;
			background:#F5F5F5;
			border-top: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#slider {
		padding: 6px 6px 6px 28px;
		width: 542px;
		height: 90px;
		background: url(img/bg_slider.png) top left no-repeat;
		margin: 0 0 20px 0;
	}
		#slider div {
			padding: 9px;
			width: 522px;
			height: 72px;
		}
			#slider div ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				#slider div ul li {
					margin: 0;
					padding: 0;
					float: left;
				}
			#slider div ul li a img {
				width: 70px;
				height: 70px;
				margin: 0 14px 0 0;
				border: 1px solid #CCC;
			}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#det_tech {
		display: none;
	}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#side {
		float: left;
		width: 280px;
		background: url(img/bg_top-side.png) top no-repeat;
		padding: 6px 0 0 0;
	}
	#side div {
		padding: 4px 10px 10px 10px;
		background: #CCC url(img/bg_bottom-side.png) bottom no-repeat;
	}
	#side div p {
		margin: 0 0 10px 0;
	}
	
	#side div h3 {
		background: url(img/bg_h3-side.png) top no-repeat;
		color: #FFF;
		padding: 4px 10px;
		font-size: 18px;
		font-weight: normal;
		margin: 0 0 18px 0;
	}
	#side div h4 {
		color: #0082BB;
		border-bottom: 1px solid #0082BB;
		font-size: 16px;
	}
	
	#side ul {
		background: url(img/bg_li-side.png) top no-repeat;
		margin: 0 0 10px 0;
		padding: 1px 0 0 0;
		list-style: none;
	}
		#side ul li {
			background: transparent url(img/bg_li-side.png) bottom no-repeat;
			padding: 0 0 2px 0;
			margin: 0;
		}
			#side ul li a, #side ul li strong {
				display: block;
				background-color: transparent;
				color: #333;
				text-decoration: none;
				padding: 4px;
			}
				#side ul li a:hover {
					background-color: #D9D9D9;
					color: #000;
				}
				
		#side a {
			color: #002131;
		}
			#side a:hover {
				text-decoration: none;
			}

/*///////////////////////////////////////////////////////////////////////////*/

.txtc {
    text-align: center;
}
.txtr {
    text-align: right;
}
#cont .abtn {
    display: block;
    float: right;
    background: #002131;
    color: #FFF;
    text-decoration: none;
    padding: 3px 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	margin: 0 0 0 20px;
}
p {
	line-height: 20px;
}

/*///////////////////////////////////////////////////////////////////////////*/

	.lines {
		margin: 0 0 20px 0;
		width: 880px;
	}
		.lines h4 {
			float: left;
			width: 430px;
			line-height: 36px;
			background: #0082BB;
		}
			.lines h4 a {
				display: block;
				height: 36px;
				color: #FFF!important;
				line-height: 36px;
				padding: 0 10px;
				text-decoration: none;
			}
		.lines ul {
			float: right;
			margin: 0;
			padding: 0;
			width: 430px;
			background: #F5F5F5;
			list-style: none;
			border-top: 1px solid #CCC;
			display: none;
		}
			.lines ul li {
				margin: 0;
				padding: 0;
			}
				.lines ul li a {
					display: block;
					padding: 8px;
					text-decoration: none;
					border-bottom: 1px solid #CCC;
				}
				.lines ul li a:hover {
					background: #F9F9F9!important;
				}

/*///////////////////////////////////////////////////////////////////////////*/

.form {
    margin: 0 0 20px 0;
    padding: 0;
}
.form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
#side .form div {
    padding: 0;
    margin: 0 0 10px 0;
}
.form label {
    display: block;
}
.form input[type="text"] {
    width: 250px;
    padding: 2px;
}
.form select {
    width: 254px;
}


	.order {
		margin: 0;
		padding: 0 0 0 20px;
		width: 140px;
	}
		.order fieldset {
			margin: 0;
			padding: 0;
			border: 0;
		}
		.order legend {
			display: none;
		}
		.order input[type="text"] {
			width: 20px;
			padding: 2px;
			text-align: right;
			height: 14px;
			border: 1px solid #CCC;
		}
		.order button, .order input[type="submit"] {
			border: 0;
			width: 16px;
			height: 16px;
			text-indent: -9999px;
			cursor: pointer;
		}
		.add_to_order {
			background: url(img/add.png);
		}
		.del_order {
			background: url(img/minus.png);
		}
		
	#lista_productos {
		margin: 0 0 20px 0;
	}
		
	#formpedidos {
		margin: 0 0 20px 0;
	}
		#formpedidos fieldset {
			margin: 0 0 10px 0;
			padding: 0;
			border: 0;
		}
		#formpedidos label {
			display: block;
			float: left;
			width: 100px;
			height: 20px;
			line-height: 20px;
			margin: 0 0 5px 0;
		}
		#formpedidos input {
			width: 166px;
			border: 1px solid #CCC;
			height: 16px;
			margin: 0 0 5px 0;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
		}
			#formpedidos input.order_qty {
				width: 30px;
				text-align: right;
			}
			#formpedidos fieldset.wide textarea {
				width: 466px;
				border: 1px solid #CCC;
				margin: 0 0 5px 0;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
		#formpedidos a.del_order {
			display: block;
			float: right;
			width: 16px;
			height: 16px;
			text-indent: -9999px;
			margin: 3px 0 0 0;
		}

/*///////////////////////////////////////////////////////////////////////////*/

	#foot {
		background: transparent url(img/bg_foot.png) top no-repeat;
		padding: 10px 0 8px 0;
		font-size: 12px;
		text-align: center;
		color: #CCC;
		}
		#foot a {
			color: #FFF;
			text-decoration: none;
			}
			#foot a:hover {
				text-decoration: underline;
			}
			
/*///////////////////////////////////////////////////////////////////////////*/

	#sd_alert	{
			overflow: hidden;
			width: 100%;
			text-align: center;
			position: fixed;
			top: 0;
			left: 0;
			background-color: #fff;
			color: #000;
			font: 20px;
			line-height: 50px;
			opacity: .9;
			z-index: 600;
		}
			div#sd_alert.sd_alert_success {
				color: #090;
			}
			div#sd_alert.sd_alert_error {
				color: #F00;
			}