html { height:100%; }
body { /*height:100%;*/ background:transparent url(images/bg.jpg) top center repeat; }
/*div { overflow:hidden; zoom:1; } kills google map */
/*fieldset { border:0; }*/
body, input, textarea, select { font-family:arial,georgia,arial,serif; color:black; font-weight:normal; font-size:0.8em; line-height:1.15em; }

/*in_line*/
input, select { vertical-align:middle; font-weight:normal; }
img { border:0; vertical-align:top; text-align:left; }

.clear { clear:both; }

.fl { float:left; }
.fr { float:right; }
.ar { text-align:right; }

.pos { position:absolute; margin-top:0; padding:0 }

/*image replacement*/
.ir { position:relative; display:block; }
.ir em { position:absolute; width:100%; height:100%; top:0px; left:0px; display:block; background-repeat:no-repeat; }

/* text blue color: #004080 */
/* text red color: #ED1A24 */

strong { font-weight:bold; }

.homedivider { background:url(images/home-divider.jpg) center bottom no-repeat; height:30px; width:100%; }

.youtube { background:transparent url(images/youtubebutton.gif) 0 0 no-repeat; padding-left:80px; height:39px; line-height:20px; }
.youtube a { color:#ed1a24; font-weight:bold; text-decoration:none; }
.youtube a:hover { color:#000; }

.youtube2 { background:transparent url(images/youtubebutton.gif) 0 0 no-repeat; padding-left:80px; margin-left:4px; height:39px; line-height:20px; }
.youtube2 a { color:#fff; font-weight:bold; text-decoration:none; }
.youtube2 a:hover { color:#000; }

.form { /* individual properties set for specific ID #anID .form ... */ }
.form .row { margin-top:1em; color:#004080; overflow:hidden; zoom:1; clear:both; }
.form .row label { width:30%;  float:left; }
.form .row div { width:70%; float:left; }
.form input.text { border:1px dotted #174182; color:#174182; font-size:105%; padding:1px 4px; }
.form textarea { border:1px dotted #174182; color:#174182; font-size:105%; padding:1px 4px; }
.form select { border:1px dotted #174182/*threedface*/; color:#112F5E; font-size:105%; padding:2px;  }

.info { padding:0.5em 0; border-bottom:2px solid #004080; color:#004080; font-weight:bold; font-size:120%; }

.error { padding:0.5em 0; border-bottom:2px solid red; color:red; font-weight:bold; font-size:120%; }

.pagebar { }
.pagebar .prev { width:15%; text-align:left; float:left; }
.pagebar .next { width:15%; text-align:right; float:right; }
.pagebar .prev a, .pagebar .next a { color:#ED1A24; font-weight:bold; text-decoration:none; }
.pagebar .pages { width:70%; text-align:center; float:left; }
.pagebar .pages a { color:#004080; text-decoration:none; }
.pagebar .pages span { color:#ED1A24; text-decoration:none; }

.mceText a { color:#ED1A24; font-weight:bold; }
.mceText a:hover { color:#000; }

/* IDs */

#wrap { width:962px; padding:0; margin:0 auto; background-color:#fff; /*background:transparent url(images/home-sfondo.jpg) top left repeat-y;*/ overflow:hidden; zoom:1; }

	a#logo { background:transparent url(images/home-logo.gif) top left no-repeat; width:192px; height:66px; text-indent:-1000px; float:left; }

	#header { width:770px; height:35px; overflow:hidden; zoom:1; float:right; }

		.search { float:right; }

			.search form { margin-top:6px; margin-right:6px; }
			.search input.text { border:1px solid #ED1C24; font-size:105%; padding:1px; }

		.languages { float:right; }

			.languages ul { margin-top:8px; margin-right:10px; }
			.languages ul li { /*margin-right:10px;*/ padding:0 2px; color:#808080; height:35px; font-size:80%; float:left; }
			.languages ul li img { margin-top:9px;  }
			.languages ul li a { color:#808080; text-decoration:none; }

	#menu-top { width:770px; height:31px; float:right; }

		ul#menu-top-obj { width:744px; height:31px; padding-left:26px; background:transparent url(images/menu-top-bg.gif) top left no-repeat;  }
		ul#menu-top-obj li { background:transparent url(images/menu-top-sep.gif) top right no-repeat; padding-right:29px; height:31px; float:left; }
		ul#menu-top-obj li a.level1 { height:31px; line-height:31px; font-weight:bold; text-decoration:none; text-align:center; color:#fff; float:left; }
		ul#menu-top-obj li a.level1:hover { color:#000; }

		ul#menu-top-obj li { position:relative; }
		ul#menu-top-obj .sub-menu { position:absolute; top:31px; left:0; /*left:-20px;*/ width:360px; height:150px; padding:5px; display:none; background-color:#e20a16; }
		ul#menu-top-obj .sub-menu .preview { width:129px; height:150px; background:#e20a16 url(images/sub-menu-bg.gif) top left no-repeat; float:left; }
		ul#menu-top-obj .sub-menu a.level2 { color:#fff; text-decoration:none; font-weight:bold; margin-top:2px; float:left; }
		ul#menu-top-obj .sub-menu a.level2:hover { color:#000; }
		ul#menu-top-obj .sub-menu a.link115 { width:105px; padding:0 5px; }
		ul#menu-top-obj .sub-menu a.link230 { width:220px; padding:0 5px; }

		ul#menu-top-obj li a.hovered { color:#000; }
		
		ul#menu-top-obj li a.selected,
		ul#menu-top-obj li .sub-menu a.selected /* needed or become overriden by .level2 */
		{ color:#000; }

	#content { width:962px; float:left; }

		#emotional { width:962px; height:162px; padding-bottom:31px; background:transparent url(images/undergradient.jpg) bottom left repeat-x; clear:both; float:left; }

		#left { width:659px; padding:0 20px; float:left; }

			#cerca h2,

			#news h2,
			#social-communities h2,
			#carrera-video-channel h2,
			#area-clienti h2,
			#configura-bicicletta h2,
			#biciclette h2,

			#rivenditore-form h2,

			#come-nasce-la-bicicletta h2,
			#attivita-ricerca-e-design h2,
			#materiale-usato h2,
			#biciclette-su-misura h2,
			#galleria-fotografica h2,

			#registra-la-tua-bicicletta h2,
			#iscrizione-newsletter h2,
			#consigli-per-la-manutenzione h2,
			#galleria-fotografica-pubblica h2,
			#carrera-friends-blog h2,
			#carica-foto h2,

			#hall-of-fame-carrera h2,
			#profilo-aziendale-podium-srl h2,
			#chi-e-davide-boifava h2,
			#chi-e-luciano-bracchi h2,
			#la-squadra-podium h2,
			#contattaci h2,
			#dove-siamo h2,
			#links-utili h2
			{ padding-left:25px; height:20px; line-height:26px; background:transparent url(images/title-bg.gif) 0 0 no-repeat; color:#ed1a24; font-weight:bold; text-transform:uppercase; font-size:90%; }

			#attivita-ricerca-e-design h3,
			#materiale-usato h3
			{ color:#ed1a24; font-weight:bold; margin:1em 0; text-transform:uppercase; }

			#configura-bicicletta h5,
			#area-clienti h5
			{ margin:4em; font-size:150%; font-weight:bold; text-align:center; color:#004080; }

			#cerca h3 { color:#004080; }
			#cerca ul { margin-left:1em; }
			#cerca ul li { margin:0.5em 0; }
			#cerca ul li a { text-decoration:none; color:#ED1A24; }

			#news .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#news ul.news { margin-top:40px; }
			#news ul.news li { margin-bottom:20px; padding-bottom:20px; clear:both; overflow:hidden; zoom:1; }
			#news ul.news li .pic { width:169px; float:left; }
			#news ul.news li .text { width:490px; float:left; }
			#news ul.news li .text .heading { color:#ED1A24; font-weight:bold; }
			#news ul.news li .text .heading { color:#ED1A24; font-weight:bold; }
			#news ul.news li .text .mceText2 p { margin:0.5em 0; line-height:1.2em; text-align:justify; color:#004080; }

			#social-communities .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#social-communities a.social-link { color:#004080; text-decoration:none; font-weight:bold; line-height:20px; height:20px; display:block; background:transparent url(images/newsdiv.jpg) center left no-repeat; text-align:right; }
			#social-communities a.social-link:hover { color:#000; }

			#carrera-video-channel { }
			#carrera-video-channel .mceText p { margin:1em 0; line-height:1.8em; color:#004080; text-align:justify; }
			#carrera-video-channel .mceText a { color:#ED1A24; font-weight:bold; }
			#carrera-video-channel .mceText a:hover { color:#000; }
			#carrera-video-channel .form { width:500px; margin:2em auto; }

			#homepage .mceText p { margin:1em 0; line-height:1.8em; color:#004080; text-align:justify; }
			#homepage ul.news { width:608px; margin:2em auto; }
			#homepage ul.news li { width:146px; margin-right:6px; float:left; }
			#homepage ul.news li .pic { margin-bottom:12px; }
			#homepage ul.news li .text { padding:4px 5px; height:40px; line-height:1.1em; font-size:85%; }
			#homepage ul.news li .red { background-color:#ED1A24; }
			#homepage ul.news li .blue { background-color:#004080; }
			#homepage ul.news li .text a { text-decoration:none; color:#fff; }
			#homepage ul.news li .text a:hover { color:#000; }
			#homepage ul.news2 { width:375px; float:left; border:1px solid #ed1c24; background:transparent url(images/news2-title.png) top left no-repeat; padding-top:30px; }
			#homepage ul.news2 li { padding:10px; background:transparent url(images/news2-divider.png) bottom center no-repeat; }
			#homepage ul.news2 li .title a { font-weight:bold; color:#024383; display:block; margin-bottom:10px; text-decoration:none; }
			#homepage ul.news2 li .text { color:#024383; }
			#homepage ul.bikes2011 { width:269px; }
			#homepage ul.bikes2011 li { }
			#homepage ul.bikes2011 li img { margin-bottom:5px; }
			#homepage #bk2011prev, #homepage #bk2011next { color:#ed1c24; font-weight:bold; cursor:pointer; }
			#homepage #bk2011next { float:right; }
			
			/* catalogo */
			#biciclette .models { width:150px; height:34px; margin-right:auto; background:transparent url(images/biciclette-select-bg.gif) top left no-repeat; }
			#biciclette .models select { font-size:105%; margin-left:24px; margin-top:7px; }
			#biciclette .pic { padding:0 100px; }
			#biciclette .decostrip { height:20px; text-align:right; }
			#biciclette .decostrip img { margin-right:1em; }
			#biciclette .decostrip a { color:#ED1A24; font-weight:bold; font-size:95%; text-decoration:none; white-space:nowrap; }
			#biciclette .mceText p { color:#000; text-align:justify; line-height:1.5em; margin:1em 0; }
			#biciclette .tableredsfondo { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; background-image:url(images/reddot.gif); text-align:center; color:#FFF; }
			#biciclette .tablebluesfondo { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; background-image:url(images/bluedot.gif); }
			#biciclette .tablewhitesfondo { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000; background-color:#FFF; text-align:center; font-weight:bold; }

			#abbigliamento ul li { width:198px; /*height:198px;*/ background-color:#fcfafb; margin:0 6px 6px 0; float:left; }
			#abbigliamento ul li .pic { width:198px; height:198px; }
			#abbigliamento ul li table, #abbigliamento ul li table td { width:100%; height:100%; }
			#abbigliamento ul li table td { text-align:center; vertical-align:middle; }
			#abbigliamento ul li .text { margin:5px; padding-left:28px; min-height:20px; background:transparent url(images/title-bg.gif) top left no-repeat; font-weight:bold; font-size:75%; }

			#rivenditori { width:573px; padding-left:126px; float:left; } /* full #left replacement */
			#rivenditori .heading { width:573px; height:29px; margin-bottom:30px; background:#ed1c24 url(images/bg-rivenditori.gif) top left no-repeat; }
			#rivenditori .heading img { margin-left:25px; margin-top:6px; }
			#rivenditori input.text { font-size:105%; padding:2px; }
			#rivenditori ul li { border:1px dotted red; width:281px; height:150px; padding:5px 10px 5px 272px; margin-top:20px; background:transparent url(images/home-logo.gif) 40px center  no-repeat;  }
			#rivenditori ul li p { color:#004080; line-height:1.3em; }
			#rivenditori ul li p a { color:#ED1A24; font-weight:bold; text-decoration:none; }
			#rivenditori ul li p a:hover { color:#000; }
			#rivenditori ul li p a.gmap-address { text-decoration:underline; }
			#rivenditori ul li p a.gmap-address:hover { color:#ED1A24; text-decoration:underline; }
			#rivenditori p { color:#004080; text-align:justify; line-height:1.4em; }

			#come-nasce-la-bicicletta .mceText p { margin:1em 0; line-height:1.4em; color:#004080; text-align:justify; }

			#attivita-ricerca-e-design .mceText p { margin:1em 0; line-height:1.4em; color:#004080; text-align:justify; }

			#materiale-usato .mceText p { margin:1em 0; line-height:1.4em; text-align:justify; color:#004080; }
			
			#biciclette-su-misura .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#biciclette-su-misura .form { width:500px; margin:2em auto; }

			#galleria-fotografica .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#galleria-fotografica .gallery { margin-top:28px; overflow:hidden; zoom:1; }
			#galleria-fotografica .gallery .pic { margin:0 9px 9px 0; float:left; }

			#registra-la-tua-bicicletta .mceText p { margin:1em 0; line-height:1.8em; text-align:justify; color:#004080; }
			#registra-la-tua-bicicletta .form { width:500px; margin:2em auto; }

			#area-clienti .mceText p { margin:1em 0; line-height:1.8em; text-align:justify; color:#004080; }
			#area-clienti .form { width:500px; margin:2em auto; }

			#configura-bicicletta .mceText p { margin:1em 0; line-height:1.8em; text-align:justify; color:#004080; }
			#configura-bicicletta .form { width:500px; margin:2em auto; }
			#configura-bicicletta a.arrow { display:block; width:200px; height:30px; line-height:30px; padding-right:30px; margin-top:20px; margin-right:180px; background:transparent url(images/dir-avanti.gif) center right no-repeat; text-align:right; text-transform:uppercase; font-weight:bold; color:#ED1A24; float:right; text-decoration:none; font-size:90%; }

			#iscrizione-newsletter .mceText p { margin:1em 0; line-height:1.8em; text-align:justify; color:#004080; }
			#iscrizione-newsletter .form { width:500px; margin:2em auto; }

			#consigli-per-la-manutenzione .mceText p { margin:1em 0; line-height:1.8em; text-align:justify; color:#004080; }
			#consigli-per-la-manutenzione .form { width:500px; margin:2em auto; }

			#galleria-fotografica-pubblica .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#galleria-fotografica-pubblica .gallery { margin-top:28px; overflow:hidden; zoom:1; }
			#galleria-fotografica-pubblica .gallery .pic { margin:0 9px 9px 0; float:left; }

			#carica-foto .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#carica-foto .form { width:530px; margin:2em auto; }

			#carrera-friends-blog .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#carrera-friends-blog .mceText a { color:#ED1A24; font-weight:bold; }
			#carrera-friends-blog .mceText a:hover { color:#000; }
			#carrera-friends-blog .form { width:500px; margin:2em auto; }

			#hall-of-fame-carrera .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#hall-of-fame-carrera .hof { width:659px; margin-top:2em; overflow:hidden; zoom:1; }
			#hall-of-fame-carrera .hof .row { margin-bottom:12px; overflow:hidden; zoom:1; clear:both; }
			#hall-of-fame-carrera .hof .row .pic { width:224px; height:153px; margin-right:17px; float:left; }
			#hall-of-fame-carrera .hof .row .text { width:418px; float:left; }
			#hall-of-fame-carrera .hof .row .text span.name { color:#ED1A24; font-weight:bold; text-transform:uppercase; font-size:90%; }
			#hall-of-fame-carrera .hof .row .text .mceText p { color:#004080; line-height:1.6em; margin:0.5em 0; }

			#profilo-aziendale-podium-srl .mceText p { margin:1em 0; line-height:1.5em; color:#004080; text-align:justify; }

			#chi-e-davide-boifava .mceText p { margin:1em 0; line-height:1.4em; color:#004080; text-align:justify; }

			#chi-e-luciano-bracchi .mceText p { margin:1em 0; line-height:1.4em; color:#004080; text-align:justify; }

			#la-squadra-podium .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#la-squadra-podium ul.team li { color:#004080; margin-top:4em; overflow:hidden; zoom:1; }
			#la-squadra-podium ul.team li div.left { width:220px; float:left; }
			#la-squadra-podium ul.team li div.right { width:439px; float:left; }
			#la-squadra-podium ul.team span.name,
			#la-squadra-podium ul.team span.role { color:#ED1A24; font-weight:bold; }
			#la-squadra-podium ul.team p { color:#004080; margin:1em 0; }
			#la-squadra-podium ul.team a { color:#ED1A24; font-weight:bold; text-decoration:none; }
			#la-squadra-podium ul.team a:hover { color:#000; }

			#contattaci .form { width:530px; margin:2em auto; }
			#rivenditore-form .form { width:500px; margin:2em auto; }

			#dove-siamo .mceText p { margin:1em 0; line-height:1.5em; text-align:justify; color:#004080; }
			#dove-siamo .mceText a { color:#ED1A24; font-weight:bold; }
			#dove-siamo .mceText a:hover { color:#000; }

			#links-utili .mceText a { color:#004080; line-height:1.6em; font-weight:normal; }
			#links-utili .mceText a:hover { color:#000; }

		#right { width:263px; float:left; }

			#right #videoplayer { height:auto; width:243px; border:1px solid #ed1c24; }
			#right .videomenu { background-attachment:scroll; background-image:url(images/video_divider.gif); background-repeat:no-repeat; background-position:center top; display:block; height:26px; width:100%; }
			#right .modelsbrowse { color:#ED1A24; text-align:center; height:21px; width:auto; padding-right:2px; padding-left:2px; font-weight:bold; }

			#right .bikes-browser1 { border:1px solid #ed1a24; width:243px; background:transparent url(images/video_divider.gif) top left no-repeat; overflow:hidden; zoom:1; }
			#right .bikes-browser1 .models { width:103px; height:25px; float:left; }
			#right .bikes-browser1 .buy { margin-left:12px; width:128px; height:25px; text-align:right; float:left; }
			#right .bikes-browser1 .pic { width:243px; height:180px; float:left; }
			#right .bikes-browser1 .arrow { width:40px; height:30px; text-align:center; float:left; }
			#right .bikes-browser1 .arrow img { cursor:pointer; }
			#right .bikes-browser1 .name { width:163px; height:30px; line-height:30px; color:#ed1a24; font-weight:bold; text-transform:uppercase; text-align:center; float:left; }

			#right .bikes-browser2 { border:1px solid #ed1a24; width:238px; padding:10px; }
			#right .bikes-browser2 .preview { width:217px; height:81px; padding:0 10px 0 11px; position:relative; }
			#right .bikes-browser2 .hover { width:217px; height:81px; padding:0 10px 0 11px; position:absolute; top:0; left:0; }
			#right .bikes-browser2 .hover ul li { float:left; }
			#right .bikes-browser2 .hover ul li img { display:none; }
			#right .bikes-browser2 .list { margin-top:10px; width:238px; border-top:1px solid #e20a16; overflow:hidden; zoom:1; }
			#right .bikes-browser2 .list a { display:block; width:119px; line-height:20px; height:20px; font-weight:bold; text-decoration:none; color:#ED1A24; float:left; }
			#right .bikes-browser2 .list a:hover { color:#000; }
			#right .bikes-browser2 .list a.selected { color:#000; }

			#right #gmap { border:1px solid #ed1a24; width:248px; height:268px; padding:5px; position:relative; }

			ul#right-menu { }
			ul#right-menu li { margin-top:10px; }

			#right .sfondodxunder { width:263px; height:350px; background:url(images/dxsfondo.jpg) top left repeat-x; }
			#right .sfondodxunder-yt { width:263px; padding-bottom:350px; background:#014282 url(images/dxsfondo.jpg) bottom left repeat-x; }