body,html{background:#fff;color:#1C3E60;}
a,a:visited,a:link{color:#DA700F;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;}
a:hover{color:#1351A2;text-decoration:underline;}
h1,h2,h3,h4,h5{color:#000;}
#main{width:960px;margin:0 auto;min-height:1000px;}
.content{width:960px;margin:0 auto;}
#topmenu{margin:0;padding:0px;}
#topmenu ul{float:left;width:200px;margin:0;padding:0px;border-left:1px solid #b3b3b3;}
#topmenu ul li{display:block;float:left;margin:0;}
#topmenu ul li a{line-height:40px;height:40px;font-size:1.1em;font-weight:bold;color:#000;display:block;border-right:1px solid #b3b3b3;padding:0px 20px;margin:0px;}
#topmenu ul li a.active,#topmenu ul li a:hover{background-color:#eaeaea}
#topmenu h1{float:right;font-size:1.3em;line-height:40px;font-family:arial;margin:0;display:block;text-align:right;width:auto;max-width:700px;max-height:40px;overflow:hidden;}
input::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;}
#buscador{float:left;width:100%;margin-top:10px;}
#buscador p{margin:0;padding:0;color:white;}
#buscador p strong{font-weight:normal}
#buscador p.aclaracion{margin:10px 0;}
#buscador label{color:#999;font-size:1.9em;display:block;}
#buscador input[type=text]{background-image:url('../images/pivot.png');background-repeat:no-repeat;background-position:3px 3px;width:300px;padding:5px 30px;font-size:1.1em;background-color:#FFFFFF;border:1px solid #CCCCCC;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;}
#buscador input[type=submit]{float:right;}
#logo{}
img#logotipo{max-width:370px;margin-top:10px;float:left;}
#logo div.titulo1{float:right;display:inline;font-size:1.2em;color:#000;width:550px;text-align:right;}
#logo div.titulo2{width:550px;float:right;display:inline;font-size:1.2em;color:#ebebeb;font-style:italic;font-weight:bold;text-align:right;}
#logo p.info{color:#aaa;margin-top:9px;}
#logo span{color:#000;}
#logo .titulo img{vertical-align:middle;}
#pie{background-image:url('../images/fondo.jpg');background-position:-1px -1px;background-repeat:repeat;margin-top:50px;}
#pie div{width:960px;margin:0 auto;font-size:0.8em;color:#999;}
#pie div p{text-align:center;padding:0;}
#pie div ul{margin:0px auto;padding-bottom:5px;width:550px;}
#pie div ul li{display:inline;margin:0;padding:0;border-right:1px solid #aaa;padding-right:5px;}
#pie div ul li:first-child,#pie div ul li:last-child{border:0;}
#portada{margin:15px 0;}
#portada h2{font-size:1.6em;}
#portada p{color:#1C3E60;}
#portada .listadorutas{margin-top:30px;}
#portada .listadorutas h3{margin:0;color:#000;}
#portada .listadorutas ul li{margin:15px 0;display:block;font-size:14px;}
#portada .listadorutas ul li strong{font-size:18px;}
#portada .listadorutas ul li p{margin:0;padding:0;line-height:0.95em;}
#portada .listadorutas img{vertical-align:middle;}
#generando{text-align:center;margin-top:150px}
#generando h2,#generando h3{text-align:center;color:#1C3E60;}
#dataruta{background-color:#F5F5F5;border-color:#D8E2F5;border-style:solid;border-width:20px 2px 2px;float:right;font-weight:bold;padding:10px;width:290px;}
#dataruta h4{color:#1C3E60;font-weight:bold;margin:35px 0;}
#data ul li{float:left;padding-top:5px;padding-bottom:5px;margin:0px;padding-left:0px;border-bottom:1px solid silver;font-size:12px;}
#data ul li span{display:block;float:left;}
#data ul li span.puntonumero{width:20px;margin-right:5px;}
#data ul li span.puntodescripcion{width:220px;margin-right:5px;color:black;}
#data ul li span.puntodistancia{width:40px;}
#data ul li span.puntocoordenadas{display:none;position:absolute;}
#ruta{position:relative;width:100%;}
#ruta #info{width:600px;float:left;}
#ruta #info h2{font-size:1.4em;margin:0;margin-bottom:20px;}
#ruta #info h3{font-size:1.2em;margin:0;}
#ruta #info p{margin:0;}
#mapa{width:600px;height:400px;background:#fafafa;box-shadow:0 0 20px #dfdfdf;margin-bottom:50px;}
#mapa *{text-align:center;}
#ruta{margin-top:10px;display:block;}
#ruta .otros{}
#ruta .otros h3{margin:15px 0;}
#ruta .otros p{font-weight:normal;margin:0;}
#ruta #vermas h3{line-height:1.8em;font-size:1.4em;}
#vermas #precio-gasolina{display:none;margin:20px 0;}
#vermas #precio-gasolina ul li ul{list-style-type:circle;margin-left:40px;}
#vermas #precio-gasolina ul li{line-height:1.1em;}
#vermas #el-tiempo{display:none;}
.listado{margin:30px 0;}
.listado ul{margin-top:10px;}
.listado ul li{margin:0;}
#panoramio .foto{float:left;width:120px;height:160px;margin:5px;}
#panoramio .foto strong, #panoramio .foto span{display:block;font-size:0.8em;height:35px;overflow:hidden;}
#panoramio .foto img{border:2px solid #fff;box-shadow:0 0 22px #999;}
.ie #panoramio .foto img{background:#fff;padding:2px;border:1px solid #aaa;}
.aclaracion{font-size:0.9em;color:#777;font-style:italic;padding-top:10px;line-height:1.1em;}
.boton_naranja{background:url(../images/bgboton.jpg) repeat-x 50% 0;color:#fff;border-radius:3px;line-height:35px;padding:0 0px;height:35px;font-weight:bold;text-align:center;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;text-shadow:0px 1px 1px #ad7008;font-size:1.2em;display:block;width:200px;margin-top:-3px;}
.boton_naranja:hover{box-shadow:0 0 5px #473114;}
.clear{clear:both;}
#callejero .boton_naranja{margin-top:20px;}
#callejero #colizq{float:left;width:600px;}
#callejero #colder{float:right;width:300px;background-color:#F5F5F5;border-color:#D8E2F5;border-style:solid;border-width:20px 2px 2px;float:right;font-weight:bold;padding:0px;}
#callejero h2{margin:15px 0;font-size:1.4em;}
#callejero h3{margin:0;}
#bannertop{margin:0 10px;padding-top:3px;clear:both;}
#adsenseizq{float:left;margin-right:15px;margin-bottom:15px;min-width:300px;}
#adsenseskyabs{top:10px;left:0;}
#div-gpt-ad-1403015663157-3{min-height:90px;width:970px;}
div.unit_728x90_1{margin-top:15px;}
#consumos{color:black;font-size:13px;list-style:none;margin:0px;padding:0px;}
#consumos li{margin-left:0px;margin-bottom:15px;border-bottom:1px solid #D4D4D4;padding-bottom:10px;}
#consumos li div{background-color:#FFFCE3;padding:10px;}
.grande{font-size:15px;}
#consumos li ul{margin-top:15px;}
#consumos li ul li{border:none;padding:3px;margin-bottom:0px;}
#consumos li ul li{font-size:15px;}
#consumos li ul li strong{font-size:20px;}
.g95{color:#4166FF;}
.g98{color:#FF120F;}
.diesel{color:#1C1C1C;}
.biodiesel{color:#47BD31;}
.tiempo{color:black;font-size:13px;list-style:none;margin:0px;padding:0px;float:left;width:600px;list-style:none;margin-bottom:20px;margin-top:20px;}
.tiempo li{float:left;width:600px;margin-bottom:15px;font-size:17px;}
.tiempo li ul{float:left;list-style:none;margin:0px;padding:0px;}
.tiempo li ul li{font-size:13px;float:left;width:70px;padding:5px;margin-right:3px;text-align:center;background-color:#FFFCE2;}
.peque{font-size:11px;font-style:italic;}
#tiempo{width:400px;background:#FFFCE8;border-radius:5px;padding:5px;border:1px solid #FFF0E8;margin:0 auto;}
#tiempo table{width:100%;margin-bottom:0;}
#tiempo table td{text-align:center;padding:0;}
#tiempo img{display:block;margin:0 auto;border-radius:3px;box-shadow:0 0 10px #777;}
#tiempo span.alta{color:#FC8128;}
#tiempo span.baja{color:#1BCCE0;}
#widgetgenerator{}
#widgetgenerator p,#widgetgenerator h2{margin:0;}
#widgetgenerator input[type=text]{border:1px solid #000;font-size:1.5em;color:#333;padding:2px 5px;}
#widgetgenerator input[type=submit]{float:right;margin:50px 15px 10px 15px;text-align:center;}
#widgetgenerator form{width:550px;padding:15px;background:#fafafa;box-shadow:0 0 10px #ddd;border-radius:15px;margin:20px;float:left;}
#widgetgenerator #resultado{padding:15px;background:#fafafa;box-shadow:0 0 10px #ddd;border-radius:15px;width:550px;margin:20px;float:left;}
#widgetgenerator #resultado textarea{width:99%;height:150px;border:1px solid #555;border-radius:3px;}
#error{text-align:center;}
#error *{text-align:center;}
#widgetgenerator #ejemplo{float:right;width:auto;}
#widgetgenerator a{-webkit-transition:0.0s ease-in-out;-moz-transition:0.0s ease-in-out;-o-transition:0.0s ease-in-out;transition:0.0s ease-in-out;}
#widgetgenerator label{font-size:1.2em;display:block;margin-top:20px;}
#slider-range-min{margin:10px 0;}
#cab{float:left;width:100%;background-image:url("../images/fondocab.jpg");height:auto;padding-bottom:10px;}
.acotada{max-height:2000px;margin-top:15px;overflow:auto;}
div#b160x600_1{position:absolute;top:200px;margin-left:-180px;width:160px;height:600px;text-align:right;z-index:5000;}
div.desktop{display:block;}
div.mobile{display:none;}
#topmenu ul li.mobile{display:none;}
#semitransfondo{width:100%;height:100%;opacity:0.8;position:fixed;z-index:850;background-color:#000;top:0px;left:0px;display:none;}
#newbuscador{position:fixed;width:100%;height:100%;top:20%;left:0px;z-index:855;display:none;}
#newbuscador form{top:20%;width:600px;margin-left:auto;margin-right:auto;background-color:#ffffff;border:10px solid #ffffff;border-radius:10px;padding:20px;text-align:center;}
#newbuscador form div{margin-bottom:15px;text-align:center;}
#newbuscador form img.nblogo{margin-left:auto;margin-right:auto;width:300px;display:block;margin-bottom:15px;}
#newbuscador form img.nbclose{float:right;margin-right:-45px;margin-top:-45px;cursor:pointer;}
#newbuscador span.nbh1{font-size:20px;font-weight:bold;}
#newbuscador form p{text-align:center;}
#newbuscador form input.boton_naranja{width:100%;text-align:center;}
#newbuscador form span.nbcerrar{cursor:pointer;float:right;}
@media screen and (max-width:900px){#newbuscador{top:10%;left:0px;z-index:855;display:none;}
#newbuscador form{top:10%;width:90%;border:5px solid #ffffff;border-radius:10px;padding:10px;text-align:center;}
#newbuscador form div{margin-bottom:15px;}
#newbuscador form img.nblogo{width:150px;}
#newbuscador form img.nbclose{margin-right:-15px;margin-top:-15px;}
#newbuscador span.nbh1{font-size:20px;font-weight:bold;}
#newbuscador form input.boton{width:80%;}
#newbuscador form span.nbcerrar{cursor:pointer;float:right;}
div.desktop{display:none;}
div.mobile{display:block;}
#main{width:auto;min-height:auto;padding:5px;}
.content{width:auto;float:none;padding:5px;}
img#logotipo{max-width:300px;margin:0px;float:none;}
#logo div.titulo1{display:none;}
#logo div.titulo2{display:none;}
#cab{margin-top:40px;padding:0px;}
#topmenu{background-color:#e5e5e5;float:left;position:absolute;top:0px;left:0px;z-index:5;width:100%;height:40px;}
#topmenu h1{display:none;}
#topmenu ul{width:100%;}
#topmenu ul li.mobile{width:80px;text-align:center;padding-top:8px;border-right:1px solid #a3a3a3;}
#ruta{width:auto;}
#ruta #info{width:auto;float:none;}
#mapa{width:auto;height:150px;}
#vermas{display:none;}
#panoramio{display:none;}
#pie div{width:auto;}
#pie div ul{width:auto;}
#dataruta{width:auto;float:none;}
#panoramiolicense{display:none;}
#compface{display:none;}
#dataruta h4{color:#1C3E60;font-weight:bold;margin:0px;}
#data ul li span{display:inline;float:none;}
#data ul li{float:none;font-size:12px;margin:0;padding-bottom:5px;padding-left:0;padding-top:5px;}
#ruta .otros h3{margin:0px;}
.col_4_2{float:none;width:auto;padding:5px;}
div#buscador{float:none;width:auto;box-shadow:none;padding:5px;background-color:transparent;margin-top:0px;}
div#buscador p strong{display:none;}
#buscador input[type="text"]{padding-left:0px;padding-right:0px;background-image:none;width:100%;margin-bottom:3px;}
#buscador input[type="submit"]{float:none;margin-top:3px;width:100%;}
#adsenseizq{float:none;}
}