@charset "utf-8";
/* CSS Document */

/* Reset */

* {margin:0; padding:0; border:0;}
img {border:none; margin:0; padding:0}
body {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:82%; line-height:140%; color:#000; background-color:#ededed; margin: 0; padding: 0;}  /* Tipo base: 11px */
a {text-decoration:none; outline:none}
a:hover {text-decoration:underline}
div { border: 0; margin: 0; padding: 0; position: relative; height:1%}
p { margin: 0; padding:0 0 8px 0 }
form, ul, li { margin: 0; padding: 0;}
input, select, fieldset { margin: 0; padding: 0; }

.cleaner {height:1px; clear:both}
.spacer {height:10px; clear:both}

/* General */


#page {width:950px; margin: 0 auto; padding:10px; background:#FFF}
#page .wrap {}

#page h1, #page h2 {margin:0; padding:0; font-weight:normal; line-height:100%}

#page h1 { font-size: 180%; color:#d21}
#page h2 { font-size: 150%; color:#d21}
#page h3 { font-size: 120%; color:#666}
#page h4 { font-size: 110%; color:#666}
#page h5 { font-size: 90%; color:#666}
#page h6 { font-size: 85%; color:#666}

input, select, textarea {font-family: tahoma, verdana, arial, helvetica, sans-serif; border:1px solid #ccc; padding:3px; font-size:100%}
.in_button { padding:0; margin:0; border:0}
.button {text-align:right; margin-top:8px; margin-bottom:8px; white-space:nowrap; }
.button input {border:none; color:#FFF; margin:0; height:22px; padding:0 0 0 10px; font-size:14px; background: url(img/btn_submit_l.gif) center left no-repeat; display:inline-block; vertical-align:middle; letter-spacing:1px}
.button input:hover {color: #fcc}
.button span.btn_right {height:22px; display:inline-block; margin:0; padding:0; background: url(img/btn_submit_r.gif) center left no-repeat; width:10px; vertical-align:middle; margin-left:-4px}

.border {border:1px solid #666}

.left { float:left}
.right { float:right }



/* Header */
#page .header { height:210px; background:url(img/bg_header.jpg) center top no-repeat; overflow:visible; z-index:2000}

#page .header .logo { width:254px; height:94px; position:absolute; top: 80px; left:15px}
#page .header .logo h1 { display:none}

#page .header .share {position:absolute; color:#999; top:0; left:0; font-size:9px; }
#page .header .share a { display:inline-block; width:20px; color:#999; overflow:hidden; padding: 1px; margin: 0 1px; background: center center no-repeat; text-indent: -8000px; vertical-align:middle}
#page .header .share a:hover {background-color:#CCC}
#page .header .share a.facebook { background-image:url(img/ico_facebook.gif)}
#page .header .share a.twitter { background-image:url(img/ico_twitter.gif)}
#page .header .share a.meneame { background-image:url(img/ico_meneame.gif)}

#page .header .menu2 {position:absolute; color:#999; top:0; right:0; font-size:80%; }
#page .header .menu2 a { color: #999}

#page .header .menu { position:absolute; height:26px;  background:url(img/bg_menu.gif); top: 185px; left:0; width:950px; overflow:visible }
#page .header .menu ul.nivel1 { list-style: none; text-transform:uppercase; font-family:"impact",Arial, Helvetica, sans-serif; font-size:15px; line-height: 24px; padding-left:8px; font-weight:normal}
#page .header .menu ul.nivel1 .item {width: auto; float: left; padding: 0 4px; height:26px;}
#page .header .menu ul.nivel1 .item a {color:#FFF; color:#FFF; height:26px; display:block; padding: 0 2px  }
#page .header .menu ul.nivel1 .item a:hover {text-decoration:none; color:#FCC}
#page .header .menu ul.nivel1 .item a span {text-indent: -8000px; width:0; height:0; overflow:hidden; height:26px; background: url(img/bgmenu.gif) center left no-repeat; display:block; width: 80px}
#page .header .menu ul.nivel1 .item a:hover span {background-image: url(img/bgmenu_hover.gif)}
#page .header .menu ul.nivel1 .item a span.historia 				{ width: 058px; background-position: 0 center }
#page .header .menu ul.nivel1 .item a span.proyecto-tranvia 		{ width: 154px; background-position: -70px center }
#page .header .menu ul.nivel1 .item a span.informacion-usuario 		{ width: 166px; background-position: -240px center }
#page .header .menu ul.nivel1 .item a span.noticias-descargas		{ width: 152px; background-position: -620px center }
#page .header .menu ul.nivel1 .item a span.avance-obras				{ width: 144px; background-position: -782px center }
#page .header .menu ul.nivel1 .item a span.profesionales-comercios	{ width: 187px; background-position: -420px center }




/* Main */
#page .main {margin: 10px 0; }

/* main links */
#page .main a { color:#333 }
#page .main a h2, #page .main h2 a, #page .main a .plus  {color:#d21}
#page .main a h2:hover, #page .main h2 a:hover, #page .main a .plus:hover {color:#f33}
#page .main a:hover { text-decoration:none;}
.pct50 p a {color:#000099 !important;}

#page .main .red {color:#d21}

#page .main .content {width:640px; float:left; z-index:1}
#page .main .rcolumn {width:300px; float:left; margin-left:10px;}


/* Content Column --> General */
#page .main .content .ticker_news {height:30px; background: url(img/bg_tickernews.gif); color: #d21; line-height:30px;  z-index:1}
#page .main .content .ticker_news .ticker {position:absolute; top:0; left: 80px; width: 560px; height: 30px; overflow:hidden}
#page .main .content .ticker_news .ticker a {color:#ccc; padding: 0 5px}

#page .main .content .slides { width:640px; height: 342px; overflow:hidden; background:url(img/bg_slide.gif) left bottom no-repeat;}
#page .main .content .slides ul {width:640px; height:342px; overflow:hidden; list-style:none; }
#page .main .content .slides ul li {width:640px; height:342px; overflow:hidden}
#page .main .content .slides ul li a {text-decoration:none}
#page .main .content .slides ul li a span {color:#FFF; padding-left:15px; line-height:25px;}

#page .main .content .box2 { height:1%; overflow:hidden; z-index:1}
#page .main .content .box2 .top { height:16px; background:url(img/bg_box2_top.gif) center top no-repeat}
#page .main .content .box2 .bot { height:16px; background:url(img/bg_box2_bot.gif) center top no-repeat}
#page .main .content .box2 .mid { background-color: #ebebeb; padding: 0 15px; height:1%; overflow:hidden}
#page .main .content .box2.home .img img {border: 1px solid #000}
#page .main .content .box2 .mid h1 { padding-bottom:2px}

#banner { width:290px; height: 180px; overflow:hidden;}
#banner ul {width:290px; height:209px; overflow:hidden; list-style:none; }
#banner ul li {width:290px; height:209px; overflow:hidden}
#banner ul li a {text-decoration:none}
#banner ul li span {color:white; padding-left:15px; padding-right:5px; line-height:25px;background:url(img/bg_slide.gif);}

#page .main .content .box3 { height:1%; overflow:hidden}
#page .main .content .box3 .top { height:16px; background:url(img/bg_box3_top.gif) center top no-repeat}
#page .main .content .box3 .bot { height:8px; background:url(img/bg_box3_bot.gif) center top no-repeat}
#page .main .content .box3 .mid { background-color: #f6f6f6; padding: 0 15px; height:1%; overflow:hidden}

#page .main .content .box4{ height:1%; overflow:hidden; padding: 5px 0}
#page .main .content .box4 .top { height:16px; background:url(img/bg_box4_top.gif) center top no-repeat}
#page .main .content .box4 .bot { height:8px; background:url(img/bg_box4_bot.gif) center top no-repeat}
#page .main .content .box4 .mid { background-color: #f6f6f6; padding: 0 15px; height:1%; overflow:hidden}

#page .main .content .box2 .mid .img {width:170px; float:left}
#page .main .content .box2 .mid .text { width: 620px; float:left}

#page .main .content .box {}
#page .main .content .box h2 {margin-bottom:10px}
#page .main .content .box .top { height:15px; background:url(img/bg_boxcomplete_top.gif) center top no-repeat}
#page .main .content .box .bot { height:8px; background:url(img/bg_boxcomplete_bot.gif) center top no-repeat}
#page .main .content .box .mid { background-color: #f6f6f6; padding: 0 10px; height:1%; overflow:hidden}
#page .main .content .box ul {list-style:none}
#page .main .content .box.home .mid img {border: 1px solid #000}

#page .main .content .pct50 {width:50%; float:left}
#page .main .content .pct50 .box {width:314px}
#page .main .content .pct50 .box .top { background-image:url(img/bg_boxhalf_top.gif)}
#page .main .content .pct50 .box .bot { background-image:url(img/bg_boxhalf_bot.gif)}

#page .mid.calculate .img {width: 100px; float:left}
#page .mid.calculate .text {width: 180px; float:left}
#page .mid.calculate select {width:180px}
#page .mid.calculate form { padding:0 !important}
#page .mid.calculate .button { padding-top:4px}

#page .main .options { padding: 0 0 0 10px; overflow:hidden; height:1%}

#page .main .share {position:relative; color:#999; font-size:80%; width:180px; float:left }
#page .main .share a { display:inline-block; width:20px; color:#999; overflow:hidden; padding: 1px; margin: 0 1px; background: center center no-repeat; text-indent: -8000px; vertical-align:middle}
#page .main .share a.facebook { background-image:url(img/ico_facebook.gif)}
#page .main .share a.twitter { background-image:url(img/ico_twitter.gif)}
#page .main .share a.meneame { background-image:url(img/ico_meneame.gif)}

#page .main .others {position:relative; color:#999; font-size:80%; width: 400px; float:left }
#page .main .others a { display:inline-block; color:#999; overflow:hidden; padding: 1px 1px 1px 20px; margin: 0 40px; background: center left no-repeat; vertical-align:middle}
#page .main .others a.print { background-image:url(img/ico_print.gif)}
#page .main .others a.pdf { background-image:url(img/ico_pdf.gif)}
#page .main .others a.send { background-image:url(img/ico_send.gif)}


#page .main .nav { padding: 10px; background:url(img/bg_nav.gif) center center no-repeat; height:40px; overflow:hidden}
#page .main .nav .left { width:50%; float:left; font-size:80%; padding-top:11px}
#page .main .nav .right { width:50%; float:left; text-align: right; font-weight:bold; padding-top:10px}
#page .main .nav .right a:hover {color:#d21 !important}


/* Content Column --> News */
#page .main .wrap_text { padding:10px}
#page .main .wrap_text .news_title {padding-top: 20px}
#page .main .wrap_text .news_piece {border: 1px solid white; padding: 5px;}
#page .main .wrap_text .news_piece:hover {background: url(img/bg_box_li_on.gif) top repeat-x; border: 1px solid #666666;}
#page .main .wrap_text .data {color:#666; font-size:90%}

#page .main .wrap_text .fkeditor { margin-top: 20px; text-align:justify}
#page .main .wrap_text .fkeditor h2, #page .main .wrap_text .fkeditor h3, #page .main .wrap_text .fkeditor h4, #page .main .wrap_text .fkeditor p {padding: 10px 0; line-height:170%}
#page .main .wrap_text .fkeditor .img { width:auto; padding: 5px; margin: 3px; background-color:#f6f6f6; border:1px solid #eee}
#page .main .wrap_text .fkeditor .img .subtitles { font-size:10px; color:#666;}
#page .main .wrap_text .fkeditor .img a .spand { color:#d21}
#page .main .wrap_text .fkeditor .img a .spand:hover { color:#f33}
#page .main .wrap_text .fkeditor ul { margin:10px; list-style:none; background: url(img/bg_ul.gif) top left repeat-y}
#page .main .wrap_text .fkeditor ul li {margin:10px 0; padding:10px 0 10px 30px; background: url(img/bg_ul_li.gif)  left 10px no-repeat; list-style:none}

.fkeditor a {color: #000099 !important;}

/* Content Column --> Mapa de obras */
#page .main form { padding:10px 0; height: 1%; overflow:hidden}
#page .main form .obras { float:left }
#page .main form .select.obras { width: 500px }
#page .main form .select.obras select { width: 490px }
#page .main form .obras.button {width: 80px; margin: 0; padding:0}
#page .main .map {padding: 15px 0}
#page .main ul.obras { padding:3px 30px; list-style:none }
#page .main ul.obras li {padding: 10px 0 10px 30px}
#page .main ul.obras li.ok { background: url(img/ico_ok.gif) center left no-repeat}
#page .main ul.obras li.advice { background: url(img/ico_advice.gif) center left no-repeat}

/* Content Column --> recorrido */
#page .main form .select.recorrido { width: 240px; float:left}
#page .main form .select.recorrido select { width: 230px}
#page .main form .recorrido.button {width: 80px; margin:0; padding:0;}
#page .main .map {padding: 15px 0}
#page .main ul.bullet { padding:3px 10px; list-style:none }
#page .main ul.bullet li {padding: 10px 0 10px 10px; }
#page .main ul.recorrido { padding:3px 30px; list-style:none !important }
#page .main ul.recorrido li {padding: 10px 0 10px 30px}
#page .main ul.recorrido li.bus { background: url(img/ico_bus.gif) center left no-repeat}
#page .main ul.recorrido li.bike { background: url(img/ico_bici.gif) center left no-repeat}
#page .main ul.recorrido li.parking { background: url(img/ico_parking.gif) center left no-repeat}
#page .main ul.recorrido li.taxi { background: url(img/ico_taxi.gif) center left no-repeat}

/* Content Column --> Establecimientos */
#page .main .commerce {padding:10px 0; height: 1%; overflow:hidden}
#page .main .commerce h2 {padding: 0; }
#page .main .commerce .pct50 { padding: 3px 0; }
#page .main .commerce .pct50 .box { min-height:110px}
#page .main .commerce .pct50 .box .mid { height:90px}
#page .main .commerce .pct50 .box .mid h4 a { color:#d21 !important; padding: 2px 0 }
#page .main .commerce .pct50 .box .mid h4 span { color:#d21 !important; padding: 2px 0 }
#page .main .commerce .pct50 .box .mid .img { width: 108px; float: left; height: 50px; margin: 0 10px 10px 0}
#page .main .commerce .pct50 .box .mid .img img {border: 1px solid #ccc; width: 108px; height: 50px }
#page .main .commerce .pct50 .box .mid .img .lupa {position:absolute; bottom: 2px; right:2px; width: 15px; height: 15px; background: url(img/icon_lupa.gif) center center no-repeat; cursor:pointer}
#page .main .commerce .pct50 .box .mid .text { width: 160px; float:left}
#page .main .commerce .pct50 .box .mid .ads { height: 40px; overflow:hidden; color:#d21 !important; clear: both; background: url(img/bg_ads.gif) center center no-repeat; padding:3px 6px}
#page .main .order {padding: 5px; text-align:right}
#page .main .order a { padding: 0 5px}
#page .main .order a:hover, #page .main .commerce .order a.active { color:#d21 !important;  }

#page .main .filter {float:none; clear:both;}
#page .main .filter .alfabeto {margin:0; padding:0; list-style:none; height:12px; float:left; display:inline-block}
#page .main .filter .alfabeto li {float: left; width:auto; padding:3px 4px; display:inline-block}
#page .main .filter .alfabeto li a {color:#d21}
#page .main .filter .alfabeto li a:hover { text-decoration:underline}
#page .main .filter div {clear:both; height:1%; float:none; border:1px solid #eee; background:whitesmoke;  padding:10px; display:none }
#page .main .filter div.activo {display:block}
#page .main .filter div.cleaner {padding:0; height:1px; border:none; background:transparent; display:block}
#page .main .filter select {width: 250px}
#page .main .filter label {width:200px; display:inline-block; float:left}

/* Content Column --> Experiencias */
#page .main .experience {padding:10px 0; height: 1%; overflow:hidden}
#page .main .experience .img { width: 130px; float: left; height: 95px; margin-right:10px}
#page .main .experience .text { width: 490px; float:left}
#page .main .experience .text .red {font-size:120%;  color:#d21 !important;}


/* Content Column --> Downloads */
#page .main .downloads {padding:10px 0; height: 1%; overflow:hidden}
#page .main .downloads .img { width: 50px; float:left}
#page .main .downloads .text {width:500px; float:left}
#page .main .downloads .text .red a {color:#d21; font-size: 130%;}


/* Content Column --> Tabs */
#page .main .tabs { height: 46px; overflow:hidden; margin-bottom: -10px}
#page .main .tabs ul { height: 46px; overflow:hidden; list-style:none }
#page .main .tabs ul li { width:160px; height:46px; float:left; font-size:18px; background:url(img/bg_tab.gif) left bottom no-repeat; display:inline-block; text-align:center;}
#page .main .tabs ul li a {color:#d21; padding-top:14px; display:block}
#page .main .tabs ul li.active, #page .main .tabs ul li:hover  {background-image:url(img/bg_tab_on.gif)}
#page .main .tabs ul li.active a, #page .main .tabs ul li:hover a { color:#FFF}

#page .main .box4 .mid ul.list.multimedia { list-style:none}
#page .main .box4 .mid ul.list.multimedia li {width:304px;height:90px; float:left; display:inline-block; margin: 10px 0}
#page .main .box4 .mid ul.list.multimedia li .img {width:90px; height:68px; margin-right:10px; background:url(img/bg_thumb.gif) center center no-repeat; float:left; text-align:center}
#page .main .box4 .mid ul.list.multimedia li .img img { max-height: 68px; max-width: 90px}
#page .main .box4 .mid ul.list.multimedia li .img span.ico {background: center center no-repeat; width:24px; height:22px; display:block; position:absolute; bottom:2px; right:2px}
#page .main .box4 .mid ul.list.multimedia li.Foto .img .ico {background-image: url(img/ico_album.png)}
#page .main .box4 .mid ul.list.multimedia li.Video .img .ico {background-image: url(img/ico_play.png)}
#page .main .box4 .mid ul.list.multimedia li.Audio .img .ico {background-image: url(img/ico_audio.png)}
#page .main .box4 .mid ul.list.multimedia li.Archivo .img .ico {background-image: url(img/ico_file.png)}
#page .main .box4 .mid ul.list.multimedia li .text { width:190px; float:left}
#page .main .box4 .mid ul.list.multimedia li .text a h3{ font-size:100%; color:#d21; margin:0; padding:0}
#page .main .box4 .mid ul.list.multimedia li .text a p { font-size:100%; margin:0; padding:0}
#page .main .box4 .mid ul.list.multimedia li .text a p .red{ color:#d21}
#page .main .box4 .mid .slideViewer {height:auto}
#page .main .box4 .mid .slideViewer div {height:auto}


/* Content Column --> Faqs */
#page .main .faq {padding:10px 0; height: 1%; overflow:hidden}
#page .main .faq dl { margin:0; padding:0; list-style:none}
#page .main .faq dt { margin: 20px 0 0 0 ; padding:0; font-size:120%; color:#d21; font-weight:bold}
#page .main .faq dd { margin: 0 0 20px 0; padding:0 }
#page .main .faq dd p {padding: 10px 0; line-height:170%}

/* Content Column --> Forms */
#page .main #verform .input {height:1%; overflow:hidden; clear:both; float:none; padding:5px; font-size:110%}
#page .main #verform .input label {float:left; vertical-align:middle; width:200px;}
#page .main #verform .input.text input {border:1px solid #ccc; padding:3px; background:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; color:#000; width:300px}
#page .main #verform .input.textarea textarea {border:1px solid #ccc; padding:3px; height:110px; background:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; color:#000; width:300px}

#page .main #verform .input.checkbox { padding-left: 40px}
#page .main #verform .input.checkbox label { width:auto; padding: 0 10px}
#page .main #verform .input.checkbox input {padding: 0 10px; float:left}

#page .main #verform .submit {height:1%; overflow:hidden; font-size:110%; width:auto; float: right}
#page .main #verform .submit input {cursor:pointer; display:block; float:left; height:25px; padding:0 11px 3px 18px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; overflow:visible}

#page .main #verform #button_off {text-align:right}
#page .main #verform .alert {background:#DEB5B1; border: 2px dotted #DD2211; padding:10px; font-size: 110%; color:#DD2211; display:none; font-weight:bold}
#page .main #verform .info { padding-left:200px; font-size:80%; color:#069; padding-top: -5px; padding-bottom:15px}


/* Right Column */

#page .main .rcolumn ul {list-style:none}
#page .main .rcolumn .search { width:300px; background:url(img/bg_search.gif) center center no-repeat}
#page .main .rcolumn .search form {padding: 6px 15px; height:1%; overflow:hidden}
#page .main .rcolumn .search form label {display:none}
#page .main .rcolumn .search form .input {width:180px; padding:3px; border:1px solid #ccc}
#page .main .rcolumn .search form input {vertical-align: middle}

#page .main .rcolumn .box {}
#page .main .rcolumn .box h2 {margin-bottom:10px}
#page .main .rcolumn .box .top { height:15px; background:url(img/bg_box_top.gif) center top no-repeat}
#page .main .rcolumn .box .bot { height:8px; background:url(img/bg_box_bot.gif) center top no-repeat}
#page .main .rcolumn .box .mid { background-color: #f6f6f6; padding: 0 10px; height:1%; overflow:hidden}
#page .main .rcolumn .box .mid ul.list {}
#page .main .rcolumn .box .mid ul.list li {background:url(img/bg_box_li.gif) center top no-repeat; padding: 5px; margin: 0 -10px;}
#page .main .rcolumn .box .mid ul.list li:hover {background-image: url(img/bg_box_li_on.gif)}
#page .main .rcolumn .box small {color:#666; font-size:80%}
#page .main .rcolumn .box h3 { font-size:100%}

#page .main .rcolumn .box .mid ul.list.multimedia {}
#page .main .rcolumn .box .mid ul.list.multimedia li .img {width:90px; height:68px; margin-right:10px; background:url(img/bg_thumb.gif) center center no-repeat; float:left}
#page .main .rcolumn .box .mid ul.list.multimedia li .img span.ico {background: center center no-repeat; width:24px; height:22px; display:block; position:absolute; bottom:2px; right:2px}
#page .main .rcolumn .box .mid ul.list.multimedia li.album .img .ico {background-image: url(img/ico_album.png)}
#page .main .rcolumn .box .mid ul.list.multimedia li.video .img .ico {background-image: url(img/ico_play.png)}
#page .main .rcolumn .box .mid ul.list.multimedia li.audio .img .ico {background-image: url(img/ico_audio.png)}
#page .main .rcolumn .box .mid ul.list.multimedia li .text { width:190px; float:left}

#page .main .rcolumn .menubox { color:#FFF}
#page .main .rcolumn .menubox h2 {margin-bottom:10px}
#page .main .rcolumn .menubox a, #page .main .rcolumn .menubox h2 { color: #fff}
#page .main .rcolumn .menubox .top { height:12px; background:url(img/bg_menur_top.gif) center top no-repeat}
#page .main .rcolumn .menubox .bot { height:8px; background:url(img/bg_menur_bot.gif) center top no-repeat}
#page .main .rcolumn .menubox .mid { background-color: #858585; padding: 0 10px; height:1%; overflow:hidden}
#page .main .rcolumn .menubox .mid ul {}
#page .main .rcolumn .menubox .mid ul li {background:url(img/bg_menur_li.gif) center top no-repeat; margin: 0 -10px; min-height:26px}
#page .main .rcolumn .menubox .mid ul li:hover, #page .main .rcolumn .menubox .mid ul li.active  {background: #c03}
#page .main .rcolumn .menubox .mid ul li a {padding: 3px 0 0 30px ; background:url(img/bg_menur_bullet.gif)  15px 10px no-repeat; display:block}

/* footer */

#page .footer { height:65px; background:url(img/bg_footer.gif) center center no-repeat}
#page .footer .text { position:absolute; top: 22px; color:#999; font-size:80%; text-align:center; width:950px }
#page .footer .text  a { color: #999; padding:0 2px;}
#page .footer .logo_tranvia { position:absolute; width:auto; top: 5px; left:5px}
#page .footer .logo_zaragoza { position:absolute; width:auto; top: 15px; right:10px}

#page .footer2 { padding-top:10px; height:50px}
#page .footer2 .version {width:950px; text-align:center;}
#page .footer2 .version a {color:#333; font-size:80%; padding:0 2px;}

#page .footer2 .powered {position:absolute; top: 10px; right:10px; width:75px; font-size:9px; color:#999; text-align:right }
#page .footer2 .powered span {display:none}

#loading { width: 350px; height: 15px; float: right; display: none; padding-top: 4px;}

/* Añadido por Pablo, menos bonito, pero mejor indentado y más absoluto*/

.swfu_progress div
{
    background-color: #0000BB;
    height: 8px;
    width: 1px;
}

/* Back

.back h2 {padding-top: 15px !important; margin-left:80px !important; position:relative}
.back form {margin:30px 0; width:800px; margin-left:80px; border-top: 3px solid #eee; border-bottom: 3px solid #eee}

.back .input { padding: 15px 0 ; height:1%; overflow: hidden; border-bottom: 1px solid #eee}
.back .input label {width:240px; float:left; vertical-align:middle}
.back .input.text input {width: 450px; float:left}
.back .input.checkbox input { float:left; vertical-align:middle; margin-left:250px; margin-right: 10px}
.back .input.textarea textarea {width: 785px; float:left}
.back .input.textarea label {vertical-align:top}
.back .input.select select {width:460px}

.back .radio {padding: 15px 0 ; height:1%; overflow: hidden; border-bottom: 1px solid #eee}
.back .radio legend {float:left; width:250px}
.back .radio input {margin: 0 5px; vertical-align:middle}
.back .radio label { margin-right: 30px}

.back .submit { padding:8px 0; text-align:center; }
.back .submit submit { float:right}

.back_list {width:800px !important; margin-left:80px;}
.back_list h2 {padding-top: 15px !important;  margin-left:0px !important; }

.listmodels { margin: 30px 0; border-top: 3px solid #eee; }
.listmodels li {padding:15px 0;height:1%; overflow: hidden; border-bottom: 1px solid #eee}
.listmodels li a.name {width: 500px; display:inline-block}
.listmodels li a.but {width: 70px; display:inline-block}

*/