/* CSS Document */

*{ color:#999999;}
html,body
{
	background-color:#FFF;
	width:100%;
	height:100%; 
	margin:0;
	font-family: Arial;
}
    #recta a{
    font-weight: bold;
    color: #2B70BB;  
    }
    .titu{
    font-weight: 500;
    color: black;
    }
    .cursi{
    font-style: italic;    
    }
    #recta{
    font-size: 1rem;    
    }
    #contacto_ .form-group > .error{
       margin-top: 0.2em; 
    }
#error_m{
    margin-left: 1.2em;
}
.menu-web {
    overflow: hidden;
    display: block;
    width: 100%;
    left: 0px;
    top: 110px;
    position: absolute;
}
#menu-nav-web{
    display: none;
}
#header
{
	width:100%;
	padding-top:2%;
	position:fixed;
	background-color:#fafafa;
	padding-bottom:10px;
}

#header > .container
{
	margin-left:8%;
	margin-right:8%;
	padding-bottom:1%;
}
#header > .container > .registro
{
	float:right;
	width:20%;
}
#header > .container > .registro > img
{
	max-width:90%;
	width:180px;
}
#header > .container > .registro > img:hover
{
	width:88%;
}
#header > .container > .registro_avisadores
{
	float:right;
	width:20%;
	margin-top: 16px;
}
#header > .container > .registro_avisadores > img
{
	width:100%;
	max-width:260px;
}
#header > .container > .registro_avisadores > img:hover
{
	width:110%;
	max-width:280px;
}
#header > .container > .logo
{
	width:110px;
}
#header > .container > .logo-avisadores
{
	max-width: 9em;
}
#menu-btn-web > .lines
{
    width: 30px;
    margin-top: 20px;
    margin-left: 10px;
    position: absolute;
    right: 77px;
    top: 22px;
}
#header > .menu
{
	background-color:#FFF;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	color:#666666;
	width:100%;
	height:40px;
	position:absolute;
	margin-bottom:0;
}

#header >  .menu > .container
{
	margin-left:8%;
	margin-right:8%;
	width:100%;
}

#header > .menu > .container > ul
{
	list-style: none;
	padding: 0em;
	text-align: center;
	margin:0;
}

#header >  .menu > .container > ul > li
{
	display: table-cell;
	margin: 0px;
	text-align:left;
}
#header >  .menu > .container > ul > li > a
{
	display: block; 
	float: left; 
	padding: 11px 0 5px 0; 
	color: #666; 
	text-decoration: none;
	margin-right:1.9em;
	margin-bottom:0;
	font-weight: lighter !important;
	font-size:.95rem;
	transition: 0.2s all ease;

}
#header >  .menu > .container > ul > li > a.avis
{
	display: block; 
	float: left; 
	padding: 10px 0 5px 0; 
	color: #FFF; 
	text-decoration: none;
	width:18%;
	margin-bottom:0;
}
#header >  .menu > .container > ul > li > a:hover
{
	/*font-weight:normal !important;*/
	color: #2B70BB;
	/*position:absolute;*/
}
.active
{
	font-weight:normal;
	
	/*background-image:url(../banca/info/3.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	*/
}

#body {
    width: 100%;
    padding-top: 9em;
}

#body > .container
{
	margin-left: 8%;
	margin-right: 8%;
/*	margin-top:1%;*/
	font-size:.95rem;
	color:#333;
/*	padding-top: 2%;*/
}
#body > .container > .content {
	padding-top: 10px;
}
#body > .container > .content > h1
{
	font-weight:normal;
	margin-top:1em;
	margin-bottom:1em;
}
#body > .container > .content > h1 > img
{
	vertical-align:middle;
	margin-right: .2em;
}
#body > .container > div > p
{
	text-align:justify;
}
#body > .container > .content > ul
{
	margin-left:0;
	padding-left:1em;
}
#body > .container > .content > ul li
{
	margin-bottom: .7em;
}
#body > .container > .content > ul.preg
{
	list-style:none;
	margin:0;
	padding:0;
}
#body > .container > .content > ul.preg li
{
	margin-bottom: .7em;
}
#body > .container > .content > h4
{
	font-weight: bold;
	margin-bottom:.4em;
	color:#666666;
}

p
{
	color:#999999;
}

#body > .container > .content > form
{
	text-align:left;
}
input[type=text],textarea
{
	border: 1px solid #333;
	background-color:#EFEFEF;
	font-size:inherit;
	font-family:inherit;
	padding:.7em .5em;
}
#rss {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0.5em;
/*    margin-bottom: 300px;*/
}
input[type=text]
{
	width:13em;
}
input[name=email]
{
	margin-left:1em;
}
input[name=email] + br + label
{
	margin-left:1.3em;
}
#textoCapcha
{
	width: 4em;
}
input[type=submit]:hover
{
	padding: 1em 2.5em 1em 2.5em;
}
input[type=submit]
{
	border:none;
	font-family:inherit;
	font-size:1.2em;
	color:#FFF;
	background-color:#2B70BB;
	padding: .7em 2em .7em 2em;
	margin-right:1.2em;
	vertical-align:top;
	float:left;
}
#submit{margin-top:1.3em;}
#captcha
{
	margin-top:1em;
}
textarea
{
	width:28em;
	margin-top:1em;
	margin-bottom:.5em;
	padding:.65em;
	margin-right:1.2em;
}
#body > .container > .content > form > #rss
{
	display:inline-block;
}
.ancla_fantasma
{
	position:relative;
	height: 0px;
	/*top:30px;*/
}
.term 
{
	border: .2em solid #2B70BB;
	padding:.5em;
	background:none;
	font-size:1em;
	color:inherit;
	margin:1em 0 1em 0;
	font-family:inherit;
}
.term > a
{
	font:inherit;
	color:inherit;
	text-decoration:none;
	width:100%;
	height:100%;
}
.min
{
	font-size:.8em;
}
.link
{
	color:#2B70BB;
	text-decoration:none;
	cursor:pointer;
}a.link:visited
{
	color:#2B70BB;
	text-decoration:none;
}
a.link:hover
{
	color:#2B70BB;
	text-decoration:none;
}a.link:active
{
	color:#2B70BB;
	text-decoration:none;
}
.hiden
{
	display:none;
}
.enviado > div > img
{
	margin-right:.5em;
	margin-left:1em;
}
.enviado > div > button
{
	padding:.2em;
	border-radius: .3em;
	background:none;
	color:inherit;
	font-family:inherit;
	font-size:1.1em;
	font-weight:500;
	border: .2em solid #59B235;
}
.form-group
{
	float:left;
}
.form-group-clear
{
	clear:left;
}
.clear{
	clear:left; clear:right}

.error{ border: 1px solid #E40513; color:#E40513; padding:.1em; display: block; float:left; margin-top:.2em; margin-bottom:.2em;  font-size:.8em}
.error:empty{ border:none;}
input + br + .error{ width: 17.2em;}

.zoom
{
	-webkit-transition-property: all;
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0;
    /* Standard syntax */
    transition-property: all;
    transition-duration: 400ms;
    transition-timing-function: ease;
    transition-delay: 0;
}
.input-index
{
	font-size:1em;
	padding: .8em .5em .5em;
	border:1px #000 solid;
	background-color: #EFEFEF;
	margin-top:.7em;
	font-weight: bold;
	width: 11em;
}

.img-input
{
	position:absolute;
	top:1.4em;
	left:.7em;
	height:1.2em;
}
#header_mobile{
	display: none;
}
#footer_mobile{
	display: none;
}
#cont_ingresarLogin{
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 6;
	display: none;
	background: #FFFFFF;
}
#ingresarLogin{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 70px;
}
#ingresarLogin input[type="text"], #ingresarLogin input[type="password"]{
	width: 85%;
	padding-left: 10%;
	position: relative;
	float: left;
	padding: .8em .5em .5em;
	padding-left: 10%;
}
#ingresarLogin .form-group{
	width: 95%;
	margin-left: 2.5%;
	position: relative;
	float: left;
}
@media (max-width: 700px){
    #body {
    padding-top: 5em;
}
        .navbar {
        padding-top: .7em;
        margin-bottom: 0px !important;
    }    

	button[type='submit'] {
		border: none;
		padding-right: 8%;
		background: none;
		margin-top: .5em;
		border-style: none;
	}

	#ingresarLogin input[type='password'], #ingresarLogin input[type='text'] {
		border-style: none;
		border: 1px solid #CCC;
		font-size: 1em;
		padding: 1em;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 5%;
		background-color: #fff;
		padding-left: 2rem;
	}
	.img-input {
		position: absolute;
		top: 1.6em;
		left: .7em;
		height: 1.2em;
	}
	button[type='submit'] > img {
		width: auto;
	}
	button[type='submit']{
		width: 100%;
		height: 48px;
	}
	button[type='submit'] > img:hover
	{
		width:auto;
	}
	button[type='submit'] {
		background-color: #E40513;
		color: #FFF;
		border: none;
		font-size: 1.2em;
		padding: 0px;
		font-weight: bolder;
	}
	.input-index{
		font-weight: normal;
	}
	/*
	#body {
		width: 100%;
		height: 100%;
		z-index: 2;
		background-image: url(../banca/fondo/fondo_moviles_vertical.png);
		background-position: 0 3.4em;
		
	}
	*/
	#cont_ingresarLogin{
		background-image: url(../banca/fondo/fondo_moviles_vertical.png);
		background-position: 0 3.4em;
	}

	.zoom-block {
		height: 3em;
		width: 10em;
		text-align: center;
	}
	
	#header_mobile{
		display: block;
	}
	#header{
		display: none;
	}	
	textarea {
			width: 94%;
			margin-top: 0;
/*			margin-bottom: .5em;*/
        margin-bottom: 0;
			padding: .65em;
			margin-right: 0px;
			max-width: 28em;
	}
	input[name=email] {
		margin-left: 0px;
	}
	
	#footer{
		display: none;
	}
	#body > .container > .left > .registro {
		display: none;
	}
	#header_mobile{
		display: block;
	}
	#footer_mobile{
		display: block;
	}

	#footer_mobile
	{
		position:fixed;
		bottom:0;
		width:100%;
		height:3em;
		z-index:5;
	}
	
	#footer_mobile > div {
		width: 50%;
		display: inline-block;
		margin: 0px !important;
		margin-right: 0px;
		text-align: center;
		height: 100%;
		color: #FFF !important;
		box-sizing: border-box;
		position: relative;
		text-decoration: none;
		float: left;
	}
	a.btn:active
	{
		color:#FFF !important;
		text-decoration:none;
	}
	a.btn:visited
	{
		color:#FFF !important;
		text-decoration:none;
	}
	a.btn{
		color:#FFF !important;
	}
	
	.btn > img
	{
		height:100%;
		vertical-align:middle;
		display:inline-block;
		padding:10px;
		box-sizing:border-box;
	}
	span.btn-text
	{
		display:inline-block;
		margin-top:6px;
		color: #FFFFFF;
	}
	
	#footer > div > a.btn
	{
		color:#FFF !important;
	}
	
	div.btn-green
	{
		background-color:#59B235;
	}
	 div.btn-blue
	{
		background-color:#2B70BB;
	}
	#body > .container {
		margin-left: 2.5%;
		margin-right: 2.5%;
		margin-top: 1%;
		font-size: .95rem;
		color: #333;
	}
	#body > .container > .content > h1 {
		font-weight: normal;
		margin-top: 20px;
		margin-bottom: 0.5em;
	}
	#ingresarLogin input[type='password'], #ingresarLogin input[type='text'] {
		border-style: none;
		border: 1px solid #CCC;
		font-size: 1em;
		padding: 1em;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 5%;
		background-color: #fff;
		padding-left: 2rem;
	}
	.form-group {
		float: left;
		width: 100%;
	}
	input[type=text] {
		width: 95%;
	}
	.input_con_margen{
/*		margin-bottom: 14px;*/
	}
	input[name=email] + br + label {
		margin-left: 0px;
	}
	input + br + .error {
		width: auto;
	}
	.ancla_fantasma {
		position: relative;
		top: 50px;
	}
    #error_m{
    margin-left: 0;
}
    #contacto_ .form-group > .error {
    margin-bottom: 1em;
}
}