/* Hoja de estilos para SEPA.es */

/* estilos principales */

body {
	margin:0px;
	padding:8px;
	background-color:#fff;
	font-size:60%;
}

div#contenedor {
	width:100%;
	background-color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	min-width:700px;
}
div#contenido {
	width:100%;
	background-color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	height:100%;
	min-width:700px;	
}
div#cabecera {
	width:100%;
	background-color:#234d98;
	display:block;
	padding:0px;
	margin:0px;
	height:97px;
	border:0px;
	border-bottom:1px solid #fff;
	min-width:700px;	
}
img#logo{
	padding:0px 6.9% 0px 2em;
	margin:0px;
}
img#dec{
	float:right;
	clear:left;
	margin:0px;
	padding:0px;
}
img#txt{
	margin:0px;	
	padding:0px;
	
}
div#nav_sup {
	background-color:#ccc;
	width:100%;
	margin:0px 0px;
	padding:4px 0px;	
	text-align:center;
	min-width:700px;		
}
#nav_sup ul {
	margin:0px auto;
	padding:0px;
	margin-left:-5px;
}
#nav_sup ul li {
	list-style-type:none;
	list-style-image:none;
	display:inline;
	margin:0px 0px 0px 0px;
}
#nav_sup ul li.dos {
	border-left:2px solid #5d5d5d;
	padding-left:5px
}
#nav_sup ul li a, #nav_sup ul li a.visited {
	color:#234d98;
	text-decoration:none;
	font-weight:bold;
}
#nav_sup ul li a:hover, #nav_sup ul li a.visited:hover,
#nav_sup ul li a:focus {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/* zona de contenido */ 
div#central {
	width:100%;
	padding:0px;
	margin:10px 0px 0px 0px;
	border:0px;
	background-color:#FFF;
	height:100%;
	min-width:700px;
}
div#left {
	width:49%;
}
div#right {
	width:49%;
	float:right;
	margin-top:-7px;
}
div#total {
	width:100%;
}
div#links {
	width:100%;
	clear:both;
}
div#links h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1em;
	background-color:#234d98;
	text-align:center;
	padding:5px 2px;
	margin-top:20px;
}
p.links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1em;
	background-color:#234d98;
	text-align:center;
	padding:10px 2px;
	margin-top:120px;
	font-weight:bold;
}
p.links a, p.links a:visited {
	color:#fff;
	text-decoration:none;
}

div#left h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1.1em;
	background-color:#234d98;
	text-align:center;
	 padding:8px 2px;
}
div#right h1, div#total h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1.1em;
	background-color:#234d98;
	text-align:center;
	padding:8px 2px;
}
div#links h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1.1em;
	background-color:#234d98;
	text-align:center;
	padding:8px 2px;
	margin-top:20px;
}
div#links h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:1em;
	width:50%;
	text-align:left;
	padding:5px 2px;
	margin:10px 10px;
	padding:0px;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:1em;
	padding:2px 10px;
	text-align:left;
	clear:both;	
}
div#text_s {
	height:35em;
	overflow:auto;
}
div#text {
}
div#text_s p, div#left p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:1em;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	font-size:1em;
}
div#text_s a, div#left a, 
div#text_s a:visited, div#left a:visited,
div.left ul li a, div.right ul li a,
div.left ul li a:visited, div.right ul li a:visited {
	color:#234d98;
	text-decoration:none;
	font-weight:bold;
}
div#text_s a:hover, div#left a:hover, 
div#text_s a:focus, div#left a:focus,
div#text_s a:visited:hover, div#left a:visited:hover,
div.left ul li a:visited:hover, div.right ul li a:visited:hover,
div.left ul li a:focus, div.right ul li a:focus,
div.left ul li a:hover, div.right ul li a:hover {
	color:#6699cc;
	text-decoration:none;
	font-weight:bold;
}
div#text p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:1em;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	font-size:1em;
}
div#text a, div#right a, 
div#text a:visited, div#right a:visited {
	color:#234d98;
	text-decoration:none;
	font-weight:bold;
}
div#text a:hover, div#right a:hover, 
div#text a:focus, div#right a:focus,
div#text a:visited:hover, div#right a:visited:hover {
	color:#6699cc;
	text-decoration:none;
	font-weight:bold;
}
div#text ul {
	color:#666;
}
p.destacado {
	color:#000;
	background-color:#ebeaea;
	padding:10px;
}
td.espacio {
	width:60px;
}
div.left {
	width:37em;
}
div.right {
	width:37em;
	float:right;
	margin-top:-6px;
}
div.left ul, div.right ul {
	padding:0px;
	margin:0px 10px;
}
div.left ul li, div.right ul li {
	padding:0px;
	margin:0px;
	list-style-type:none;
	list-style-image:none;
	line-height:20px;
}
div.pie {
	width:100%;
	clear:both;
	background-color:#ccc;
	margin:40px 0px 0px 0px;
	text-align:center;
}
div.pie p {
	margin:0px;
	padding:8px;
	
}
div.pie p a, div.pie p a:visited {
	color:#234d98;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
}
div.pie p a:hover, div.pie p a:visited:hover,
div.pie p a:focus {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;	
}

div#links div.left ul li, div#links div.right ul li {
	background-image:url(../imgs/logo.jpg);
	background-repeat: no-repeat;
	background-position:midle left;
	padding:8px 0px 8px 142px;
}
div#right p.links a , div#right p.links a:visited {
	color:#fff;
	text-decoration:none;
	width:100%;
	font-size:1.1em;
	padding:8px auto
}
div#right p.links a:hover , div#right p.links a:visited:hover {
	color:#6699cc;
	text-decoration:none;
	font-weight:bold;
}
body#links div.text ul li, body#links div.text div.right ul li {
	background-image:url(../imgs/logo.jpg);
	background-repeat: no-repeat;
	background-position:10px left;
	padding:8px 0px 8px 142px;
	list-style-type:none;
	line-height:40px;
}
body#links div.text ul li.aeb, body#links div.text div.right ul li.aeb {
	background-image:url(../imgs/logo_aeb.gif);
}
body#links div.text ul li.unacc, body#links div.text div.right ul li.unacc {
	background-image:url(../imgs/logo_unacc.gif);
}

body#links div.text ul li.ceca, body#links div.text div.right ul li.ceca {
	background-image:url(../imgs/logo_ceca.gif);
}
body#links div.text ul li.bde, body#links div.text div.right ul li.bde {
	background-image:url(../imgs/logo_bde.gif);
}
body#links div.text ul li.comision, body#links div.text div.comision ul li.bde {
	background-image:url(../imgs/logo_comision.gif);
}
body#links div.text ul li.iberpay, body#links div.text div.comision ul li.iberpay {
	background-image:url(../imgs/logo_iberpay.gif);
}
body#links div.text ul li.epc, body#links div.text div.comision ul li.epc {
	background-image:url(../imgs/logo_epc.gif);
}
body#links div.text ul li.ecb, body#links div.text div.comision ul li.ecb {
	background-image:url(../imgs/logo_ecb.gif);
}

body#links div.text, body#links div.text {
	height:100%;
}
div#right_vac {
	background-color:#fff;
	height:28em;
	width:49%;
	float:right;
	margin-top:-6px;
	border-top:28px solid #234d98

}
div#ext, div#ext #text {
	width:100%;
}
img {
	border:0px;
}
div#spacer {
	margin:30px auto;
}

/* formulario */
form#formulario {
	margin:20px auto;
	padding:12px;
	line-height:30px;
	width:40em;
	display:block;
	background:#ebeaea
}
form#formulario label {
	margin:0px 0px 0px 0.3em;
}
form#formulario input {
	margin:0px 2px 0px 0px;
	font-size:1em;
	border:1px solid #234d98;
}
form#formulario input#entitat, form#formulario input#oficina {
	width:3em;
}
form#formulario input#dc {
	width:2em;
}
form#formulario input#iban, form#formulario input#bic, form#formulario input#ibanprint {
	width:20em;
}
form#formulario input#compte {
	width:7em;
}
form#formulario input#enviar, form#formulario input#enviarbic {
	background:#234d98;
	color:#fff;
	display:block;
	margin:10px auto;
}
form#formulario span.resultado {
	margin:0px 20px 5px 40px;
	color:#333;
	width:20px;
	float:left;
	display:block;
}
form#formulario input#limpiar {
	background:#234d98;
	color:#fff;
	margin:10px 5px 0px 130px;
	float:left;
}
form#formulario input#print {
	display:block;
	margin:10px 5px;
	float:left;
}
div#ibantxt, div#ibanprintxt, div#bictxt {
	border:1px solid #234d98;
	height:15px;
	width:265px;
	margin:7px 0px 5px 0px;
	padding:0px;
	float:left;
	line-height:12px;
}
form#formulario span.resultado2 {
	margin:0px 0px 5px 0px;
	color:#333;
	width:80px;
	float:left;
	display:block;
}
form#formulario span.resultado3 {
	margin:0px 0px 5px 55px;
	color:#333;
	float:left;
	display:block;
}
form#formulario p {
	margin:-5px 0px 10px 0px;
	color:#000;
	border-bottom:1px solid #000;
	font-weight:bold
}
div.linea {
	margin:0px 10px 10px 10px;
	display:block;
	width:350px;
	height:25px;
}
div.linea2 {
	margin:0px 10px 10px 10px;
	display:block;
	width:330px;
	height:15px;
}