@import "addComment.css";

#pageWrapper {
	background: #777;
}

.desktopIcon {
	margin: 15px 0 0 15px;
	cursor: pointer;
}

#desktopTitlebar {
	background-image: url(../themes/default/images/logo.png);
}

@media only screen and (max-height:600px) {
    #desktopTitlebarWrapper, #overviewMap_wrapper{
        display:none;
    }
}



#topNav.loginBtn {
	padding-top: 10px;
}

#mainPanel {
	background: #ECFFFF;
}

#overviewMapContainer .olControlOverviewMapElement {
	background-color: #ECFFFF;
}

.toolbox.left {
	float: left;
}

.toolbox.right {
	float: right;
}

#logosPublicos {
	position: relative;
	float: right;
	top: -32px;
	right: -8px;
/*	border-radius: 10px;
	padding: 0px 10px;
	background: #FFF;*/
}

#logoPrecidencia {
	position: relative;
	top: 1px;
}

#logoMinPlan {
	position: relative;
	top: 2px;
}

#desktopFooterWrapper {
	height: 0px;
}

.tablaNice {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

.tablaNice th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	color: #039;
}

.tablaNice td {
	padding: 3px;
	background: #e8edff;
	color: #669;
	border-top: 1px solid transparent;
}

.tablaNice tr.table-tr-selected td {
	border-top: 1px dashed black;
}

.tablaNice tr.table-tr-selected td,.tablaNice tr:hover td {
	background: #d0dafd;
	color: #339;
}

#reloj {
	position: relative;
	top: 3px;
}

#searchLocationInput {
	margin-right: -3px;
}

/*  User Menu  */
#userBox>toolBox {
	margin-top: 0;
}

#userBox {
	background-color: White;
	border-radius: 5px 5px 5px 5px;
	padding: 0 1px;
	clear: both;
}

#userBox span {
	
}

.anonymous-header-top {
	background-image: url("../images/bk_header_menu.png");
	padding: 3px;
}

.boton-header-top {
	color: #4D4D4D;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	padding: 0px 9px;
	text-align: right;
	text-decoration: none;
}

#userBox a {
	
}

#userMenu {
	border-color: #D9D9D9;
	border-style: solid;
	border-width: 0 1px;
	box-shadow: 0 3px 9px -3px #6A6A6A;
	display: none;
	margin-left: 6px;
	min-width: 145px;
	position: absolute;
	text-align: right;
}

#userMenu li {
	background-color: white;
	border-bottom: 1px solid #D9D9D9;
	min-width: 114px;
	padding: 4px 7px 3px;
}

#userBox.no-image img {
	display: none;
}

#userBox ul {
	position: absolute;
	z-index: 1000;
}

#logoutButton a {
	color: #F00;
}

#desktopNavbar ul li a {
	padding: 0;
	color: #999999;
}

#desktopNavbar ul li a {
	padding: 0;
	color: #999999;
}

#desktopNavbar li {
	float: none;
}

#desktopNavbar ul li {
	list-style: none;
}

#desktopNavbar ul li:hover {
	background-color: #F2F2F2;
}

#desktopNavbar ul {
	font-size: 12px;
	list-style: none outside none;
	margin: 3px 0 0;
	padding: 0;
}

.no-click,a.no-click:hover,li.no-click:hover {
	color: #999999 !important;
	cursor: default;
	background-color: #FFFFFF !important;
}

/* Formulario de creación/modificación */
.row {
	margin-bottom: 10px;
	overflow: hidden;
	clear: both;
}

.separator {
	border-bottom: 1px solid #CCCCCC;
	margin-left: 173px;
	margin-right: 33px;
}

.row input[type=text],.row textarea,.row select {
	border: 1px solid #E6E6E6;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.row input,.row textarea {
	padding: 2px 3px;
	width: 272px;
}

.row input {
	margin: 0px !important;
}

.row textarea {
	height: 50px;
	margin: 0px !important;
}

.row select {
	padding: 1px;
	width: 278px;
}

.row select.auto-width {
	width: auto;
}

.row input:focus,.row textarea:focus,.row select:focus {
	border: 1px solid #BBB;
	color: #666;
}

.label {
	float: left;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding-right: 11px;
	text-align: right;
	color: #666;
}

.label-column {
	width: 26%;
}

.label span {
	font-weight: bold;
}

.content-column {
	width: 70%;
	display: inline-block;
	color: #666666;
	font-size: 12px;
}

.multi-select {
	width: 152px;
	float: left;
	padding-top: 15px;
}

.multi-select select {
	width: 100%;
	height: 180px;
	margin-top: 5px;
}

.multi-select select option {
	margin-bottom: 3px;
}

.multi-select-right {
	float: left;
}

div.move-select-element {
	float: left;
	width: 44px;
	margin-top: 35px;
}
/***** Botones de las ventanas *****/
.mochaMaximizeButton,.mochaMinimizeButton,.mochaCloseButton {
	background-image: url(../images/icons/panel_controls.png);
	background-color: transparent;
}

.mochaMinimizeButton {
	background-position: -1px 64px;
}

.mochaMaximizeButton {
	background-position: -1px 32px;
}

.mochaMaximizeButton[title=Restore] {
	background-position: -1px 16px;
}

.mochaCloseButton {
	background-position: -1px 80px;
}

.spinner-msg {
	font-weight: bolder;
	font-size: 15px;
}

.spinner-content {
	padding: 15px;
	background-color: white;
	border-radius: 10px;
}

span.pagina {
	padding: 2px 5px;
	margin: auto 2px;
	color: #1122CC;
	cursor: pointer;
}

span.pagina.actual {
	color: #333333;
	cursor: default;
	font-weight: bold;
}

#textSearch {
	height: 24px;
}

#textSearch input[type=text] {
	height: 22px;
}

div.reportWindow div.body {
	overflow: auto;
}

.searchField {
	vertical-align: top !important;
}

.tip-wrap {
	background: #FFFFFF;
	border-radius: 5px;
	padding: 2px 5px;
}

.mochaContentBorder {
	border-radius: 0px 0px 7px 7px !important;
	overflow: hidden !important;
}

#layerFilter {
	width: 100px;
	position: relative;
	top: 3px;
}

#clearLayerFilter {
	position: absolute;
	top: 6px;
	right: 8px;
}

#loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 2000;
}

#loader .content {
	color: #4D4D4D;
	background: #CEDFF2;
	margin: auto;
	padding: 10px 15px;
	position: relative;
	border-radius: 7px;
	top: 40%;
	width: 300px;
	box-shadow: 4px 4px 6px #444;
	text-align: center;
	font-size: larger;
	text-shadow: rgb(255, 255, 255) 0px 0px 0px;
	background: #CEDFF2;
	margin: auto;
	padding: 10px 15px;
	position: relative;
	border-radius: 7px;
	top: 40%;
	width: 300px;
	box-shadow: 4px 4px 6px #444;
	text-align: center;
	font-size: larger;
}

#layerFilterBox {
	display: block;
	position: relative;
}

/* Descarga de layers e imágenes */
div.downloadLayer,div.downloadImage {
	padding: 1em;
}

div.downloadLayer>ul,div.downloadImage>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.downloadLayer>ul>li,div.downloadImage>ul>li {
	
}

div.downloadLayer>div>ul>li>*,div.downloadImage>div>ul>li>* {
	display: block;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
}

div.downloadLayer>div {
	display: none;
}

div.downloadLayer>div>ul>li>span.isDownloadable {
	background-image: url('../images/download.png');
}

div.downloadLayer>div>ul>li>span.isnotDownloadable{
	background-image: url('../images/error.png');
}

div.downloadImage>div>ul>li>div {
	background-image: url('../images/ok.png');
}

div.downloadImage>div>ul>li>span {
	background-image: url('../images/error.png');
}

.buttons {
	text-align: center;
}

#navPanel>div {
	float: left;
}

.olControlNavigationHistory {
	background-image: url("../images/navigation_history_16.png") !important;
}

#mapScale>p {
	float: left;
}

div.slide {
	width: 125px;
	height: 16px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	float: right;
	margin-top: 1px;
}

div.slide>div.slider {
	width: 25px;
	height: 16px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	color: #FFF;
	text-align: center;
	cursor: move;
}

div.slide>div.slider>span {
	font-weight: bold;
	position: relative;
	top: -1px;
}

span.typePolygon, span.type3 {
	background-size: contain;
	background-image: url("../images/type_polygon.png");
}

span.typeLine, span.type2 {
	background-size: contain;
	background-image: url("../images/type_line.png");
}

span.typePoint, span.type1 {
	background-size: contain;
	background-image: url("../images/type_point.png");
}

span.typeMulti, span.type4 {
	background-size: contain;
	background-image: url("../images/type_multi.png");
}

span.typeRaster, span.type5 {
	background-size: contain;
	background-image: url("../images/type_raster.png");
}

span.typeWms, span.type6 {
	background-size: contain;
	background-image: url("../images/type_wms.png");
}

span.typeWfs, span.type7 {
    background-size: contain;
    background-image: url("../images/type_wfs.png");
}

#printLegend{
	overflow: hidden;
	height: 0px;
}
#printLegend>div{
	float: left;
	text-align: center;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 2px;
}

ul.drawSubmenu{
	position: absolute;
	margin: 0;
	padding: 0;
}

ul.drawSubmenu li{
	list-style: none;
	padding: 3px;
	margin: 0;
	display: block;
	border: 1px solid #000;
	height: 16px;
	width: 16px;
	margin-bottom: 2px;
	background-color: #F2F2F2;
}
ul.drawSubmenu li img{
    height: 16px;
    width: 16px;
}
div.listLayers ul{
	margin: 0;
}
div.listLayers ul li{
	list-style: none;
	padding: 1px 5px 3px;
	border-bottom: 0px solid #ccc;
	overflow: hidden;
}

span.sortHandler:HOVER{
	width: 18px;
/* 	background-color: rgba(0,0,0,0.3); */
	padding-right: 4px;
	background-repeat: no-repeat;
	background-image: url('../images/dragLayer.png');
	border: 0px;
}
span.sortHandler{
	cursor: move;
	display: inline-block;
	height: 10px;
	padding-right: 4px;
	background-repeat: no-repeat;
	background-image: url('../images/dragLayer.png');
/* 	border-left: 2px dotted #999; */
	width: 18px;
}
div.listLayers span.labelL{
	background-repeat: no-repeat;
	padding-left: 17px;
	cursor: pointer;
}
#north {
	position: absolute;
	top: 5%;
	right: 90%;
	display: none;
}

#mapScalePrintable {
	position: absolute;
	top: 20%;
	right: 83%;
	display: none;
}

.print_form {
	text-align: left;
}

.print_form .fields {
	list-style: none;
	margin: 0;
	padding: 0;
}

.print_form .fields li {
	list-style: none;
/* 	border-bottom: 1px dashed #000; */
	padding: 5px 0 5px 0;
}

.styleWindowNormal {
	width: 16px;
	text-align: center;
}

.styleWindowError {
	width: 16px;
	text-align: center;
	border: medium double red;
}

/*
	Clases para la visualización de los favoritos 
	en la ventana de carga de servicios en la IDE. 
*/
.favoritesDiv {
	padding: 5px 5px 0 5px;
}

.favoriteDiv {
	display: inline-block;
	border-bottom: none;
	padding: 0px 3px;
	margin: 1px -1px;
	border: 1px solid #333333;
	border-radius: 5px;
	margin-left: 5px;
	margin-top: 5px;
	float: none;
}

.favoriteNameDiv {
	float: left;
	width: 95px;
	text-overflow: ellipsis;
	font-size: 106%;
	height: 16px;
	overflow: hidden;
}

.favoriteImageDiv {
	float: right;
}

.favoriteImage {
	margin-top: 2px;
}
/*
	FIN Clases para la visualización de los favoritos 
	en la ventana de carga de servicios en la IDE. 
*/