/* panes */

#panes {

	background:#fff;

	margin: auto;

	height:300px;

	margin-bottom:165px;

	padding-bottom:20px;

	position:relative;

}





#panes div {	

	position:absolute;

	top: 0px;

	left: 0px;

	font-size:14px;

	color:#444;	

	width:100%;

	padding-right: 15px

}



#panes img {

	float:left;

	margin-right:20px;		

}



#panes h5 {

	margin:0 0 10px 0;

	font-size:22px;

	font-weight:normal;

	display: inline-block

}



.nomebebe {

	font-size:32px;

	font-weight:bold;

	color:#4595DA;

	margin-bottom:10px;

}

.data {

	font-size:30px;

	color:#666;

	margin-bottom:20px;

}



p {

	text-align:justify;	

	font-size: 16px;

}





/* navigation */





#prod_nav {

	height:156px;	

	margin: auto

}



#prod_nav ul {	

	margin:0 auto;	

}



#prod_nav li {	

	float:left;

	width:192px;

	list-style-type:none;

	text-align:center;

	margin-right:15px;

}



#prod_nav img {

	background-color:#fff;

	border:1px solid #ccc;

	margin:3px 0 5px 10px;

	padding:4px;

	max-height:192px;

}



#prod_nav img:hover {

	cursor:pointer;

	box-shadow:0 0 40px #4595DA;

}

.selected  {

	box-shadow:0 0 60px #4595DA;

}





@media (min-width: 780px) and (max-width: 850px) {

#panes img {

	  width:375px;

 }

.nomebebe {

	font-size:24px;

	margin-bottom:0px;

}

.data {

	font-size:20px;

	margin-bottom:7px;

}

p {

	font-size: 14px;

	line-height: 2.3;

}

#prod_nav li {

	width:180px;

	margin:0px;

}

#prod_nav img {

	width:130px;

}

}

@media (max-width: 500px) {

#prod_nav {

	margin-top:475px;

	margin-left:35px;

}

.nomebebe, .data, p{

	position:relative;

	top:25px;

}

}