/* @override http://dev.cel.com/css/visor.css */

 @CHARSET "UTF-8";
 
.selLeyend1 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/1-leyend.png) !important }
.selLeyend2 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/2-leyend.png) !important }
.selLeyend3 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/3-leyend.png) !important }
.selLeyend4 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/4-leyend.png) !important }
.selLeyend5 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/5-leyend.png) !important }
.selLeyend6 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/6-leyend.png) !important }
.selLeyend7 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/7-leyend.png) !important }
.selLeyend8 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/8-leyend.png) !important }
.selLeyend9 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/9-leyend.png) !important }
.selLeyend10 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/10-leyend.png) !important }
.selLeyend11 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/11-leyend.png) !important }
.selLeyend12 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/12-leyend.png) !important }
.selLeyend13 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/13-leyend.png) !important }
.selLeyend14 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/14-leyend.png) !important }
.selLeyend15 { background-image: url(http://cdn1.seguridadenlinea.com/icons/incidents/15-leyend.png) !important }

 
.leyendComuna12 { background: #cc0000 !important }
.leyendComuna11 { background: #F53D00 !important }
.leyendComuna13 { background: #B800F5 !important }
.leyendComuna15 { background: #3DF500 !important }
.leyendComuna16 { background: #3D00F5 !important }
.leyendComuna1 { background: #B88A00 !important }
.leyendComuna2 { background: #2E00B8 !important }
.leyendComuna3 { background: #E67300 !important }
.leyendComuna4 { background: #61B0FF !important }
.leyendComuna10 { background: #F5B800 !important }
.leyendComuna7 { background: #006633 !important }
.leyendComuna6 { background: #7000E0 !important }
.leyendComuna5 { background: #00E0E0 !important }
.leyendComuna8 { background: #000066 !important }
.leyendComuna9 { background: #FF3366 !important }
.leyendComuna14 { background: #006666 !important }
 
 
 #logo-esu{
	height:80px;
	background: url("http://d39eg1yo6prnk4.cloudfront.net/images/logo-esu.png") no-repeat 0px 13px;
	text-indent: -9999px;
	margin-left:3px;
	width: 157px;
	float: left;
}
 
/*.iconInspeccionPolicia { background-image: url(http://cdn1.ciudadenlinea.com/images/icons/seguridad/icono_policia_small.png) !important }*/


 .inline {
		display: inline-block;
	}
	.element {
		vertical-align: middle;
	}
	.section {
		clear: both;
	}
	.left {
		background-repeat: no-repeat;
		background-position: center left;
	}
	.right {
		background-repeat: no-repeat;
		background-position: center right;
	}
	.center {
		background-repeat: repeat-x;
		background-position: center center;
	}
    
    /* MENU */
	/*
			#menu {
				margin-top: 15px;
				
				font-family:'Oswald'
			}
			#menu a {
                color: #686868;
                text-decoration: none;
            }
			#menu .left {
				background-image: url('/images/layout/menu-bg-left.png');
				padding-left: 10px;
				width: 95.5%;
			}
			#menu .right {
				background-image: url('/images/layout/menu-bg-right.png');
				padding-right: 10px;
				margin-right: -10px;
				width: 100%;
			}
			#menu .center {
				background-image: url('/images/layout/menu-bg-center.png');
				height: 47px;
			}
			#menu .content {
				position: relative;
				top: -3px;
			}
			#menu .element {
				font-size: 15px;
				color: #686868;
				margin: 0 5px;
			}
			#menu .separator {
				background-image: url('/images/layout/menu-separator.png');
				background-repeat: no-repeat;
				background-position: center center;
				width: 2px;
				height: 35px;
				vertical-align: middle;
			}
			*/
		
		/* SEARCH BAR */
			/*
	       #search {
				margin-right: -20px !important;
			}
			#search .left {
				background-image: url('/images/layout/menu-search-left.png');
				padding-left: 10px;
				width: 88%;
			}
			#search .right {
				background-image: url('/images/layout/menu-search-right.png');
				padding-right: 10px;
				margin-right: -10px;
				width: 100%;
			}
			#search .center {
				background-image: url('/images/layout/menu-search-center.png');
				height: 47px;
			}
			#search .content {
				position: relative;
	    		top: 6px;
			}
			#search #icon-go {
				background-color: transparent;
			    background-image: url("/images/layout/menu-search-icon-go.png");
			    background-position: center center;
			    background-repeat: no-repeat;
			    border: medium none;
				vertical-align: middle;
			    height: 11px;
			    width: 13px;
			}
			#search input {
				background-color: transparent;
			    border: medium none;
				color: #dfdede;
				font-family: 'Oswald', sans-serif;
				width: 83%;
			}
            */
    
    
    
    
    	/* Espacio entre los tabs y el margen izquierdo */
    	.x-border-box .x-tab-bar-top .x-tab-bar-body-default-plain { margin-left: 476px;}
    	
		/* Se aumenta el alto de los tabs principales */
		.x-border-box .x-tab-top { height: 25px;}
		.x-border-box .x-tab-bar-top .x-tab-bar-body { height: 27px;}
		.x-tab-bar-top .x-tab-bar-strip { top: 24px;}
		.x-tab-default-top button {
		    height: 17px;
		    font-family: "Oswald",sSans-serif;
		    font-weight:normal;
		}
        #menu {
             float: right;
		    margin-right: 11px;
		    margin-top: 8px;
		    position: fixed;
		    right: 1px;
        }
#menu > .left > .right > .center > .content { top: 3px;}
#menu  a{
   text-decoration:none;
    color: #686868;
    font-size:12px;
    
}
        #search .content {
            width: 249px;
        }
        
        
		/*
		
		#menu .left{
			
		}
		
	 
		#menu .element {
			font-size:13px;
			color: #777;
			margin: 0 8px;
		}
		#menu a:hover {
			color:#4C8aff;
		}
		*/
		/*
		
		
		#search {
			margin-left:-4px !important;
			margin-top:1px !important;
		}
		
		#search .center {
			width: 238px;
		}
		#search input{
			width: 255px;
			color: #bbb;
		}
		*/
		
		
		/* NEW INCIDENT BUTTON */
			#button-new-incident {
				margin-top: 57px;
			    position: absolute;
			    right: 16px;
			    text-decoration: none;
			}
			#button-new-incident .left {
				background-image: url('/images/layout/visor/bg-left-buttom-register-incident.png');
				background-position: top left;
				padding-left: 34px;
			}
			#button-new-incident .right {
				background-image: url('/images/layout/visor/bg-right-buttom-register-incident.png');
				background-position: top right;
				padding-right: 5px;
			}
			#button-new-incident .center {
				background-image: url('/images/layout/visor/bg-center-buttom-register-incident.png');
				background-position: top center;
				height: 26px;
			}
			#button-new-incident .content {
				
				color: white;
			    font-size: 10px;
			    font-weight: bold;
			    padding-top: 5px;
			    font-family: 'Oswald',sans-serif;
			}
			
			/* Custom slider incident date filter */		
			 .x-slider-horz .x-slider-thumb {
			    background:url(/images/layout/visor/slider-arrow.png) !important;
			    width:48px;
			    height:18px;
			    top: -2px;
			
			}
			
			/* para que el scroller se muestre cuando el panel es muy largo*/
			.x-scroller {
    			overflow: auto;
			}
			
			/* Estilos de latest incidents */
			.incident-result .title {
				display			: inline-block;
				font-weight		: normal;
				font-family		: 'Oswald',sans-serif;
				text-transform	: uppercase;
			}
			.incident-result .title a {
				color : #444;
			}
			.incident-result .metadata {
				margin-top		: 3px;
				margin-bottom	: 2px
			}
			.incident-result .metadata > div {
				font-size : 10px
			}
			.incident-result .metadata > div > div {
				display		: inline-block;
				font-weight	: bold;
				width		: 64px; 
				color		: #555
			}
			.incident-result .links {
				font-size : 10px;
			}
			.incident-result .links a {
				color : #4c8cc6;
			}
			.incident-result .separator {
				color : #bbb;
			}
			
			.x-form-text{
				border:0px;
				font-family:'Oswald';
				font-weight:normal;
				color: #555;
				padding-left:24px !important;
				background: url(/images/layout/menu-search-icon-go.png) no-repeat #fff 6px 6px;
				
			}
			.x-form-empty-field{
				color:#aaa;
				
				background: url(/images/layout/menu-search-icon-go.png) no-repeat #fff 6px 6px;
			}
			
			.header-wrapper {
				float:left;
				position:absolute;
				width:100%;
				z-index:5000;
			}
			.logo-header{
				background: url(/images/layout/visor/logo-seguridadenlinea-visor.png) no-repeat 8px 17px; width:289px; height:80px; float:left;
				text-indent: -9999px;
			}
			body{
				background:url(/images/layout/visor/bg-header.png);
			}
			
			
			#incidentsDateFilter {
                padding: 18px 30px 30px 28px;	
            }
       
.cloud-wrapper {
	min-height: 200px;
}       
            
.cloud-wrapper .title {
	font-family: 'Oswald';
	text-transform: uppercase;
	margin-bottom: 6px;
	color: #333;
}
.cloud-wrapper .body {
	font-family: verdana;
	font-size: 10px;
	color: #555;
}
.cloud-wrapper div.body div.photo-thumb{
	width: 129px;
	height: 93px;
	background: url(http://cdn1.seguridadenlinea.com/images/incidente-sin-imagen-thumb.png) no-repeat -26px 0;
	float: left;
	margin-right: 8px;
	border: 3px solid #a9a9a9;
}            
         
.cloud-wrapper .foot {
	position: absolute;
	bottom: 2px;
	right: 9px;
}   

.cloud-wrapper-comuna {
	
} 
.cloud-wrapper-comuna .title {
	font-family: 'Oswald';
	text-transform: uppercase;
	margin-bottom: 6px;
	color: #333;
} 
.cloud-wrapper-comuna .body {
	font-family: verdana;
	font-size: 9px;
	color: #555;
}

.g-button {
	line-height: 26px;
}