/* ------------------------------------- */
/* Hoja de Estilo de Rutas y Viajes .NET */
/* ------------------------------------- */

/* Links */
a img {border: 0;}
a {font-family: verdana, trebuchet ms, sans-serif; font-size:10px; font-weight: bold; color:#777798; text-decoration:none;}
a:link {font-size: 10px; background: none transparent scroll repeat 0% 0%; color: #336699; font-family: verdana, trebuchet ms, calibri; text-decoration: none}
a:active {font-size: 10px; background: none transparent scroll repeat 0% 0%; color: #336699; font-family: verdana, trebuchet ms, calibri; text-decoration: none}
a:visited {font-size: 10px; background: none transparent scroll repeat 0% 0%; color: #336699; font-family: verdana, trebuchet ms, calibri; text-decoration: none}
a:hover {font-size: 10px; background: none transparent scroll repeat 0% 0%; color: #f56a1c; font-family: verdana, trebuchet ms, calibri; text-decoration: underline} 

/* Menu Horizontal de cabecera */
/* IMG {BORDER-TOP-WIDTH: 0pt; BORDER-LEFT-WIDTH: 0pt; BORDER-BOTTOM-WIDTH: 0pt; BORDER-RIGHT-WIDTH: 0pt} */
#bottom_div {clear: both; width: 520px; height: 150px; background-color: #b9d1ea}
#v_menu {padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; font: 14px 'verdana','trebuchet ms','calibri'; padding-top: 0px; font-weight: bold}
#v_menu ul {padding-right: 10px; padding-left: 10px; float: left; background-image: url(images/m_back.gif); padding-bottom: 0px; margin: 0px; width: 980px; line-height: 32px; padding-top: 0px; background-repeat: repeat-x; list-style-type: none}
#v_menu li {padding-right: 0px; display: inline; padding-left: 0px; padding-bottom: 0px; padding-top: 0px}
#v_menu a {padding-right: 3px; padding-left: 3px; float: left; padding-bottom: 0px; color: #fff; padding-top: 0px; text-decoration: none}
#v_menu a span {padding-right: 10px; display: block; padding-left: 7px; float: none; padding-bottom: 0px; padding-top: 0px}
#v_menu a span img {margin: 6px 5px 0px 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none}
#v_menu a:hover {background: url(images/m_left.png) no-repeat left center}
#v_menu a:hover span {background: url(images/m_right.png) no-repeat right center}
#v_menu a.right {float: right}

 /* Tipos de Letra */
.normal {font-family: verdana, trebuchet ms, tahoma; font-size: 12px; font-weight: normal; color: #000000; text-decoration:none}
.tinyblack {background: none; color: #000000; font-size: 11px; font-weight: normal; font-family: tahoma, verdana, helvetica; text-decoration: none}
.tinyred {background: none; color: #ff0000; font-size: 11px; font-weight: normal; font-family: tahoma, verdana, helvetica; text-decoration: none}
.mini {background: none; color: #000000; font-size: 9px; font-weight: bold; font-family: tahoma, verdana, helvetica; text-decoration: none}
.minitiny {background: none; color: #000000; font-size: 9px; font-weight: normal; font-family: sans-serif, verdana, helvetica; text-decoration: none}

/* INPUT {BORDER-RIGHT: #c2c6cf 1px solid; BORDER-TOP: #c2c6cf 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #c2c6cf 1px solid; BORDER-BOTTOM: #c2c6cf 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9fafb} */
input {border-right: #bebebe 1px solid; border-top: #bebebe 1px solid; font: 10px verdana, helvetica; border-left: #bebebe 1px solid; border-bottom: #bebebe 1px solid; background-color: #f8f8f8} 
.input {border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px}
.bsbttn {border-right: #104a7b 1px solid; border-top: #afc4d5 1px solid; font-size: 13px; background: #d6e7ef; border-left: #afc4d5 1px solid; color: #000066; border-bottom: #104a7b 1px solid; font-family: tahoma,sans-serif; text-decoration: none}

/* Clases para tablas */
table.line {font-size: 10px; font-family: verdana,helvetica; border-right: gray 1pt dashed; border-top: gray 1pt dashed; border-left: gray 1pt dashed; border-bottom: gray 1pt dashed}
td {font-size: 12px; font-family: verdana, trebuchet ms, arial, sans-serif}
td.gris {border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; background-color: #eeeeee}
td.blanco {border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; background-color: #ffffff}
tr.dash {border-right: silver 1pt dashed; border-top: silver 1pt dashed; border-left: silver 1pt dashed; border-bottom: silver 1pt dashed}
td.dash {border-right: silver 1pt dashed; border-top: silver 1pt dashed; border-left: silver 1pt dashed; border-bottom: silver 1pt dashed}
td.dashder {border-right: silver 1pt dashed; border-top: silver 1pt dashed; border-bottom: silver 1pt dashed}
td.dashizq {border-top: silver 1pt dashed; border-left: silver 1pt dashed; border-bottom: silver 1pt dashed}
.cabecera {background: none; color: #004080; font-family: verdana,arial,sans-serif,tahoma; font-size:12px; font-weight: bold; text-decoration:underline;}
.cabetabla {background: none; color: #004080; font-family: verdana,arial,helvetica,sans-serif; font-size:11px; font-weight: bold; color:#777798; text-decoration:none;}
.cabetabla2 {border-right: #979cb2 1px solid; border-top: #979cb2 1px solid; border-left: #979cb2 1px solid; border-bottom: #979cb2 1px solid}
.filatabla {border-right: #979cb2 1px solid; border-top: transparent 0px; border-left: #979cb2 1px solid; border-bottom: #979cb2 1px solid; background-color: #ffffff}
.fila1 {background: #d6e0e7; color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; align:left; valign:top}
.fila2 {background: #daede2; color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; align:left; valign:top}
.td1 {background-repeat: repeat-x}
.td2 {color: #e0e1e9; background-repeat: repeat-x}
tr.tablarutas {border: 1px solid #afb2d8; background-color:#ffffff}

/* Para los formatos de solapas de las rutas */
div#hold {position:relative; overflow:hidden; width:540px; height:400px; z-index:100;}
div#wn {position:absolute; left:15px; top:0px; width:520px; height:400px; clip:rect(0px, 520px, 400px, 0px); overflow:hidden; z-index:1;}
div.content {position:absolute; visibility:hidden; left:0px; top:0px; z-index:1;}
.cell {border-left: #999999 1pt solid; border-right: #999999 1pt solid; border-bottom: #999999 1pt solid; font-size: 9pt; background: #f1f1f1; border-left: #999999 1pt solid; font-family: verdana; padding:2pt; overflow: auto;}

/* Path de cabecera */
.location-string {font-family: verdana, trebuchet ms, sans-serif; font-size: 8px; color: #777798; font-weight: bold; text-decoration:none; text-indent: 0px; height: 22px; vertical-align: middle; border: 1px solid #d8d8d8;}
 
/* Cajas para la página de Viajes */
.cuadro_viaje {padding-left: 10px; font-size: 11px; line-height: 16px; color: #666666; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-top-color: #cccccc; border-right-color: #cccccc; border-bottom-color: #cccccc; border-left-color: #cccccc; padding-right: 10px;}

/* Estilo para Votaciones */
.rating {color: #666666;font-family: verdana, tahoma, helvetica, sans-serif;font-size: 11px; width: 80px;height: 16px;}
.unit-rating{list-style:none;margin: 0px;padding:0px;width: 80px;height: 16px;position: relative;background: url('images/rating.gif') top left repeat-x;}
.unit-rating li{text-indent: -90000px;padding:0px;margin:0px;float: left;}
.unit-rating li a{display:block;width:15px;height: 15px;text-decoration: none;text-indent: -9000px;z-index: 17;position: absolute;padding: 0px;}
.unit-rating li a:hover{background: url('images/rating.gif') left center;z-index: 2;left: 0px;}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:17px;}
.unit-rating a.r2-unit{left:17px;}
.unit-rating a.r2-unit:hover{width: 34px;}
.unit-rating a.r3-unit{left: 34px;}
.unit-rating a.r3-unit:hover{width: 51px;}
.unit-rating a.r4-unit{left: 51px;}	
.unit-rating a.r4-unit:hover{width: 68px;}
.unit-rating a.r5-unit{left: 68px;}
.unit-rating a.r5-unit:hover{width: 80px;}
.unit-rating li.current-rating{background: url('images/rating.gif') left bottom;position: absolute;height: 15px;width: 15px;display: block;text-indent: -9000px;z-index: 1;}

/* Sort para la la tabla de rutas */
table.sortable {border-spacing: 0; border: 1px solid #000; border-collapse: collapse;}
table.sortable th, table.sortable td {text-align: center; padding: 2px 4px 2px 4px; border-style: solid; border-color: #444;}
table.sortable th {border-width: 1px 1px 1px 1px; background-color: #ccc; height: 24px;}
table.sortable th a {font-family: verdana, trebuchet ms, sans-serif; font-size:9px; font-weight: bold; color:#000000; text-decoration:none;border-bottom: dashed #0000FF 1px;}
table.sortable th a link {font-size: 9px; background: none transparent scroll repeat 0% 0%; color: #336699; font-family: verdana, trebuchet ms, calibri; text-decoration: none}
table.sortable th a active {font-size: 9px; background: none transparent scroll repeat 0% 0%; color: #336699; font-family: verdana, trebuchet ms, calibri; text-decoration: none}
table.sortable th a visited {font-size: 9px; background: none transparent scroll repeat 0% 0%; color: #336699; font-family: verdana, trebuchet ms, calibri; text-decoration: none}
table.sortable th a hover {font-size: 9px; background: none transparent scroll repeat 0% 0%; color: #f56a1c; font-family: verdana, trebuchet ms, calibri; text-decoration: underline}
table.sortable td {border-width: 0px 1px 1px 1px;}
table.sortable tr.odd td {background-color: #ddd;}
table.sortable tr.even td {background-color: #fff;}

/* BODY {font-size:11px; font-family:verdana,helvetica; line-height:15px; MARGIN: 0px; SCROLLBAR-FACE-COLOR: #ebecec; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: #aaaaaa; SCROLLBAR-3DLIGHT-COLOR: #dddddd; SCROLLBAR-ARROW-COLOR: gray; SCROLLBAR-TRACK-COLOR: white; SCROLLBAR-DARKSHADOW-COLOR: white} */
font { font-size: 10px; font-family: verdana, trebuchet ms, helvetica}
body {font-size: 10px; font-family: verdana, trebuchet ms, helvetica; scrollbar-face-color: #ebecec; scrollbar-highlight-color: white; scrollbar-shadow-color: #aaaaaa; scrollbar-3dlight-color: #dddddd; scrollbar-arrow-color: gray; scrollbar-track-color: white; scrollbar-darkshadow-color: white}
form {font-size: 10px; font-family: verdana, trebuchet ms, helvetica}

.style1{background-color:#a1a5a9;}
.style2{background-color:white;}
.style5{text-align: left;}
.subrayado{text-decoration:underline}
.style100 {color: #800080;}
.style200 {border: 0px;	font-family: garamond;	font-size: medium;}
.style33 {text-decoration: underline;}
.style44 {color: #000000;margin-left: 5px;}
code {font-size:1em;}
.even {background:#eee;}
.odd {}

/* Visualizador fotos rutas */
* {font-family: Verdana, Helvetica; font-size: 10pt;}
.highslide {cursor: url('http://www.rutasyviajes.net/images/marcopapel/zoomin.cur'), pointer; outline: none;}
.highslide-active-anchor img {visibility: hidden;}
.highslide img {border: 2px solid gray;}
.highslide:hover img {border: 2px solid black;}
.highslide-wrapper {background: white;}
.highslide-image {border: 2px solid white;}
.highslide-image-blur {}
.highslide-caption {display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white;}
.highslide-loading {display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url('http://www.rutasyviajes.net/images/marcopapel/loader.white.gif'); background-repeat: no-repeat; background-position: 3px 1px;}
a.highslide-credits, a.highslide-credits i {padding: 2px; color: silver; text-decoration: none; font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white; background-color: gray;}
a.highslide-full-expand {background: url('http://www.rutasyviajes.net/images/marcopapel/fullexpand.gif') no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}

/* These must always be last */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}