@charset "utf-8";

*{	
	margin:0;
	padding:0;
	border:0
}

body{
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.8em
}

div#wrapper{
	width:774px;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	font-size:1.2em;
	color:#333	
}

a:link,
a:visited{
	color:#025c9b
}

a:hover,
a:focus,
a:active{
	color:#08275a
}

img{
	vertical-align:middle
}


/*-:-:-:-:-:-:-:-:-:-:-:¦¦¦¦¦¦¦¦¦¦   G E N E R A L   H A C K S & T R I C K S   ¦¦¦¦¦¦¦¦¦¦:-:-:-:-:-:-:-:-:-:-:-*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.hide{
	position:absolute;
	left:-1000em;
	overflow:hidden;
}

table{
	font-size:100%
}


/*-:-:-:-:-:-:-:-:-:-:-:¦¦¦¦¦¦¦¦¦¦   C O N T E N T  - N O  F I X E D   ¦¦¦¦¦¦¦¦¦¦:-:-:-:-:-:-:-:-:-:-:-*/

.floatL{
	float:left
}

.floatR{
	float:right
}

div#content .txt_ct{
	text-align:center
}

div#content .txt_l{
	text-align:left
}

div#content .txt_r{
	text-align:right
}

div#content .txt_11px{
	font-size:91.67%
}

div#content .txt_10px{
	font-size:83.33%
}

span.must{
	color:#cd3a00;
	font-weight:bold
}

span.should{
	color:#025c9b;
	font-weight:bold
}

.important{
	color:#c00
}

.centerer{
	display:block;
	margin:18px auto;
}

div#content p.caption-1{
	margin-top:5px;
	font-size:91.67%;
	font-style:italic
}

div#content p.caption-1 .centerer{
	margin-bottom:0
}

p.highlight{
	padding:18px 2px;
	border-bottom:1px solid #CC9900;
	border-top:1px solid #CC9900;
	color:#990000;
	font-weight:bold;
}

div#content p.P-IMG {
	margin-bottom:0;
	font-size:91.67%;
}

p.P-IMG img{
	display:block;
	margin-bottom:5px;
	background-color:#99FF99
}



/*reminders*/

div#content div.reminder{
	clear:both;
	padding:10px 10px 20px 10px;
	background-color:#ffebb7;
	margin:18px 0;
}

div#content div.reminder strong{
	display:block;
	font-size:1.1616em;/*14px*/
	font-weight:bold;
	margin-bottom:7px;
	color:#eb5733;
}

div#content div.reminder p{
	margin:0
}



/*Previous and Next links on bottom of pages*/

div#content p.previous_next{
	clear:both;
	margin-top:36px;
	border-top:1px solid #d6d6d6;
	padding-top:5px	
}

div#content p.previous_next a{
	display:block;
	width:auto
}

div#content p.previous_next .previous{
	float:left;
	padding-left:10px;
	background:url(../images/icon_arrows-blueL.gif) left center no-repeat
}

div#content p.previous_next .next{
	float:right;
	text-align:right;
	padding-right:10px;
	background:url(../images/icon_arrows-blue.gif) right center no-repeat
}

/*TABLES*/

div#content table p {
	margin-top:0
}

div#content table ul {
	margin:0 0 0 18px;
}

table caption{
	text-align:left;
	padding-top:20px;
	padding-bottom:10px;
	color:#106003;
	font-weight:bold
}

table.signals{
	background-color:#FFF
}

table.signals th{
	padding:8px 5px;
}

table.signals td{
	padding:8px 0;
	border-top:1px solid #d6d6d6;
	text-align:center;
}

table.signals tr.border_bottom td{
	border-bottom:1px solid #d6d6d6;
}

table.signals span{
	display:block;
	margin-bottom:4px;
	font-size:2em;
	font-weight:bold	
}

table.one{
	line-height:1.4em
}

table.one th{
	padding:6px;
	background-color:#4d740f;
	color:#FFF
}

table.one td{
	padding:10px 8px;
	vertical-align:top;
	background-color:#edf1e7;
	color:#222
}

table.one td.no-padding{
	padding:0;
}

table.one td.TD_IMG{
	padding-right:115px;
	background-position:bottom right;
	background-repeat:no-repeat
}

table#sl_roads td#cero{background-image:url(../images/sl_on-roads_00.jpg)}
table#sl_roads td#one{background-image:url(../images/sl_on-roads_01.jpg)}
table#sl_roads td#two{background-image:url(../images/sl_on-roads_02.jpg)}
table#sl_roads td#three{background-image:url(../images/sl_on-roads_03.jpg)}
table#sl_roads td#four{background-image:url(../images/sl_on-roads_04.jpg)}

table#sl_vehicles td{
	height:90px
}

* html table#sl_vehicles td{
	height:90px;he\ight:70px
}


table#sl_vehicles td#cero{background-image:url(../images/sl_vehicles_00.jpg)}
table#sl_vehicles td#one{background-image:url(../images/sl_vehicles_01.jpg)}
table#sl_vehicles td#two{background-image:url(../images/sl_vehicles_02.jpg)}
table#sl_vehicles td#three{background-image:url(../images/sl_vehicles_03.jpg)}
table#sl_vehicles td#five{background-image:url(../images/sl_vehicles_04.jpg)}


table#road-markings td#cero{background-image:url(../images/ts&rm_road-markings_00.jpg)}
table#road-markings td#one{background-image:url(../images/ts&rm_road-markings_01.jpg)}
table#road-markings td#two{background-image:url(../images/ts&rm_road-markings_02.jpg)}
table#road-markings td#three{background-image:url(../images/ts&rm_road-markings_03.jpg)}
table#road-markings td#four{background-image:url(../images/ts&rm_road-markings_04.jpg)}
table#road-markings td#five{background-image:url(../images/ts&rm_road-markings_05.jpg)}
table#road-markings td#six{background-image:url(../images/ts&rm_road-markings_06.jpg)}
table#road-markings td#seven{background-image:url(../images/ts&rm_road-markings_07.jpg)}
table#road-markings td#eight{background-image:url(../images/ts&rm_road-markings_08.jpg)}

/*LISTS*/


div#content ul.checked li{
	list-style-image:url(../images/icon_checked-1.gif)
}

div#content  ul.list_as3coltable li{
	float:left;
	width:33%;
	text-align:center;
	list-style-image:none;
	list-style-type:none;
}

div#content ul.list_as3coltable img{
	display:block;
	margin:0 auto 5px auto
}
/**/

div#content ul.list_as2coltable li{
	list-style-image:none;
	list-style-type:none;
	margin-bottom:5px;
	padding:10px 225px 10px 10px;
	min-height:90px;
	background-color:#edf1e7;
	background-position:top right;
	background-repeat:no-repeat
}

* html div#content ul.list_as2coltable li{
	height:110px;he\ight:90px
}

li#hand-signals_turn-right{background-image:url(../images/tl&s_hand-signals_turn-right.png)}
li#hand-signals_turn-left{background-image:url(../images/tl&s_hand-signals_turn-left.png)}
li#hand-signals_straight{background-image:url(../images/tl&s_hand-signals_straight.png)}
li#hand-signals_turn-right-back{background-image:url(../images/tl&s_hand-signals_turn-right-back.png)}
li#hand-signals_turn-left-back{background-image:url(../images/tl&s_hand-signals_turn-left-back.png)}
li#hand-signals_stop{background-image:url(../images/tl&s_hand-signals_stop.png)}



/**/

div#content dl.DL_boxes {
	float:left;
	width:16em;
	max-width:408px	
}

div#content dl.DL_boxes dt{
	font-size:1.5em;/*18px*/
	font-weight:normal;
	margin:18px 0 1px 0;
	padding:0 0 6px 18px;
}

div#content dl.DL_boxes dd{
	min-height:55px;
	margin-bottom:2px;
	padding:10px 18px;
	background:url(../images/icon_arrows-gray.gif) 4px 13px no-repeat
}

* html div#content dl.DL_boxes dd{
	height:75px;he\ight:55px
}

div#content dl.DL_boxes dd.DD_4lines{
	min-height:93px;
}

* html div#content dl.DL_boxes dd.DD_4lines{
	height:113px;he\ight:93px
}

div#content dl#dos {
	float:left;
}

div#content dl#dos dt{
	border-bottom:1px solid #a3b01d;
	background:url(../images/icon_checked-2.gif) 90% top no-repeat
}

div#content dl#dos dd{
	background-color:#edefd2
}

div#content dl#donts {
	float:right;
}

div#content dl#donts dt{
	border-bottom:1px solid #cf3143;
	background:url(../images/icon_dont-2.gif) 90% top no-repeat
}

div#content dl#donts dd{
	background-color:#f5d6d9
}

/*watch related video*/

div#content div.video{
	clear:both;
	margin-top:25px;
	padding:3px 0;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	}

div#content div.video div.clearfix{
	background:url(../images/videos_bg.jpg) no-repeat;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	padding:6px 6px 6px 10px;
	}
		
div#content div.txt{
	float:left;
	width:270px;
	}

div#content div.video img{
	float:right;
	border:1px solid #85878c;
	}

div#content div.video h2{
	margin:0 0 15px 0;
	}

div#content div.video ul{
	margin:0;
	}

div#content div.video li{
	list-style-position:inside;
	list-style-image:none;
	}

div#content div.video a {
	font-weight:bold
	}


/*-:-:-:-:-:-:-:-:-:-:-:¦¦¦¦¦¦¦¦¦¦   F I X E D   S T R U C T U R E   A N D   S T Y L E S    ¦¦¦¦¦¦¦¦¦¦:-:-:-:-:-:-:-:-:-:-:-*/


/*¦¦¦¦¦¦¦¦¦¦   H E A D E R   ¦¦¦¦¦¦¦¦¦¦*/

div#header{
	float:left;
	position:relative;
	width:100%;
	padding-bottom:17px;
	border-bottom:9px solid #eb5733;
	background:#000 url(../images/header_backg.gif) repeat left top;
}

div#header,
div#header a:link, 
div#header a:visited{
	color:#FFF;
	font-weight:bold
}

div#header a:hover,
div#header a:focus, 
div#header a:active{
	color:#ddd;
}


div#header div#skip-to-content a {
	 position: absolute;
	 overflow: hidden;
	 width:0;
	 height:0;
}

div#header div#skip-to-content a:active, 
div#header div#skip-to-content a:focus {
	 position:absolute;
	 overflow:visible;
	 width:auto;
	 height:auto;
	 top:5px;
	 left:5px;
	 padding:5px;
	 background-color:#FFF;
	 color:#000;
	 font-weight:bold;
}

div#header img{
	float:left;
}

div#header form{
	float:right;
	width:auto;
	padding:70px 18px 4px 0
}

div#header p#languages{
	position:absolute;
	width:18em;
	left:157px;
	top:119px
}

div#header form div{
	padding:13px 18px;
	background-color:#000
}

div#header input#search{
	border:1px solid #FFF;
	margin-right:18px
}

div#header p#about{
	clear:right;
	float:right;
	width:25em;
}



div#header p#about,
div#header form div,
div#header p#about{
	max-width:750px;
}

/*¦¦¦¦¦¦¦¦¦¦   B R E A D C R U M B  &  DO W N L O A D  ¦¦¦¦¦¦¦¦¦¦*/

p#breadcrumb{
	clear:both;
	margin:0;
	padding:18px 10px 15px 63px;
	min-height:45px
}

* html p#breadcrumb{
	height:78px;he\ight:45px
}

div#download_rules{
	float:left;
	width:100%;
	margin-bottom:15px;
}

div#download_rules p{
	float:right;
	width:198px;
	margin:0 36px 0 0;
	background:#e6e0e4 url(../images/download_rules-left.gif) bottom left no-repeat;
	text-align:right
}

* html #download_rules p{
	display:inline
}

div#download_rules p span{
	display:block;
	padding:14px 60px 13px 10px;
	background:url(../images/download-rules-right.gif) bottom right no-repeat
}

div#download_rules a:link,
div#download_rules a:visited{
	color:#024569
}

div#download_rules a:hover,
div#download_rules a:focus,
div#download_rules a:active{
	color:#025c9b
}

/*¦¦¦¦¦¦¦¦¦¦   L E F T   M E N U   ¦¦¦¦¦¦¦¦¦¦*/

div#mL{
	float:left;
	width:174px;
	margin:50px 24px 40px 0;
}

div#mL div#lista{
	background:url(../images/mL_lines.gif) no-repeat
}

div#mL p{
	margin:0;
	padding:0 0 18px 36px
}

div#mL ul{
	list-style-type:none;
	background:url(../images/mL_LI-last.gif) bottom left no-repeat;
	
}

div#mL li{
	list-style-type:none;
	padding:4px 0 14px 36px
}

div#mL li.LI_active{
	background:url(../images/mL_LI-active.gif) top left no-repeat;
	font-weight:bold	
}

div#mL li a{	
	font-weight:bold
}


/*submenus*/

div#mL li.submenu{
	padding-left:0;
	/*otherwise the nested ul moves right and 
	the "active" image doesn't appear on the far left*/
}

div#mL li.submenu span.LI_parent{
	display:block;
	padding-left:36px
}

div#mL ul ul{
	margin-top:14px;
	background:none;
	padding-bottom:0
}

div#mL li li{
	padding-left:47px;
	background:url(../images/icon_arrows-blue.gif) 33px 7px no-repeat
}

div#mL li li.LILI_active{
	background:url(../images/mL_LILI-active.gif) top left no-repeat;
	font-weight:bold;
	
}

div#mL li li a{	
	font-weight:normal
}

/*glossary*/

div#mL div#glossary{
	padding:39px 0 0 36px;
	background-color:#FFF/*si no IE saca más líneas grises*/
}

div#mL div#glossary span.terms{
	display:block;
	color:#457506;
	font-weight:bold
}

/* Glossary, by Des Traynor */
#content dl {
margin-top: 20px;
}


#content dl dt{
	display:block;
	color:#457506;
	font-weight:bold;
	font-size: 1.2em; 
}
#content dl dd{
	padding-left:2em;
	margin-bottom:1em;
	}


/*¦¦¦¦¦¦¦¦¦¦   C O N T E N T   ¦¦¦¦¦¦¦¦¦¦*/

div#content{
	float:left;
	width:402px;
	margin-right:18px;
	padding-left:18px;
	margin-bottom:40px
}

* html div#content{
	width:420px;wid\th:402px
}

div#content h1{
	clear:both;
	font-size:3em;/*36px*/
	line-height:1em;
	color:#739707;
}

div#content h1 span{
	display:block
}

div#content h2{
	clear:both;
	font-size:1.5em;/*18px*/
	font-weight:normal;
	margin:36px 0 18px 0;
	
}

div#content h3{
	clear:both;
	font-size:1.1616em;/*14px*/
	font-weight:bold;
	margin:18px 0 9px 0;
	color:#454545
}

div#content p{
	margin-top:18px;
	margin-bottom:18px
}

div#content ul,
div#content ol{
	margin:18px 0
}

div#content li{
	margin-bottom:7px
}


div#content ul li{
	list-style-image:url(../images/icon_arrows-gray.gif)
}

div#content li li{
	margin-bottom:5px;
	list-style-image:none;
	list-style-type:circle;
	margin-left:20px;
}

div#content ol
{
	list-style-position:outside;
	padding-left:18px
}




/*¦¦¦¦¦¦¦¦¦¦   R I G H T   M E N U   ¦¦¦¦¦¦¦¦¦¦*/

div#mR{
	float:left;
	width:102px;
	text-align:center;
	margin-top:83px
}

div#mR ul{
	list-style-type:none
}

div#mR ul li{
	padding-top:95px;
	margin-bottom:10px;
	background-repeat:no-repeat	
}

div#mR ul li.audio{
		background-image:url(../images/mR_audio.jpg);
}

div#mR ul li.videos{
		background-image:url(../images/mR_videos.jpg)
}

div#mR ul li.languages{
		background-image:url(../images/mR_languages.jpg)
}

div#mR ul li.streetsigns{
		background-image:url(../images/streetSign.gif)
}

div#mR ul li a{
	background-color:#FFF	
}

div#mR ul li span{
	display:block;
	font-weight:bold
}


/*¦¦¦¦¦¦¦¦¦¦   F O O T E R   ¦¦¦¦¦¦¦¦¦¦*/

div#footer{
	clear:both;
	padding-bottom:50px;
	color:#FFF;
	background:#000 url(../images/footer_backg.gif);
}

div#footer div{
	border-top:9px solid #eb5733;
	padding:14px 36px 20px 36px;
	background-color:#000;
}

div#footer p.footer_menu{
	float:left;
	width:auto;
}

div#footer p.footer_copyright{
	float:right;
}

div#footer,
div#footer a:link, 
div#footer a:visited{
	color:#FFF;
}

div#footer a:hover,
div#footer a:focus, 
div#footer a:active{
	color:#ccc;
}

/* LV new rules for understanding traffic signs section*/

div#content div.sign{
border-bottom: 1px dotted #ddd;
font-size: 0.9em;

}


div#content .sign img{
padding: 10px 10px 10px 0;
}

}
.adr .region{
display:block;
}
.vcard .tel{
display:inline;	
}

#header a#skipToContent{
display:none;	
}
