*
{
    padding:0px;
    margin:0px;
    
}
li
{
    list-style: none;
}
html, body, form {
	height: 100%;
	font: 12px "Segoe UI" , Arial, sans-serif;
}
html, body
{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
#headercontent 
{ 
    width: 100%;
    /*background-color: #006e2e;*/
    background-color: #000;
    height: 40px;
}
#header1 
{
    display: table;
    float: left;
    height: 40px;
    overflow: hidden;
    position: relative;
   /* width: 19%;*/
    background-color: #000;
}
#header
{
    display: table-cell;
    vertical-align:middle;
}
#header1 img
{
    width: 100%;
}
#header3
{
    float: right;
    width: 80%;
}
#header_mugikorra
{
    display: none;
}
.home
{
    width:40px;
    height:40px;
    background-image:url(images/home.png);
    float:left;
    margin-right: 20px;
}
.home:hover
{
    background-color: #dcdcdc;
    background-image:url(images/home_hover.png);
}
.hizkuntza {
    background-color: #000;
    color: #000;
    float: right;
    line-height: 4.5px;
    padding: 3px 0;
    top: 40px;
    width: 50px;
}
.hizkuntza a {
    color: #fff;
    display: inline-block;
    padding: 5px;
}
.hizkuntza a:hover {
    background-color: #cf0404;
    color: #fff !important;
    text-decoration: none;
}
.listado
{
    width:40px;
    height:40px;
    /*background-image:url(images/menu3.png);*/
    float:left;
    margin-left: 10%;
    cursor:pointer;
}
.listado:hover
{
    background-color: #dcdcdc;
}
.ajustes
{
    width:40px;
    height:40px;
    background-image:url(images/ajustes.png);
    float:right;
    cursor:pointer;
}
.rmLeftImage
{
    width:40px !important;
    height:40px !important;
    opacity: 0.8;
}
#mostrarMapa
{
    width:100% !important;
    height:1000px;
    overflow: visible !important;
}
.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup, .RadMenu_Default a.rmLink
{
    border: 0px solid #000 !important;
}
.RadMenu_Default li
{
    padding: 0px 1px !important;
}
.RadMenu_Default a.rmLink:hover, .RadMenu_Default a.rmFocused, .RadMenu_Default a.rmSelected {
    background-color: #000 !important;
}

/* VENTANA MODAL */
#RadWindowWrapper_ctl00_ContentPlaceHolder1_RadWindow_NavigateUrl
 {
     position: fixed !important;
     top: 50% !important;
     margin-top: -300px !important;
 } 
.RadWindow .rwFooterRow
{
    visibility:hidden;
}
.RadWindow .rwStatusbarRow
{
    visibility:hidden;
}
.RadWindow_Default .rwBodyLeft, .RadWindow_Default .rwBodyRight, .RadWindow_Default .rwStatusbarRow .rwCorner
{
    background-image: none;
}

.RadWindow table .rwTitlebar
{
    background-image: none;
}
.RadWindow_Default .rwTopLeft, .RadWindow_Default .rwTopRight, .RadWindow_Default .rwTitlebar, .RadWindow_Default .rwFooterLeft, .RadWindow_Default .rwFooterRight, .RadWindow_Default .rwFooterCenter, .RadWindow_Default .rwTopResize, .RadWindow_Default .rwStatusbar div, .RadWindow_Default .rwStatusbar, .RadWindow_Default .rwPopupButton, .RadWindow_Default .rwPopupButton span, .RadWindow_Default.rwMinimizedWindow .rwCorner
{
    background-image:none !important;
}
.RadWindow_Default .rwBodyLeft, .RadWindow_Default .rwBodyRight, .RadWindow_Default .rwStatusbarRow .rwCorner
{
    background-image: none !important;
}
.RadWindow_Default a.rwIcon
{
    background-image: none !important;
}
.rwReloadButton
{
    visibility: hidden;
}
.RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow
{
    right:0px !important;
    bottom: 0px !important;
    left: auto !important;
    top: auto !important;
}
.RadWindow_Default td.rwWindowContent
{
    border: 10px solid rgba(255, 255, 255, 0.2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.8) !important;
}
.RadWindow .rwControlButtons a
{
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-radius: 25px;
    height: 25px !important;
    position: relative;
    top: -5px;
    width: 25px !important;
    background-image: url(icons/cerrar_modal.png) !important;
    background-position: center;
    cursor:pointer;
}
.RadWindow .rwControlButtons a:hover
{
    background-image: url(icons/cerrar_modal_hover.png) !important;
    background-position: center !important;
}
.TelerikModalOverlay
{
    background-color: rgba(0, 0, 0, 1) !important;
    z-index: 3001;
    /*height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;*/
}
.RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow
    {
        /*height: 500px !important;*/
        height: 90% !important;
    }
.RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow .rwTable
{
    height: 100% !important;
}
    

.menu1
{
    position: absolute;
    top: 40px;
}

#header3 ul li, .menu .RadMenu_Default .rmItem, .listado .RadMenu_Default .rmItem, .ajustes .RadMenu_Default .rmItem
{
    background-color: #000;
    list-style: none !important;
}




/** Links */
a
{
    color: #000;
    text-decoration: none;
}
a:visited
{
}
a:hover
{
    color: #4f3325;
   /* text-decoration: underline;*/
}
a:focus
{
}
a:active
{
}
a img 
{
    border: none;
}
#headandbody 
{
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	/*height: calc(100% - 80px);*/
}
.footerheight {
	height: 80px !important; /*altatu headandbody margin*/
	clear:both;
}

#bodycontent
{
  height: calc(100% - 80px) !important;
  /*min-height:850px;*/
}

#footercontent1
{
    margin: 0 auto;
    width: 98%;
    position: relative;
    background-color:#ffffff;
    border-left: 1% solid #ffffff;
    border-right: 1% solid #ffffff;
}



/**Footer****/
#footer
{
    text-align:center;
    color: #999;
    border-top: 1px solid #dcdcdc;
    top:100px;
    height:10px;
}
#footer a
{
    color: #999;
}
#footer a:hover
{
    color: #000;
}
#footer ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer p
{
    margin: 0;
    display:inline;
}

#footer .linea1 
{
     font-size:10pt;
}
#footer .linea2 
{
    display:inline-flex;
}
/************************/
.rlvDrag {
    padding: 0 auto auto 0;
}

/****** MENU RESPONSIVE ******/
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #004f1e;
	padding: 0px 0;
	max-height: 40px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 9px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0c1923;
	margin-top: 40px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 20px;
	padding: 5px 10px 15px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}
#header_mvl
{
    display:none;
}
.tabla_resumen
{
    margin-bottom: 15px;
}
.tabla_resumen .RadGrid_Default .rgHeader
{
    border-bottom: 1px solid #999 !important;
}

 .tooltip {
    display: inline;
    position: relative;
    cursor: help;
  }
  .tooltip:hover:before {
    top: 46px;
    content: attr(target); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
    z-index: 98;
    /* el formato gráfico */
    background: rgba(0,0,0, 0.8); /* el color de fondo */
    border-radius: 5px;
    color: #FFF; /* el color del texto */
    font-size: 12px;
    padding: 5px 15px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 300px;
  }
  .tooltip:hover:after {
    top: 60px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
    /* el triángulo inferior */
    border: solid;
    border-color: rgba(0,0,0, 0.8) transparent;
    border-width: 6px 6px 0 6px;
  }

/******************** MEDIA QUERI (RESPONSIVE) ******************/
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
    #headercontent {
        /*background-color: green !important;*/
    }
   
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px)
and (max-width : 1824px) {
/* STYLES GO HERE */
    #headercontent {
        /*background-color: blue !important;*/
    }
    #header1
    {
        width:20%;
    }
    #header3
    {
        width:70%;
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px)
and (max-width : 1224px) {
/* STYLES GO HERE */
    #headercontent {
        /*background-color: red !important;*/
    }
    #header1
    {
        width:25%;
    }
    #header3
    {
        width:65%;
    }
}
 
/* TABLETAK (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* STYLES GO HERE */
    #headercontent {
        /*background-color: green !important;*/
    }
    .logo {
        width: 100%;
    }
    .logo img
    {
        width: 220px;
    }
    #header1
    {
        width:35%;
    }
    #header3
    {
        width:65%;
    }
}

/* TABLETA TXIKIAK (portrait and landscape) ----------- */
@media only screen
and (min-width : 568px)
and (max-width : 768px) {
/* STYLES GO HERE */
    #headercontent {
        /*background-color: Fuchsia !important;*/
    }
    .logo {
        width: 100%;
    }
    .logo img
    {
        width: 220px;
    }
    /**** MENUA ****/
    #header1
    {
        height: 50px;
        z-index:999999; 
    }

    #header3
    {
            display: block;
            position: absolute;
            top: 42px;
            width: 100%;
    }
    .home {
        background-image: url("images/home.png");
        float: right;
        height: 40px;
        position: absolute;
        right: 0px;
        top: -42px;
        width: 40px;
        z-index: 2147483647 !important;
    }
    #header
    {
        left: 0;
        position: fixed;
        z-index: 999999;
    }
    #header_mvl
    {
        display:block;
    }
     #bodycontent1
     {
         margin-top:10px;
     }
    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow, .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow .rwTable
     {
         /*height: 500px !important;*/
         height: 100% !important;
     }
}

/* MUGIKORRAK (portrait & landscape)----------- */
@media only screen
and (min-width : 320px)
and (max-width : 568px) {
/* STYLES GO HERE */
    #headercontent {
        /*background-color: Aqua !important;*/
    }
    .logo {
        width: 100%;
    }
    .logo img
    {
        width: 220px;
    }
    /**** MENUA ****/
    #header3
    {
        display: block;
        position: absolute;
        top: 42px;
        width: 100%;
    }
    .home {
        background-image: url("images/home.png");
        float: right;
        height: 40px;
        right: 0px;
        position: absolute;
        top: -42px;
        width: 40px;
        z-index: 2147483647 !important;
    }
    #header
    {
        left: 0;
        position: fixed;
        z-index: 999999;
        width:76%;
        margin-top:3px;
    }
    #header_mvl
    {
        display:block;
    }
    #header1
    {
        width: 70%;
    }
    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow, .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow .rwTable
    {
        height: 100% !important;
        width: 100% !important;
    }
    .RadWindow_Default td.rwWindowContent
    {
        border: 0px solid #fff !important;
        border-radius: 0px !important;
    }
    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow
    {
        z-index:9999999999999 !important;
    }
    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow
    {
        right:auto !important;
        bottom: auto !important;
        left: 0px !important;
        top: 0px !important;
    }
    .RadWindow .rwControlButtons a {
        background-image: url("icons/cerrar_modal.png") !important;
        background-position: center center;
        border: 5px solid rgba(255, 255, 255, 0.3);
        border-radius: 25px;
        cursor: pointer;
        height: 25px !important;
        position: relative;
        right: 15px;
        top: 35px;
        width: 25px !important;
    }
}

/* MUGIKOR TXIKIAK (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* STYLES GO HERE */
}