/* -------------------------------------------------------------------------- */
/* Marcas generales --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
body
{
    /*background: #f3f9ed;*/
    background: #fff;
    font: 9pt Tahoma, Verdana, Arial, Helvetica;
}

/* -------------------------------------------------------------------------- */
/* Capa de Logos ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
#logo {
    background: url(../img/logo.png) center no-repeat;
    position:absolute;
    z-index:4000000;
    width: 100px;
    height: 48px;
    top: 10px;
    left: 10px;
    /*background: transparent;*/
}

#title {
	background: url(../img/cosave.png) center no-repeat;
    position:absolute;
    z-index:2000000;
    width: 200px;
    height: 48px;
    top: 12px;
    right: 0px;
    left: 68px;

}


/* -------------------------------------------------------------------------- */
/* Sombra sobre el mapa y los menu ------------------------------------------ */
/* -------------------------------------------------------------------------- */

#sombra
{
    display: none;
    z-index:3000000;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity:.50;
    filter: alpha(opacity=50);
}

/* -------------------------------------------------------------------------- */
/* Botones superiores ------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#botones {
    position:absolute;
    z-index:2000000;
    width: auto;
    height: 42px;
    top: 10px;
    right: 10px;
}

#user {
    position:absolute;
    z-index:2000000;
    width: 100%;
    height: 18px;
    top: 75px;
    right: 30px;
    text-align: right;

}

.btnSP {
    background: url(../img/Spain.png) center no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
    margin-right: 10px;
}
.btnPR {
    background: url(../img/Portugal.png) center no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
    margin-right: 10px;
}
.btnEN {
    background: url(../img/England.png) center no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
    margin-right: 10px;
}


.btnSalir {
    background: url(../img/btnSalir-00.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
    margin-right: 10px;
}
.btnSalir:hover { background: url(../img/btnSalir-01.png); }

.btnMapa {
    background: url(../img/btnMapa-00.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnMapaHover {
    background: url(../img/btnMapa-01.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnMapa:hover { background: url(../img/btnMapa-01.png); }

.btnMarcas {
    background: url(../img/btnMarcas-00.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnMarcasHover {
    background: url(../img/btnMarcas-01.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnMarcas:hover { background: url(../img/btnMarcas-01.png); }

.btnTable {
    background: url(../img/btnTabla-00.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnTableHover {
    background: url(../img/btnTabla-01.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnTable:hover { background: url(../img/btnTabla-01.png); }

.btnGrid {
    background: url(../img/btnGrid-00.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnGridHover {
    background: url(../img/btnGrid-01.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnGrid:hover { background: url(../img/btnGrid-01.png); }

.btnPage {
    background: url(../img/btnPage-00.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnPageHover {
    background: url(../img/btnPage-01.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnPage:hover { background: url(../img/btnPage-01.png); }

.btnUser {
    background: url(../img/btnUser-00.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnUserHover {
    background: url(../img/btnUser-01.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnUser:hover { background: url(../img/btnUser-01.png); }

.btnChange {
    background: url(../img/btnChange-00.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnChangeHover {
    background: url(../img/btnChange-01.png) center no-repeat;
    width: 42px;
    height: 42px;
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}
.btnChange:hover { background: url(../img/btnChange-01.png); }


/* -------------------------------------------------------------------------- */
/* Menu en la parte inferior ------------------------------------------------ */
/* -------------------------------------------------------------------------- */
#menu {
    text-align: center;
    position:absolute;
    z-index:2000000;
    width: 100%;
    height: 30px;
    bottom: 10px;
    right: 0px;
}
.mnu         {
    padding: 2px 10px;
    border: 1px solid black;
    text-decoration: none;
    background: #333;
    color: white;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.mnu:hover { background: white; color: black }



/* -------------------------------------------------------------------------- */
/* Mapa de google------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */


html, body, #map_canvas {
	height: 100%;
	margin: 0px;
	padding: 0px;
	z-index:0;
}

#content{
	background: url(../img/map.png) center no-repeat;
	margin-top: 70px;
	margin-left: 20px;
	margin-right: 20px;
	/*margin-bottom: 10px;*/
	background-color: #f5f5f5;
	height: 580px;
	/*width: 100%;*/

}
#windowForm {
	display: none;
	height: 280px;
	width: 580px;
	position:absolute;
	z-index:4000000;
	background-color: #ddd;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
   -webkit-box-shadow: 2px 2px 3px 0px rgba(100, 100, 100, 0.4);
   box-shadow: 2px 2px 3px 0px rgba(100, 100, 100, 0.4);	
}

#windowLogin {
	/*display: none;*/
	height: 600px;
	width: 400px;
	z-index:0;
	font: 9pt Tahoma, Verdana, Arial, Helvetica;
	margin-top: 50px;
}

#windowAdm {
	/*display: none;*/
	height: 600px;
	width: 900px;
	z-index:0;
	margin: 0px auto;
}

#formAdm {
	/*display: none;*/
	top: 10px;
	height: 600px;
	width: 750px;
	z-index:0;
	background-color: #ddd;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
   -webkit-box-shadow: 2px 2px 3px 0px rgba(100, 100, 100, 0.4);
   box-shadow: 2px 2px 3px 0px rgba(100, 100, 100, 0.4);	
   padding: 10px 10px 10px 10px;
}

#divAdm {
	margin-top: 0px;
	background-color: #ddd;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
   -webkit-box-shadow: 2px 2px 3px 0px rgba(100, 100, 100, 0.4);
   box-shadow: 2px 2px 3px 0px rgba(100, 100, 100, 0.4);	
   padding: 10px 10px 10px 10px;	
}

#divLogo {
	height: 58px;
	background-color: transparent;
   padding: 0px 0px 0px 0px;	
}

#tdLogo {
	font: 12pt Tahoma, Verdana, Arial, Helvetica;
	color: #2e5d40;
	font-weight: bold;

}

#targetForm {
	display: none;
	visibility: hidden;
}

.message-user {
	font: 10pt Tahoma, Verdana, Arial, Helvetica;
	color: #2e5d40;
	font-weight: bold;
	display:block;
	margin-bottom:10px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	background-color: transparent;
	text-align: center;	
}
#sub_title {
	font: 12pt Tahoma, Verdana, Arial, Helvetica;
	display:block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	background-color: transparent;
	text-align: center;	
}

#footer {
	font: 9pt Tahoma, Verdana, Arial, Helvetica;
	display:block;
	margin-bottom:10px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	background-color: transparent;
	text-align: center;	
}
/* Search Box */
#pac-input {
	z-index:2500000;
	background-color: #fff;
	padding: 0 11px 0 13px;
	width: 300px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 300;
	text-overflow: ellipsis;
	margin-top: 16px;
	margin-left: 200px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 24px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input:focus {
	border-color: #4d90fe;
	/*margin-left: -1px;*/
	padding-left: 14px;  /* Regular padding-left + 1. */
	width: 301px;
}

#pac-container {
	z-index:2500000;
	font-family: Roboto;
}

#type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
}

#type-selector label {
	font-family: Roboto;
	font-size: 11px;
	font-weight: 300;
}

#nav {
	text-align: right;
}

.nav_menu {
    padding: 2px 5px;
    background: transparent;
    color: #c60204;
    text-align: right;

}
.nav_menu:hover { color: #2e5d40; }

/* -------------------------------------------------------------------------- */
/* Info Window--------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#info-window-title {
	width: 250px;
	color: #ff0000;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
}

.optionMarker {
	/*border-top: solid 1px #ddd;*/
	width: 90%;
	text-align: center;
}
.linkMarker {
	color: #4f79c3;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.titleMarker {
	color: #4f79c3;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	text-shadow: 1px 1px #4f79c3;
}
.boxMarker {
	background-color: #eee;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
   -webkit-box-shadow: 2px 2px 3px 0px rgba(100, 100, 100, 0.4);
   box-shadow: 2px 2px 3px 0px rgba(100, 100, 100, 0.4);
}
.boxMarkerParent{
  padding: 0 3px 3px 0;

}

/* -------------------------------------------------------------------------- */
/* Controles del formulario-------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#label,#input,#button,#select,#textarea{font-size:14px;font-weight:normal;line-height:20px;}
#input,#button,#select,#textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);	border: 1px solid transparent;border-radius: 3px 3px 3px 3px;box-sizing: border-box;-moz-box-sizing: border-box;}
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2;}
label,.help-block{color:#b94a48;display:block;margin-bottom:10px;font-style:italic;}