/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,button { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 0.9em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
th { text-align: left; }
caption,legend { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
table thead { display: none; }
ul li ul li { padding-left: 0px; margin-left: 0; }
body {font-family: Helvetica, Arial,'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', sans-serif; text-align: center; margin:0 auto; }
a{color:#000;}
a:hover{text-decoration:none;color:#336699;}

/* Globales */
#container{width:870px;margin:0 auto;}
.grey{color:#666;}
.big{font-size:14px; font-weight:bold;}
.red {color:#C00;}

#topnav{font-size:12px;line-height:12px; width:870px; float:left}
#note{display:block;float:left; background:#fff283;color:#000; font-weight:bold; padding:6px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;border-bottom-left-radius:5px;outline:none;text-decoration:none;}

#helpnav{display:inline; float:right; background:#8bb71b; padding:6px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;border-bottom-left-radius:5px;outline:none;text-decoration:none;}
#helpnav{display:inline;}
#helpnav a{color:#fff; text-decoration:none; font-weight:bold}
#helpnav a:hover{color:#5a790a; text-decoration:none; font-weight:bold}

#middlenav, #suggestnav, #warningnav{width:870px; float:left}
#logotipe{margin:20px 0 0;float:left; width:400px}
#logotipe img {border-right:1px solid #ebebeb; float:left; padding:0 20px 0 20px; }
#logotipe img a,#logotipe img a:hover{outline:none; cursor:help;}

#home_search{margin:25px 0 0 0; width:430px; float:left;text-align:left;}

#home_search h1{font-size:24px;width:430px; float:left;text-align:left; padding:20px 0 6px 6px;}
#home_search_q{background:#fff;margin:0;padding:8px 10px;border:1px solid #ccc;border-right-width:0;outline-width:0;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;font:18px Helvetica,Arial,Sans-serif;width:300px;}

#home_search_q:focus{-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);border:1px solid rgba(82, 168, 236, 0.75) !important;outline:medium none;}

#home_search_submit{background:#bbb url("../img/search_b.png") repeat-x 0 0;padding:8px 15px;margin-left:-0.5em;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;font:18px Helvetica,Arial,Sans-serif;color:#fff;text-decoration:none; border:1px solid #ccc;}
#home_search li {font-size:12px; padding-left:8px; padding-top:4px; list-style:none}

.ie7 #home_search_submit,.ie6 #home_search_submit{position:relative;top:-9px;left:-5px;padding:8px 10px 8px 20px;}

#warning{width:870px;float:left; margin:40px 0 30px 0;padding:4px;font-size:20px;}
#warning img{ vertical-align:middle; padding-right:4px;}

#suggest{width:870px;float:left; margin:40px 0 10px 0;}
#suggest h2{ background:#f6f6f6; border-bottom:1px solid #ebebeb; width:862px; padding:8px 0 4px 8px ;font-size:18px; text-align:left;}
#suggest li{padding:10px;font-size:18px;text-align:left; float:left}
/*Ides globales*/
#topnav2,#steps,#tabs,.content,#cities,.pagination,#sections, #guides, #share, #notice,#links,#features, #error{width:870px;float:left; margin:auto 0;}

.ie7 #steps,.ie6 #steps { margin-bottom:8px; }
#logotipe2{margin:6px 0 0;float:left; width:180px}
.logo{outline:none;cursor:default;}
#logotipe2 img {padding:0 20px 0 0;}

.steps_inside{float:left;margin:10px 4px; background:#f6f6f6; width:282px; display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-ms-border-radius:5px;}
.steps_inside li.number,.steps_inside li.number_off{float:left; width:40px;padding:10px 4px 2px 6px;font-size:70px;text-align:left}
.steps_inside li.explain, .steps_inside li.explain_off{float:left;width:196px;padding:16px 4px 2px 2px;font-size:14px;text-align:left}
.steps_inside li.made{float:left;padding:4px 2px 2px 2px;text-align:right}
.steps_inside li.explain_off,.steps_inside li.number_off{color:#dfdfdf;}

#tab_black,#tab_yellow,.tab_blue,.tab_grey,.tab_red{float:left;margin:4px 4px 0 0;  width:150px; display:block;color:#FFF;padding:8px 0 4px 0;font-size:16px;
-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-ms-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-ms-border-top-left-radius:5px;border-top-left-radius:5px;}

#tab_black{background:#000; color:#fff;}
#tab_yellow{background:#cec90b url("../img/bg_y.png")  repeat-x 0 0; color:#fff;}
.tab_blue{background:#2e69a3;color:#fff;}
.tab_red{background:#c41111;color:#fff;}
.tab_grey{background:#ebebeb url("../img/bg.png")  repeat-x 0 0;color:#000;}
#tab_black a,#tab_yellow a,.tab_blue a,.tab_red a{color:#fff;text-decoration:none;}
.tab_grey a{color:#000; text-decoration:none;}
#tab_black a:hover{color:#999;}
#tab_yellow a:hover{color:#a29e0a;}
.tab_blue a:hover{color:#21578c;}
.tab_red a:hover{color:#9e0e0e;}
.tab_grey a:hover{color:#999;}


#content2{float:left;margin:0; background:#000; width:870px; display:block;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius-topright:5px;-ms-border-radius-topright:5px;}
#content2 li.picture{float:left; width:100px;padding:8px;}
#content2 li.picture img{border:1px solid #333;padding:2px;}


#content2 li.description{float:left;width:714px;padding:10px 4px;font-size:12px;text-align:left;color:#ccc;}
#content2 h1 {font-size:18px;color:#fff;}
#content2 li.official{float:left;padding:4px;text-align:right}
.blue {color:#2e69a2;font-weight:bold;}

#near_cities_bar{width:870px;float:left; margin:8px 0 4px 0;}
#near_cities_bar h2{ background:#f6f6f6; border-bottom:1px solid #ebebeb; width:862px; padding:8px 0 4px 8px ;font-size:18px; text-align:left;}

.cities2{float:left;margin:2px 4px;background:#f6f6f6; width:282px; display:block;border-bottom:1px solid #ebebeb;}
.cities2 li.checker{float:left; width:10px;padding:6px;text-align:left}
.cities2 li.city{float:left;width:220px;padding:8px 4px 6px 4px;font-size:12px;text-align:left}
.cities2 li.official2{float:left;padding:4px 2px 2px 2px;text-align:right;}


#more{width:602px;float:left; margin:6px;padding:4px 0 2px 0 ;font-size:18px; background:url("../img/more_b.png")  repeat-x 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;color:#fff;outline:none;text-decoration:none;}
.next{width:240px;float:right; margin:6px;font-size:18px;padding:4px 0 2px 0; background:#bbb url("../img/search_b.png") repeat-x 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;color:#fff;outline:none;text-decoration:none;}
#more a,.next a{color:#fff;text-decoration:none; display:block; width:100%; height:100%}
.next a:hover{color:#23598d;text-decoration:none;}
#more a:hover{color:#60810f;text-decoration:none;}

/*Mapa*/
#content3{float:left;margin:0; background:#f6f6f6; width:850px; -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius-topright:5px;-ms-border-radius-topright:5px;border-top:3px solid #cec90b; text-align:left; padding:10px; border-bottom:1px solid #ebebeb; margin-bottom:4px;}

#content4{float:left;margin:0; font-size:13px;background:#f6f6f6; width:850px; -moz-border-radius-topright:5px;-webkit-border-radius-topright:5px;border-radius-topright:5px;-ms-border-radius-topright:5px;border-top:3px solid #2e69a3; text-align:left; padding:8px; border-bottom:1px solid #ebebeb;line-height: 150%}

.content5{float:left;width:866px;border-top:1px solid #ebebeb; margin-top:4px;}

.content5_left{width:200px;padding:6px;font-size:18px;text-align:left;float:left;}
.content5_left span{color:#666; font-size:12px;}
.content5_right{width:642px;padding:10px 6px;font-size:14px;text-align:left;background:#f6f6f6;float:left;border-bottom:1px solid #ebebeb;}

.content5_right li{width:200px;padding:4px 0 4px 6px;float:left;}

/*Recorridos*/
#content6{float:left;margin:0; background:#f6f6f6; width:850px; -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius-topright:5px;-ms-border-radius-topright:5px;border-top:3px solid #2e69a3; text-align:left; padding:10px; border-bottom:1px solid #ebebeb; margin-bottom:4px; font-size:.9em;}

/*Tipos de recorrido*/
.content7{float:left;margin:0; background:#f6f6f6; width:870px; display:block; border-bottom:1px solid #ebebeb;margin-bottom:8px;}
.content7 li.picture{float:left; width:100px;padding:8px;}
.content7 li.picture img{border:1px solid #999;padding:2px;}
.content7 li.description{float:left;width:628px;padding:10px 4px;font-size:12px;text-align:left;color:#666;}
.content7 h1 {font-size:18px;color:#000;}
.content7 li.download{float:left;padding:4px;text-align:center; width:100px;border:1px solid #ebebeb;margin-top:6px;}
.content7 li.download a {text-decoration:none; font-size:12px; font-weight:bold;}
.blue {color:#2e69a2;font-weight:bold;}

/*San Fermin*/
#content8{float:left;margin:0; background:#f6f6f6; width:850px; -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius-topright:5px;-ms-border-radius-topright:5px;border-top:3px solid #c41111; text-align:left; padding:10px; border-bottom:1px solid #ebebeb; margin-bottom:4px; font-size:.9em;}



.guide2{float:left;margin:4px 4px;background:#f6f6f6; width:425px; height:120px; display:block;border-bottom:1px solid #ebebeb;}
.guide2 ul{ height:55px;margin: 30px 60px; width:300px;border:1px solid #ebebeb;}
.g_icon {float:left; width:40px;padding:6px;text-align:left;}
.g_text{float:left;width:230px;padding:10px 4px 6px 4px;font-size:14px;text-align:left; line-height:120%;}

.share2{float:left;margin:2px 4px;background:#f6f6f6; width:281px; display:block;border-bottom:1px solid #ebebeb;}
.share2 li.s_icon{float:left; width:35px;padding:6px 4px 0 4px;text-align:left}
.share2 li.s_text,.share2 li.s_text_off{float:left;width:225px;padding:10px 4px 6px 4px;font-size:12px;text-align:left; line-height:120%;}
.share2 li.s_text_off{color:#dfdfdf;}

/* Estilos conjuntos Share y Guide */
.guide2_temp a,.guide2 a,.share2 a{text-decoration:none}

/*Anuncio pantallas fijas*/
.notice2{float:left;margin:10px 0; background:#f6f6f6 url("../img/bg.png") repeat-x 0 0; width:844px; text-align:left; padding:12px 10px; font-size:1.2em;display:block;border-bottom:1px solid #ebebeb;}
.notice2 img{ vertical-align:middle;}

/*Pantallas fijas*/
.links2{float:left;margin:0;  background:#f6f6f6 url("../img/bg.png") repeat-x 0 0;  width:866px; -moz-border-radius-topright:5px;-webkit-border-radius-topright:5px;border-radius-topright:5px;-ms-border-radius-topright:5px;border-top:3px solid #2e69a3; text-align:left; border-bottom:1px solid #ebebeb;}
.links2 li {float:left; text-align:left; padding:10px 0 6px 10px; font-size:14px;}
.links2 a {text-decoration:none}
.features2{float:left;width:846px;margin-top:4px; padding:10px;}
.features2 p{ line-height:120%; padding-bottom:10px; font-size:1em; text-align:left}
.features2 img{ vertical-align:top; padding:2px;}

/*Pantallas fijas 2*/
/*Top*/
#top_fixed {width:870px;float: left;}
.top_fixed_back {display:inline; float:left; background:#8bb71b; padding:6px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;border-bottom-left-radius:5px;}
.top_fixed_back a {color:#ffffff; text-decoration:none;width:100%; height:100%;}
.top_fixed_back a:hover {color:#678912; text-decoration:none;}
.top_fixed_logo {float:right; margin-top:4px;}

/*Sliderbar*/
#slidebar_fixed {width:870px;margin:0 auto;}
.slidebar_fixed_left {width:200px;float:left;}

.slidebar_fixed_noselected {margin-bottom:8px; text-align:left;}
.slidebar_fixed_noselected a { background:#ebebeb;-moz-border-radius:5px;-webkit-border-radius:5px;
-ms-border-radius:5px;border-radius:5px;padding:6px 0 6px 6px;color:#2e69a3; text-decoration:none;width:100%; height:100%; display:block; }
.slidebar_fixed_noselected a:hover {background-color:#2e69a3; -moz-border-radius:5px;-webkit-border-radius:5px;
-ms-border-radius:5px;border-radius:5px;padding:6px  0 6px 6px;color:#fff; text-decoration:none;}

.slidebar_fixed_selected {text-align:left;background-color:#2e69a3; padding:6px; color:#fff;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-ms-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-ms-border-top-left-radius:5px;border-top-left-radius:5px; font-size:1em;}

.slidebar_fixed_selected2 {border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb; text-align:left; padding:6px; margin-bottom:8px;}
.slidebar_fixed_selected2 li.section {font-weight:bold; font-size:.9em;}
.slidebar_fixed_selected2 li {font-size:.9em;  padding:2px 0;}
.slidebar_fixed_selected2 li a {color:#000;}
.slidebar_fixed_selected2 li a:hover {text-decoration:none; color:#2e69a3;}

/*Main*/
.main_right {width:670px;float:right;}
.main_content_title, .main_content_description {margin-left: 30px;}
/*Main-title*/
.main_content_title h1.title {font-size:28px; color:#2e69a3; text-align:left; padding-bottom:5px;}
/*Main-text*/
.main_content_description p { color:#666; text-align:left; padding-bottom:10px; font-size:0.9em;line-height:120%;}
.main_content_description p span { color:#000; font-size:1.2em;}
.main_content_description p span.green {font-size:1em; color:#2e69a3; font-style:italic;}
.main_content_description p img { float:left; padding:0 5px 5px 0;}
.main_content_description p a { color:#2e69a3;}
.main_content_description p a:hover { color:#2e69a3; text-decoration:none;}

/*main widgets*/
.main_content_options {width:670px;float:left;}
/*left*/
.main_content_left {width:324px;float:left; margin-left:30px;}
.main_content_left h2 {float:left;text-align:left;font-size:14px; font-weight:bold; background-color:#f6f6f6; border-left:4px solid #2e69a3; width:210px; padding:5px; margin-bottom:6px;-moz-border-radius:5px;-webkit-border-radius:5px;
-ms-border-radius:5px;border-radius:5px;}
.main_content_left .choose {text-align:left; margin-bottom:8px; padding:6px;list-style:none}

.main_content_left .colors {float:left;text-align:left; margin-bottom:8px; padding:6px;list-style:none}
.main_content_left .colors img {padding:2px; border:1px solid #ebebeb; margin-right:4px;}
.main_content_left .colors a:hover img  {background-color:#CCC; text-decoration:none;}
.main_content_left .colors span img {padding:2px; border:1px dashed #000; margin-right:4px;}

/*fixed ie*/
.ie7 .main_content_left h2, .ie8 .main_content_left h2 { float:left;text-align:left;font-size:14px; font-weight:bold; background-color:#f6f6f6; border-left:4px solid #2e69a3; width:210px; padding:5px; margin-bottom:6px;-moz-border-radius:5px;-webkit-border-radius:5px;
-ms-border-radius:5px;border-radius:5px; margin-top:10px;}
.ie7 .main_content_left .choose {text-align:left; margin-bottom:8px; padding:6px;list-style:none;}
.ie7 .main_content_left .colors, .ie8 .main_content_left .colors{ float:left;text-align:left; margin-bottom:8px; padding:6px;list-style:none}

/*right*/
.main_content_right {width:250px;float:left; margin-left:5px; border-left:1px solid #f6f6f6; height:150px;}
.main_content_right h3{text-align:left;font-size:20px; padding-left:20px;}
.main_content_right p {text-align:left;font-size:0.9em; color:#666;padding-left:20px; padding-bottom:6px;}
.main_content_right p iframe{border:none;}

.main_content_right p {text-align:left;font-size:0.9em; color:#666;padding-left:20px; padding-bottom:6px;}
.main_content_right p iframe{border:none;}

/*code*/
.main_content_code {width:670px;float:left; margin-left:30px; margin-bottom:10px;}
.main_content_code h2 {float:left;text-align:left;font-size:14px; font-weight:bold; background-color:#f6f6f6; border-left:4px solid #2e69a3; width:300px; padding:5px; margin-bottom:6px;-moz-border-radius:5px;-webkit-border-radius:5px;
-ms-border-radius:5px;border-radius:5px;}

.main_content_code .copy {float:left;text-align:left; background:#f9f8ae; width:650px; padding:8px; color:#333; list-style:none;}


/* Pie de pagina */
#footer{width:870px;float:left; padding:4px; border-top:1px dashed #ebebeb;}
.footer_left {text-align:left; width:200px; float:left; padding-top:6px; margin-bottom:6px; font-size:12px;}
.footer_right {text-align:right; width:600px; float:right;}
.footer_right li { padding:0 6px;font-size:12px;display:inline;}
#footer {margin:10px 0 10px 0;}

/* Errores */
#errornav{width:100%;position:fixed;left:0;top:0;}
#error_tab,#error_out_tab{  background:#990000;padding:14px 0; font-size:20px;}
#error_tab span{color:#fff; }
#error_out_tab{color:#fff;}

#error_nomore{width:870px;float:left; margin:0 0 4px 0;}
#error_nomore h2{ background:#2e69a2; border-bottom:1px solid #ebebeb; width:862px; padding:8px 0 4px 8px ;font-size:18px; text-align:center; color:#fff;}

#error_server { width:850px; float:left; margin:4px 0; background:#d70000; color:#fff; border-bottom:1px solid #c30202; padding:8px; text-align:left; font-size:14px;}


/*Shadows*/
#container2{width:430px;margin:0 auto;}
#shadow_head,#shadow_help,#shadow_social,#shadow_error,#shadow_form{width:430px;float:left; margin:auto 0;}
#shadow_head,#shadow_head2{text-align:left;font-size:1em;font-weight:bold;padding:10px 4px 2px 4px;}
#shadow_help,#shadow_help2{text-align:left;font-size:.9em;padding:4px 4px 2px 4px; color:#666;}

#shadow_social{text-align:left;font-size:.9em; margin-top:4px;}
#shadow_social li{float:left;width:100px;padding:4px;margin:0 4px 0 4px;border:1px solid #ebebeb;}
#shadow_social img{vertical-align:middle;}
#shadow_social a{text-decoration:none;}

#shadow_error{border:1px solid #ebebeb; background:#f6f6f6; color:#f40606; font-size:1em; text-align:center;padding:4px 0;}
#shadow_form{text-align:left;font-size:1em; margin-top:4px; float:left}
#shadow_form li{float:left;padding:4px;margin:0 4px 0 4px;}
#shadow_form input,#shadow_form textarea{border:1px solid #ebebeb;padding:4px; font-size:1em;}
.ie6 #shadow_form textarea, .ie7 #shadow_form textarea{border:1px solid #ebebeb;padding:4px; font-size:1em; width:400px;}
.firefox-windows #shadow_form textarea{border:1px solid #ebebeb;padding:4px; font-size:1em; width:396px;}
#shadow_form input:focus,#shadow_form textarea:focus{border:1px solid #ccc;background:#f6f6f6;}
#shadow_form img{vertical-align:middle;}

#container3{width:530px;margin:0 auto;}
#shadow_head2,#shadow_help2,#shadow_error2,#shadow_form2{width:530px;float:left; margin:auto 0;}

#shadow_error2{border:1px solid #ebebeb; background:#f6f6f6; color:#f40606; font-size:1em; text-align:center;padding:4px 0;}
#shadow_form2{text-align:left;font-size:1em; margin-top:4px; float:left}
#shadow_form2 li{float:left; width:230px;padding:4px;margin:0 4px 0 4px;}
#shadow_form2 input{border:1px solid #ebebeb;padding:4px; font-size:1em;}
#shadow_form2 input:focus{border:1px solid #ccc; background:#f6f6f6;}

.guide2_temp{float:left;margin:4px 4px;background:#f6f6f6; width:860px; height:120px; display:block;border-bottom:1px solid #ebebeb;}
.guide2_temp ul{ height:55px;margin: 30px 278px; width:300px;border:1px solid #ebebeb;}

/* TOOLTIP: Validated */
a.validated {text-decoration: none;}
a.validated:hover {position: relative;}
a.validated span {display: none;}
a.validated:hover span {display: block;width:100px;font-size:12px;position: absolute; top: -66px; left:-44px;text-align:center;color:#fff;padding: 5px; margin: 0; z-index: 500;background: #266f02; border: 1px solid #266f02;opacity:0.9;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;}