@import url('fuentes.css');
body{
font-family: 'Arial';
/*background-image: -ms-linear-gradient(bottom, #0FE0E0 0%, #EDEFED 100%);
background-image: -moz-linear-gradient(bottom, #0FE0E0 0%, #EDEFED 100%);
background-image: -o-linear-gradient(bottom, #0FE0E0 0%, #EDEFED 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0FE0E0), color-stop(1, #EDEFED));
background-image: -webkit-linear-gradient(bottom, #0FE0E0 0%, #EDEFED 100%);
background-image: linear-gradient(to top, #0FE0E0 0%, #EDEFED 100%);*/
}
#Contenedor {padding:0px;
margin-top: 50px;
  margin-bottom: 70px;
  text-align: center;
}
#Contenedor ul { list-style: none;padding:0px;}
#Contenedor .buttons { margin-bottom: 20px; }

/* LIST VIEW */
#Contenedor .list{
width: 50%;


}
#Contenedor .list li {
  text-align: center;
background-color: white;
background-size: 100% 100%;
/*border-bottom: 1px dotted #CCC;*/
margin-bottom: 1px;
padding-right: 10px;
width: 200%;
}
#Contenedor .list li img{
padding-bottom: 0;
border-bottom: 2px solid transparent;
margin-top: 10px;
margin-top: 1px;
}

.llanta
{
  padding-bottom: 0;
border-bottom: 2px solid transparent;
margin-top: 10px;
margin-top: 1px;
float:right;
width:120px;
height:500px;
}

#Contenedor ul.list li.alt{ background:gray; }
#Contenedor .list li p{
word-wrap:break-word;
font-family: BlissPro-Light;
font-size: 15px;
color:#666666;
    width: 100%;
}
#Contenedor .list li .titulo{
overflow:hidden;
word-wrap:break-word;
font-family: BlissPro-ExtraBold;
font-size:25px;
color:#00519f;

}
#Contenedor .list li .list-left{
width:300px;
position:absolute;
padding-left:100px;
}
#Contenedor .list li .list-right{
width:210px;
float:right;
}
#Contenedor .list li .price{
float:right;
font-size:56px;
display: block; 
margin-right: 10px; 
text-align: right;
width:100%;
color:#4FAFC2;
}
#Contenedor .list li .detail{
  position: relative;
  top: -10px;
 /* margin-left: 10%;*/

}

/* GRID VIEW */
#Contenedor .grid li { float: left; width: 265px; height: 440px; border-right: 1px dotted #CCC; border-bottom: 1px dotted #CCC;margin:20px; background:#F7F7F7; }
#Contenedor .grid li img{text-align:center;width:100%;}
#Contenedor .grid li p{display:none;}
#Contenedor .grid li .list-lef{text-align:left;font-size:24px;margin-left: 0px;margin-top:10px;}
#Contenedor .grid li .icon-group-btn{font-size:14px;}
#Contenedor .grid li .list-right{display:block;width:100px;margin-left: 0px;}
#Contenedor .grid li .list-right .price{font-size:24px;display:block;color:#4FAFC2;}
#Contenedor .grid{
width: 950px;
margin-left: 10%;
}

/* SWITCH CONTROLS */
.view-controls-list{
width: 800px;
text-align: right;
margin-right: 15%;
margin-left: 15%;

}
.view-controls-grid{
width: 1000px;
text-align: right;
}
#viewcontrols a{
padding:10px;
color:black;
cursor:pointer;
}
#viewcontrols a:hover{
color:palevioletred;
}
#viewcontrols .active{
color:palevioletred;
}

/* CART WISHLIST ICON BUTTONS*/
.icon-group-btn a{
  margin: 10px 0; 
  float: left; width: 40px; margin-right: 5px;  
  text-decoration: none;
  transition:all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}
.icon-group-btn a.btn-compare{ margin-right: 0;}
.icon-group-btn a span{ float: left; line-height: 32px; text-decoration: none;}
.icon-group-btn .icon-cart,.icon-group-btn .icon-wishlist,.icon-group-btn .icon-compare{ 
  width: 40px; 
  height: 32px;
  
}
.icon-group-btn .icon-cart{
  background: url('icon-a-w-c.png') #777777 no-repeat  8px 8px;
}
.icon-group-btn .icon-wishlist{
  background: url('icon-a-w-c.png') #777777 no-repeat 8px -66px;
}

.icon-group-btn .icon-compare{
  background: url(icon-a-w-c.png) #777777 no-repeat 7px center;
}
.icon-group-btn .icon-cart-text{
  text-indent: -40px; width: 0; height: 32px;
  font-size:100%; overflow: hidden;
  color: #fff; background:#4FAFC2;
  transition:all 0.4s ease-in-out 0s;
  -o-transition:all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}
.icon-group-btn .icon-wishlist-text{
  text-indent: -40px; width: 0; height: 32px;
  color: #fff; font-size:100%;
  overflow: hidden; background:#4FAFC2;
  transition:all 0.4s ease-in-out 0s;
  -o-transition:all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}
.icon-group-btn .compare-text{
  text-indent: -40px; width: 0; height: 32px;
  color: #fff; background:#4FAFC2; font-size:100%;
  overflow: hidden;
  transition:all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}
.icon-group-btn a:hover .icon-cart{
  background: url(icon-a-w-c.png) #4FAFC2 no-repeat  8px 8px;
}
.icon-group-btn a:hover .icon-cart-text{  
  width: 90px;    
  text-indent: 0;
}
.icon-group-btn a:hover{ width: 130px;}
.icon-group-btn a.btn-wishlist:hover{ width: 151px;}
.icon-group-btn a.btn-compare:hover{ width: 160px; }
.icon-group-btn a:hover .icon-wishlist-text{  
  width: 111px;   
  text-indent: 0;
}
.icon-group-btn a:hover .compare-text{  
  width: 120px;   
  text-indent: 0;
}
.icon-group-btn a:hover .icon-wishlist{
  background: url(icon-a-w-c.png) #4FAFC2 no-repeat 8px -66px;
}
.icon-group-btn a:hover .icon-compare{
  background: url(icon-a-w-c.png) #4FAFC2 no-repeat 7px center;
}

/* MISCELLANEOUS */
.button {
/*background-color: #FFFF00;*/

    	background: #2188c1;
  background: -moz-linear-gradient(top, #2188c1 0%, #0262ba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2188c1), color-stop(100%,#0262ba));
  background: -webkit-linear-gradient(top, #2188c1 0%,#0262ba 100%);
  background: -o-linear-gradient(top, #2188c1 0%,#0262ba 100%);
  background: -ms-linear-gradient(top, #2188c1 0%,#0262ba 100%);
  background: linear-gradient(to bottom, #2188c1 0%,#0262ba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2188c1', endColorstr='#0262ba',GradientType=0 );

    /*background-image: -webkit-linear-gradient(top, #fee63e, #fee63e);
    background-image: -moz-linear-gradient(top,#fee63e,#fee63e);*/
    /*border:#010099 solid 1px;*/
    display: inline-block;
    font-size: 20px;
    font-family: 'BlissPro-Heavy';
    color: #ffffff;
    text-decoration: none !important;
    padding: 2px 15px;
    line-height: inherit;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    opacity: 0.8;
    margin-bottom: 10px;
}
.michelin .button 
{
    	background: #2188c1;
  background: -moz-linear-gradient(top, #2188c1 0%, #0262ba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2188c1), color-stop(100%,#0262ba));
  background: -webkit-linear-gradient(top, #2188c1 0%,#0262ba 100%);
  background: -o-linear-gradient(top, #2188c1 0%,#0262ba 100%);
  background: -ms-linear-gradient(top, #2188c1 0%,#0262ba 100%);
  background: linear-gradient(to bottom, #2188c1 0%,#0262ba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2188c1', endColorstr='#0262ba',GradientType=0 );
display: inline-block;
font-size: 20px;
font-family: 'BlissPro-Heavy';
color: #ffffff;
text-decoration: none !important;
padding: 2px 15px;
line-height: inherit;
overflow: hidden;
position: relative;
border-radius: 2px;
opacity: 0.8;
}
.bfgoodrich .button 
{
background: #004dc1; /* Old browsers */
background: -moz-linear-gradient(top,  #004dc1 0%, #00327d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004dc1), color-stop(100%,#00327d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #004dc1 0%,#00327d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #004dc1 0%,#00327d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #004dc1 0%,#00327d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #004dc1 0%,#00327d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004dc1', endColorstr='#00327d',GradientType=0 ); /* IE6-9 */
display: inline-block;
font-size: 20px;
font-family: 'BlissPro-Heavy';
color: #ffffff;
text-decoration: none !important;
padding: 2px 15px;
line-height: inherit;
overflow: hidden;
position: relative;
border-radius: 2px;
opacity: 0.8;
}
.uniroyal .button 
{
background: #c3bbb2; /* Old browsers */
background: -moz-linear-gradient(top,  #c3bbb2 0%, #b5aea5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3bbb2), color-stop(100%,#b5aea5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c3bbb2 0%,#b5aea5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c3bbb2 0%,#b5aea5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c3bbb2 0%,#b5aea5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c3bbb2 0%,#b5aea5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3bbb2', endColorstr='#b5aea5',GradientType=0 ); /* IE6-9 */
display: inline-block;
font-size: 20px;
font-family: 'BlissPro-Heavy';
color: #ffffff;
text-decoration: none !important;
padding: 2px 15px;
line-height: inherit;
overflow: hidden;
position: relative;
border-radius: 2px;
opacity: 0.8;
}


.buttonDet {

background: #ffde00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffde00 0%, #e5b700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffde00), color-stop(100%,#e5b700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffde00 0%,#e5b700 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffde00 0%,#e5b700 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffde00 0%,#e5b700 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffde00 0%,#e5b700 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#e5b700',GradientType=0 ); /* IE6-9 */

font-size: 25px;
font-family: 'BlissPro-Heavy';
color: #ffffff;
padding: 0px 150px 0px 50px;
border-radius: 2px;
margin-bottom: 10px;
opacity: 0.8;
}
.buttonDet2 {

background: #ffde00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffde00 0%, #e5b700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffde00), color-stop(100%,#e5b700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffde00 0%,#e5b700 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffde00 0%,#e5b700 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffde00 0%,#e5b700 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffde00 0%,#e5b700 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#e5b700',GradientType=0 ); /* IE6-9 */

font-size: 25px;
font-family: 'BlissPro-Heavy';
color: #ffffff;
padding: 0px 150px 0px 50px;
border-radius: 2px;
margin-bottom: 10px;
opacity: 0.8;
}
#idprecio{
font-family: BlissPro-Bold;
font-size: 150%;
color: #666;
}


.button:hover, .buttonDet:hover, .buttonDet2:hover{
  opacity: 1;
 /* background:#010099;
  color:white;*/
} 

.button.red{
background-color:palevioletred;
background-image: -webkit-linear-gradient(top, palevioletred, palevioletred);
background-image: -moz-linear-gradient(top,palevioletred,palevioletred);
color:white;
box-shadow:0 0 5px palevioletred inset, 0 1px 1px palevioletred;
border:0px;
}
.button.red:hover{
  opacity: 0.9;
}

#lblResultado,#lblResultadoMedida,#lblResultadoCategoria{
 font-family: BlissPro-ExtraBold;
 font-size: 14px;
 color:white;

}
#imgResultado{
margin-top: 0px;
margin-right: -1px;
  width: 25px;

}

#lblLey{
 font-family: BlissPro-Light;
 font-size: 11px;
 color:white;
 text-align: justify;
     padding-top: 15px;

}

.tyre-selector .bootstrap-select .dropdown-menu .dropdown-menu.inner li a,.tire-selector-step .bootstrap-select .dropdown-menu .dropdown-menu.inner li a
{
border-bottom:1px solid #dfdfdf;
border-top:1px solid #fff;padding:0 15px;
line-height:34px;
font-size:14px
}