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

/*ESTILO PARA CARRO DE LA COMPRA*/

/*Carro*/

#carro, #carro textarea{ width: 100%; float: left; font-family:'Raleway', sans-serif; margin-top: 31px;}

#titcesta{ width: 100%; float: left;}
#carro h3{ float: left; font-size: 28px; margin-bottom: 20px; color:#000;}
#conti{ float: right; margin-bottom: 25px;}

#check{ width: 70%; float: left;}
#carro .art{ width: 100%; float: left; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid thin #ddd;}
#imgpro img{ width:85px; }
#carro .art span{ float: left; width: 15%;}
#carro .art h4{ float: left; width: 42%; padding-top: 15px; height: 55px;}
#carro .art div{ float: left; width:22%; height: 29px; margin-top: 10px; padding-top: 10px;  }
#carro .art div label{ font-size: 12px; color: #777; float: left;  margin: 5px; }
#carro .art div input[type=text]{ font-size: 12px; color: #777; float: left; width: 15px; padding: 5px; border: solid thin #aaa; margin: -5px 5px 0 5px; text-align: center;  }
#carro .art h5{ float: left; width: 15%; text-align: center; font-size: 18px; font-weight: bold; margin-top: 15px; }
#carro .art input[type=submit]{ float: right; background: url(../images/delete.png) no-repeat center center; width: 21px; height: 21px; margin-top: 15px;}


#user{ width: 100%; float: left; margin-bottom: 25px;}
#user p{ float: left; margin-right: 7px; font-size: 12px;  color: #676767; margin-bottom:0px; width: auto; }
#user a{ font-size: 12px; display: block; float: left; color: #fff; background:#5598d7; padding: 5px 12px; margin-top: -5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#user a:hover{ background:#333; }

.datos{width: 100%; float:left; padding-bottom: 25px; margin-bottom: 20px; }
.datos p{ float: left; color: #676767; font-size:12px;  margin-bottom: 10px; width: auto;}
.datos span{ float: left; color: #676767; font-size: 14px;}
.datos input[type=text], .datos input[type=password]{ border: thin solid #DDDDDD;  float: left;  margin-top: 15px;  padding: 10px 15px;  width: 100%; font-size: 13px;}
.datos label{border: thin solid #DDDDDD;  float: left;  font-size: 13px; margin-top: 15px; padding: 10px 15px;  width: 100%; font-family:'Raleway', sans-serif; color:#888; }
.datos textarea{ border: thin solid #DDDDDD;  float: left;  margin-top: 15px;  padding: 10px 15px;  width: 100%; font-size: 13px; height: 100px;}
.datos select{ margin-left: 8px;}

#conen{ width: 100%; float: left; border-bottom: thin solid #DDDDDD;  float: left; padding-bottom: 20px; margin-bottom: 25px; }
#datenv { color: #676767; font-size: 12px; float: left; width: 100%; margin-bottom: 15px;}

#pago{ margin-top: -5px; width: 100%; float: left; padding-bottom: 20px; margin-bottom: 25px; }
#pago li{ font-size:13px; color: #676767; margin:0px 0 8px 0; }

.tar{ background: url(../carro/tarjeta.png) no-repeat left center; padding: 8px 0 8px 35px;}
.transf{ background: url(../carro/transferencia.png) no-repeat left center; padding: 8px 0 8px 35px;}
.pay{ background: url(../carro/paypal.png) no-repeat left center; padding: 8px 0 8px 35px;}
.contra{ background: url(../carro/contrarembolso.png) no-repeat left center; padding: 8px 0 8px 35px;}




#pedido{ width: 25%; float: right; right: 794px; top: 65px;  }
#cuenta{ width: 100%; float: left; background: #e6e6e6; }
#cuenta p{color:#676767; font-size: 12px; padding: 10px 15px 0 15px; float: none; margin-bottom: 0px; width: auto; }
#cuenta p span{ float: right;}
#cuenta a{ display: block; width: 100%; text-align: center; margin: 10px 0; font-size: 11px; text-decoration: underline; color: #5598d7; margin-bottom: 10px;}
#cuenta h4{ color: #676767; font-size: 18px; font-weight: bold; font-style: italic; padding: 20px 15px 20px 15px; margin-top: 20px; border-top: thin solid #ccc;}
#cuenta h4 span{ float: right; color: #000;}
#pedido span p{  float: left;  font-size: 10px; float: left; margin: 15px 0 0 15px;}
#pedido input[type=submit]{ background:#f85a6e; color:#fff; font: 700 18px/25px "Raleway",sans-serif; letter-spacing:0.05em;   display: inline-block; padding: 10px 25px; margin: 10px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#pedido input[type=submit]:hover{background:#552c5d; }

#consulta{ width:100%; float: left; margin-top: 25px; border: solid thin #000; text-align: center; }
#consulta h5{ text-align: center; color: #fff; background:#000; padding: 10px 25px; font-size: 16px; font-weight: lighter; }
#consulta h3{ width: 100%; float: left; margin: 5px 0px; font-weight: bold; font-style: italic;}
#consulta p{ font-size:12px; color:#676767; margin-bottom: 15px;  }

#usera [type=submit]{  background: none repeat scroll 0 0 #5598D7; border-radius: 10px 10px 10px 10px; color: #FFFFFF; display: block; float: left; font-size: 12px; margin-top: 22px; padding: 5px 12px; }
#cod input[type=text]{   background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: thin solid #AAAAAA; float: left; font-size: 10px; margin: 0 0 0 45px; padding: 3px 5px; text-align: center;}
#cod input[type=submit]{    background: none repeat scroll 0 0 #5598D7;  border-radius: 10px 10px 10px 10px; color: #FFFFFF; display: block; float: left; font-size: 12px; margin: 10px 0 0 85px; padding: 5px 12px;}
a#olvi { background: none !important;  color: #5598D7;  display: block; font-size: 11px;  margin: 20px 0 0 0; text-align: center;  text-decoration: underline;}

.delecar img{display:inline-block; margin-top:15px;  }