/*
'===========================================================
'  NAME:    Carousel Component
'  VERSION: 0.1
'  DATE:    12/12/2013
'  AUTHOR:  Luca Maroglio
'  NOTE:    Prontospesa Layout 2013
'===========================================================
*/

.container {
	width:767px;
	height:210px;
   background-color: white;
}

.cCar_container{
	position:relative;
	margin:0px auto 0px auto;
	width:699px;
	height:210px;
}

.cCar_item{
   position:relative;
   float:left;
   border-right:1px solid gray;
   width:233px;
   height:210px;
   text-align: center;

   font-family: 'OpenSans-Light',Verdana, Tahoma;
   font-size:10pt;
   text-decoration:none;
   
   c---olor: <%=ColGrigioText%>;
   color: #707070;
}

.cCar_item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.cCar_wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.cCar_nav span{
	width:48px;
	height:159px;
	background:transparent url(/Immagini/Carousel/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-82px;
	left:-34px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.cCar_nav span.cCar_nav-next{
	background-position:top right;
	left:auto;
	right:-34px;
}
.cCar_nav span:hover{
	opacity:1.0;
}

.cCar_title {
   display:inline-block;
   overflow:hidden;
   width:220px;
   height:15px;
   margin:4px 0 0px 0;
   white-space:nowrap; 
   text-overflow:ellipsis;
   color: #707070;
}

.cCar_image{
   display:block;
   margin:0px;
}

.cCar_costoKg{
   font-size:7pt;
   text-decoration:none;
   margin-right: 8px;
}

.cCar_prezzo{
   color: black;
   font-size:10pt;
   font-weight: bold;
   text-decoration:none;
   margin-right: 8px;
}

.cCar_AggCarr {
   display: inline-block;
}


/* MOBILE */

   /* iPad LandScape */
   @media (max-width: 1247px) {
      .container{
         width:767px;
         }
      .cCar_container{
         width:699px;
      }
      .cCar_item{
         width:233px;
      }
      .cCar_title{
         width:220px;
      }
   }

   
   /* iPad Portrait */
   @media (max-width: 1023px) {
      .container{
         width:767px;
      }
      .cCar_container{
         width:699px;
      }
      .cCar_item{
         width:233px;
      }
      .cCar_title{
         width:233px;
      }
   }
   
   
   
   /* Nexus LandScape */
   @media (max-width: 959px) {
      .container{
         width:767px;
      }
      .cCar_container{
         width:699px;
      }
      .cCar_item{
         width:233px;
      }
      .cCar_title{
         width:233px;
      }
   }
   
   
   
   /* Android LandScape */
   @media (max-width: 767px) {
      .container{
         width:597px;
      }
      .cCar_container{
         width:529px;
      }
      .cCar_item{
         width:268px;
      }
      .cCar_title{
         width:268px;
      }
   }



   /* iPhone LandScape */
   @media (max-width: 597px) {
      .container{
         width:568px;
      }
      .cCar_container{
         width:500px;
      }
      .cCar_item{
         width:252px;
      }
      .cCar_title{
         width:252px;
      }
   }



   /* Android Portrait */
   @media (max-width: 567px) {
      .container{
         width:360px;
      }
      .cCar_container{
         width:292px;
      }
      .cCar_item{
         width:292px;
      }
      .cCar_title{
         width:292px;
      }
   }


   

   /* iPhone Portrait */
   @media (max-width: 359px) {
      .container{
         width:320px;
      }
      .cCar_container{
         width:252px;
      }
      .cCar_item{
         width:252px;
      }
      .cCar_title{
         width:252px;
      }
   }

   
*/