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

	body {
		background: #CCC url(img/bg_body.png) top left repeat-x;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 14px;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

		#head {
			height: 171px;
			}
			#header {
				height: 65px;				
				padding: 5px 0 0 0;
			}
				#header h1 {
					margin: 0;
					float: left;
				}
					#header h1 a {
						display: block;
						width: 251px;
						height: 61px;
						text-indent: -9999px;
						background: url(img/logo.png);
					}
				#header p.skf {
					float: right;
					margin: 0 0 0 30px;
					width: 89px;
					background: url(img/logo_skf.png);
					height: 53px;
					text-indent: -9999px;
				}
				#header p.avendedor {
					float: right;
					padding: 14px 0 0 0;
					margin: 0;
				}
					#header p.avendedor a {
						display: block;
						background: #0081BB;
						padding: 5px 10px;
						color: #FFF;
						text-decoration: none;
						text-shadow: 0 1px 0 #000;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
			#menu {
				width: 970px;
				border-top: 1px solid #333;
				height: 40px;
				padding: 60px 0 0 0;
			}
				body.home #menu {
					background: url(img/bg_menu-home.jpg)
				}
				body.nosotros #menu {
					background: url(img/bg_menu-nosotros.jpg)
				}
				body.servicios #menu {
					background: url(img/bg_menu-servicios.jpg)
				}
				body.documentacion #menu {
					background: url(img/bg_menu-documentacion.jpg)
				}
				body.documentacion #menu {
					background: url(img/bg_menu-documentacion.jpg)
				}
				body.productos #menu {
					background: url(img/bg_menu-productos.jpg)
				}
				body.contactos #menu {
					background: url(img/bg_menu-contactos.jpg)
				}
				
				#menu ul {
					margin: 0;
					padding: 0;
					height: 40px;
					padding: 0 10px;
					list-style: none;
					background: url(img/bg_menu.png) top left repeat-x;
				}
					#menu ul li {
						float: left;
						margin: 0 1px 0 0;
						padding: 0;
					}
						#menu ul li a {
							display: block;
							height: 36px;
							padding: 4px 18px 0 18px;
							line-height: 36px;
							text-decoration: none;
							color: #FFF;
							background-position: top left;
							background-repeat: repeat-x;
							background-image: url(img/bg_btn.png);
						}
							#menu ul li.sel a, #menu ul li a:hover {
								background-position: bottom left;
								color: #000;
								text-shadow: 1px 1px 1px #FFF;
							}
							/*
							#menu ul li a#btn_home {
								background-image: url(img/bg_btn-home.png);
							}
							#menu ul li a#btn_quie {
								background-image: url(img/bg_btn-quie.png);
							}
							#menu ul li a#btn_serv {
								background-image: url(img/bg_btn-serv.png);
								color: #FFF;
								text-shadow: -1px -1px 1px #000;
							}
							#menu ul li a#btn_docu {
								background-image: url(img/bg_btn-docu.png);
							}
							#menu ul li a#btn_prod {
								background-image: url(img/bg_btn-home.png);
							}
							#menu ul li a#btn_noti {
								background-image: url(img/bg_btn-quie.png);
							}
							#menu ul li a#btn_cont {
								background-image: url(img/bg_btn-serv.png);
								color: #FFF;
								text-shadow: -1px -1px 1px #000;
							}
 */
/*///////////////////////////////////////////////////////////////////////////*/

	#title {
		height: 60px;
		padding: 0 10px;
		border-bottom: 1px solid #333;
		background-image: url(img/bg_title.png);
	}
		#title h2 {
			margin: 0;
			line-height: 60px;
			font-size: 32px;
			text-shadow: 0px 1px 0px #FFF;
			color: #333;
			border: 0;
			float: left;
		}
		#title p{
			float: right;
			margin: 0;
			height: 44px;
			padding: 8px 0;
			line-height: 44px;
		}
		
		#opciones_resumen_pedido p  {
			margin: 0;
			height: 44px;
			width: 170px;
			padding: 8px 0;
			line-height: 44px;
		}
		
		#opciones_resumen_pedido{
			list-style: none;
		}
		
			#title p a, #opciones_resumen_pedido p a {
				display: block;
				background: url(img/bg_btn-r-title.png) top right no-repeat;
				padding: 0 7px 0 0;
				text-decoration: none;
				margin-left: 5px;
			}
				#title p a span, #opciones_resumen_pedido p a span {
					display: block;
					height: 44px;
					line-height: 43px;
					font-size: 13px;
					color: #FFF;
					background: url(img/bg_btn-title.png) top left no-repeat;
					padding: 0 10px 0 17px;
					text-shadow: -1px -1px 1px #000;
				}
				
				#title p a span.icono_pedido, #opciones_resumen_pedido p a span.icono_pedido {
					background: url(img/bg_btn-title_resumen.png) top left no-repeat;
					padding-left: 35px;
				}
/*
	body.home div#title {
		background-image: url(img/bg_title-home.png);
		border-color: #C07300;
	}
	body.nosotros div#title, body.noticias div#title {
		background-image: url(img/bg_title-nosotros.png);
		border-color: #4693BF;
	}
	body.servicios div#title {
		background-image: url(img/bg_title-serv.png);
		border-color: #402891;
	}
		body.servicios div#title h2, body.contactos div#title h2 {
			text-shadow: -1px -1px 1px #000;
			color: #FFF;
		}
	body.documentacion div#title {
		background-image: url(img/bg_title-docu.png);
		border-color: #333;
	}
*/
	div#title.titecoseal {
		background-image: url(img/bg_title-ecoseal.png);
	}

/*///////////////////////////////////////////////////////////////////////////*/
	
	#slider ul li div h3 {
		margin: 0 0 10px 0;
		font-size: 17px;
		letter-spacing: 0;
		font-weight: normal;
		color: #FFF;
		text-shadow: 1px 1px 1px #000;
		border: 0;
	}
		#slider ul li div {
			color: #FFF;
			font-size: 13px;
		}
			#slider ul li div div.slidetit {
				width: 100px;
				padding: 0 10px 0 0;
				height: 340px;
				float: left;
			}
			#slider ul li div div.slidecont {
				width: 460px;
				height: 340px;
				float: right;
			}
		#slider img {
			max-width: 460px;
			max-height: 340px;
		}
		
		
		#slider-video {
			background: #0F1B6B;
		}
			
		#slider-docs {
			background: #09448B;
		}
		#slider-serv {
			background: #06589B;
		}
		#slider-prod {
			background: #0081BB;
		}
		
		#slider a {
			color: #FFF;
			text-decoration: none;
		}

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

.col2{width:110px;float:left;margin:0 10px 10px 0}
.col3{width:170px;float:left;margin:0 10px 10px 0}
.col4{width:230px;float:left;margin:0 10px 10px 0}
.col5{width:290px;float:left;margin:0 10px 10px 0}
.col6{width:350px;float:left;margin:0 10px 10px 0}
.col7{width:410px;float:left;margin:0 10px 10px 0}
.col8{width:470px;float:left;margin:0 10px 10px 0}
.col9{width:530px;float:left;margin:0 10px 10px 0}
.col10{width:590px;float:left;margin:0 10px 10px 0}
.col11{width:650px;float:left;margin:0 10px 10px 0}
.col12{width:710px;float:left;margin:0 10px 10px 0}
.col13{width:770px;float:left;margin:0 10px 10px 0}
.col14{width:830px;float:left;margin:0 10px 10px 0}
.col15{width:890px;float:left;margin:0 10px 10px 0}
.col16{width:950px;float:left;margin:0 0 10px 0}
.colr{float:right;margin:0}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#main {
		background: #FFF;
		padding: 10px;
	}
 	#cont {
 		float: right;
 		width: 710px;
 		padding: 0 10px 0 0;
 		margin: 0;
 	}
 	
 	#side {
 		float: left;
 		width: 230px;
 		margin: 0 0 0 10px;
 		padding: 0;
 	}
	h2 {
		font-size: 26px;
		line-height: 26px;
		height: 26px;
		font-weight: normal;
		color: #F90;
		border-bottom: 1px solid #F90;
		margin: 0 0 20px 0;
	}
	h3 {
		font-size: 20px;
		line-height: 26px;
		height: 26px;
		font-weight: normal;
		text-shadow: 1px 1px 1px #FFF;
		margin: 0 0 10px 0;
		color: #4693BF;
		border-bottom: 1px solid #4693BF;
	}
	p {
		margin: 0 0 24px 0;
	}
	a {
		color: #4693BF;
	}
	
	.box {
		margin: 0 0 10px 0;
	}
		.box ul {
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
			.box ul li {
				margin: 0;
				padding: 0;
			}
				.box ul li a {
					display: block;
					text-decoration: none;
					padding: 3px 0;
				}
	
	.blue {
		background: url(img/bg_box-blue.png) bottom no-repeat;
	}
		.blue div.cont_box {
			padding: 5px 10px;
			background: transparent url(img/top_box-blue.png) top no-repeat;
		}
		.blue h3 {
			padding: 3px 0 4px 24px;
			color: #4693BF;
			border: 0;
		}
		.blue ul {
			list-style-image: url(img/bullet2.png);
		}
			.blue ul li a {
				color: #402891;
			}
			.blue ul li a:hover {
				color: #4693BF;
			}
		
	.yellow {
		background: url(img/bg_box-yellow.png) bottom no-repeat;
	}
		.yellow div.cont_box {
			padding: 5px 10px;
			background: transparent url(img/top_box-yellow.png) top no-repeat;
		}
		.yellow h3 {
			padding: 3px 0 4px 24px;
			color: #F90;
			border: 0;
		}
		.yellow ul {
			list-style-image: url(img/bullet3.png);
		}
			.yellow ul li a {
				color: #7D4600;
			}
			.yellow ul li a:hover {
				color: #F90;
			}
		
		
	.produl {
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}
		.produl li {
			margin: 0;
			padding: 0;
		}
			.produl li a {
				display: block;
				padding: 2px 0;
				border-top: 1px solid #FFF;
				border-bottom: 1px solid #FFF;
				color: #4692BF;
				text-decoration: none;
			}
				.produl li a:hover {
					border-top: 1px solid #CCC;
					border-bottom: 1px solid #CCC;
					background: #F2F2F2;
				}
 
	.newsul {
		margin: 0 0 20px 0;
		padding: 0;
		list-style-type: none;
	}
		.newsul li {
			margin: 0 0 10px 0;
			padding: 0;
			min-height: 60px;
		}
			.newsul li a {
				display: block;
				color: #333;
				text-decoration: none;
			}
				.newsul li a:hover {
					color: #4692BF;
					text-decoration: underline;
				}
			.newsul li img {
				float: left;
				margin: 0 10px 0 0;
				border: 1px solid #CCC;
			}
 
	.questul {
		margin: 0 0 10px 0;
		padding: 0 0 0 10px;
		list-style-image: url(img/bullet4.png);
	}
		.questul li {
			margin: 0 0 10px 0;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #CCC;
		}
			.questul li a {
				display: block;
				color: #4693BF;
				text-decoration: none;
				margin: 0;
				padding: 0;
				line-height: 18px;
			}
				.questul li a:hover {
					color: #4692BF;
					text-decoration: underline;
				}
				
				
	.questform {
		margin: 0;
		padding: 0;
	}
		.questform fieldset {
			margin: 0;
			padding: 0;
			border: 0;
		}
			.questform label {
				margin: 0;
				display: block;
				height: 16px;
			}
				.questform input {
					border: 1px solid #CCC;
					width: 200px;
					height: 16px;
					padding: 2px;
				}
				.questform textarea {
					border: 1px solid #CCC;
					width: 200px;
					height: 60px;
					padding: 2px;
				}
				
				
/*///////////////////////////////////////////////////////////////////////////*/

	.ecosearch {
		margin: 0 10px 0 0;
		padding: 8px 0 0 0;
		float: right;
	}
		.ecosearch fieldset {
			padding: 10px;
			border: 0;
			margin: 0;
			height: 24px;
			width: 200px;
			background: transparent url(img/bg_ecosearch.png)
		}
		.ecosearch label {
			display: block;
		}
		.ecosearch fieldset input[type="text"] {
			width: 155px;
			border: 1px solid #999;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			height: 16px;
			padding: 3px;
			margin: 0;
		}
		.ecosearch fieldset input[type="submit"] {
			width: 30px;
			border: 0;
			height: 24px;
			margin: 0;
			display: block;
			float: right;
			background: transparent url(img/ecosearch.png);
			text-indent: -9999px;
		}

	.ecos {
		width: 450px;
		height: 80px;
		margin: 0 0 10px 0;
		padding: 10px;
		background: url(img/bg_ecoseal.png);
		float: left;
		position: relative;
	}
		.ecor {
			float: right;
		}
		.ecos a {
			color: #1D3C4E;
		}
			.ecos a img {
				float: left;
				margin: 0 20px 0 0;
			}
		.ecos h4 {
			color: #F90;
			margin: 0 0 10px 0;
		}
		.ecos p {
			color: #356F91;
			margin: 0 0 10px 0;
		}

		/****/

	.ecos form {
            margin: 0;
            padding: 0;
            position: absolute;
            bottom: 4px;
            right: 4px;
        }
            .ecos form fieldset {
                margin: 0;
                padding: 0;
                border: 0;
		height: 25px;
		width: 130px;
		line-height: 20px;
            }
                .ecos label {
			font-size: 12px;
			color: #666;
			text-shadow: 0 1px 0 #FFF;
			float: left;
                }
                .ecos fieldset input[type="text"] {
			height: 14px;
			padding: 2px;
			width: 24px;
			text-align: right;
			border: 1px solid #CCC;
			margin: 0 4px 0 4px;
			float: left;
                }
                .ecos button {
                    display: block;
                    float: right;
                    border: 0;
                    padding: 0;
                    height: 16px;
                    width: 16px;
                    background: transparent url(img/icon_add.png) top right no-repeat;
                    text-indent: -9999px;
                    margin: 1px 0 0 0;
                    cursor: pointer;
                    font-size: 12px;
                }
		
		.ecos a.delete_pedido{	
			display: block;
			float: right;
			border: 0;
			padding: 0;
			height: 16px;
			width: 16px;
			padding-top: 1px;
			margin-left: 4px;
		}
		
		/****/
	.prods {
		width: 450px;
		height: 80px;
		margin: 0 0 10px 0;
		padding: 10px;
		background: url(img/bg_prods.png);
		float: left;
		position: relative;
	}
		.prodr {
			float: right;
		}
		.prods a {
			color: #1D3C4E;
		}
			.prods a img {
				float: left;
				margin: 0 20px 0 0;
			}
		.prods h4 {
			color: #F90;
			margin: 0 0 4px 0;
		}
		.prods p {
			color: #356F91;
			margin: 0 0 10px 0;
		}
        .prods form {
            margin: 0;
            padding: 0;
            position: absolute;
            bottom: 4px;
            right: 4px;
        }
            .prods form fieldset {
                margin: 0;
                padding: 0;
                border: 0;
		height: 25px;
		width: 130px;
		line-height: 20px;
            }
                .prods label {
			font-size: 12px;
			color: #666;
			text-shadow: 0 1px 0 #FFF;
			float: left;
                }
                .prods fieldset input[type="text"] {
                    height: 14px;
                    padding: 2px;
                    width: 24px;
                    text-align: right;
                    border: 1px solid #CCC;
                    margin: 0 4px 0 4px;
			float: left;
                }
                .prods button {
                    display: block;
                    float: right;
                    border: 0;
                    padding: 0;
                    height: 16px;
                    width: 16px;
                    background: transparent url(img/icon_add.png) top right no-repeat;
                    text-indent: -9999px;
                    margin: 1px 0 0 0;
                    cursor: pointer;
                    font-size: 12px;
                }
				
				.prods a.delete_pedido{
					display: block;
                    float: right;
                    border: 0;
                    padding: 0;
                    height: 16px;
                    width: 16px;
					padding-top: 1px;
					margin-left: 4px;
				}

	.add_producto_pedido{
		width: 130px;
		height: 25px;
		margin: 0 0 20px 0;
		padding: 10px;
		float: left;
		position: relative;
	}
		
	
	.add_producto_pedido form {
            margin: 0;
            padding: 0;
            position: absolute;
            bottom: 4px;
            right: 4px;
        }
	
        .add_producto_pedido form fieldset {
                margin: 0;
                padding: 0;
                border: 0;
		height: 25px;
		width: 130px;
		line-height: 20px;
        }
	
	.add_producto_pedido label {
		font-size: 12px;
		color: #666;
		text-shadow: 0 1px 0 #FFF;
		float: left;
		margin-right: 4px;
        }
		
	.add_producto_pedido fieldset input[type="text"] {
		height: 14px;
                padding: 2px;
                width: 24px;
                text-align: right;
                border: 1px solid #CCC;
                margin: 0 4px 0 4px;
		float: left;
	}
	
	.add_producto_pedido button {
                    display: block;
                    float: right;
                    border: 0;
                    padding: 0;
                    height: 16px;
                    width: 16px;
                    background: transparent url(img/icon_add.png) top right no-repeat;
                    text-indent: -9999px;
                    margin: 1px 0 0 0;
                    cursor: pointer;
                    font-size: 12px;
                }
				
	.add_producto_pedido a.delete_pedido{
		display: block;
                float: right;
                border: 0;
                padding: 0;
                height: 16px;
                width: 16px;
		padding-top: 1px;
		margin-left: 4px;
	}
				
	/*********************/
	
	.add_pedido{
		width: 280px;
		height: 80px;
	}

	.add_pedido b{
		display: block;
		width: 140px;
		height: 30px;
		float: left;
	}

	.add_pedido form {
            margin: 0;
            padding: 0;
        }
            .add_pedido form fieldset {
                margin: 0;
                padding: 0;
                border: 0;
		width: 130px;
            }
                .add_pedido label {
                    font-size: 12px;
                    color: #666;
                    text-shadow: 0 1px 0 #FFF;
                }
                .add_pedido fieldset input[type="text"] {
                    height: 14px;
                    padding: 2px;
                    width: 24px;
                    text-align: right;
                    border: 1px solid #CCC;
                    margin: 0 4px 0 0;
                }
                .add_pedido button {
                    display: block;
                    float: right;
                    border: 0;
                    padding: 0;
                    height: 16px;
                    width: 16px;
                    background: transparent url(img/icon_add.png) top right no-repeat;
                    text-indent: -9999px;
                    margin: 1px 0 0 0;
                    cursor: pointer;
                    font-size: 12px;
                }
		
	.listacats {
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}
		.listacats li {
			float: left;
			margin: 0;
			padding: 0;
			width: 230px;
			height: 32px;
		}
			.listacats li a {
				display: block;
				color: #356F91;
				text-decoration: none;
				font-size: 13px;
				line-height: 16px;
				padding: 0 0 0 14px;
				background: url(img/bg_listacats.png) 0 2px no-repeat;
			}
			.listacats li a:hover {
				color: #51ACE1;
			}
	
				
/*///////////////////////////////////////////////////////////////////////////*/

	.lservicio {
		float: left;
		width: 470px;
		height: 270px;
		margin: 0 0 20px 0;
		background: url(img/bg_lservicio.png) bottom no-repeat;
	}
		.lservicio h3 {
			margin: 0 0 4px 5px;
			border: 0;
		}
		.lservicio p {
			margin: 0 0 10px 0;
		}
		.lservicio ul {
			margin: 0 10px 10px 10px;
		}
	.par {
		float: right;
	}
 
 /*///////////////////////////////////////////////////////////////////////////*/
 
	.vendedor {
		margin: 0 0 20px 0;
		padding: 20px 40px;
		background: #F8F8F8;
	}
	.vendedor fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.vendedor h4 {
		color: #4693BF;
		margin: 0 0 10px 0;
	}
	.vendedor label {
		display: block;
		width: 170px;
		float: left;
		height: 20px;
		padding: 3px 0;
		line-height: 20px;
		margin: 0 0 2px 0;
		clear: left;
	}
		.vendedor label.radio {
			clear: none;
		}
	p.pradios {
		background-color: #F8F8F8;
		padding: 0 0 0 170px;
	}
	.vendedor br {
		clear: both;
		display: block;
	}
	.vendedor input {
		width: 340px;
		border: 2px solid #CCC;
		padding: 3px;
		height: 16px;
		margin: 0 0 2px 0;
	}
		.vendedor input[type="file"] {
			height: 24px;
		}
	.vendedor textarea {
		width: 340px;
		border: 2px solid #CCC;
		padding: 3px;
		height: 120px;
		margin: 0 0 2px 0;
	}
	.vendedor ul {
		margin: 0 0 10px 0;
		padding: 0 0 0 170px;
		list-style: none;
	}
		.vendedor ul li {
			display: block;
			width: 190px;
			height: 22px;
			margin: 0;
			padding: 0;
			font-size: 0;
		}
		.vendedor ul li input[type="checkbox"] {
			float: left;
			display: inline;
			clear: none;
			padding: 0;
			width: 16px;
			height: 16px;
			margin: 0;
			border: 0;
		}
		.vendedor ul li input[type="radio"], .vendedor label.radio input {
			width: 16px;
			border: 0;
		}
		.vendedor ul li label {
			padding: 0;
			font-size: 14px;
			height: 16px;
			position: relative;
			margin: 0;
			clear: none;
			width: 160px;
			float: right;
		}
			.vendedor ul li.producto_ecoseal_img {
				width: 350px;
				height: 80px;
			}
			
			.vendedor ul li.campoimagen {
				width: 350px;
				height: 140px;
			}
				.vendedor ul li.campoimagen label {
					float: none;
					width: 200px;
					height: 30px;
				}
				.vendedor ul li.campoimagen input {
					width: 200px;
					display: inline;
				}

				.vendedor ul li.campoimagen img{
					width: 120px;
					height: 100px;
					float: left;
				}
				
				.vendedor ul li.campoimagen div.detalles_imagen_sello{
					width: 210px;
					height: 100px;
					float: right;
				}


		.vendedor span {
			display: block;
			padding: 2px 5px;
			background: #E8F5FC;
			color: #4693BF;
			font-size: 11px;
			border-radius: 3px;
			margin: 0 0 10px 170px;
			clear: both;
			width: 340px;
		}

		.vendedor div.detalles_imagen_sello span {
			width: 200px;
			margin: 5px 0 10px 0;
		}

		a.resumen{
			font-weight: bold;
		}
		
		table tr.producto-resumen-row{
			background-color: #F8F8F8;
		}
		
		table.tpedidos tr.separacion-producto-resumen{
			height: 5px;
			background-color: #fff;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#foot {
		background: url(img/bg_foot.png) top center no-repeat;
		padding: 10px 0 0 0;
		font-size: 12px;
		}
		#foot a {
			color: #3F2691;
			text-decoration: none;
			}
			#foot a:hover {
				}
                

	#sd_alert	{
			overflow: hidden;
			width: 100%;
			text-align: center;
			position: fixed;
			top: 0;
			left: 0;
			background-color: #fff;
			color: #000;
			font-size: 24px;
			line-height: 50px;
			opacity: .9;
			z-index: 600;
		}
			div#sd_alert.sd_alert_ok {
				color: #2045C6;
			}
			div#sd_alert.sd_alert_fail {
				color: #F00;
			}

	.sd_error {
		display: block;
		width: 340px;
		padding: 1px 4px;
		background-color: #F00;
		font-size: 12px;
		color: #FFF;
		font-weight: normal;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		margin: 3px 0 10px 170px;
		clear: both;
	}