/* this is my custom CSS */

.errores {
	background: #fFf1ec;
	color: #cd0a0a;
	border: 1px solid #cd0a0a;
	margin: 10px;
	padding: 5px;
	display: block;	
}

.divErrores{
	margin-top: 20px;	
}

.titulo {
	font-size: 14px;
	font-weight: bold;
}

.feria{
	font-size: 25px;
	font-weight: bold;
  	line-height: 40px;
	color: #666
}

.datos{
	width: 150px;
	border-bottom: 10px;
}

.listaProd{
	padding-bottom: 10px;	
}

.producto{	
	width: 80%;	
	float: left;	
}

.imagenPassbook{	
	vertical-align:middle;
}



.productoPassbook{	
	width: 60%;	
	float: left;	
	margin-top: 15px;
	margin-left: 10px;
}


.productoPassbookIndentado{	
		
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	
}

.imagenPassbook{	
	vertical-align:middle;
}

.productoRojo {		
	float: left;
	width: 80%;
	color: red;
}

.productoRes{
	float: left;
	width: 80%;	
}

.productoResRojo {	
	width: 80%;
	color: red;
}

.precio{
	float: right;	
	min-width: 95px;		
}

.precioPassbook{	
	width: 30%;	
	float: left;	
	margin-top: 15px;
}

.precioResumen{
	float: right;
	margin-left: 5px;
}

.precioResumenPassbook{
	float: right;
	margin-left: 5px;
	margin-top: 15px;
}


.condiciones{
	font-size: 85%;
	width:100%;
}

.inputSelect{
	min-width: 32px;
	height: 20px;		
}

.inputText{
	width: 70%;
	margin-bottom: 5px;	
}

.lineaProducto{
	width: 100%;
	height: 20px;	
}

.btn-ancho{
	width: 100px;
}

.btn-ancho2{
	width: 150px;
}

.numProd {
	width: 10%;	
	float: left;	
}

.resumenProd{
	height: 35px;	
}

.resumenProdPassbook{
	height: 55px;	
}

.numProdPassbook {
	
	float: left;
}

.numProdPassbookIndentado {
	
	float: left;	
}

.total {
  margin-left: 10%;
  width: 75%;  
}

.gastosServicio{
	height: 35px;
}

.tickets{
	margin-top: 15px;
	margin-bottom: 15px;
}

.lopd {
	color: gray;
	font-size: 85%;	
}

.ticketsFrame{
	 width: 100%;
	 max-width: 600px; 
	 height: 450px;
}

ul{
	list-style-type: none;
	padding-left: 5px;
	padding-right: 5px;
}

label{
	font-weight: normal;
}

hr{
	margin-top: 5px;
	margin-bottom: 5px;
	border-color: darkgray;
}

body{
	font-size: 12px;
}

@media screen and (max-width: 360px) {
    .precio {        
        min-width: 100px;
    }
           
    .producto {
        width: 65%;
    }
    
    .productoRes {
        width: 75%;
    }
    
    .inputText{
    	width: 100%;
    }
    
    .lineaProducto{
    	height: 35px;
    }
}