/* CSS Document */
/* CSS Document */
h55 { font-size: 100%; font-weight: normal; }

/*Carcas*/
body {
	font-family: Tahoma, Geneva, sans-serif;
}

a { text-decoration: none; color: #fd8817; }
a:hover { text-decoration: underline; color: #000; }


.item_rocco {
	display: block;
	float: left;
	width: 185px;
	height: 270px;
	margin: 2px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 2;
	background-color: #d4d4d4;
	border:1px solid #c5c5c5;
}


.color66 {border-bottom:4px solid #bbbbbb;}
.color65 {border-bottom:4px solid #920000;}
.color64 {border-bottom:4px solid #c2b145;}
.color63 {border-bottom:4px solid #805cda;}
.color62 {border-bottom:4px solid #eb1306;}
.color61 {border-bottom:4px solid #7ec6ff;}
.color60 {border-bottom:4px solid #b47255;}
.color59 {border-bottom:4px solid #7383bd;}
.color58 {border-bottom:4px solid #ba377c;}
.color57 {border-bottom:4px solid #5c9683;}
.color55 {border-bottom:4px solid #6778f8;}
.color56 {border-bottom:4px solid #d57c56;}

.item_rocco:hover { z-index: 5; }

.item_rocco .bg-rude { display: block; position: relative; top: 0px; left: 0px; width: 100%; height: 192px; z-index: 9999; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.item_rocco:hover .bg-rude{
	height: auto;
	top: -1px;
	padding-top: 1px;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	-webkit-transition: background-color 0.2s linear 0s;
	-moz-transition: background-color 0.2s linear 0s;
	-ms-transition: background-color 0.2s linear 0s;
	-o-transition: background-color 0.2s linear 0s;
	transition: background-color 0.2s linear 0s;
	background-color: #383838;
	z-index: 9999;
}

.item_rocco a {
	color: #696969;
	text-decoration: none;
}
.item_rocco a:hover, .item_rocco:hover a {
	color: #ffffff;
	text-decoration: none;
}


.item_rocco a img {
	display: block;
	height: 240px;
	width: 181px;
	margin: 2px 2px 5px 2px;
	border: 0px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
.item_rocco a:hover img, .item_rocco:hover a img { display: block; height: 240px; width: 181px; border-top: 0px solid #383838; -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }



.item_rocco h56  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; padding-top: 12px; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h56 { color: #d57c56; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase; }

.item_rocco h55  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h55 { color: #6778f8; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h57  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h57 { color: #5c9683; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h58  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h58 { color: #ba377c; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h59  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h59 { color: #7383bd; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h60  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h60 { color: #b47255; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h61  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h61 { color: #7ec6ff; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h62  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h62 { color: #eb1306; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h63  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h63 { color: #805cda; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h64  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h64 { color: #c2b145; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h65  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h65 { color: #a12d00; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}

.item_rocco h66  { color: #696969; height: 18px; line-height: 18px; width: 184px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}
.item_rocco:hover h66 { color: #bbbbbb; height: 36px; line-height: 18px; font-size: 17px; font-weight: 400; overflow: hidden; margin-right: auto; margin-left: 5px; text-transform:uppercase;}






.item_rocco:hover .bg-rude .line {display: block; height: 2px; width: 183px; -ms-transition: opacity 0.3s linear 0.3s; -o-transition: opacity 0.3s linear 0.3s; -webkit-transition: opacity 0.3s linear 0.3s; -moz-transition: opacity 0.3s linear 0.3s; transition: opacity 0.3s linear 0.3s; }

.item_rocco:hover .bg-rude .date{ font-size: 12px; display: block; height: 5px; padding-left: 12px; width: 165px; margin-right: auto; margin-left: auto; color: #FFF; padding-bottom: 0px; line-height: 15px; -ms-transition: all 1ms ease-in 0.5s; -o-transition: all 1ms ease-in 0.5s; }

.item_rocco:hover .bg-rude .g_tags{
    font-size: 16px;
    font-weight: 300; 
    font-family: 'Oswald';
    line-height: 21px; 
    display: block;
    /* [disabled]height: 15px; */
    padding-left: 5px;
    width: 170px;
    margin-bottom: 5px;
    -ms-transition: all 1ms ease-in 0.5s;
    -o-transition: all 1ms ease-in 0.5s;
}

.item_rocco .g_tags a { color: #fff; text-decoration: none;}
.item_rocco .g_tags a:hover { color: #fff; text-decoration: none; }
.item_rocco .g_tags, .item_rocco .date { display: none; -ms-transition: all 1ms ease-in 0.5s; -o-transition: all 1ms ease-in 0.5s; }