body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:normal; background-color:#FFF; text-align:left; }

input, select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000;}

hr.solid { border-top:0px; border-bottom: 1px solid; }
hr.punts { border-top:0px; border-bottom: 2px dotted; }

.w_bold{ font-weight:bold; }
.w_normal{ font-weight:normal; }

.min { text-transform:lowercase; }
.max { text-transform:uppercase; }

.w_white { color:#FFF; }
.w_black { color:#000; }
.w_red {color:#D4470F; }
.w_green { color:#990; }
.w_yellow { color:#FC0; }
.w_lightgrey { color:#999; }
.w_grey { color:#666; }
.w_darkgrey { color:#333; }

.w_9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
.w_10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.w_11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.w_12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.w_14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.w_16 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
.w_18 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; }
.w_20 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; }

.w_32 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:32px; }

a:link{text-decoration:none; color:#666;}
a:visited{text-decoration:none; color:#666;}
a:hover {text-decoration:underline; color:#666; }


a.linkBlack:link{color:#000; text-decoration:none;}
a.linkBlack:visited{color:#000; text-decoration:none;}
a.linkBlack:hover{color:#000; text-decoration:underline;}

a.linkLightgrey:link{color:#999; text-decoration:none;}
a.linkLightgrey:visited{color:#999; text-decoration:none;}
a.linkLightgrey:hover{color:#999; text-decoration:underline;}

a.linkDarkgrey:link{color:#333; text-decoration:none;}
a.linkDarkgrey:visited{color:#333; text-decoration:none;}
a.linkDarkgrey:hover{color:#333; text-decoration:underline;}

a.linkRed:link{color:#D4470F; text-decoration:none;}
a.linkRed:visited{color:#D4470F; text-decoration:none;}
a.linkRed:hover{color:#D4470F; text-decoration:underline;}

a.linkGreen:link{color:#990; text-decoration:none;}
a.linkGreen:visited{color:#990; text-decoration:none;}
a.linkGreen:hover{color:#990; text-decoration:underline;}

a.linkWhite:link, #newMenutop a:link{color:#FFF; text-decoration:none;}
a.linkWhite:visited, #newMenutop a:visited{color:#FFF; text-decoration:none;}
a.linkWhite:hover, #newMenutop a:hover{color:#FC0; text-decoration:none !important;}

.button_S10{ height:18px; display:block; width:65px;}
.button_S11{ height:22px; display:block; width:75px;}

.button_S10 a, .button_S11 a{  font-weight:bold; white-space:nowrap; color:#FFF !important; text-decoration:none; float:left; display:block; text-align:center; cursor:pointer;}
.button_S10 a {font-size:10px; line-height:1.9; height:18px;}
.button_S11 a {font-size:11px; line-height:1.9; height:22px;}

.button_S10 span, .button_S11 span{display:block; padding:0px 10px; float:left; text-align:center; cursor:pointer;}
.button_S10 span {height:18px;}
.button_S11 span {height:22px;}

.button_S10 a:hover, .button_S11 a:hover { color:#FC0 !important; text-decoration:none;}

.button_S10 a.bt_green span {background:transparent url(/skylights/images/bt_green_S10_right.gif) no-repeat right top;}
.button_S10 a.bt_green {background:#990 url(/skylights/images/bt_green_S10_left.gif) no-repeat left top; }
.button_S11 a.bt_green span {background:transparent url(/skylights/images/bt_green_S11_right.gif) no-repeat right top;}
.button_S11 a.bt_green {background:#990 url(/skylights/images/bt_green_S11_left.gif) no-repeat left top; }

#newBuscador.yellow a.bt_buscador span { background:transparent url(/skylights/images/buscador/bt_buscador_yellow_right.gif) no-repeat right top;}
#newBuscador.yellow a.bt_buscador { background:#FC0 url(/skylights/images/buscador/bt_buscador_yellow_left.gif) no-repeat left top;}
#newBuscador.green a.bt_buscador span { background:transparent url(/skylights/images/buscador/bt_buscador_green_right.gif) no-repeat right top;}
#newBuscador.green a.bt_buscador{ background:#990 url(/skylights/images/buscador/bt_buscador_green_left.gif) no-repeat left top;}
#newBuscador.grey a.bt_buscador span { background:transparent url(/skylights/images/buscador/bt_buscador_grey_right.gif) no-repeat right top;}
#newBuscador.grey a.bt_buscador{ background:#666 url(/skylights/images/buscador/bt_buscador_grey_left.gif) no-repeat left top;}
#newBuscador.green a:hover.bt_buscador, #newBuscador.grey a:hover.bt_buscador{color:#666 !important;}

/* transicion */
.cardDisplayPopupMask {	position: absolute;	z-index: 256;	top: 0px;	left: 0px;	width: 100%;	height: 100% ;	opacity: .4;	filter: alpha(opacity=30);	background-color: #333333;	background-image:none;	background-repeat: repeat;	display:none;}
#cardDisplay{width:500px; position: absolute; top: 100px; left: 365px; z-index: 200; display:none;}
#cardDisplay #top{height:20px; float:left; width:100%;} 
#cardDisplay #top .left{ background:url(../img/thirdCompany/transicion_recuadro.gif) top left no-repeat; height:23px; float:left; width:20px; left:0px;position:relative;top:0px;}
#cardDisplay #top .right{ background:url(../img/thirdCompany/transicion_recuadro.gif) top right no-repeat; height:23px; float:right; width:23px; right:0px;position:relative;top:0px;}
#cardDisplay #top .center{ height:23px; width:457px; background-color:#fff; float:left;}
#cardDisplay .middle {background-color:white; display:block;float:left;padding:0 36px;_padding:0 31px 20px 36px;width:428px; font-size:11px; padding-bottom:20px;}
#cardDisplay .middle .flash{margin-bottom:5px;}
#cardDisplay .middle .ruta{}
#cardDisplay #trayectos{width:100%; float:left; margin-bottom:20px;}
#cardDisplay .ruta{width:30%; padding-left:59px; float:left; }
#cardDisplay .ruta p.logo{padding-top:2px;}

#cardDisplay .middle p{margin-bottom:10px; color:#666;}
#cardDisplay .middle p.pregunta{margin-top:30px;}
#cardDisplay .middle .centrado{margin-left:90px; margin-top:20px;}
#cardDisplay #bottom{height:20px; float:left; width:100%;}
#cardDisplay #bottom .left{ background:url(../img/thirdCompany/transicion_recuadro.gif) bottom left no-repeat; height:23px; float:left; width:20px; left:0px;position:relative;top:0px;_top:0px;}
#cardDisplay #bottom .right{ background:url(../img/thirdCompany/transicion_recuadro.gif) bottom right no-repeat; height:23px; float:right; width:23px; right:0px;position:relative;top:0px;_top:0px;}
#cardDisplay #bottom .center{ height:23px; width:457px; background-color:#fff; float:left;}


.botonFAREF{height:20px;}
.botonFAREF a{display:block;float:left;text-align:center;background:#8d8e90 url(/skylights/images/SB/b_FAREF_right.gif) no-repeat right top;padding-right:10px;white-space:nowrap;font-size:10px}
.botonFAREF a span{display:block;float:left;background:url(/skylights/images/SB/b_FAREF_left.gif) no-repeat left top;padding:1px 0 2px 10px;color:#FFFFFF;line-height: 1.6;cursor:pointer;font-weight:bold;}
.fare{font-size:20px;color:#999900;font-weight:normal;margin:20px 0 18px;padding:0;}
.botonFAREF a:hover, .botonFAREF a:hover span{color:#FC0; text-decoration:none;}
/* fin transicion */