/**************************************************************
   #etiquetas
 **************************************************************/
body {background: repeat-x top url('../img/bg-body.jpg') #eee; text-align: left;  color:#333;}
body, textarea{font: 400 0.8em "Trebuchet MS", arial, Helvetica, sans-serif;}
a:link, a:visited, a:active{ color:#c37602}
a:hover{ color:#744702}
/*
table{ width:100%; border:0; padding:0; border-collapse:collapse}
table tr th{border-bottom:2px solid #fff; color:#666; padding:.2em; background-color:#eee;}
table tr td{ border-bottom:2px solid #fff;padding:.1em .2em; background-color:#fff;}*/
p{ margin-bottom:1em}
h2{color:#660f6e; font-size:2em; border-bottom: 2px solid #ccc; padding-bottom:.1em; margin-top:.5em; margin-bottom:1em; float:left; width:100%}
h3{color:#666666; font-size:1.4em;margin-bottom:.5em; float:left; width:100%; border-bottom: 1px dashed #ccc;}
ul li h3{ border:0;}
i{ font-style:italic}

/**************************************************************
   #classes
 **************************************************************/
.clear{ clear:both}
.displaynone{ display:none}
.justify{ text-align:justify}
.center{ text-align:center}
.left{ float: left}
.right{ float: right}
img.leftAndMargin{ float:left; margin: 0 1em 1em 0;}
img.rightAndMargin{ float:right; margin: 0 0 1em 1em;}
img.borde{ border:1px solid #ccc; padding:.5em;}
p.volver{ margin-top:1em}

/**************************************************************
   #layout
 **************************************************************/
#wrapper{ margin:0 auto; width:1000px; background:#fff; margin-top:1em;}
#wrapper-interior{ border:2px solid #ccc; padding:1em; background:url('../img/fondos/default.jpg') no-repeat center top; padding-bottom:0 }
#header{ width:100%; float:left; margin-bottom:.5em; height:190px;}
#logo-rutas{ float:left; margin-top:0em; margin-left:0em;}
#logo-varios{ float:right; width:115px; height:160px;}
#logo-varios img{ float:left; margin:0; padding:0}
#page{ float:left; width:100%; clear:both}
#page-left{ float:left; width:16%; }
#page-center{ float:left; width:63%; margin:0 2% }
#page-center.extended{width:81%; margin-right:0%}
#page-right{ float:right; width:17%;}
#user-menu{ border:1px solid #ccc; background:#eee; padding:.5em; margin-bottom:1em; font-size:.9em;}
#user-menu p{ text-align:center; margin: .2em 0 }
#crumbs{  margin-bottom:1.5em;font-size:.9em; float:left; width:100%}
#footer{ float:left; clear:both; width:100%;margin-top:.5em; padding-top: .5em; border-top:1px solid #ccc;}
#footer .right img{ margin-left:1em; }
#accesibilidad{margin:0 auto; width:985px; text-align:center; margin-top:1em;}
#page-center h2 a{text-decoration:none; background-color:#FF3300; color:#fff; font-size:.8em; padding:0 .3em;}
#page-center h2 a:hover{ background-color:#CC3300}
#admin-menu{ border:2px solid #ccc; margin-bottom:1em; background:#eee;  }
#localidades-menu{}

#haro-menu{margin-top:1em; text-align:right; float:left; width:100%}

#destacados-menu{margin-top:1em; text-align:right; float:left; width:100%}
#destacados-menu ul li{ margin-bottom:.5em;}
#calendario-menu{margin-top:1em; float:left; width:100%}

/**************************************************************
   #crumbs
 **************************************************************/
#crumbs div{ float:left;line-height:1em;}
#crumbs ul{ float:left; margin:0; padding:0; list-style-type:none; margin-left:.3em;}
#crumbs ul li{  display:inline; float:left; padding:0 0em 0 1.2em; background: no-repeat center left url('../img/crumb_separator.gif'); line-height:1em;}
#crumbs ul li.first{ background:none; padding-left:.2em; }

/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/
#mainMenu {padding:0; margin:0;float:left; width:100% }
#mainMenu li { display: block; list-style: none; margin: 0; padding: 0; }
#mainMenu li a {font-size:1em; display: block; font-weight:normal; color: #333; border-top:1px dashed #ccc; text-transform: uppercase;text-decoration: none;line-height:1.6em; background:url('../img/flecha-negra.gif') left center no-repeat; padding-left:.5em;}
#mainMenu li:first a { border:0;}
#mainMenu li a:hover{text-decoration:none; color: #000;}
#mainMenu li.here a {/*background:#c0c89b repeat-x center 1px url('../img/mainmenu-here.png');*/ color:#000; font-weight:bold;}
#mainMenu li.last a { margin-right: 0; }
#mainMenu li.last {  background:none}
/*submenu*/
#mainMenu li ul{ padding-left:.2em; font-size:.85em;}
#mainMenu li.here ul li a { line-height:1.8em; font-weight:normal; text-transform:none; background:none; padding:0; border:0; color:#666; background:url('../img/item.png') -.2em center no-repeat; padding-left:1.2em;}
#mainMenu li.here ul li.here a { font-weight:normal; color:#000; text-decoration:underline }
#mainMenu li.here ul li a:hover { color:#000 }

/**************************************************************
   #localidadesMenu: The top level site menu
 **************************************************************/
#localidades_derechaMenu {padding:0; margin:0;float:left; width:100% }
#localidades_derechaMenu li { display: block; list-style: none; margin: 0; padding: 0; margin-bottom:2px;   }
#localidades_derechaMenu li a {font-size:.9em; display: block; font-weight:normal; color: #333; text-decoration: none; line-height:1.4em;/* border-bottom:1px solid #ccc;*/background:url('../img/flecha-negra.gif') left center no-repeat; padding-left:.5em;}
#localidades_derechaMenu li:first a { border:0;}
#localidades_derechaMenu li a:hover{text-decoration:none; color: #000;}
#localidades_derechaMenu li.here a {/*background:#c0c89b repeat-x center 1px url('../img/mainmenu-here.png');*/ color:#000; font-weight:bold;}
#localidades_derechaMenu li.last a { margin-right: 0; }
#localidades_derechaMenu li.last {  background:none}

/**************************************************************
   #adminMenu: The top level site menu
 **************************************************************/
#adminMenu {padding:0; margin:0 .2em;font-size:1em;}
#adminMenu li { display: block; list-style: none; margin: 0; padding: 0 .8em; }
#adminMenu li a {color: #3d4628;text-decoration: none; font-weight:bold}
#adminMenu li a:hover{text-decoration:underline; color: #000;}
#adminMenu li.last  {  background:none}

/**************************************************************
   .sublinks
 **************************************************************/
ul.sublinks{ padding: 0; margin:0;display:inline;}
ul.sublinks li{ display:inline; list-style-type:none; margin:0; padding:0; margin:0 .3em; background:none; }
ul.sublinks li.primero{ margin-left:0; }
ul.sublinks li a{ text-decoration:none; background-color:#FF3300; color:#fff; font-size:1em; padding:0 .3em; font-weight:bold}

/**************************************************************
   .listado
 **************************************************************/
/*ul.listado{ padding: 0; margin:0;display:block;}
ul.listado li{ display:block; list-style-type:none; margin:0; padding:0 .6em; margin:0; padding-left:1.5em; background: no-repeat center left url('/img/icons/flecha.png'); }
*/
/**************************************************************
   #messages
 **************************************************************/
/*flashMessage,authMessage*/
#authMessage,#flashMessage{ }
div.message{ background-color:#eee; padding:1em; border:2px solid; margin:0 0 1em 0; font-weight:bold; font-size:1.4em; padding-left:3em; background-repeat:no-repeat; background-position:.5em center }
#authMessage {border-color:red; color:red; background-color: #FFCCCC; background-image: url('../img/icons/message_error.png')}
div.error{ border-color:red; color:red; background-color: #FFCCCC; background-image: url('../img/icons/message_error.png')}
div.success{ border-color:#0033CC; color:#0066CC; background-color:#66FFFF; background-image:  url('../img/icons/message_success.png')}
div.alert{ border-color:red; background-color:#FFCCCC; color:red; background-image:  url('../img/icons/message_alert.png')}

/**************************************************************
   #paginator
 **************************************************************/
ul.paginator{ float:left; width:100%; margin:0; text-align:center ; padding:0; display:inline; font-size:1em}
ul.paginator li{ list-style-type:none; display:inline; margin:0 .2em; width:auto; }
ul.paginator li.disabled{ color:#999999}
ul.paginator li.current{ color:#fff; background-color:#f46f0a; padding:1px 4px;}
ul.paginator li a.number{ color:#666666; background-color:#e6e6e6; padding:1px 4px;}

/**************************************************************
   #ckeditor
 **************************************************************/
div.ckeditorDisplay p{ text-align:justify; font-style:inherit;}
div.ckeditorDisplay a img.ajustar{width:98%; height:auto;}
div.ckeditorDisplay img.ajustar{width:100%; height:auto;}
div.ckeditorDisplay ul li{ list-style-type:disc; margin-left:1em}