@charset "utf-8";
/* #########################################################
name:			common.css
about:			for All Page
description:	structure of standard and moduleElements
container:		body
######################################################### */


/*	body
============================================================*/
body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.separador {
	width: 300px;
	height: 10px;
	margin: 0;
	padding: 0;
}

/*	image and Horizontal rule
============================================================*/

/*	anchor 
============================================================*/

a {color:#777; outline:none;}
a:hover {color:#000;}

/*	basement
============================================================*/

/*	head
============================================================*/


/*	Content
============================================================*/
#cont{
	margin-top:20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	width: 812px;
	text-align: left;
	}

#cont2{
	margin-top:20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	width: 812px;
	height:250px;
	text-align: left;
	}

#cont-box-top{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:21px;
	background-image:url(../common/images/box_top.png);
	}

#cont-box-middle{
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	background-image:url(../common/images/box_middle.png);
	background-repeat:repeat-y;
	background-position:center;
	min-height:600px;
	}

#cont-box-middle-text {
	padding-left:35px;
	padding-right:35px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
}

#cont-box-bottom{
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:21px;
	background-image:url(../common/images/box_bottom.png);
	}
		
#contLeft{
	float:left;
	width:406px;
	height: 250px;
	}

#contRight{
	float:right;
	width:406px;
	height: 250px;
	}

#col-left {
	float:left;
	padding-left:20px;
	width:120px;
	height: 250px;
}
#col-middle {
	float:left;
	margin-left:90px;
	width:470px;
	height: 350px;
	min-height:550px;
	/*display: inline;*/
}
#col-right {
	float:right;
	padding-right:50px;
	width:200px;
	height: 250px;
}

/*  categories page
============================================================*/
#box-category {
	float: left;
	background-image:url(../common/images/bg_box_category.jpg);
	height: 201px;
	width: 191px;
	margin-bottom: 20px;
	margin-left:20px;
	margin-right:20px;
	/*/*display: inline;*/*/
}

#box-category-image {
	padding-top:1px
}

#box-category-title {
margin-top:10px;
font-size: 14px;
color: red;
}

#box-category-productnumber {
padding-top:3px
}

/*	Basket right box
============================================================*/
#box-basket-top {
	width:233px;
	height:15px;
	max-height:15px;
}
#box-basket-bottom {
	width:233px;
}
#box-basket-cont {
padding-top:10px;
	padding-left: 20px;
	padding-right:20px;
	width: 233px;
	background:url(../common/images/box-sc-middle.png);
	background-repeat:repeat-y;
	text-align:left;
}
.box-basket-btn {
margin-left: 0px;
}
.box-basket-title {
font-size: 16px;
margin-top: 10px;
color: grey;
}
.box-basket-product {
font-size: 15px;
color: red;
margin-bottom: 10px;
}
.box-basket-namet {
font-weight: bold;
font-size: 13px;
}
.box-basket-tot {

}
.box-basket-totn {
float: right;
margin-right: 12px;
display: inline;
}
.box-product-line {
float:right;
margin-right:55px;
}

/*	foot
============================================================*/

#foot1{
	width:950px;
	height:150px;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	background:url(../common/images/foot1.jpg)
	}

#foot1-email {
	padding-top:70px;
	padding-left:45px;
}

#foot1-punts {
padding-top:32px;
text-align:right;
margin-right:310px;
}

#foot{
	height:40px;
	margin:20px 0 10px;
	padding-top:8px;
	text-align:left;
	background: url(../common/images/bg_foot.gif) repeat-x;
	font-size:87%;
	}
	
#footInner{
	width:812px;
	height:25px;
	margin:0 auto;
	padding:0 20px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	}
	
#foot p{
	float:left;
	padding-top:7px;
	}

#topy{
	padding-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
#topy a:link {text-decoration: none; color:#666666;}
#topy a:visited {text-decoration: none; color:#666666;}
#topy a:hover {text-decoration: none; color:#666666; background-color:#CCFF00;}
#topy a:active {text-decoration: none; color:#666666;}

#foot address{
	float:right;
	width:196px;
	height:10px;
	margin-top:8px;
	background: url(../common/images/copyright.jpg) no-repeat;
	text-indent:-9999px;
	/*display: inline;*/
	}

/*	Banner - common
============================================================*/	
.baner-title{
	font-weight:bold;
	font-size:20px;
	color:#FF0000;
	font-family: arial;
}

.baner-date{
	font-family: arial;
	font-size: 14px;
	padding-bottom: 10px;
}

/*	Simple banner - vertical
============================================================*/	

#sbv-image{
	float:left;
	width: 200px;
	height: 250px;
}

#sbv-right{
	float:right;
	width:200px;
	height:250px;
}

#sbv-title{
	padding-top: 20px;
	padding-left: 20px;
	font-weight:bold;
	font-size:20px;
	color:#FF0000;
	font-family: arial;
}

#sbv-date{
	padding-top:5px;
	padding-left: 20px;
	font-family: arial;
	font-size: 14px;
	padding-bottom: 10px;
}

#sbv-button1{
padding-left:18px;
}

#sbv-button2{
padding-left:18px;
}

#sbv-button3{
padding-left:18px;
}

/*	Step2 - 
============================================================*/	
.catalog_title {
	text-decoration:none; 
	color:#16afdb;
}

.catalog_title:hover {
	text-decoration:none; 
	color:#4ecdf1;
}

/*	Step4 - Product page
============================================================*/
#step4-picture0 {
	width: 350px;
	height: 260px;
	float:left;
	position:relative;
	top:0px;
	left:14px;
	margin-right:20px;
	padding-top:10px;
	background: url(../common/images/bg_product_image.png);
	/*display: inline;*/
}
.step4-min {
	float:left;
	width: 83px;
	height: 42px;
	margin-top:4px;
	padding-top:1px;
	background: url(../common/images/bg_product_min.png);
	/*display: inline;*/
}
.step4-fisheye {
	float:left;
	width: 83px;
	height: 42px;
	margin-top:22px;
	background: url(../common/images/bg_product_min.png);
	/*display: inline;*/
}
#step4-title {
	margin-top: 15px;
	font-size: 28px;
	font-family: Arial;
	font-weight: bold;
	color: #333333;
}
#step4-brand {
	margin-top: 5px;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	color: #BCD280;
}
.step4-features {
	width: 444px;
	height: 115px;
	margin-top:20px;
	margin-left:14px;
	padding-top:14px;
	background: url(../common/images/bg_product.png);
	text-align:left;
}
.step4-features-lin {
	padding-left:180px;
	margin-top: 4px;
	color: #E15A00;
	font-size:13px;
}
.step4-features-price {
	padding-left:220px;
	padding-top:8px;
	color: #FF6600;
	font-size:22px;
	font-family: arial;
	font-weight: bold;
}
#step4-specs {
/*visibility:hidden;*/
padding-top:0px;
}
#step4-specs-bg{
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	background-image:url(../common/images/box_middle.png);
	background-repeat:repeat-y;
	background-position:center;
}
.step4-box-top{
	width:444px;
	background:url(../common/images/step4-box-top.jpg);
}
.step4-box-bottom{
	width:444px;
	height:45px;
}
.step4-box-middle{
	padding-top:20px;
	margin-left:0px;
	text-align:left;
	width:444px;
	background:url(../common/images/step4-box-middle.jpg);
	background-repeat:repeat-y;
}

/* Specs table*/
.ds_header{
	background:#DDDDDD;
	font-size:11px;
	text-align:center;
	font-weight:bold;
}
.ds_label{
	background:#f4f4f4;
	border:1px solid #f4f4f4;
	font-size:11px;
	color:#666666;
	padding-left:8px;
}
.ds_data{
	border:1px solid #f4f4f4;
	font-size:11px;
	padding-left:8px;
	color:#333333;
}
#capa2{
display: none;
}


/*	Step5 - Basket
============================================================*/	
#step5-cont-top{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:150px;
	background-image:url(../common/images/step5-cont-top.png);
	}
.step5-baketline {
	background-image:url(../common/images/step5-bg_basketline.png);
	width: 800px;
	height: 110px;
	margin-left: auto;
	margin-right:auto;
	margin-top:5px;
}
.step5-baketline-30 {
	background-image:url(../common/images/step5-bg_basketline.png);
	width: 800px;
	height: 30px;
	margin-left: auto;
	margin-right:auto;
	margin-top:5px;
}
#step5-basket-footer {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height:40px;
	background-image:url(../common/images/basket-columnfooter.png);
}

/*	Step6 - Shipping
============================================================*/	
#step6-cont-top{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:150px;
	background-image:url(../common/images/step6-cont-top.png);
	}
#step6-addressbox {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height:200px;
	background-image:url(../common/images/step6-addressbox.jpg);
}

/*	Step7 - Payment
============================================================*/	
#step7-cont-top{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:150px;
	background-image:url(../common/images/step7-cont-top.jpg);
	}
#step7-cont {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height:200px;
}

/*	Step8 - POST
============================================================*/
#step8-post-cont {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height:200px;
	background-image:url(../common/images/step8-post.jpg);
}

/*	Step8 - WIRE
============================================================*/
#step8-wire-cont {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height:200px;
	background-image:url(../common/images/step7-wire.jpg);
}

/*	Step8 - OK - Payment ok
============================================================*/	
#step8-ok-cont-top{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:150px;
	background-image:url(../common/images/step8-ok-cont-top.png);
	}
#step8-ok-cont {
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height:200px;
}

/*	Step9 - KO - Payment ko
============================================================*/	
#step9-ko-cont-top{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:150px;
	background-image:url(../common/images/step9-ko-cont-top.png);
	}
#step9-ko-cont {
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height:200px;
}

/*	Text
============================================================*/
.txt1{
	font-family: Arial;
	font-size:12px;
	text-decoration:none;
	color:#0066CC;
}
.txt1 a:link {text-decoration: none; color:#666666;}
.txt1 a:visited {text-decoration: none; color:#666666;}
.txt1 a:hover {text-decoration: none; color:#666666; background-color:#CCFF00;}
.txt1 a:active {text-decoration: none; color:#666666;}

.txt2{
	font-family: Arial;
	font-size:13px;
	text-decoration:none;
	color:#333333;
}

.box_shadow {
	margin-left: 8px;
	padding: 16px 16px 40px 16px;
	font-weight: normal;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	box-shadow: rgba(200,200,200,1) 0 4px 18px;
}


/* Shop */
#category-title{
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#16afdb;
	text-decoration: none;
}
#category-title a:link {text-decoration: none; color:#16afdb;}
#category-title a:visited {text-decoration: none; color:#16afdb;}
#category-title a:hover {text-decoration: none; color:#16afdb; background-color:#CCFF00;}
#category-title a:active {text-decoration: none; color:#16afdb;}