@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: -58px;}
#Contenedor ul { list-style: none;padding:0px;}
#Contenedor .buttons { margin-bottom: 20px; }

/* LIST VIEW */
#Contenedor .list{
width: 465px;
/*margin-right: 15%;*/
margin-left: 60px;

}
#Contenedor .list li {
/*background: #F7F7F7;*/
background: url(../Imagenes/Selector2/selector_resultado_bg.png) no-repeat -20px;
border-bottom: 1px dotted #CCC;
margin-bottom: 1px;
padding-right: 20px;
height: 185px;
width: 1008px;
/*background-size: 561px 200px;*/
}
#Contenedor .list li img{
float: left;
margin-right: 20px;
padding-bottom: 0;
border-bottom: 2px solid transparent;
margin-top: 28px;
  margin-left: 0px;
}
#Contenedor .list li input{
  margin-left: -720px;
  margin-top: 12px;
}



#Contenedor ul.list li.alt{ background:gray; }
#Contenedor .list li p{
overflow:hidden;
word-wrap:break-word;
width:600px;
margin-top: 15px;
margin-left: 50px;
text-align: left;
font-family: BlissPro-Light;
font-size: 15px;
color:#666666;

}
#Contenedor .list li .titulo{
overflow:hidden;
word-wrap:break-word;
font-family: BlissPro-ExtraBold;
font-size:30px;
color:#00519f;

}
#Contenedor .list li .list-left{
width:300px;
position:absolute;
padding-left:100px;
}
#Contenedor .list li .list-right{
width:300px;
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{
float:right;
display:block;

}

/* 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: #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 */

/*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: 30px;
font-family: 'BlissPro-Heavy';
color: #ffffff;
text-decoration: none !important;
padding: 2px 15px;
line-height: inherit;
overflow: hidden;
position: relative;
border-radius: 2px;
margin-top: 40px;
margin-bottom: 10px;
left: 13px;
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;
  margin-left: 100px;
  margin-top: 25px;
}




.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;
}

.buttonSuc {

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 58px 0px 50px;
border-radius: 2px;
margin-bottom: 10px;
opacity: 0.8;
  margin-left: 10px;
  margin-top: 25px;
}




#idprecio{
font-family: BlissPro-Bold;
font-size: 44px;
color:#00519f;

}


.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{
 font-family: BlissPro-ExtraBold;
 font-size: 39px;
 color:#666666;

}
#imgResultado{
margin-top: -15px;
margin-right: 15px;

}

#lblLey{
 font-family: BlissPro-Light;
 font-size: 12px;
 color:#666666;
 text-align: left;
 margin-left: 100px;

}

.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
}