@charset "utf-8";
e/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
}
/*Final de reset css*/
header{
	float:left;
}
#Logo{
	width:auto;
	height:100px;
	background-color:rgba(0,255,102,0.7);
}
body{
	background-image:url(Imagenes/FondoM.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
}
#BodyMuestra{
	background-image:url(Imagenes/FondoPrincipal.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	text-align:center;
}
nav{
	display:inline-block;
	width:1000px;
	height:50px;
	margin-top:25px;
	background: #0F3 /* Old browsers */
	background:-moz-linear-gradient(left, rgba(0,255,102,0.7) 60%, rgba(255,255,255,0));
	background:-webkit-linear-gradient(left, rgba(0,255,102,0.7) 60%, rgba(255,255,255,0));
	background:-o-linear-gradient(left, rgba(0,255,102,0.7) 60%, rgba(255,255,255,0));
	background:-ms-linear-gradient(left, rgba(0,255,102,0.7) 60%, rgba(255,255,255,0));
	padding-left:15px;
}
nav div a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	display:inline-block;
	height:25px;
	width:auto;
	margin-top:15px;
	padding-right:5px;
	padding-left:5px;
	border-left:solid 2px #666666;
}
nav div{
	text-align:center;
	width:auto;
	height:50px;
	display:inline-block;
}
article{
	clear:both;
	border-bottom: solid 0.5px #000000;
	border-top:solid 0.5px #000000;
}
#ImagenPrincipal{
	width:100%;
	height:400px;
}
#Ubicacion{
	width:100%;
	height:500px;
	text-align:center;
	background-image:url(Imagenes/TapizFondo.jpg);
	background-size:100% 100%;
}
#Mapa{
	float:left;
	width:600px;
	height:450px;
	margin:25px auto auto 25px;
	background-color:#000;
	border:1px solid #000;
}
#Ubicacion p{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5vw;
	font-variant:small-caps;
	font-weight:bold;
	color:#125F42;
}
#Ubicacion h4{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:4vw;
	font-variant:small-caps;
	font-weight:bold;
	color:#125F42;
	text-shadow:2px 4px #000;
}
#Contacto{
	width:100%;
	height:500px;
	background-image:url(Imagenes/ContactoFondo.jpg);
	background-size:100% auto;
}
#Formulario{
	float:right;
	margin:70px 70px auto auto;
	width:600px;
	height:400px;
	text-align:center;
}
.Form{
	width:500px;
	height:30px;
	margin-top:10px;
	margin-bottom:10px;
	border:none;
}
#Enviar{
	width:100px;
	height:30px;
}
#Comentarios{
	width:500px;
	height:150px;
	resize:none;
	margin-top:10px;
	margin-bottom:10px;
	border:none;
}
#Formulario p{
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:1.5vw;
	font-weight:bold;
	color:#FFF;
	text-shadow:1.5px 1.5px #000;
}
#DatosDeContacto{
	display:inline-block;
	font-family:"Courier New", Courier, monospace;
	font-size:1.8vw;
	font-variant:normal;
	font-weight:bold;
	margin-top:100px;
	margin-left:90px;
	color:#FFF;
	text-shadow:2px 2px #000;
	text-align:left;
}
#Aviso{
	text-decoration:none;
	color:#CCC;
	text-shadow:1px 1px #000;
}
#PieDePagina{
	background-image:url(Imagenes/FondoM.jpg);
	background-size:100% auto;
	background-position:bottom;
	width:100%;
	height:100px;
	text-align:center;
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	font-weight:bold;
	
}
#InicioDeSesion{
	width:400px;
	height:100px;
	display:none;
	position:absolute;
	top:50px;
	left:-70px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
	background: #0F3 /* Old browsers */
	background:-moz-linear-gradient(left, rgba(0,255,102,0.7) 20%, rgba(255,255,255,0));
	background:-webkit-linear-gradient(left, rgba(0,255,102,0.7) 20%, rgba(255,255,255,0));
	background:-o-linear-gradient(left, rgba(0,255,102,0.7) 20%, rgba(255,255,255,0));
	background:-ms-linear-gradient(left, rgba(0,255,102,0.7) 20%, rgba(255,255,255,0));
}
#InicioDeSesion table td{
	padding:5px;
}
.LoginBox{
	border-radius:2px;
	border:1px solid #000;
}
#Ingreso{
	position:relative;
}
#Iniciar{
	width:200px;
	height:25px;
	background-color:rgba(0,255,102,.3);
	border: groove #FFF;
}
#PieDePagina p{
	display:inline-block;
	margin-top:15px;
	text-decoration:none;
	color:#CCC;
	text-shadow:1px 1px #000;
}
.IngresoCuerpo{
	width:100%;
	height:600px;
	text-align:center;
	background-image:url(Imagenes/TapizFondo.jpg);
	background-size:100% 100%;
}
h1{
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:20px;
	text-shadow:2px 3px #999999;
}
#Avisos{
	width:800px;
	height:420px;
	margin-top:20px;
	background-color:rgba(0,255,102,0.2);
	border:none;
	overflow:auto;
	position:relative;
	display:inline-block;
	text-align:justify;
	box-shadow:2px 2px 5px #00CC66;
	border-radius:10px;
}
h2{
	font-size:24px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#Avisos p{
	font-size:18px;
	font:normal Arial, Helvetica, sans-serif;
	margin:5px 15px 5px 15px;
}
#Avisos footer{
	font-size:15px;
	font:italic Arial, Helvetica, sans-serif;
	text-align:right;
	margin-right:15px;
}
#Reglamento{
	width:800px;
	height:500px;
	border:1px solid #000;
	box-shadow:1px 1px 5px 5px #333333;
}
#DatosPropietario{
	display:inline-block;
	float:left;
	width:49%;
	height:300px;
	text-align:center;
}
#DatosCondominio{
	display:inline-block;
	float:right;
	width:35%;
	height:600px;
	background-color:rgba(0,255,102,0.2);
	margin-right:20px;
	margin-top:20px;
	box-shadow:6px 6px 10px #00CC99;
	border-radius:20px;
}
#DatosSaldos{
	display:inline-block;
	float:left;
	width:60%;
	height:250px;
	border:1px dashed #333333;
	margin-left:20px;
}
#DatosSaldos table td{
	padding-top:5px;
	padding-bottom:5px;
}
#Propietario{
	width:80%;
	height:100%;
	display:inline-block;
	text-align:center;
}
#Condominio{
	width:80%;
	height:100%;
	display:inline-block;
	text-align:center;
}
#EstadoTabla{
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
}
#EstadoTabla td{
	padding-bottom:25px;
	padding-top:25px;
	text-align:center;
}
.margin{
	margin:10px;
}
h3{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:500;
	font-style:italic;
}
.smallcaps{
	font-variant:small-caps;
}
#LinkDescarga{
	width:400px;
	height:50px;
	display:inline-block;
	margin:20px;
}
#CambiarContra{
	display:inline-block;
	margin-top:50px;
	text-align:right;
	background-color:rgba(0,255,102,0.3);
	border:none;
	box-shadow:2px 2px 5px #00CC66;
	border-radius:10px;
	padding:10px 50px 20px 50px;
}
#CambiarContra tr{
	height:50px;
}
.A_box{
	width:150px;
	height:20px;
}
#Actualizar{
	margin-top:30px;
	width:300px;
	height:30px;
	border-radius:5px;
	border:solid 1px #000000;
	background-color:rgba(204,204,204,0.9);
}
#Actualizar:hover{
	background-color:rgba(204,204,204,0.5);
	cursor:pointer;
}
#Engrane{
	display:inline-block;
	height:25px;
	width:25px;
	border-left:none;
	margin-left:60px;
	margin-top:15px;
	position:absolute;
}
#ImagenEngrane{
	width:25px;
	height:25px;
}
#Engrane a{
	border-left:none;
	margin-top:0px;
}
#Salir{
	width:20px;
	height:20px;
}
#FormActualizar{
	display:inline-block;
	float:left;
	height:200px;
	width:28%;
	margin:1% auto auto 1%;
	border:solid 2px #00CC33;
	border-radius:5px;
	background-color:rgba(0,153,0,0.3);
}
#Subir{
	width:150px;
	height:25px;
}
#FormActualizar td{
	padding:15px;
}
#SubirAvisoDiv{
	margin-right:1%;
	margin-top:1%;
	float:right;
	display:inline-block;
	width:68%;
	height:200px;
	border:solid 2px #00CC33;
	border-radius:5px;
	background-color:rgba(0,153,0,0.3);
	text-align:center;
}
#SubirAvisoDiv table{
	width:100%;
	height:100%;
}
#SubirAvisoDiv td{
	padding:5px;
}
#AvisoTexto{
	resize:none;
	width:95%;
	height:100px;
	border:none;
	border-radius:3px;
}
#SubirAviso{
	float:right;
	margin-right:20px;
	width:200px;
	height:30px;
}
#Asunto{
	width:95%;
	height:20px;
	border:none;
	border-radius:3px;
}
#BorrarAviso{
	background-image:url(Imagenes/Trash_Can.svg.png);
	background-size:100% 100%;
	border:none;
	background-color:transparent;
	width:35px;
	height:35px;
	float:right;
	margin-right:10px;
	margin-top:10px;
}
#BorrarAviso:hover{
	cursor:pointer;
	width:40px;
	height:40px;
}
#BorrarComentario{
	background-image:url(Imagenes/Trash_Can.svg.png);
	background-size:100% 100%;
	border:none;
	background-color:transparent;
	width:35px;
	height:35px;
	float:right;
	margin-right:10px;
	margin-top:10px;
}
#BorrarComentario:hover{
	cursor:pointer;
	width:40px;
	height:40px;
}
#MostrarComentarios{
	margin-right:1%;
	margin-top:1%;
	float:right;
	display:inline-block;
	width:98%;
	height:350px;
	border:solid 2px #00CC33;
	border-radius:5px;
	background-color:rgba(0,153,0,0.3);
	overflow:auto;
	position:relative;

}
#ComentarioImpreso{
	border-top:1px dashed #060;
	display:inline-block;
	text-align:justify;
	width:100%;
}
#ComentarioImpreso h4{
	margin:10px;
}
#FormMostrar{
	display:inline-block;
	text-align:center;
	margin-top:300px;
}
#EstadoCuerpo{
	height:700px;
}
#MostrarEstado{
	color:#03C;
	display:inline-block;
	float:left;
	margin-top:50px;
	margin-left:20px;
	text-decoration:none;
	border:1px solid #0CF;
	padding:5px;
	font-size:25px;
}
#MostrarEstado:hover{
	cursor:pointer;
}