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

ESTILO CARRO DE COMPRAS VÍA MÁGICA 2014

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



input, select, textarea

{   

	-ms-box-sizing:content-box;

	-moz-box-sizing:content-box;

	box-sizing:content-box;

	-webkit-box-sizing:content-box; 

}



section#cont-carro

{

	width: 100%;

	height: auto;

	overflow: hidden;	

}



div#carro

{

	width: 100%;

	height: auto;

	overflow: hidden;

	background: rgba(245,245,245,1)

}



div#cont_entrega

{

	width: 100%;

	height: auto;

	overflow: hidden;

	background: rgba(245,245,245,1)

}



div#detalle-carro

{

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #EBEBEB;

	padding:15px 0;

}



div#medio-pago

{

	width: 100%;

	height: auto;

	overflow: hidden;

}



section.fila-carro

{

	width: 99.9%;

	margin: 0px !important;

	padding: 0.1%;

	-webkit-transition: all 0.3s ;

	-moz-transition: all 0.3s ;

	-ms-transition: all 0.3s ;

	-o-transition: all 0.3s ;

	transition: all 0.3s ;

}



section.fila-carro2

{

	width: 99.9%;

	margin: 0px !important;

	padding: 0.1%;

	-webkit-transition: all 0.3s ;

	-moz-transition: all 0.3s ;

	-ms-transition: all 0.3s ;

	-o-transition: all 0.3s ;

	transition: all 0.3s ;

}



section.fila-carro:hover

{

	background: rgba(240,240,240,1);

	-webkit-transition: all 0.3s ;

	-moz-transition: all 0.3s ;

	-ms-transition: all 0.3s ;

	-o-transition: all 0.3s ;

	transition: all 0.3s ;

}




section.titulos-carro

{

	width: 99.9%;

	padding:  1% 0.1%;

/*	background: rgba(235,235,235,1);

	font-weight: bolder;*/

	font-family: 'Open Sans', sans-serif;

}



section.titulos-carro article

{

	padding: 1% !important;

}



.foto-carro

{

	width: 6%;

	float: left;

	font-family: 'Open Sans', sans-serif;

	font-size:12px;

}



.tit-carro

{

	width: 25%;

	float: left;

	padding-top: 3% !important;

	font-weight: bold;

	font-family: 'Open Sans', sans-serif;

	font-size:15px;

}



.pre-carro

{	

	width: 12%;

	float: left;

	padding-top: 3% !important;

	font-family: 'Open Sans', sans-serif;

	font-size:14px;

}



.cant-carro

{

	min-width: 12%;	

	float: left;

	padding-top: 3% !important;

	font-weight:normal;

}



.tot-carro{

	min-width: 10%;

	float: left;

	padding-top: 3% !important;

	font-family: 'Open Sans', sans-serif;

	font-size:14px;

}



.tot-carro3

{

	width: 23%;

	float: left;

	padding-top: 3% !important;

}



.tot-carro3 select:hover

{

	border: 1px solid #8e8e8e;

	-webkit-box-shadow:  0px 0px 5px 0px #a4a4a4;

    box-shadow:  0px 0px 5px 0px #a4a4a4;	

	transition-duration: 0.3s;

}



.tot-carro3 select option

{

	padding:10px;

}



.acc-carro

{

	width: 5%;

	float: left;

	padding-top: 3% !important;

}



.foto-carro img

{

width: 100%;

}



.cant-carro input

{

	background: #fff;

	border: 1px solid #cecece;

	padding: 10px;

	width: 40%; 

	height: 10px;

}



.cant-carro input:hover

{

	border: 1px solid #8e8e8e;

	-webkit-box-shadow:  0px 0px 5px 0px #a4a4a4;

    box-shadow:  0px 0px 5px 0px #a4a4a4;	

	transition-duration: 0.3s;

}



.cant-carro select

{

	padding:10px; 

	float:left; 

	margin-right:10px;

}



.cant-carro select:hover

{

	border: 1px solid #8e8e8e;

	-webkit-box-shadow:  0px 0px 5px 0px #a4a4a4;

    box-shadow:  0px 0px 5px 0px #a4a4a4;	

	transition-duration: 0.3s;

}



.acc-carro a img

{

	width: 20px;

	height: 20px;

}



.acc-carro a

{

	width: 20px;

	height: 20px;

	padding: 5px;

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

	border-radius: 40px;

	background: rgba(225,225,225,1);
	
	margin-left: 20px;

}



.acc-carro a:hover

{

	background: rgba(192,206,48,1)

}

.cant-carro span

{

	float: right;

	color: rgba(100,100,100,1);

	font-family: 'Open Sans', sans-serif;

	font-size:12px;

}



.form-datos-carro article

{

	width: 48%;

	float: left;

}

.form-datos-carro label 

{

	display: block;

	margin-bottom: 5px;

	margin-top: 10px;

	font-size: 1em;

	color: rgba(100,100,100,1);

	font-family: 'Open Sans', sans-serif;

}



.form-datos-carro input[type="text"], .form-datos-carro select, .tot-carro3 select

{

	background: #fff;

	border: 1px solid #cecece;

	padding: 10px;

	width: 90%;

	height: 20px;

	margin-top: 5px;

	margin-bottom: 5px;

	transition-duration: 0.3s;

}



.form-datos-carro select:hover

{

	border: 1px solid #8e8e8e;

	-webkit-box-shadow:  0px 0px 5px 0px #a4a4a4;

    box-shadow:  0px 0px 5px 0px #a4a4a4;	

	transition-duration: 0.3s;

}



.form-datos-carro select option

{

	padding:10px;

}



.form-datos-carro input[type="text"]:hover 

{

	border: 1px solid #8e8e8e;

	-webkit-box-shadow:  0px 0px 5px 0px #a4a4a4;

    box-shadow:  0px 0px 5px 0px #a4a4a4;	

	transition-duration: 0.3s;

}



.espacio-h3

{

	display: block;

	width: 100%;

	height: 26px;

}



.form-datos-carro article h3

{

	margin-bottom: 20px;

	font-family: 'Open Sans', sans-serif;

}



.mt-m

{

	margin-top: 17px !important;

}

.total-carro1

{

	font-size: 1.5em !important;

	font-weight:normal !important;

}



.total-carro2

{

	font-size: 1.5em !important;

	color: #000;

	font-weight:normal !important;

}



.total-carro3

{

	font-size: 2em !important;

	color: #000;

}



.btn-carro

{

	float: right !important;

	font-weight: bold;

	font-size: 15px;

	padding: 20px 30px;

	font-family: 'Open Sans', sans-serif;

	cursor:pointer;

}



#detalle-carro .titulos-carro

{

	width: 99.9%;

	padding:0.1% !important;

	background: rgba(235,235,235,1);

/*	font-weight: bolder;*/

	font-family: 'Open Sans', sans-serif;

}



.label-gris

{

	color: rgba(185,185,185,1) !important;

}



.label-gris2

{

	color: rgba(185,185,185,1) !important;

	min-width:160px;

	float:left;

}



.mensaje-alerta

{

	width:100%;

	float:left;

	text-align:center;

	margin:30px 0 20px 0;

	border-top:1px solid #CCC;

	padding-top:20px;

}



.codigo-descuento label

{

	float: left;

}



.codigo-descuento input[type="text"]

{

	float: left;

	width: 20% !important;

	margin-left: 20px;

}



.codigo-descuento input[type="text"]:hover

{

	border: 1px solid #8e8e8e;

	-webkit-box-shadow:  0px 0px 5px 0px #a4a4a4;

    box-shadow:  0px 0px 5px 0px #a4a4a4;	

	transition-duration: 0.3s;

}



.codigo-descuento input[type="submit"]

{

	float: left;

	width: auto;

	margin: 5px 0 0 20px !important;

	cursor:pointer;

}



.codigo-descuento input[type="submit"]:hover

{

	border: 1px solid #8e8e8e;

	-webkit-box-shadow:  0px 0px 5px 0px #a4a4a4;

    box-shadow:  0px 0px 5px 0px #a4a4a4;	

	transition-duration: 0.3s;

}







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

Estilos Generales para Escritorio

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

body,td,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

}



a{

	color:rgba(195,0,37,1);

	text-decoration:none;

	-webkit-transition: all 0.3s ;

	-moz-transition: all 0.3s ;

	-ms-transition: all 0.3s ;

	-o-transition: all 0.3s ;

	transition: all 0.3s ;

}

a:hover{

	color:rgba(69,69,69,1);

	-webkit-transition: all 0.3s ;

	-moz-transition: all 0.3s ;

	-ms-transition: all 0.3s ;

	-o-transition: all 0.3s ;

	transition: all 0.3s ;

}

h1,h3,h4,h5,h6,p {

	font-style: normal;

	font-weight: normal;

	margin-top:0px;

	display:block;

}

h1

{

	font-family: 'Ubuntu', sans-serif;

	font-weight: 700; 

	font-size: 2em;

	margin-bottom:20px;

	margin-top: 10px;

}






h3

{

	font-family: 'Ubuntu', sans-serif;

	font-weight: 400; 

	font-size: 1.3em;

	margin-bottom:10px;

}



h3 strong

{

	margin:0 5px;

}



h4

{

	font-family: 'Ubuntu', sans-serif;

	font-weight: 400; 

	font-size: 1.1em;

	margin-bottom:5px;

}









#wrap section{

	margin-bottom:20px;

	overflow:hidden;

}

#wrap article{

	padding:1%;

	overflow:hidden;

}



.btn

{

	font-family: 'Ubuntu', sans-serif;

	background: #8e8e8e;

	border-radius: 5px 5px 5px 5px;

	color: #FFFFFF;

	display: inline;

	font-size: 16px;

	padding: 10px;

/*	margin-top: 10px;*/

/*	font-weight:bold;*/

	transition: all 0.5s ease 0s;

	text-decoration: none;

	border: none !important;

	-webkit-transition: all 0.3s ;

	-moz-transition: all 0.3s ;

	-ms-transition: all 0.3s ;

	-o-transition: all 0.3s ;

	transition: all 0.3s ;

	cursor:pointer !important;

}



.btn:hover{

	background: #4c4c4c;

	-webkit-transition: all 0.3s ;

	-moz-transition: all 0.3s ;

	-ms-transition: all 0.3s ;

	-o-transition: all 0.3s ;

	transition: all 0.3s ;

	border: none

}



.btn.derecha{

	float: right;
	
	margin-bottom: 10px;

}

.borde_left{

	   border-left: 1px solid #ccc;

}

.borde_bot{
 border-bottom: 3px solid #ccc;

}
.borde_bot_poquito{
 border-bottom: 1px solid #ccc;

}
.m-t{
	margin-top: 37px;
}