@charset "UTF-8";
/* RNR CSS
	0. Reset
	1. Layout
	2. Tipografia
	3. Menu
	4 .head
	5. video
	6. social
	7. merchandising
	8. download
	9. chiama
	10. jQuery Plugin:NyroModal
	11. jQuery Plugin:jQuery Carousel
	12. jQuery Plugin:jQuery SerialScroll
##############################################################################################################
	0. Reset */
*{margin:0;padding:0;}
a:focus{outline:none;}
a img{border:none;}
.none,div#wrap div.none{display:none;}
.info{padding:10px;background:#800000;color:#efefef;border:#ed1b24 solid 1px;}
.info a{color:#fff;text-decoration:none;font-weight:bold;}
.info a:hover{text-decoration:underline;}
/*##############################################################################################################
	1. Layout */
html{background:#000;font:10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#fff;}
div#wrap{height:100%;width:1047px;margin:auto;}
div#wrap div{float:left;display:inline;}
div#content{width:1027px;background:url(content.jpg);border-left:10px solid #fff;border-right:10px solid #fff;}
div.section{width:100%;}
div#menu{height:83px;}
div#header{height:214px;}
div#video{height:435px;}
div#social{height:369px;}
div#merchandising{height:327px;}
div#download{height:300px;}
div#chiama{height:340px;}
div#foto{height:294px;}
div#footer{height:479px;}
/*##############################################################################################################
	2. Tipografia*/
div#header h1{float:left;width:100%;height:100%;background:url(header.gif);}
span{font-size:0em;visibility:hidden;color:none;position:absolute;top:-999px;left:-999px;}
a span{text-decoration:none;}
h3{font-size:2em;color:#fff;float:left;}
p{font-size:1.2em;line-height:1.3em;}
ul{list-style:none;}
/*##############################################################################################################
	3. Menu */
ul#nav{width:1014px;height:83px;display:inline;float:left;margin-left:13px;}
ul#nav li{float:left;}
ul#nav li:hover{background:url(menu-over.gif) no-repeat center center;}
ul#nav a{display:block;float:left;height:83px;background-image:url(menu.gif);background-repeat:no-repeat;}
a#mvideo{width:179px;background-position:0 bottom;}
a#msocial{width:136px;background-position:-179px bottom;}
a#mmerchandising{width:155px;background-position:-315px bottom;}
a#mdownload{width:199px;background-position:-470px bottom;}
a#mchiama{width:209px;background-position:-669px bottom;}
a#mfoto{width:124px;background-position:-877px bottom;}
/*##############################################################################################################
	4. .head */
div.head{height:30px;width:90%;}
div#wrap .navmini{float:right;margin-top:-5px;}
div.navmini li{float:right;}
div.navmini a{display:block;float:right;height:41px;}
div.navmini .prev{width:28px;background-image:url(prev.png);}
div.navmini .next{width:28px;background-image:url(next.png);}
div.navmini .top{width:46px;background:transparent url(top.png) no-repeat scroll center center;}
/*##############################################################################################################
	5. video */
div#tv{width:394px;height:375px;margin:10px;}
ul#segui{display:inline;float:left;width:580px;height:178px;margin:185px 0 0 24px;background:url(segui.png) no-repeat;}
ul#segui li{float:left;}
ul#segui a{float:left;display:inline;height:178px;}
a#calendario{width:222px;}
a#youtube{width:128px;margin:0 19px;}
a#visto{width:188px;}
/*##############################################################################################################
	6. social */
div.paragraph{width:430px;margin:5px;}
ul#socialnetwork{display:inline;float:left;width:130px;height:305px;margin:20px 0 0;background:url(socialnetwork.png) no-repeat;}
ul#socialnetwork li{float:left;}
ul#socialnetwork a{float:left;display:inline;width:130px;}
a#facebook{height:109px;}
a#myspace{height:92px;margin:10px 0;}
a#flickr{height:83px;}
/*##############################################################################################################
	7. merchandising */
div#vetrina{width:490px;height:250px;margin:30px 0 0 13px;}
div#acquista{width:475px;height:70px;margin:185px 0 0 16px;background:url(acquista.png) no-repeat;}
div#acquista a{display:inline;float:left;height:70px;}
a#showgallery{width:176px;margin:0 40px 0 0;}
a#richiedi{width:250px;}
/*##############################################################################################################
	8. download */
ul#scarica{margin:19px 0 0 12px;display:inline;float:left;width:990px;height:240px;background:url(scarica.png) no-repeat;}
ul#scarica li{float:left;}
ul#scarica a{float:left;display:inline;height:230px;}
a#wallpaper{width:320px;}
a#screensaver{width:312px;margin:0 23px;}
a#locandine{width:305px;}
/*##############################################################################################################
	9. chiama */
div#date{height:287px;width:290px;margin:17px 0 0;/*background:url(date.png) no-repeat 13px 0;*/}
form#send{display:inline;float:left;width:450px;margin:18px 8px;}
fieldset{border:none;}
fieldset#dati label{display:block;font-size:1.5em;width:100%;}
fieldset#dati input{font-size:1.5em;width:200px;margin:5px 0 9px;border:4px solid #F92F26;}
fieldset#dati textarea{height:81px;width:100%;border:4px solid #F92F26;}
fieldset#confirm{float:right;width:194px;height:45px;margin:10px 0 0;background:url(confirm.png) 0 0 no-repeat;}
fieldset#confirm input{width:87px;height:46px;border:none;background:transparent;}
fieldset#confirm input.submit{margin-right:16px;}
#roccoandrolloit{display:block;width:100%;height:35px;background:url(roccoandrolloit.png) no-repeat 30px 0}
/*##############################################################################################################
	10.  jQuery Plugin:NyroModal*/
div#nyroModalFull{font-size:12px;color:#777;}
div#nyroModalFull div#nyroModalLoading{width:150px;height:150px;text-indent:-9999em;background:url(loading-small.gif) no-repeat;background-position:center;}jcarousel-live
div#nyroModalFull div#nyroModalLoading.error{border:4px solid #f66;line-height:20px;padding:20px;width:300px;height:100px;text-indent:0;background:#fff;}
div#nyroModalFull div#nyroModalWrapper a#closeBut{position:absolute;display:block;top:-13px;right:-13px;width:12px;height:12px;text-indent:-9999em;background:url(close.gif) no-repeat;outline:0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle{margin:0;padding:0;position:absolute;top:-22px;left:5px;font-size:12px;color:#ddd;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent{padding:5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent{position:relative;overflow:hidden;text-align:center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img{vertical-align:baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div{display:none;}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext{z-index:105;outline:none;position:absolute;top:0;height:100%;width:40%;cursor:pointer;text-indent:-9999em;background-image:url(data:image/gif;base64,AAAA);}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext{height:41px;width:28px;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev{left:0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext{right:0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover{background:url(prev.png) no-repeat left center;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover{background:url(next.png) no-repeat right center;}
/*##############################################################################################################
	11.  jQuery Plugin:jQuery Carousel*/
.jcarousel-skin-rnrlive{display:inline;float:left;width:100%;height:264px;}
.jcarousel-skin-rnrlive .jcarousel-container{position:relative;}
.jcarousel-skin-rnrlive .jcarousel-clip{z-index:2;overflow:hidden;position:relative;margin:80px 82px 0;width:863px;height:100%;}
.jcarousel-skin-rnrlive .jcarousel-list{width:880px;height:100%;z-index:1;overflow:hidden;position:relative;}
.jcarousel-skin-rnrlive .jcarousel-list li, .jcarousel-skin-rnrlive .jcarousel-item{float:left;list-style:none;width:75px;height:75px;border:1px #ed1b24 solid;}
.jcarousel-skin-rnrlive .jcarousel-list li{margin-right:10px;}
.jcarousel-skin-rnrlive .jcarousel-next, .jcarousel-skin-rnrlive .jcarousel-prev{z-index:3;display:none;}
.jcarousel-skin-rnrlive .jcarousel-container{width:100%;height:100%;}
.jcarousel-skin-rnrlive a, .jcarousel-skin-rnrlive img{width:75px;height:75px;}
.jcarousel-skin-rnrlive .jcarousel-item:hover{border-color:#fff;}
.jcarousel-skin-rnrlive .jcarousel-item-placeholder{background:url(loading-small.gif) no-repeat center center;border:none}
.jcarousel-skin-rnrlive .jcarousel-prev-horizontal, .jcarousel-skin-rnrlive .jcarousel-next-horizontal{position:absolute;top:100px;width:28px;height:41px;cursor:pointer;}
.jcarousel-skin-rnrlive .jcarousel-prev-horizontal{left:20px;background-image:url(prev.png);}
.jcarousel-skin-rnrlive .jcarousel-next-horizontal{right:20px;background-image:url(next.png);}
.jcarousel-skin-rnrlive .jcarousel-prev-disabled-horizontal, .jcarousel-skin-rnrlive .jcarousel-next-disabled-vertical{cursor:default;background-image:none;}
/*##############################################################################################################
	12. jQuery Plugin:jQuery SerialScroll*/
#serialscroll{position:relative;margin:10px;width:650px;height:500px;}
#buttons a{display:block;float:right;height:41px;position:absolute;top:200px;}
#buttons a.prev{left:0;width:28px;background-image:url(prev.png);}
#buttons a.next{right:0;width:28px;background-image:url(next.png);}
#serialscrollgallery{margin:20px 0 0 60px;width:532px;overflow:hidden;}
#serialscrollgallery ul{width:9999px;}
#serialscrollgallery li{display:inline;float:left;list-style:none;padding:10px;width:512px;height:400px;}
#serialscrollgallery li a{color:#EFEFEF;display:inline;float:left;font-size:2em;margin:10px 0 0 50px;padding:10px;text-decoration:none;}
#serialscrollgallery li a:hover{color:#fff;text-decoration:underline;}

