@charset "utf-8";
/* CSS Document */

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
.clear{ clear:both; float:none !important;}


body{ background: #CCCCCC url(images/fondo.jpg) repeat-x; }

strong em, i{
	color:#043B76 !important;
}

em strong, i {
	color:#043B76 !important;
}

em strong {
	color:#043B76 !important;
}


.campo_msj textarea {
	width:405px !important;
}

.campo_msj {
	width:480px;
	float:left;
	margin:4px 15px 0 0;
}

.campo_dire input {
	width:405px !important;
}

.campo_dire {
	width:480px;
	height:30px;
	float:left;
	margin:4px 15px 0 0;
}

label {
	margin:0 6px 0 0;
}
.fieldwrap label {
	display:block;
	width:80px;
	float:left;
	text-align:right;
}
input.fmtext,textarea.fmtextarea {
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e5e5e5; /* old browsers */
	background: -moz-linear-gradient(top, #e5e5e5 1%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(100%,#ffffff)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow: 0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 0px #ffffff;
	box-shadow: 0px 1px 0px #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	float: left;
}
input.fmverify {
	width: 188px;
	border: 1px solid #ccc;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e5e5e5; /* old browsers */
	background: -moz-linear-gradient(top, #e5e5e5 1%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(100%,#ffffff)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow: 0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 0px #ffffff;
	box-shadow: 0px 1px 0px #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
/*	float: left;*/
	position:relative;
	top:-10px;
}
.campo {
	width:230px;
	height:30px;
	float:left;
	margin:0 15px 0 0;
}

#fecha {
	width: 220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CCC;
	text-align: center;
	position: relative;
	top: 80px;
	left: 35px;
	}

Descargar archivo en Formato PDF
/***** TABLA *******/

table em {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}


table {
	width:100% !important;
	border-collapse:collapse;
	margin:8px 0 10px 0 !important; 
}


td{
	font-size:10px !important;
	border:1px solid #ccc !important;
	padding:3px 7px 8px 7px !important;
	background-color:#E9E9E9 !important;
	color:#333 !important;
	font-family:Arial, Helvetica, sans-serif;
	/*width:50px;*/
}

td a {
	text-decoration:none !important;
	  Color:#333 !important;
}

/******** BUSCADOR **********/
.input span#bus {
  position: absolute;
  /*padding: 5px;*/
  margin:1px 0 0 12px;
  color: #999;
  z-index: 1;
  cursor: text;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

#busqueda {
	height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:115px;
	margin: -2px 0 0 0;
}
	
/******** FIN BUSCADOR *******/


/***********HEADER***********/
.header{ width: 930px; margin: 0 auto; position:relative; height: 107px; }

/*h1 { 
	position:absolute;
	top: 20px;
	left: 30px;
}
h1 a{
	background:url(images/logo.jpg) no-repeat;
	width: 230px;
	height: 60px;
	display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
}*/

#fechaini {
	margin:5px 0 0 15px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

.logo { 
	position:absolute;
	top: 20px;
	left: 30px;
}

.solventia { 
	position:absolute;
	top: 20px;
	right: 30px;
}

.logo a{
	background:url(images/logo.jpg) no-repeat;
	width: 230px;
	height: 60px;
	display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
}


#btn_par {
	background:url(images/tabs.jpg) no-repeat;
	width: 143px;
	height: 34px;
	display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
	position: absolute;
	bottom: 0px;
	right: 154px;
}
#btn_par:hover { background-position: -286px 0; }
#btn_par.active { background-position: -143px 0;}
#btn_emp{
	background:url(images/tabs.jpg) no-repeat -429px 0;
	width: 122px;
	height: 34px;
	display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
	position: absolute;
	bottom: 0px;
	right: 27px;
}
#btn_emp:hover { background-position: -673px 0;}
#btn_emp.active { background-position: -551px 0;}




/********** MAIN ****************/
.contenedor {
	
	width: 910px;
	_width: 980px;
	height: 100%;
	margin: 37px auto 0;

min-height: 600px: ;
}

	/*************** LEFT ***************/
	.left{
	float:left;
	width: 150px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 35px;
}
.left :nth-child(13) {
	color: #043c76 !important;
}
	
	#extranet {
		margin: -10px 0 8px -5px;
	}
	
	#acceso {
		margin:-23px 0 0 0;
	}
	
	.box {
		background:url(images/fondo_tablon.jpg) repeat-y;
		border: 1px solid #CCC;
		position:relative;
	}
	.tablon h3{
		background:url(images/tablon_title.jpg) no-repeat;
		width: 148px;
		height: 54px;
		display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
	}
	.box .separador{
		background:url(images/tablon_separador.jpg) no-repeat;
		height: 2px;
	}
	
	.tablon #pasador_tablon{
		position:relative;
		height: 100px;
		overflow:hidden;
	}
	.tablon .items{
		width: 10000px;
		position:absolute;
	}
	.tablon #pasador_tablon a{
		font-family:Verdana, Geneva, sans-serif;
		color: #013F79;
		font-size: 11px;
		font-weight: bold;
		text-decoration:none;
		line-height: 130%;
	}
	.tablon #pasador_tablon .items div{
		width: 138px;
		text-align:center;
		padding: 5px 5px;
		float:left;
		display:table-cell;
		vertical-align:middle;
	}
	.tablon .navi{ padding: 7px 0 7px 54px; height: 9px; }
	.tablon .navi a{
		width: 10px;
		height: 9px;
		float:left;
		background:url(images/tablon_navi.jpg) no-repeat;
		display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
		padding: 0;
	}
	.tablon .navi a.active{ background-position: -10px 0;}
	.box_bottom{
		height: 15px;
		background:url(images/box_bottom.png) no-repeat;
	}
	.box_bottom_izq{
		height: 15px;
		background:url(images/box_bottom.png) no-repeat;
		position:relative;
		top:-20px;
	}
	
	
	/************** MAIN ****************/
	.main{ width: 498px; float:left; margin: 0 0 0 19px; }
	
	.destacador {
		width: 498px;
		height: 235px;
		position:relative;
		text-indent: -3000px;
	}
	.destacador a{
		width: 140px;
		height: 40px;
		position:absolute;
		right: 0;
		bottom: 0;
		display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
	}
	#creditos_para_empresas{
		background:url(images/creditos_para_empresas.jpg) no-repeat;
	}
	#creditos_inmobiliarios{
		background:url(images/creditos_inmobiliarios.jpg) no-repeat;
	}
	
	
	#comercio_exterior{
	float:left;
	width: 156px;
	height: 134px;
	margin: 10px 15px 10px 0;
	}
	
	#comercio_exterior2c{
	float:left;
	width: 239px;
	height: 102px;
	margin: 10px 20px 10px 0;
	}
	
	#tarjetas{
	float:left;
	width: 156px;
	height: 134px;
	margin: 10px 15px 0 0;
	}
	
	#tarjetas_2c{
		/*background:url(images/tarjetas_2c.jpg) no-repeat;*/
		float:left; width: 239px; height: 102px;
		margin: 10px 0px 0 0 ;
		/*display:block; text-indent: -3000px; font-size: 0; overflow:hidden; */
	}
	
	#ahorro_e_inversion{

		float:left; width: 156px; height: 134px;
		margin: 10px 0px 0 0 ;

	}
	.vertodos {
		background:url(images/link_vertodos.png) no-repeat;
		width: 498px;
		height: 22px;
		margin: 10px 00px 10px;
	}
	.vertodos a{
		color: #002D5C;
		font-size: 12px;
		float:right;
		margin: 5px 25px 0 0;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	.noticias h2{
		font-size: 19px;
		color: #003976;
		padding: 0 0 8px 0;
	}
	.noticias a{
		background:url("images/bullet.png") no-repeat scroll 5px 6px transparent;
		text-decoration:none;
		padding: 0 0 0 13px;
		font-size: 11px;
		color: #595959;
		font-family:Verdana, Geneva, sans-serif;
	}
	.noticias .separador{border-bottom: 1px solid #ddd; border-top: 1px solid #aaa; margin: 5px 0;}
	
	/************** MAIN INTERIOR **************/
	.breadcrumb {
	background:url(images/separador.png) repeat-x bottom;
	padding: 5px 5px 10px 0px;
	font-size: 13px;
	color: #333333;
	}
	.breadcrumb .clear{ height: 0 }
	.breadcrumb a{
		text-decoration: none;
		font-size: 13px;
		color: #333333;
	}
	.breadcrumb a:hover{
		color: #FF6600;
	}
	.breadcrumb div{
	float:left;
	margin: 0px;
	height: 15px;
	}
	.breadcrumb .separador {
		width: 7px;
		height: 11px;
		background:url(images/breadcrumb_separador.png) no-repeat;
		margin: 0px 5px;
		
	}
	.breadcrumb .dropdown{
		padding: 0 13px 0 0;
		background:url(images/breadcrumb_dropdown.png) no-repeat  right 2px;
		position:relative;
	}
	.breadcrumb .dropdown:hover{
		background-position: right -18px;
		color: #FF6600;
	}
	.breadcrumb .dropdown:hover ul{
		display:block;
		z-index: 1000;
	}
	.breadcrumb .dropdown ul{
		display:none;
		position:absolute;
		background:url(images/dropdown.png) top;
		width: 177px;
		padding: 20px 0 10px 0;
		right: 0;
		margin: 0 -36px 0 0;
	}
	.breadcrumb .dropdown ul a{
		font-size: 12px;
		text-decoration:none;
		color: #eee;
	}
	.breadcrumb .dropdown ul a:hover{
		color:#FC0;
	}
	.breadcrumb .dropdown ul li{
		padding: 2px 10px 5px 15px;
		/*background:url(images/dropdown_bullet.png) no-repeat 15px 6px;*/
	}
	
	.breadcrumb ul li {
		list-style:none !important;
		margin:0 !important;
	}
	
	.main.interior h1{
		color: #043B76;
		font-size: 25px;
		margin: 15px 0 10px 0;
	}
	
	main.interior div p {
	width: 160px;
	height: 210px;
	float: left;
	}
	
	.main.interior p{
		margin-bottom:8px;
	}
	
	.main.interior h2{
		color: #043B76;
		font-size: 20px;
		margin: 5px 0 5px 0; /*10px 0 15px 0 */
	}

		#txt_contactos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	line-height: 120%;
	text-align: center;
	margin-top: 20px;
}
	
	.main.interior {
		font-family:Calibri, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 160%;
		text-align:justify;;
	}
	
	.main.interior ul li {
		margin:0 0 0 20px;
		list-style:square;
	}
	
	.main.interior p a {
		color:#033A63;
	}
	
	.main.interior .foto{
		float:right;
		border-bottom:1px solid #fff;
		margin:0 0 10px 10px;
	}
	.main.interior .foto img{
		border: 1px solid #999999;
	}
	
	/*.main.interior p img{
		margin:8px 0 5px 0;
		float:left;
	}*/
	
	.main.interior h3{
		font-weight:bold;
		color: #023F7A;
		margin: 10px 0 0 0;
		font-size: 16px;
	}
	
	
	.noticia_listado h2 a{
		font-weight:bold;
		color: #023F7A;
		margin: 10px 0 0 0;
		font-size: 18px;
		text-decoration:none;
	}
	.noticia_listado img{
		float:left;
		margin: 0 10px 10px 0;
	}
	
	
	
	.btn_descarga {
	display: block;
	width: 40px;
	height: 34px;
	text-indent: -3000px;
	background: url(images/down.png) no-repeat;
	float: left;
	margin: 3px 10px 10px 0;
}	
	
	.arbol{ margin: 20px; }
	.arbol a{
		color:#036; 
		text-decoration:none;
		padding: 5px;
		display:block;
	}
	.arbol a.n0 {
	padding: 3px 5px 2px;
	font-size: 17px;
	font-weight:bold;
	line-height:130%;
	border: 1px solid #043C76;
	display:block;
	color:#fff !important;
	background: #043C76; /* old browsers */
	background: -moz-linear-gradient(left, #043C76 0%, #2989D8 50%, #043C76 100%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#043C76), color-stop(50%,#2989D8), color-stop(100%,#043C76)); /* webkit */

	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043C76', endColorstr='#043C76',GradientType=1 ); /* ie */
	margin: 0 0 5px;
	}
	.arbol a.n1 {
	font-size: 14px;
	line-height: 130%;
	padding: 2px 0 2px 20px;
}
	.arbol a.n2 { padding: 0 0 5px 60px; font-size: 13px;line-height:130%; color: #333;}
	.arbol a.n3 { padding: 0 0 5px 80px; font-size: 12px;line-height:130%; color: #444; }
	.arbol a.n4 { padding: 0 0 5px 110px; font-size:11px; line-height:130%; color: #555; background:url(images/subitem.gif) no-repeat 93px -2px;}
	.arbol .n4_cont a:last-child{ background-position: 93px -183px;}
	
	
	.arbol a.n5 { padding: 0 0 5px 120px; font-size: 10px; line-height:130%; color: #666;}
	.separador2{ height: 1px; border-bottom: 1px solid #ddd; margin: 2px 0; border-top: 1px solid #bbb; }
	
	
	#contact label{
	display:block;
	width: 50px;
	float:left;
	text-align:left;
	}
	
	#contact span.error {
 	color: #990000;
  	float: right;
  	font-size: 11px;
  	margin: -15px 20px 10px 0;
  	padding: 0 2px;
  	text-align: right;
  	width: 385px;
}
	.error_messages{
 	color: #990000;
  	font-size: 12px;
  	margin: 10px 20px 10px 0;
  	padding: 0 2px;
  	text-align: center;
  	width: 385px;
}
	
	#contact input.error, #contact textarea.error {
    border: 1px solid #990000;
}

	

	
	
	#contact input, #busca input, #busca select, #contact textarea {
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e5e5e5; /* old browsers */
	background: -moz-linear-gradient(top, #e5e5e5 1%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(100%,#ffffff)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow: 0px 1px 0px #ffffff;
	-moz-box-shadow: 0px 1px 0px #ffffff;
	box-shadow: 0px 1px 0px #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	float: left;
	}

	input#btnsubmit,a#btnsubmit {
	border: 1px solid #043C76;
	display:block;
/*	padding: 10px 10px 2px 10px;*/
	float:left;
	color: #fff;
	text-decoration:none;
	background: #043C76; /* old browsers */
	/*background: -moz-linear-gradient(top, #043C76 0%, #2989D8 50%, #043C76 100%); /* firefox 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#043C76), color-stop(50%,#2989D8), color-stop(100%,#043C76)); /* webkit 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043C76', endColorstr='#043C76',GradientType=0 ); /* ie */
/*	height: 17px;*/
	margin: 0 0 0 178px;
	}
	div.submit {
		text-align:right;
		margin-right:38px;
	}
	div.submit input {
		border: 1px solid #043C76;
		padding: 5px;
		color: #fff;
		text-decoration:none;
		background: #043C76; 
	}
	#fm_adjunto {
	}
	.main .separador3{ 
		background: url("images/separador.png") repeat-x scroll center bottom transparent;
		height: 2px;
		margin: 5px 0;
	}
	
	.galeria{ width: 510px; }
	.galeria a{
		display:block;
		float:left;
		margin: 0 10px 10px 0;
		width:160px;
		height: 90px;
		overflow:hidden;
	}
	
	a .descarga {
		background:url(images/down.png) no-repeat;
		padding: 4px 0 0 45px;
		margin: 0 0 0 10px;
	}
	
	.main.interior a{
		text-decoration:none;
		color: #8a8a8a;
	}
	
	h2.mapa a{
		font-size: 16px;
		text-decoration:none;
		color:#036;
		background:url(images/bullet.png) no-repeat 0 10px;
		padding: 0 0 0 5px;
	}
	
	.servicios_lista a{
		font-size: 16px;
		text-decoration:none;
		color:#036;
		background:url(images/bullet.png) no-repeat 0 9px;
		padding: 0 0 3px 3px;
	}
	
	/**************RIGHT*****************/
	.right{ float:left; width: 150px; margin: 0 0 0 19px;}
	
	.accesos_rapidos{
		background:url(images/accesosrapidos_title.png);
		height: 36px;
		display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
	}
	.box.links a {
		font-size: 13px;
		color: #333333;
		text-decoration:none;
		padding: 5px 0 5px 12px;
		display:block;
	}
	.box.links a:hover { color: #043C76 }
	.informacion_corporativa {
		height: 36px;
		background:url(images/informacion_corporativa.png) no-repeat;
		display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
	}
	#utilidades_y_descargas{
		width: 161px;
		height: 73px;
		margin: -5px 0 0 -5px;
		background:url(images/btn_utilidadesydescargas.jpg) no-repeat;
		display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
	}

/********* FOOTER **********/
.footer {
  	background: url("images/footer.jpg") repeat-x scroll 0 0 transparent;
  	position:fixed;
	bottom:0px;
	height: 54px;
  	margin: 30px auto 0;
  	width:100%;
	}

.footerin {
	width: 75%;
	margin: 0 auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align:center;
	color: #fff;
	padding: 18px 0px 0 ;
}
.footerin a{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
}
.footerin .links_left {
	float:left;
}
#rcymedia{
	width: 80px;
	height: 17px;
	background:url(images/pie_ryc.jpg) no-repeat;
	float:right;
	display:block; text-indent: -3000px; font-size: 0; overflow:hidden; 
}

/******** TABLAS **************/

td{
	padding:4px;
	text-align:left;
	border-bottom:#295786 solid 2px;
}

.intranet {
	margin:-6px 0 0 -5px;
}


/********** MENU IZQUIERDA *************/

.arbol_menu{ 
position: relative;
width:100%;
}

.box_bottom {
height: 15px;
background: url(images/box_bottom.png) no-repeat;
}

.arbol_menu .separador {
background: url(images/tablon_separador.jpg) no-repeat;
height: 1px;
width:100% !important;
}

.arbol_menu a{
font-size: 15px;
color: #333;
text-decoration: none;
padding: 5px 0 5px 8px;
display: block;
}

.arbol_menu a:hover{
color: #036 !important;
text-decoration: none;
}

#busq {
	float: left;
    margin: 0 0 0 19px;
    width: 498px;
}
#busq h1 {
    color: #043B76;
font-size: 25px;
margin: 15px 0 10px 0;
}
#busq .resultado_busqueda {
    border-bottom: thin dashed #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 10px 0;
}

#busq .resultado_busqueda a {
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}
#busq .resultado_busqueda a:hover {
    color: #006;
    font-size: 17px;
    text-decoration: none;
}

#busq .resultado_busqueda img {
    float: left;
    padding: 5px 10px 10px;
}
/* Estilo de Pestañas jQuery Tools */
.tabs, .tabs li {
	list-style: outside none none !important;
	margin: 0px !important;
}
.panes > div {
	padding-top:15px;
}
.tabs li a.current {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #434a58;
    cursor: auto;
}
.tabs li a {
    background-color: #ccc;;
    border-color: #dbdcdf;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    color: #71777f;
    cursor: pointer;
}
.tabs li a {
    float: left;
    font-family: Arial,tahoma;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 4px 8px;
    text-align: center;
}
<style>

.clear {
clear: both;
float: none !important;
}

.box_bottom#busca{
		height: 25px;
		width:155px;
		background:url(images/box_bottom.png) no-repeat;
		position:relative;
/*		margin:20px 0 0 0;*/
/*		padding:23px 0 0 0;*/
	}

.buscador {
width: 155px;
z-index: 5000;
position: absolute;
margin: 0 0px 0 15px;
background: url(images/buscador2.png) no-repeat;
height:25px;
}

a.submit#btnresult  {
	width:32px;
	height:26px;
	float:right;
}

.input {
width: 128px;
position: relative;
float: left;
top: 2px;
left: 1px;
z-index: 10000;
}

.input input {
width: 128px;
height: 20px;
background: none;
border-bottom: none;
border-top: none;
border-left: none;
border-right: none;
z-index: 10000;
}


/**********************************************/

.input {
  display: block;
}

.input input, .input textarea, .input select {
  z-index: 0;
  padding: 6px;
  margin: 0;
  font: inherit;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}

/*******************************************/

#btn_extranet{
	width: 160px;
	height: 215px;
	background:url(images/acceso_extranet.png) no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
/*	-webkit-transform: rotate(0deg) translatex(0px) translatey(-20px)*/
	}
	
#dni{
	margin:10px 0 0 0;
	display:block;
	padding: 10px 10px 2px 10px;
	float:left;
	color: #fff;
	text-decoration:none; 
	height: 17px;
	width:130px;
}

#entrar{
	margin:8px 0 0 30px;
	display:block;
	padding: 10px 10px 2px 10px;
	float:left;
	color: #fff;
	text-decoration:none; 
	height: 45px;
	width:120px;
	background:url(images/acceder.png) no-repeat;
	border:none;
	cursor:pointer;
}
	
	
input.usuario_ex {
	margin: 48px 0 0 6px;
	width: 133px;
	background: none;
	border: none;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:0 0 0 4px;
}

.input span#us {
  position: absolute;
  /*padding: 5px;*/
  margin:51px 0 0 12px;
  color: #999;
  z-index: 1;
  cursor: text;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

input.contra {
	margin: 12px 0 0 6px;
	width: 133px;
	background: none;
	border: none;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:0 0 0 4px;
}

.input span#co {
  position: absolute;
  /*padding: 5px;*/
  margin:15px 0 0 12px;
  color: #999;
  z-index: 1;
  cursor: text;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}


</style>