@font-face {
    font-family:"Roboto-Black"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Black.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Black.otf") format("truetype")
}
@font-face {
    font-family:"Roboto-Bold"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Bold.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Bold.otf") format("truetype")
}
@font-face {
    font-family:"Roboto-Regular"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Regular.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Regular.otf") format("truetype")
}
@font-face {
    font-family:"Roboto-Light"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Light.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Light.otf") format("truetype")
}
@font-face {
    font-family:"Roboto-Italic"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Italic.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Italic.otf") format("truetype")
}


html{height:100%;}
a {color: #ffffff; text-decoration: none;}
body{width:100%; margin:auto; height:100%; font-size:100%; font-family:Roboto-Regular; background:url(../imagenes/cuerpo/fondoRegis.jpg); background-repeat:no-repeat; background-size:150% 100%;}
header, article, hgroup, h1, h2, h3, section, p, nav, a {height:auto; margin:0px; padding:0px; text-decoration:none; font-weight:normal;}
img{border: 0px;}	
header{width:100%; float:left; padding:0%; height:auto; margin-bottom:0%; background:#0C3378; border-bottom:3px solid #F47902}
	#headerMenu{width:8%; background:#F00; float:left; background:#FFF; padding:1% 1% 1% 1%; border-radius:0px; cursor:pointer}
	#headerLogo{width:8%; background:#F00; float:left; background:#FFF; padding:1% 5% 1% 6%; border-radius:0px 0px 30px 0px}
	#headerText{width:auto; float:left; margin-left:2%; margin-top:3.5%}
	.headerText{font-size:100%; color:#fff; text-align:center; font-family:Roboto-Bold}
	#headerBoton{width:; float:right; padding:2%; background:#f00; cursor:pointer; border-radius:0px; margin-left:10%; margin-top:1%}
	#headerBoton:hover{background:#FF4242;}
	.headerBoton{font-size:100%; color:#fff; text-align:center; font-family:Roboto-Bold}
#divBotones{width:96%; float:left; padding:2%; margin-top:5%; background:rgba(0,0,0,0.4); border-radius:0px 0px 0px 0px}
	#boton{width:83%; float:left; padding:2%; background:#F47902; border:1px solid #E67402; cursor:pointer; border-rad1ius:3px; margin-left:7%}
	#boton:hover{background:#FD8813;}
	.boton{font-size:150%; color:#fff; text-align:center; font-family:Roboto-Bold}
	#botonText{width:80%; float:left; padding:3%; border-radius:3px; margin-left:7%}
	.botonText{font-size:100%; color:#fff; text-align:center; font-family:Roboto-Light}

#divCampoTitu{width:100%; float:left; padding:0%; margin-top:2%; margin-bottom:2%}
	#titu{width:98%; float:left; padding:1%;}
	.titu{font-size:120%; color:#000; text-align:center; font-family:Roboto-Bold}

#divCampo{width:100%; float:left; padding:0%; margin-top:0%;}
	#textCampo{width:98%; float:left; padding:1%; background:#F3F3F3}
	.textCampo{font-size:100%; color:#333; text-align:center; font-family:Roboto-Light}
	#textCampoError{width:98%; float:left; padding:1%; font-size:100%; color:#f00; text-align:center; font-family:Roboto-Light}
	#textInput{width:90%; float:left; padding:1%; margin-left:4%}
	.campo{width:96%; padding:2%; border-radius:5px; border:1px solid #999; font-family:Roboto-Italic}
	.campo2{width:30%; padding:2%; border-radius:5px; border:1px solid #999; font-family:Roboto-Italic}
	.campo3{width:42%; padding:2%; border-radius:5px; border:1px solid #999; font-family:Roboto-Italic}
	.campo:focus{outline:1px;}
	.campo2:focus{outline:1px;}
	.campo3:focus{outline:1px;}
	#botonCampo{width:85%; float:left; padding:2%; background:#F47902; border:1px solid #E67402; cursor:pointer; border-radius:3px; margin-left:8%}
	#botonCampo:hover{background:#FD8813;}
	.botonCampo{font-size:100%; color:#fff; text-align:center; font-family:Roboto-Bold}
	
#conteLogin{width:90%; float:left; background:rgba(255,255,255,1); position:; bottom:0; height:75%; padding:1%; margin-left:5%; margin-top:5%}
#conteLoginDiv{width:90%; height:90%; padding:5%; background:rgba(255,255,255,0.5)}
	#conteLoginDivTitle{width:98%; padding:1%; float:left; margin-top:1%}
	.conteLoginDivTitle{font-size:150%; color:#000; text-align:center; font-family:Roboto-Bold}
	#conteLoginDivSubTi{width:98%; padding:1%; float:left; margin-top:5%; margin-bottom:5%}
	.conteLoginDivSubTi{font-size:100%; color:#000; text-align:center; font-family:Roboto-Regular}
	#conteLoginDivText{width:98%; padding:1%; float:left; margin-top:0%}
	.conteLoginDivText{font-size:100%; color:#000; text-align:left; font-family:Roboto-Regular}
	#conteLoginDivCampo{width:98%; padding:1%; float:left; margin-top:1%}
	#conteLoginDivTextError{width:98%; padding:1%; float:left; margin-top:1%; font-size:80%; color:#f00; text-align:left; font-family:Roboto-Regular}
	#conteLoginDivBoton{width:200px; padding:1%; float:left; margin-top:10%; margin-left:22%}
	#conteLoginDivTextRecordar{width:98%; padding:1%; float:left; margin-top:1%; margin-top:5%}
	.conteLoginDivTextRecordar{ font-size:100%; color:#f00; text-align:center; font-family:Roboto-Regular}
	
#cargando{display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:10px;background-color:rgba(0,0,0,0.7); color:; z-index:99999; padding:0px; border-top:#000 solid 0px; height:80%; padding-top:50%}			

#menu,#mostrarArchivos{display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:10px;background-color:rgba(0,0,0,0.7); color:; z-index:99999; padding:0px; border-top:#000 solid 0px; height:100%; margin-left:;}	

#divMenu{width:100%; float:left; margin-bottom:5%}

#canvas{}

#divMostrarArc{width:85%; float:left; margin-left:2%; padding:5%; background:#FFF}
	#divCampoText{width:98%; float:left; padding:1%; margin-top:0%; margin-bottom:1%; cursor:pointer}
	
#carta{width:792px; height:612px; float:left}