/* CSS Document */
#checkout{
	display:block;
	width:565px;
	height:440px;
	padding:0px;
	margin:0px;
	background: #ECF0DF;
	border-radius: 5px;
	border:5px solid #FFF;
}

#checkout h1{
	position: relative;
	top: 0px;
	left: 0px;
	clear: both;
	display: block;
	width: 545px;
	height: 19px;
	padding: 10px 10px;
	margin: 0px 0px 2px 0px;
	font: 16px swis721bt, Arial, Helvetica, sans-serif;
	color: #344752;
	text-transform: uppercase;
}




#checkout p{
	position:absolute;
	top:75px;
	left:20px;
	width:466px;
	font:12px Arial, Helvetica, sans-serif;
	height:auto;
	overflow:hidden;
}

#checkout #scroll{
	position:absolute;
	top:55px;
	left:0px;
	width:565px;
	height:385px;
	overflow:auto;
	overflow-x: hidden;
}


#checkout #checkoutFrm{
	position:relative;
	padding:10px 10px;
}

#checkout #checkoutFrm fieldset{
	width:520px;
	padding:0px 0px;
	margin:10px 0px 10px 0px;
	border:none;
}


#checkout #checkoutFrm legend{
	display: block;
	width: 100%;
	padding: 3px 10px;
	margin: 0px;
	font: 12px swis721bt, Arial, Helvetica, sans-serif;
	color: 	#FFF;
	text-transform: uppercase;
	background:#97AF21;
	border-radius: 4px;

}


#checkout #checkoutFrm label.w100{
	position:relative;
	display: block;
	width:466px;
	height:auto;
	float:left;
	margin:10px 0px 0px 2px;
	font:12px Arial, Helvetica, sans-serif;
	color:#344752;
}

#checkout #checkoutFrm textarea{
	position:relative;
	display: block;
	width:445px;
	height:50px;
	margin:3px 0px 3px 0px;
	padding:8px 8px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666;
	border:none;
    border-radius:5px;
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
}

#checkout #checkoutFrm textarea:focus{
	background: #FFC;
}




#checkout #checkoutFrm  label.w50{
	position:relative;
	top:5px;
	left:5px;
	display: block;
	width:200px;
	height:52px;
	float:left;
	margin:3px 18px 3px 0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#344752;
}


#checkout #checkoutFrm  label.w25{
	position:relative;
	top:5px;
	left:5px;
	display: block;
	width:89px;
	height:52px;
	float:left;
	margin:3px 18px 3px 0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#344752;
}



#checkout #checkoutFrm  input[type='text'], #checkout #checkoutFrm  input[type='password']{
	position:relative;
	display: block;
	width:98%;
	height:22px;
	margin:3px 0px 3px 0px;
	padding:3px 4px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#344752;
	border:none;
    border-radius:5px;
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
}

#checkout #checkoutFrm  input[type='text']:focus, #checkout #checkoutFrm  input[type='password']:focus{
	background: #FFC;
}

#checkout #checkoutFrm  select{
	position:relative;
	float:left;
	display: block;
	width:100%;
	height:27px;
	margin:3px 0px 3px 0px;
	padding:3px 4px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#344752;
	border:none;
    border-radius:5px;
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,.6);
}

#checkout #checkoutFrm  select:focus{
	background: #FFC;
}




#checkout #checkoutFrm  input[type='submit'] {
	position:relative;
	display: block;
	width:206px;
	height:28px;
	font: 12px swis721bt, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
	background:#344752 url(../imagenes/btn_bg.png) repeat-x center center;
	border:none;
	border-radius: 12px;
	cursor:pointer;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow:0px 0px 2px rgba(0,0,0,.3);
}



#checkout #checkoutFrm input[type='submit']:hover {
	background:#344752;
	-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
}






/**************** CART **************/


fieldset#pedido table{
    position:relative;
    display:table;
    width:100%;
    border-collapse:collapse;
}

fieldset#pedido table thead tr{

}

fieldset#pedido table thead td{
    font:bold 12px Arial, Helvetica, sans-serif;
    padding:5px 5px;
}

fieldset#pedido table tfoot tr{
}

fieldset#pedido table tfoot td{
    font:bold 12px Arial, Helvetica, sans-serif;
    padding:5px 5px;
}


fieldset#pedido table tbody tr td{
    display:table-cell;
    font: 12px Arial, Helvetica, sans-serif;
    padding:3px 2px 3px 2px;
    height:30px;
    color:#3D3D3D;
}

fieldset#pedido table tbody tr td .foto{
    display:block;
    width:30px;
    height:30px;
    background:#EDEDED;
    border:3px solid #FFF;
    border-radius:4px;
}

fieldset#pedido table tbody tr td span{
    font:11px Arial, Helvetica, sans-serif;
    color:#666;
}

fieldset#pedido table tbody tr td h2{
    font:bold 11px swis721bt, Arial, Helvetica, sans-serif;
    color:#344752333;
    margin:0;
    padding:0;
}

fieldset#pedido table tbody tr td input.cant{
    display:block;
    width:26px;
    border-radius:4px;
    padding:6px 2px 0px 2px;
    text-align:center;
    border:1px solid #CCC;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#3D3D3D;
    -moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,.6);
    -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.6);
    box-shadow:inset 1px 1px 2px rgba(0,0,0,.6);
}