/*
	--- Main css code ---
	----------------------
	-
	- Last Mod.: Feb '15
	- VIRTUAL CUBE
	-
	- Created by Virtual Cube Engineering
	- Main project leader: Sergio Hoyuela
	-
	----------------------
 */
 	.selecomer { width:100%; position:relative; padding:20px; }
	.listaresu { width:100%; position:relative; height:505px; overflow-y: auto; overflow-x:hidden; border:1px dotted #000; }
		.listaresu ul.titulosc { list-style: none; width:100%; position:relative;float:left; clear:both; }
		.listaresu li.titulosc { font-weight:bold; text-transform: uppercase; position:relative; float:left; margin:10px; border-bottom:1px dotted #000;  }
		.listaresu ul.filas { width:98%; position:relative; text-align:center; position:relative;float:left; clear:both;}
		.listaresu li.filas { font-weight: normal; position:relative; text-align:left; display:inline-block; padding-left:20px; }

		.como, .comd { width:210px; }
		.cam { width:250px; }
		.pro { width:250px; }
		.comi { width:95px; }
		#paginame { text-align: center;  padding: 40px;  font-size: 18px;}

	#login { width:400px; height:167px; padding:20px; margin:0 auto; top:30%; position:relative;
		top: 50%; -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%);
		background: url(../img/fondo_header.png) no-repeat center top; display:none;
	}
		#login .logo_1 {  position:absolute; top:0; left:0; right:0 }
		#login .logo_2 {  position:absolute; top:0; right:0; }
		#login ul { list-style:none; font-size:16px; color: #ffffff; margin-top: 11%; margin-left:8%; padding:30px;}
		#login ul li { position:relative; float:left; display:block; height:36px;}
		#login ul li label { width:120px; position:relative; float: left; }
		#login input[type=text] { background: url(../img/usuario.png) no-repeat left; background-size:25px 26px; }
		#login input[type=password] { background: url(../img/candado.png) no-repeat left; background-size:25px 26px; }
		#login input[type=text], #login input[type=password] { width:300px; height:25px; font-size:14px; color: #000; background-color:none;
			border:none; border-bottom: 1px solid #fff; color:#fff; outline:none; text-align:center;
		}
		#login input[type=button] { width: 300px; height:25px; color: #ffffff; padding:2px; border:2px solid #fff; background-color:none; outline:none; }
		#login input[type=button]:hover { background-color:#fff; color: blue;  cursor:pointer;
			-o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;
		}
		#login input[type=button]:active { box-shadow: 0 0 14px #ccc; }

	#message_zone { width:400px; height:35px; padding:20px; margin:0 auto; top:70%; position:relative;
		-webkit-transform: translateY(90%); -ms-transform: translateY(90%); transform: translateY(90%);
		background-color: #006eba; display:none;
	}
		#message_zone p { text-align:center; width:100%; font-family:open-sans; font-size:16px; font-weight:bold; color: #fff; }

	#breadcrumb { position:relative; float:left; text-align:left; width:100%; color: #000; z-index:1100; top:-40px; }
		#breadcrumb ul { font-family:open-sans; font-size:10px; }
		#breadcrumb li { margin:0px; position:relative; display:inline; font-family: open-sans; font-size: 11px; }
		#breadcrumb a { text-decoration: none; color: #000; }
		#breadcrumb a:hover, #breadcrumb a:active { text-decoration: underline; }

	.superior { height:40px; /*background-color:#006eba;*/ font-family: open-sans;
    background-image: linear-gradient(to right, red , orange, #FFAA33, yellow,yellowgreen, green);
		font-size:16px; position:fixed; width:100%;  top:0; left:0; right:0;
	}
		.menutop { position:absolute; right:20px; top:0; height:40px; }
			.menutop .logout { width:40px; height:40px; }
			.menutop img { width:40px; height:40px; }

	.campanas { position: relative; float:left; padding:20px; height:40px !important; width:100%; }
		.campanas select { outline:none; }
		.campanas img { width:20px; height:25px; vertical-align:bottom; }
		.campanas a:hover { -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; text-decoration:underline;
			-webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%);
		}

  .listaupd {width:50%;margin:0 auto;font-family:open-sans}
    .listaupd label {float:left;width:200px;text-align:left;}
    .listaupd li {display:block;width:100%;margin-bottom:4px;}

	.tabla { width:95%; }
	.tabla_com, .tabla_con { width:95%; }
	.tabla, .tabla_com, .tabla_con { position:relative; float:left; margin-left:20px; min-height:25px;max-height:52vh; overflow-x: hidden; overflow-y:auto;
		border:1px solid #ccc; font-size:12px; font-family:open-sans;
	}
		.tabla_con img { width:20px !important; height:20px !important; }
		.tabla img, .tabla_com img { width:20px;height:20px; }
		.tabla .titulos, .tabla_com .titulos, .tabla_con .titulos { background-color:/*#006eba*/ red; padding:2px; font-family: open-sans; font-size:16px;
			font-weight:bold; color:#fff; text-transform:uppercase; height:30px;
		}


		.tabla .fila, .tabla .filausu, .tabla_com .fila, .tabla_con .fila, .tabla .fil { width:100%; position:relative; float:left; height:30px; }
		.tabla .columna, .tabla_com .columna, .tabla_con .columna, .tabla .colu { display:inline; position:relative; float:left; line-height:1.5;
			padding-left:5px; padding-right:5px; padding-top:3px;
		}
      .filausu input[type=text], .filausu select {padding:3px 0;}
		.tabla .columna img, .tabla_com .columna img, .tabla_con .columna img { padding-top:0 !important; }
			.tabla .fila:hover, .tabla_com .fila:hover, .tabla_con .fila:hover { cursor:pointer; }
			.fila_activa { background-color:#006eba !important; color:yellow; cursor:pointer; }

		.tabla_com .titulos, .tabla_con .titulos { font-size:11px !important;}
		.fila  { font-size:11px !important;}

		.par { background-color: #ccc; }
		.impar { background-color: #fff; }
		.ancho3 { width:3% !important;}
		.ancho2 { width:2% !important;}
		.ancho6 { width:6% !important;}
		.ancho7 { width:7% !important;}
		.ancho8 { width:8% !important;}
		.ancho9 { width:9% !important;}
		.ancho17 { width:17% !important;}
		.ancho12 { width:12% !important;}
		.ancho25 { width:25% !important; }
		.ancho50 { width:50% !important; }
		.ancho40 { width:40% !important; }
		.ancho75 { width:75% !important; }
		.ancho20 { width:20% !important; }
		.ancho15 { width:15% !important; }
		.ancho10 { width:10% !important; }
		.ancho5 { width:5% !important; }
		.ancho2 { width:2% !important; }
		.sinaltura { height:25px; }
		.botones { position:relative; float:left; width:5%; display:none; z-index:9999;}
		.ancho-peque { width:40px !important; }
		.ancho-menospeque { width:200px !important; }
		.ancho-319 { width:319px !important; }
		.ancho-125 { width:125px !important; }
		.ancho-250 { width:250px !important; }
		.ancho-65 { width:65px !important; }
		.ancho-360 { width:405px !important; }
		.ancho-160 { width:160px !important; }
		.ancho-medio { width:105px !important; }
		.ancho-masmedio { width:202px !important; }
		.ancho-grande { width:100px !important; }
		.ancho-grande2 { width:195px !important; }
		.ancho-masgrande { width:290px !important; }
		.ancho-muygrande { width:410px !important; }
		.ancho-algogrande { width:210px !important; }

	.cdc { display:none; width:25px; height:25px; position:relative; float:right; }
		.cdc img { width:25px; height:25px; }

	#cm1, #cm2 { width:49.5%; height:100%; position:relative; float:left; overflow-x: hidden; overflow-y: auto; }
		.carga_mensaje li { width:100%; position:relative; float:left; display:block; margin:5px; }
		.carga_mensaje label { border: none !important; padding: 0px !important; margin: 0px !important; background-color: transparent !important;
    			width: 130px !important; color: blue !important; vertical-align: top; float: left;
		}
		.carga_mensaje ul { padding:15px; margin-top: 15px;}


	#buscador_hi select { width: 220px; font-size: 12px; vertical-align: middle; }
	#buscador_hi form { display:inline; position:relative; font-size:12px; }
	#buscador_hi input[type=text] { width:67px; font-size:12px; }

  #buscador_com, #buscador_con, #buscador_fac, #buscador_pe, #buscador_hi, #menu_mens, #menu_sistema, #menu_premios, #menu_premiados, #menu_reloj, #menu_aplicacion { position:relative; float:left; width:95%; height:60px; padding:25px; }
		#buscador_com h3, #buscador_con h3, #buscador_fac h3 , #buscador_pe h3, #buscador_hi h3, #menu_mens h3, #menu_sistema h3, #menu_premios h3, #menu_premiados h3, #menu_aplicacion h3, #menu_reloj h3 { font-family:open-sans; font-size:20px; color:#000; text-align:left; position:relative; width:95%; font-weight:bold;  }
		#buscador_com h3 span, #buscador_con h3 span, #buscador_fac h3 span, #buscador_pe h3 span, #buscador_hi h3 span , #menu_mens h3 span, #menu_sistema h3 span, #menu_premios h3 span, #menu_premiados h3 span, #menu_reloj h3 span, #menu_aplicacion h3 span { color:#006eba; }
		#buscador_com img, #buscador_con img, #buscador_fac img, #buscador_pe img, #buscador_hi img , #menu_mens img , #menu_sistema img, #menu_premios img, #menu_premiados img, #menu_reloj img, #menu_aplicacion img { width:20px; height:24px; }
		#buscador_com input[type=text], #buscador_con input[type=text], #buscador_fac input[type=text], #menu_premios input[type=text], #menu_premiados input[type=text],#menu_reloj input[type=text],#menu_aplicacion input[type=text]  { width:40%; height:25px; font-size:14px; background-color:none;
			border:none; border-bottom: 1px solid #000; color:#000; outline:none; text-align:center;
		}
		#buscador_com > div, #buscador_con > div, #buscador_fac > div , #buscador_pe > div, #buscador_hi > div , #menu_mens > div, #menu_sistema > div, #menu_premios > div, #menu_premiados  > div, #menu_reloj  > div, #menu_aplicacion  > div { margin-top:10px; }
		#buscador_com input[type=button], #buscador_con input[type=button], #buscador_fac input[type=button], #buscador_hi input[type=button], #menu_premios input[type=button], #menu_premiados input[type=button], #menu_reloj input[type=button], #menu_aplicacion input[type=button] { font-size:12px;width: 110px; height:25px; color: #000; padding:2px; border:2px solid #000; background-color:#fff;
			outline:none; text-transform:uppercase; }
		#buscador_com input[type=button]:hover, #buscador_con input[type=button]:hover, #buscador_fac input[type=button]:hover , #buscador_hi input[type=button]:hover, #menu_premios input[type=button]:hover, #menu_premiados input[type=button]:hover, #menu_reloj input[type=button]:hover, #menu_aplicacion input[type=button]:hover{ background-color:#006eba; color: #fff;  cursor:pointer;
			-o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;
		}

		#buscador_com input[type=button]:active, #buscador_con input[type=button]:active, #buscador_fac input[type=button]:active { box-shadow: 0 0 14px #ccc; }
		#buscador_com select, #buscador_con select, #buscador_fac select { font-size:12px; max-width:115px;}
      #buscador_com h3 span {color:red;}
      #buscador_con h3 span {color:#FFAA33}
      #buscador_fac h3 span {color:yellowgreen}
      #buscador_pe h3 span {color:orange}
      #buscador_hi span {color:green}
      /*.tabla_con .titulos {background-color:#ffaa33}
      .tabla_com .titulos {background-color:red}
      */
	.masdatos { background-color:#ededee; display:none; width:100%; position:relative; float:left; left:0; margin-top:10px; margin-bottom:10px;}

		.datoscliente  h3 { color:  #0065d7; font-size: 10pt; text-transform: uppercase; text-decoration:underline; font-family:open-sans-semibold; }
		.datoscliente ul, .otrosdatos ul { list-style: none; margin-left: 20px;}
		.datoscliente li label, .otrosdatos li label { width: 160px; position:relative; float: left; background:none;
			color: #000; font:12px open-sans; margin:0; padding:0; font-weight:bold;
		}
		.datoscliente li , .otrosdatos li { width:100%; position:relative; float:left; text-align:left; margin: 0px 5px; }
		.datoscliente, .otrosdatos { margin:10px 5px; width:45%; float:left; position:relative; }

		.otrosdatos li.titulin { color:  #0065d7; font-size: 10pt; text-transform: uppercase;
			text-decoration:underline; font-family:open-sans-semibold;
		}

/* tabs */
	.tabs { position: relative; height:85vh; clear: both; margin: 0 auto; padding:5px; top:30px; width:98%; }
	.tab { float: left; }
		.tab label { background: green; padding: 6px 4px; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px;
			 color:#fff; font-family:open-sans; font-size:14px; font-weight:bold; top:-4px;  }
		.tab input[type=radio] { display: none; }
		.tab input[type=radio]:checked ~ label { background: #fff; border-bottom: 1px solid white; z-index: 2; color:#535353; top:-10px;
			-ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; padding:10px 4px;
		}

		.tab input[type=radio]:checked ~ label ~ .content { z-index: 1; }
		.tab input[type=radio]:checked ~ label ~ .content > * { display: block; }
		.tab label:hover { cursor:pointer; }


	.content { position: absolute; top: 25px; left: 5px; background: white; right: 0; bottom: 0; padding: 0px; border: 1px solid #ccc;
    	overflow: hidden; text-align: justify;
	}
		.content > * { display:none; }
		/*.content > div { width:48%; position:relative; float:left; margin:2px; height:85%; overflow-y:auto;}*/

/*  */


/* dropbox file uploader */

	.nueva { display:block; }
	.exist { display:none; }

	.directorios { position:relative; float:left; width:35%; }
		.directorios ul { padding:5px;  position:relative; }
		.directorios li { margin-left: 5px; position:relative; float:left; display:block; width:100%; text-align:left; padding-left:22px; padding-top:4px; }
		.subdir { display:none; }
		.derecha { position:relative; float:right; }
		.dir { background: url(../img/directorio.png) no-repeat left top; }
		.img { background: url(../img/foto.png) no-repeat left; }
		.pdf { background: url(../img/pdf.png) no-repeat left; }
		.zip { background: url(../img/zip.png) no-repeat left; background-size:18px;}

		#subeycomprime { display:inline; }
			#subeycomprime img { width:20px;}
			#encriptado li, #verencriptado li { float: left; width:90%; text-align:left; display:block; }
			#encriptado label, #verencriptado label { float:left; width:30%; background:none; background-color:transparent; color: #000; text-align: left; border: none;  margin: 0; padding: 0; }
			#encriptado input[type=text] { width:60%; }

		#verencriptado { position:relative; float:left; width:100%; }
			#verencriptado ul { width:50%; text-align:left; }

	.ficheros { position:relative; float: left; width: 65%; text-align:center;  padding-top:4px; padding-bottom:4px; height:335px;}
		.ficheros span { width:100%; text-align:center; height:35px; clear:both; position: relative; float: left; padding: 20px;}
		.ficheros img { width: 450px; position:relative; clear:both;}

	#downloader { background-color: #ffffff; border-radius:3px; position: relative; margin:10px auto 90px; min-height: 290px; overflow: auto;
		padding-bottom: 40px; width: 99%; height: 335px; box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);
	}

	#dropbox { background-color: #5d6bae; border-radius:3px; position: relative; margin:10px auto 90px; min-height: 290px; overflow: hidden;
		padding-bottom: 40px; width: 990px; box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);
	}
		#filedirs { padding:20px; }
		#dropbox:before{ display: block; content:''; height:4px; width:100%; background:url('../img/blue_line.jpg'); position: absolute;
			top:0; left:0; box-shadow:0 2px 2px rgba(0,0,0,0.4); border-radius:3px 3px 0 0;
		}
		#dropbox .message{ font-size: 16px; text-align: center; padding-top:160px; display: block; }
		#dropbox .message i{ color:#ccc; font-size:14px; }
		#dropbox .preview{ width:245px; height: 215px; float:left; margin: 55px 0 0 60px; position: relative; text-align: center; }
		#dropbox .preview img{ max-width: 240px; max-height:180px; border:3px solid #fff; display: block; box-shadow:0 0 2px #000; }
		#dropbox .imageHolder{ 	display: inline-block; position:relative; }
		#dropbox .uploaded{ position: absolute; top:0; left:0; height:100%; width:100%;
			background: url('../img/done.png') no-repeat center center rgba(255,255,255,0.5); display: none;
		}
		#dropbox .preview.done .uploaded{ display: block; }
		#dropbox .progressHolder{ position: absolute; background-color:#252f38; height:12px; width:100%; left:0; bottom: 0; box-shadow:0 0 2px #000; }
		#dropbox .progress{ background-color:#2586d0; position: absolute; height:100%; left:0; width:0; box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
			-moz-transition:0.25s; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s;
		}
		#dropbox .preview.done .progress{ width:100% !important; }

	#filebrowse { width:95%; margin:0 auto; position:relative; }
		#filebrowse h3 { font-family: open-sans; font-size:20px; font-weight:normal; width:95%; padding:25px; color: #006eba; }

	#filebrowse input { display:inline; }
	#portapdf {  width: 600px; height: 310px; box-shadow: 0 -2px 12px #2d2d2d; margin: 0 auto; }
		#portapdf object { height: 310px; }

	/*SAMU*/
.losinputs{width:30%;border-bottom:2px solid silver;float:left;}
	.losinputs ul{margin:8px}
	.losinputs ul li ul{display:none;}
.eldrag{width:60%;float:left;}
#dragandrophandler {float:right;border: 2px dotted rgb(11, 133, 161);margin: 0 auto;border: 2px dotted #0B85A1;width: 95%;height: 250px;color: #92AAB0;text-align: left;vertical-align: middle;padding: 10px 10px 10px 10px;margin-bottom: 10px;font-size: 200%;text-align: center;font-family:open-sans;}
#dragandrophandler p{line-height: 230px;}
.progressBar {width: 50%;height: 22px;border: 1px solid #ddd;border-radius: 5px; overflow: hidden;display:inline-block;margin:0px 10px 5px 5px;vertical-align:top;}
.progressBar div {height: 100%;color: #fff;text-align: right;line-height: 22px; width: 0;background-color: #0ba1b5;border-radius: 3px;}
.statusbar{border-top:1px solid #A9CCD1;min-height:25px;width:100%;padding:10px 10px 0px 10px;vertical-align:top;text-align:center;}
.statusbar:nth-child(odd){background:#EBEFF0;}
.filename{display:inline-block;vertical-align:top;width:250px;}
.filesize{display:inline-block;vertical-align:top;color:#30693D;width:100px;margin-left:10px;margin-right:5px;}
.abort{background-color:#A8352F;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:inline-block;color:#fff;font-family:open-sans;font-size:13px;font-weight:normal;padding:4px 15px;cursor:pointer;vertical-align:top}

/* -- rwd -- */
	@media (max-width: 992px) and (orientation:portrait), (max-width: 1024px) and (orientation:portrait) {
		html { transform: rotate(-90deg); transform-origin: left top;  width: 100vh;  overflow-x: hidden;  position: absolute;  top: 100%; left: 0;  }
	}
	@media (max-width: 992px) and (orientation:landscape), (max-width: 1024px) and (orientation:landscape) {

		.tab label { background: #006eba; padding: 6px 4px; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px;
			 color:#fff; font-family:open-sans; font-size:13px; font-weight:400; top:-4px;  }
		.tab input[type=radio] { display: none; }
		.tab input[type=radio]:checked ~ label { background: #fff; border-bottom: 1px solid white; z-index: 2; color:#000; top:-10px;
			-ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;
		}

		#buscador_com h3, #buscador_con h3, #buscador_fac h3, #buscador_pe h3, #buscador_hi h3, #menu_mens h3, #menu_sistema h3 { font-size:16px; }
		#buscador_com img, #buscador_con img, #buscador_fac img, #buscador_pe img, #buscador_hi img, #menu_mens img, #menu_sistema img { width: 16px; height: auto; }
		#buscador_com h3 > div, #buscador_con h3 > div, #buscador_fac h3 > div, #buscador_pe h3 > div, #buscador_hi h3 > div,
			#menu_mens h3 > div, #menu_sistema h3 > div { font-size:12px; font-weight:400; font-family:open-sans; }

		.columna { font-size:10px;}
		.tabla .columna, .tabla_com .columna, .tabla_con .columna, .tabla .colu { padding-left:2px; padding-right:2px; }
		.datoscliente li label, .otrosdatos li label, .otrosdatos li.titulin { font-size:11px; }
		.datoscliente h3 , .otrosdatos h3 { font-size:11px; margin-bottom:4px;}
		.paginacion p { left:25% !important;}
		#buscador_com input[type="button"], #buscador_con input[type="button"], #buscador_fac input[type="button"], #buscador_hi input[type="button"] {
    		font-size: 10px; width: auto !important;
		}

	}