@charset "utf-8";
/* CSS Document */
/* Powered By: SoftVi™ */
@import url(http://fonts.googleapis.com/css?family=Dosis);
@import url(reset.css);
* {margin:0;padding:0;} 
html, body {height: 100%;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

body{
	margin:0;
	font-family: 'Dosis', sans-serif;
	color:#454545;
	font-size:1.1em;
	background-color:#dbdbdb;
	background-image:url(../images/city.png);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom; 
}

img{
	max-width:100%;
	border:none;
}
a:link {
	color: #3498DB;
	text-decoration: none;
	/*---all---*/
	transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
}
a:visited {
	color: #3498DB;
	text-decoration: none;
}
a:active {
	color: #3498DB;
	text-decoration: none;
}
a:hover {
	color: #cc3232;
	text-decoration: none;
	/*---color---*/
	transition: color 0.5s ease-in-out, box-shadow 0.1s linear;	
	-webkit-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
}
a img{
	border:none;
	max-width:100%;
}
/*--- content ---*/
#wrap {min-height: 100%;}
/*--- main ---*/
#main{
	overflow:auto;
	min-height:100%;
	padding-bottom: 75px;
	padding-top:5px;
}  /* must be same height as the footer */
/*--- home ---*/
#home_contenedor{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:center;
}
#home_contenedor article{
	font-weight:bold;
	display:inline-block;
	text-align:center;
	margin:3px;
	width:27%;
	height:auto;
	vertical-align:top;
	padding:5px;
}
#home_contenedor article p{
	text-align:justify;
	padding:5px;
	margin-top:5px;
}
.home_titles{
	padding:3px;
	font-size:1.3em; 
	color:#2880b9;
	text-align:center; 
	border-bottom:1px #bcbdc0 solid;
}
@media all and (max-width: 800px){
#home_contenedor article{
	display:block;
	text-align:center;
	margin:5px auto 5px auto;
	width:90%;
	height:auto;
	vertical-align:top;
	padding:10px;
}	
}
@media all and (max-width: 700px){
#home_contenedor article{
	display:block;
	text-align:center;
	margin:5px auto 5px auto;
	width:80%;
	height:auto;
	vertical-align:top;
	padding:10px;
}	
}
/*--- end home ---*/
/*--- Start style header page ---*/
header{
	background-color:#454545;
	border:1px #BDC3C7 solid;
	width:100%;
	height:auto;
}
header section{
	vertical-align:middle;
	display:inline-block;
}
header section img{
	max-height:56px;
}
#h_logo{
	text-align:center;
	width:15%;
	color:#FFF;
}
@media all and (max-width: 700px){
header section{
	display:block;
}
#h_logo{
	width:90%;
	text-align:center;
}
header section img{
	max-height:96px;
}
}
#h_logo img{
	padding:5px;
}

#h_manage{
	text-align:right;
	height:auto;
	width:80%;
	padding:5px;
	color:#FFF;
}
#h_manage div{
	display:inline-block;
	margin:5px;
}
@media all and (max-width: 700px){
#h_manage{
	width:100%;
	text-align:center;
}
#h_manage div{
	display:inline-block;
	margin:10px 15px;
}
}
@media all and (max-width: 400px){
#h_manage{
	width:100%;
	text-align:center;
}
#h_manage div{
	display:inline-block;
	margin:10px 2px;
}
}
#h_manage a{
	color:#FFF;
	/*---all---*/
	transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
}
#h_manage a:hover{
	opacity:0.9;
	/*---color---*/
	transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;	
	-webkit-transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;		
}
.btn_login{
	background-color:#2980B9;
	padding:5px 15px 5px 15px;;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.btn_reg{
	background-color:#54a319;
	padding:5px 15px 5px 15px;;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.btn_olvide{
	background-color:#cc3232;
	padding:5px 15px 5px 15px;;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
@media all and (max-width: 500px){
.btn_login{
	background-color:#2980B9;
	padding:5px 5px 5px 5px;;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.btn_reg{
	background-color:#54a319;
	padding:5px 5px 5px 5px;;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.btn_olvide{
	background-color:#cc3232;
	padding:5px 5px 5px 5px;;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
}
.btn_reg_ft{
	background-color:#2980B9;
	padding:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:1.5em;
}
.btn_reg_ft a{
	color:#FFF;
	/*---all---*/
	transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
}
.btn_reg_ft a:hover{
	opacity:0.9;
	/*---color---*/
	transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;	
	-webkit-transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: opacity 0.5s ease-in-out, box-shadow 0.1s linear;		
}

/*--- End style header page ---*/
/*--- footer ---*/
#footer{
	width:100%;
	position: relative;
	margin-top: -72px; /* negative value of footer height */
    max-height:72px;
}
.foo{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#fff;
	border-top:1px #BDC3C7 solid;
}
.foo article
{
padding:0px 40px; 
text-align:center;
margin-left:0.25em;
margin-right:0.25em;
margin-top:0.25em;
display:inline-table;
}
.resalto{
	color:#cc3232;
	font-weight:bold;
}
/*--- ---*/

/*--- generales ---*/
.titles{
	padding:3px;
	font-size:1.7em; 
	color:#454545;
	text-align:left; 
	border-bottom:1px #bcbdc0 solid;
	position:static;
}
.titles_opc{
	background-color:#036; 
	border-bottom:1px #006699 solid;
}
.logo{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
.popup_b{
    border: none;
    display: block;
    background: #2980B9;
	padding:10px;
    color: #ffffff;
    text-align: center;
    border-radius: 10px;
}
/*--- login ---*/
.flat-form {
  background: #fff;
  margin: 25px auto;
  max-width: 450px;
  height: auto;
  padding-bottom:25px;
  position: relative;
  border-radius: 0px 0px 15px 15px;
  -moz-border-radius: 0px 0px 15px 15px;
}
.flat-form-rec {
  background: #fff;
  margin: 25px auto;
  max-width: 450px;
  height: auto;
  padding:15px;
  position: relative;
  border-radius: 0px 0px 15px 15px;
  -moz-border-radius: 0px 0px 15px 15px;
}
.tabs {
  background: #656565;
  height: 41px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.tabs li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.tabs a {
  background: #656565;
  display: block;
  float: left;
  text-decoration: none;
  color: white;
  font-size: 1em;
  padding: 12px 22px 12px 22px;
  text-decoration:underline;

}
.tabs li:last-child a {
  border-right: none;
  width: 174px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.tabs a.active {
  background: #cc3232;
  border-right: none;
  -webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
@media all and (max-width: 700px){
.tabs {
  height: 60px;
  text-align:center;
  vertical-align:middle;
}
.tabs a {
	font-size:0.8em;
}
.tabs li:last-child a {
  width: 100px;
}
.tabs a.active {
	height:36px;
}
}
.form-action {
  padding: 0 20px;
  position: relative;
}

.form-action p {
  padding-bottom: 10px;
  line-height: 25px;
}
form {
  padding-right: 20px !important;
}
.ftext,
.femail,
.fpass{
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 15px;
  background: #fff;
  border:1px #858585 solid;
  color: #cc3232;
  font-weight:bold;
  outline: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.ftext:hover,
.femail:hover,
.fdate:hover,
.fpass:hover{
  background: #eee;
}

form select {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 15px;
  background: #fff;
  border:1px #858585 solid;
  color: #cc3232;
  font-weight:bold;
  outline: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
form select:hover{
  background: #eee;
}

.mtt_text{
  max-width: 100%;
  height: 25px;
  padding-left: 2px;
  background: #fff;
  border:1px #858585 solid;
  color: #2980B9;
  font-weight:bold;
  outline: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.mtt_text:hover{
  background: #eee;
}
.mtt_text:focus{
  background: #fff;
}

.mtt_text_name{
	width: 80%;
  	height: 40px;
  	margin-bottom: 10px;
  	padding-left: 15px;
  	background: #fff;
  	border:1px #858585 solid;
  	color: #cc3232;
  	font-weight:bold;
  	outline: none;
  	border-radius: 5px;
  	-moz-border-radius: 5px;
}
.mtt_text_name:hover{
  background: #ccc;
}
.mtt_text_name:focus{
  background: #f3f3f3;
}

.mtt_area{
	width: 70%;
  	height: 120px;
  	margin-bottom: 10px;
  	padding-left: 15px;
  	background: #fff;
  	border:1px #858585 solid;
  	color: #cc3232;
  	font-weight:bold;
  	outline: none;
  	border-radius: 5px;
  	-moz-border-radius: 5px;
}
.mtt_area:hover{
  background: #ccc;
}
.mtt_area:focus{
  background: #f3f3f3;
}

.mtt_area_con{
	width: 80%;
  	height: 120px;
  	margin-bottom: 10px;
  	padding-left: 15px;
  	background: #fff;
  	border:1px #858585 solid;
  	color: #cc3232;
  	font-weight:bold;
  	outline: none;
  	border-radius: 5px;
  	-moz-border-radius: 5px;
}
.mtt_area_con:hover{
  background: #ccc;
}
.mtt_area_con:focus{
  background: #f3f3f3;
}

.mtt_area_inbox{
	width: 97%;
  	height: 100px;
  	margin-bottom: 10px;
  	padding-left: 15px;
  	background: #fff;
  	border:1px #858585 solid;
  	color: #cc3232;
  	font-weight:bold;
  	outline: none;
  	border-radius: 5px;
  	-moz-border-radius: 5px;
}
.mtt_area_inbox:hover{
  background: #ccc;
}
.mtt_area_inbox:focus{
  background: #f3f3f3;
}

.mtt_fecha {
  width: 25%;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 15px;
  background: #fff;
  border:1px #858585 solid;
  color: #cc3232;
  font-weight:bold;
  outline: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.mtt_fecha:hover{
  background: #eee;
}
.f_label{
	color:#2980B9;
	font-weight:bold;
}
.f_label_login{
	color:#2980B9;
	font-weight:bold;
}

.dark-box {
  background: #5e0400;
  box-shadow: 1px 3px 3px #3d0100 inset;
  height: 40px;
  width: 50px;
}
.form-action .dark-box.bottom {
  position: absolute;
  right: 0;
  bottom: -24px;
}
.tabs + .dark-box.top {
  position: absolute;
  right: 0;
  top: 0px;
}
.show {
  display: block;
}
.hide {
  display: none;
}

.button {
    border: none;
    display: block;
    background: #cc3232;
    height: 40px;
	padding:0px 10px 0px 10px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
	-moz-border-radius: 5px;
  	-webkit-transition: all 0.15s linear;
	  -moz-transition: all 0.15s linear;
	  transition: all 0.15s linear;
	-webkit-appearance: none;
}

.button:hover {
  background: #bb2121;
}
.button:active {
  background: #bb2121;
}


.button_login {
    border: none;
    background: #c0392b;
    height: 25px;
	padding:0px 10px 0px 10px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
	-moz-border-radius: 5px;
  	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
	-webkit-appearance: none;
}

.button_login:hover {
  background: #bb2121;
}
.button_login:active {
  background: #bb2121;
}

::-webkit-input-placeholder {
  color: #2980B9;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #2980B9;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #2980B9;
}
:-ms-input-placeholder {
  color: #2980B9;
}

input[type=radio].css-checkbox {
							display:none;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:35px;
							height:24px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:1.2em;
							vertical-align:middle;
							cursor:pointer;
							-webkit-appearance: none;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -24px;
						}
						label.css-label {
				background-image:url(../images/check_radio_sheet.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
/*--- politicas ---*/
#msj_vista2{
	max-height:400px;
	overflow:auto;
}
#msj_vista3{
	max-height:400px;
	overflow:auto;
}
.titles_sections{
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-size:1.5em; 
	color:#2880b9;
	border-bottom:1px #bcbdc0 dashed;
}
blockquote {
  border-left: 3px solid #E74C3C;
  border-right: 1px solid #ECF0F1;
  border-top: 1px solid #ECF0F1;
  border-bottom: 1px solid #ECF0F1;
  padding: 0 0 0 16px;
  margin: 0 0 30px;
  content: '\"'; 
  content: open-quote;
}
blockquote p {
  font-size: 20px;
  line-height: 1.55;
  font-weight: normal;
  margin-bottom: .4em;
}
/*--- end politicas ---*/			

.mailerror{
	color:#c0392b;
	border-radius:5px;
	-moz-border-radius:5px;
	font-size:1.3em;
	font-weight:bold;
}
/*--- idiomas ---*/
.user_login{
	text-align:right;
	padding-right:8px;
	font-size:1.1em;
	position:relative;
	margin:-1px 0px 5px 0px;
}
.user_login div{
	display:inline-table;
}
.login-usr {
  background-color: #454545;
  border-radius: 0px 0px 6px 6px;
  -moz-border-radius:6px;
  padding: 8px 15px 8px 15px;;
  position: relative; 
}
.login-usr a{
	color:#fff;
}
.login-usr a:hover {
color:#454545;
}
.active_lng{
	background-color:#949494;
}
/*--- end idiomas ---*/

/*--- new form ---*/
.button{
  width:100px;
  background:#c0392b;
  display:block;
  margin:0 auto;
  margin-top:1%;
  padding:10px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

.button:hover{
  background:#2288bb;
}

#login{
	background-color:#fff;
  max-width:450px;
  margin:0 auto;
  margin-top:8px;
  margin-bottom:2%;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
}

#login h1{
  background:#2980B9;
  padding:20px 0;
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#fff;
}
#register{
	background-color:#fff;
  	max-width:450px;
  	margin:0 auto;
  	margin-top:8px;
 	margin-bottom:2%;
  	transition:opacity 1s;
  	-webkit-transition:opacity 1s;
}
#register h1{
  background:#54a319;
  padding:20px 0;
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#fff;
}
#register p{
	padding:5px 15px;
}
#olvidep{
	background-color:#fff;
  	max-width:450px;
  	margin:0 auto;
  	margin-top:8px;
 	margin-bottom:2%;
  	transition:opacity 1s;
  	-webkit-transition:opacity 1s;
}
#olvidep h1{
  background:#cc3232;
  padding:20px 0;
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#fff;
}
#olvidep p{
	padding:5px 15px;
}

.frm_login{
  background:#fff;
  padding:6% 4%;
}

input[type="text"],input[type="email"],input[type="password"]{
  width:92%;
  background:#fff;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:95%;
  color:#555;
}

input[type="submit"]{
  width:100%;
  background:#2980B9;
  border:0;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
  -webkit-appearance: none;
}

input[type="submit"]:hover{
  background:#3291cf;
}
/*--- end new form ---*/