/* reset */
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,dl,dt,dd,ol,nav ul,nav 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:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body { font-family: 'Raleway', sans-serif;
	/*background: url('../images/images.jpg') no-repeat;*/
	background: #fff url('../images/grid.png') 0 0 fixed;
	/*background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;*/ }

.header {text-align: center; margin-top: 2em;}
.header h1 {font-size: 2.7em; color: #e9730c;}

.status {display:none; position:fixed; top:40px; left:50%; z-index:3000; margin-left:-13%;
	padding:15px 15px; background-color:#FFFFFF; color: #181C3F; border: 1px solid #181C3F; border-radius: 10px;}
.status div {padding:5px 5px 2px 5px;}
.status img { width: 98%; height: 20px;}

/* Ventanas Notificaciones */
#alert-success, #alert-info, #alert-warning, #alert-danger {z-index:2000; display:none; position:fixed;
	top:1.5em; left:50%; width:28%; margin-left:-14.7%; height:auto;}

.mail-section { width: 48%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; 
	margin: 2em auto 0; background: #eee; padding: 2em 1em 2em 1em; position: relative; border: 3px solid #0065b0;
}

.mail-image { float: left; width: 29%; margin-right: 2%; text-align: center; }

.mail-form_l { float: left; width: 68%; background: #fff url(../images/grid.png) 0 0 fixed;
    padding: 2em 3em 1em 2em; border-radius: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-align:center; }
	
.mail-image h3 { font-size: 1.2em; color: #0065b0;}
.mail-image h2 { font-size: 1.4em; color: #0065b0; margin-top: .5em;}

.mail-form_l input[type="text"] {background: url('../images/user.png') no-repeat 96% 13px #eee; }
.mail-form_l input[type="password"] {background: url('../images/lock.png') no-repeat 96% 13px #eee;}

.mail-form_l a p { font-size: .95em; text-transform: capitalize; color: #9C9EA0; margin-top: .5em; }
	
.footer { text-align: center; padding: 1em 0;}
.footer p { font-size: .9em; color: #9C9EA0; /* #fff; */ margin: 0px;}
.footer p a:hover {color: #6890BB; /* #fff; */}
.footer p a {color: #9C9EA0; /* #fff; */}
.footer #clock { padding: 3px 0;}

/********************** MODAL ***********************/
.modal .modal-body { background: #eee; margin:5px 5px; border: solid 1px #043978 ;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

/********* FORMUALRIOS *******/
.container .forms h1 { font-size: 14px; font-weight: bold; margin-bottom: 4px; color: #0065b0 }
.container .forms p { font-size:12px; color:#666666; margin-bottom: 8px; border-bottom: solid 1px #dedede; padding-bottom: 4px; }

/****************** RESPONSIVE *********************/

@media(max-width:1440px){
	/*.mail-section { width:50%; }*/
	.panel_inform { width:38%; margin-left:-16%; }
	.status { margin-left:-15%; }
}

@media (max-width: 1366px){
	/*.mail-section { width: 50%;}*/
	.panel_inform { width:45%; margin-left:-17%; }
	.status { margin-left:-17%; }
}

@media (max-width: 1280px){
	.mail-section { width: 55%;}
	.panel_inform { width:38%; margin-left:-19%; }
	.status { margin-left:-18%; }
}

@media (max-width: 1080px){
	.mail-section { width: 62%;}
	.panel_inform { width:47%; margin-left:-23%; }
	.mail-form_l label {display: none;}
	.header { margin-top: 5em;}
	.header h1 { font-size: 2.2em;}
	.mail-form_l input[type="submit"] { font-size: 1.2em; }
	.status { margin-left:-20%; }
}

@media (max-width: 991px){
	.header { margin-top: 2em; }
	.header h1 {display: none;}
	.mail-section { width: 72%; margin:4em auto 0; }
	.panel_inform { width:78%; margin-left:-39%;}
	.mail-form_l input[type="text"], .mail-form_l input[type="password"] { font-size: .95em;}
	#alert-success, #alert-info, #alert-warning, #alert-danger {width:68%; margin-left:-34%; height:auto;}
	.status { margin-left:-30%; }
}

@media (max-width: 640px){
	.mail-image { float: none; width: 100%; margin-right: 0; text-align: center; }
	.mail-form_l { float: none; width: 100%; margin-top:1em; }

	/*#alert-success, #alert-info, #alert-warning, #alert-danger {width:72%; margin-left:-36%; height:auto;}*/

	.mail-image h2 { font-size: 1.3em; }
	.mail-form_l a p { font-size: .9em; }
	/*.header { margin-top: 1em; }*/
	.status { margin-left:-34%; }
}

@media (max-width: 480px){
	.mail-form_l { float: none; width: 100%; margin-top: 1em; padding: 2em 1em 2em 1em; }
	.panel_inform { width:74%; margin-left:-38%; top:3.4em }
	/*.header { margin-top: 1em; }*/
	.mail-section { width: 88%; margin: 2em auto 0; padding: 2em 1em 1em 1em; }

	.mail-image h3 { font-size: 1em;}
	/*.header h1 { font-size: 2em; }*/
	.mail-form_l input[type="submit"] { font-size: 1.05em; width: 44%; }

	/*#alert-success, #alert-info, #alert-warning, #alert-danger {width:74%; margin-left:-38%; height:auto;}*/
	.status { margin-left:-48%; }
}

@media (max-width: 320px) {
	.mail-section { width: 90%; margin: 2em auto 0; padding: 2em 1em 2em 1em; }
	.panel_inform { width:70%; margin-left:-35%; top:4.5em }

	.mail-form_l input[type="text"], .mail-form_l input[type="password"] {font-size: .9em;}
	/*.header h1 {font-size: 1.8em;}*/
	.mail-form_l {float: none;width: 100%; margin-top: 1em;padding: 2em 1em 2em 1em;}
	.footer {text-align: center; padding: 1em 0;}
	.status { margin-left:-58%; }
}