/* CSS Document */

.editar {display:none;}

/* ********************
   laoput
**********************/
body {
	font:x-small Verdana, Arial,Helvetica,sans-serif;
	background: url(../imagenes/bg_body.jpg) 0 0 repeat-x;
	color:#43494F;
        height:100%;
}

html {height:100%;}

strong { font-weight: bold; }
#wrap {
	background: url(/imagenes/bg_envolt.jpg) 0 0 no-repeat;
	width:770px;
	padding:0 0px 0px 0px;
	margin:0 auto;
min-height:85%;
_height:85%;
}
#header {
	background: url(/imagenes/bg_header.png) 0 0 repeat-x;
	width:770px;
	position:relative;
	font-size:1.1em;
}
#content {
	width:770px;
	background: url(/imagenes/bg_content.png) right top repeat-y;
        padding:0 0 20px 0
}
#content .wrap_content {
	padding:7px 17px 12px 25px;
}
#footer {
	background: /*#43494F*/#43494e;
	border-top:1px solid #D8D9D9;
}
/*	----------------------
	header
------------------------- */
#header a {
	color:#D6EBFF;
}
#header h1 {
	width:124px;
	height: 40px;
	display:block;
	padding: 10px 0 0 22px;
	float:left;
}
#header h1 a {
	background: url(/imagenes/logo_eCliente.png) 0 0 no-repeat;
	width:124px;
	height: 40px;
	display:block;
	text-indent: -9999px;
}
#header p {
	position:absolute;
	top:6px;
	right:17px;
        color:#4A80B1;
}

#header p a {
     text-decoration:none;
}

#header p a:hover {
	text-decoration: underline;
}
/*	nav ------------------ */
#header #nav {
	float:right;
	margin:37px 0 0 30px;
}
#header #nav ul {
	padding:3px 10px 5px 0;
        text-align:right;
}
#header #nav ul li {
	display: inline;
	color:#43494F;
	margin-left:0px;
}
#header #nav ul li a {
	margin-right:0px;
        text-decoration:none;
        font-size:14px;
        font-weight:bold;

}
#header #nav ul li a:hover {
	color:#AEC7D9;
	text-decoration: none;
}
/*	----------------------
	content
------------------------- */


#content #intro {
	background: url(/imagenes/bg_intro.png) 0 bottom repeat-x #F7F7FF;
}

#content #intro .doble_fondo{
	background-position:20px bottom !important;
       padding:10px;
}


#content #intro .cont {
padding:5px 35px 15px 210px; font-size:18px; font-family:Georgia; font-style:italic; line-height:1.3em;

}
#content #intro h2 {
        font-family:arial;
font-style:normal; 
	color:#4A80B1;
	margin:7px 0px;
	font-size: 1.6em;
        line-height:1.2em;
}


/* Estructura de títulos 
-----------------------------------*/
#content h3 {
	font-size:1.6em;
        font-weight:normal;
	color:#2671B4;
	margin:10px 0px;
	padding:11px 0px 4px;
        border-bottom:2px solid #CFDCE5;
       /* background: url(/imagenes/bg_h4.png) bottom left repeat-x;*/
       }


/*	double_col
------------------------- */
#content #double_col {
	padding-top:5px;
	position:relative;
	z-index:1;}

#content #double_col .left_col {
	float: left;
	width:500px;
	position:relative;
	z-index:3;
        padding:0px 0px 10px;
}
#content #double_col .right_col {
	float: right;
	width:208px;
}
#content #double_col #estrellita {
	background: url(../imagenes/estrellita.jpg) 0 0 no-repeat;
	position:absolute;
	top:-3px;
	left:10px;
	display:block;
	width:50px;
	height:48px;
}

/*	block --------------- */
#content #double_col .left_col .block {
	margin-bottom:15px;
	width:500px;
}
#content #double_col .left_col .block .cont {
	float:left;
	width:300px;
}
#content #double_col .left_col .block h4 {	
	color:#4A80B1;
	font-size: 1.2em;
	font-weight:bold;
	margin-bottom:5px;
}
#content #double_col .left_col .block h4 a {
	color:#4A80B1;
}
#content #double_col .left_col .block .cont p.meta {
	border-top:1px solid #E8E7E7;
	margin-top:7px;
	padding-top:3px;
	text-align: right;
	color:#A7AAAD;
}

#content #double_col .left_col .block .cont p {
        margin:10px 0; font-size:0.9em;
}

#content #double_col .left_col .block a:hover {
	text-decoration:underline;
}
#content #double_col .left_col .img_cont {
	float:left;
        margin-right:10px;
}
#content #double_col .left_col .block img {
	border:1px solid #4D82B2;
}
/*	login_box --------------- */
#seccion  #login_bar {display:none;}

#login_box {
	width:205px;
	color:#2671B4;
	margin-bottom:15px;

}
#login_box a {
	color:#fff;
}
#login_box h3 {
	font-size:1.2em !important;
	color:#A1C0DA;
	background: url(../imagenes/bg_h5_login_box.jpg) bottom left no-repeat;
	padding:0 0px 18px 0;
	text-align: right;
        margin:0px !important;
        
}
#login_box .cont {
	background:#AEC8DF url(../imagenes/bg_login_box_cont.jpg) bottom left no-repeat;
}
#login_box .cont form {
	padding:0 4px 0 0;
	text-align: right; margin:0px;
}
#login_box .cont form p {
	padding-bottom:5px;}
#login_box .cont form input.texto,
#seccion  #login_bar input.texto {
	border: 1px solid #D6E2EE;
	width:118px;
	padding:0 2px; font-size:11px; color:#4A80B1;
}
#login_box .cont form p.recordar {
	padding-right:7px;
} 

#login_box input.boton  {
	border: none;
	color:#2671B4;
	background: none;
	cursor:pointer;
	background: url(../imagenes/bg_boton.jpg) right 6px  no-repeat;
	padding:0 10px 0 10px !important;
}

/*	eclientes --------------- */
#eclientes {
	width:205px;
}
#eclientes h3 {
	font-size:1.8em;
	color:#A1C0DA;
	background: url(../imagenes/bg_h5_eclientes.jpg) bottom left no-repeat;
	padding:0 13px 15px 0;
	text-align: right;
        margin:0px !important;
}
#eclientes .cont {
	background:#F3F6F8 url(../imagenes/bg_eclientes_cont.jpg) bottom left no-repeat;
	padding:0px 10px 10px;
position relative; width:185px;
}
#eclientes .cont ul  {margin:0px; border:1px solid #F7F7FF;}
#eclientes .cont ul li {
clear:both; 
padding:10px 0px 5px 0px;
width:185px;
border-top:1px dotted #BAD0E5;
background:none!important;
}
#eclientes .cont .icono_ecliente {
float:left; margin:0px 10px 10px 0; width:80px;text-align:center;
}
#eclientes .cont ul li a {
cursor: pointer;
}
#eclientes .cont ul li a img {
border: none;
}
#eclientes .cont li a span {float:left; width:90px; padding:0px 0px 10px 0px;}
#eclientes .cont ul li a { font-size:1.1em; font-weight:bold;
}
/*	seccion
------------------------- */
#seccion h2 {
	font-size:2.4em;
	color:#4A80B1;
	background: url(/imagenes/bg_h2_seccion.png) 0 30px no-repeat;
	padding:30px 0 12px 20px;
	margin-left:22px;
}




#seccion .portfolio {
	background: url(/imagenes/bg_portfolio.png) top right no-repeat #FAFAFA;
}



#seccion .productos {background: url(/imagenes/bg_cabecera_seccion.png) top right #FAFAFA; border-bottom:2px solid #EAEBF0; padding:35px 30px 20px;}
#seccion .productos h2 {background: none !important; margin:0px !important; padding:0px !important;}
#seccion .productos .subtitulo {font-size:18px; font-family:Georgia; font-style:italic; line-height:1.3em;color:#666; margin-top:10px;}



/*	login_bar ----------- */
#seccion #login_bar {
	background:#AEC8DF url(../imagenes/bg_login_bar.jpg) bottom right no-repeat;
	color:#2671B4;
	text-align: right;
	padding:2px 10px 1px 0;
	margin-bottom:8px;
}
#seccion  #login_bar a {
	color:#fff;
}
#seccion  #login_bar input.texto {
	width:120px;
}
#seccion  #login_bar input.passw {
	width:70px;
}







/*	breadcrumb ----------- */
.breadcrumb {
	margin-bottom:10px;
}
.breadcrumb ul li {
	display: inline; background:none !important; margin:0px !important; padding:0px !important; font-size:11px;
}
.breadcrumb ul li a {
	color:#43494F;
}
.breadcrumb ul li strong {
	font-weight:bold; color:#555;
}
.breadcrumb ul li a:hover {
	text-decoration: underline;
}
/*	ficha_cliente
-------------------------- */
#cliente {
	width:730px;
}
#cliente h3 {
	font-size:1.8em;
	border-bottom: 1px solid #EDF4F9;
	margin-bottom:10px;
}
/*	review --------------- */
#cliente .sidebar {
	float:left;
	width:160px;
	text-align: center;
}
#cliente #ficha_cliente .sidebar {
	padding-top:10px;
	width:170px;
}
#cliente .sidebar img {
	position:relative;
}
#cliente .sidebar span {
	position:relative;
}

#cliente .sidebar ul li {
	margin-bottom:2px;
}
#cliente .sidebar ul li a {
	color:#43494F;
	display:block;
	padding:2px 10px 2px 0;
}

#cliente .sidebar ul li a:hover,
#cliente .sidebar ul li a.active {
	background:#F6F8FB;
	text-decoration:none;
}
#cliente .review .cont {
	width:545px;
	float:right;
	margin-right:10px;
	font-size: 1.1em;
}
#cliente .review .cont .desc {
	margin:12px 0;
	font-size: 1.1em;
}
/*	ficha_cliente ------- */
#cliente #ficha_cliente {
	margin-top: 20px;
	font-size: 1.1em;
}
#cliente #ficha_cliente .caja_azul {
	background:#F6F8FB;
	padding:10px 10px;
	width:540px;
	float:right;
}
#cliente #ficha_cliente .central_col {
	width:310px;
	margin:0 5px;
	float:left;
}
#cliente #ficha_cliente .central_col p {
	margin-bottom:10px;
}
#cliente #ficha_cliente .central_col ul {
	margin:0 0 10px 20px;
}
#cliente #ficha_cliente .central_col ul li {
	background: url(../imagenes/bullet.gif) 0 6px no-repeat;
	padding-left: 10px;
	margin:3px 0;
}
#cliente #ficha_cliente .float-right {
	width:210px;
}
#cliente #ficha_cliente .float-right img {
	border:1px solid #4A80B1;
}
#cliente #ficha_cliente .float-right .thumb_grande img {

}
#cliente #ficha_cliente .float-right p.pie_foto {
	font-size: .9em;
	text-align: right;
	color:#5B6066;
	font-family:Arial, Helvetica, sans-serif;
	margin:9px 0;
}
#cliente #ficha_cliente .float-right .thumb_peq {
	padding-bottom:10px;
}
#cliente #ficha_cliente .float-right .thumb_peq img {
	margin-right:10px;
}
#cliente #ficha_cliente .float-right .thumb_peq img.last-child {
	margin-right:0;
}


/* Listado de proyectos */

#proyectos h4 {font-size:1.4em; color:#43494F; font-weight:bold; margin-bottom:14px;}
#proyectos li img {float:left; margin:0px 15px 0px 0px;border:1px solid #4A80B1;}
#proyectos li {font-size:1.1em; margin-top:10px;}
#proyectos li strong {font-size:1.1em;}
#proyectos li p.meta {border-top:1px solid #EDF4F9; margin:10px 0px 0px 195px;}


/* En la home */

#destacados {padding-top:10px;}
#destacados .destacado {border:1px solid red; float:left; width:215px; padding:10px; margin:0 10px 0 0; }
#destacados .destacado h4 {font-size:14px; color:#4A80B1; font-weight:bold; line-height:1.3em; margin:5px 0px;}
#destacados .destacado p {color:#888; font-size:11px;}

#destacados .destacado ul {background:red;}
#destacados .destacado .leer_mas {text-align:right; font-size:11px; font-weight:bold;}



/****************************************************************************************/
/******************************** Subestructuras ****************************************/
/****************************************************************************************/

.columna_2_3 {
	float:left;
	width:64%;
	padding:1%;
}

.columna_1_3 {
	float:left;
	width:31%;
	padding:1%;
	border-left:1px solid #DFDFDF;
}

.columna_4_5 {
	float:left;
	width:78%;
	padding:1%;
	border-right:1px solid #DFDFDF;
}

.columna_3_5 {
	float:left;
	width:54%;
	padding:1%;
	border-left:1px solid #DFDFDF;
}

.columna_2_5 {
	float:left;
	width:38%;
	padding:1%;
	border-left:1px solid #DFDFDF;
}

.columna_1_5 {
	float:left;
	width:17%;
	padding:1%;
}

.columna_1_2 {
	float:left;
	width:47%;
	padding:1%;
	border-left:1px solid #DFDFDF;
}

.columna_0_0 {
	padding:1% 10%;
}

.columna_1_4 {
	float:left;
	width:20%;
	margin-right:2%;
}

/* Contenidos
********************************************************************/
#content {font-size:12px; line-height:1.3em;}

#content a {color:#4A82B5;}
#content a:hover {background:#e5eff7; color:#2C608F;}

#content h1 {font-size:3em; line-height:1em; color:#4A80B1;}
#content h3 {font-size:16px; margin:2em 0em 0.3em; color:#4A82B5; font-weight:bold;}

#content .fecha {color:#4A80B1; font-size:0.9em; margin-bottom:1em;}

#content li {background: url(/imagenes/bullet.gif) 0 6px no-repeat; padding-left: 10px; margin:3px 0 0 1em;}

#content .ver_mas {border-top:1px dotted #4A82B5; margin:30px 0px 0px; padding:2px 5px; font-size:0.9em;}


/* Listado de proyectos */

#proyectos li {background:none; margin:10px 0px; padding:10px 0 10px 0; border-bottom:1px dotted #CFDCE5;}
#proyectos li h4 {font-size:16px; color:#4A82B5; font-weight:bold;}
#proyectos li .pantallazo {float:left; width:190px; margin-right:20px;}
#proyectos li .pantallazo img {border:2px solid #CFDCE5;}
#proyectos li .contenido {float:left; width:500px;}
#proyectos li .contenido p {line-height:1.4em;}
#proyectos li .meta {text-align:right; border:0px !important;}



/* Desarrollo
********************************************************************/

#apertura {}
#apertura h1 {font-size:25px; margin:40px 0px 10px;}
#apertura .entradilla { border-top:1px solid #D1E1EF; ; border-bottom:1px solid #EFEFEF; padding:10px 5px; font-size:13px; line-height:1.3em; color:#777; }
#apertura .entradilla img {float:right; margin:0 0 0 10px;}


.desarrollo {line-height:1.4em;}
.desarrollo h3 {margin:15px 0px 10px !important; padding:10px 0 0 0; font-size:1.2em !important;}
.desarrollo p {margin-bottom:1.2em;}
.desarrollo li {margin-bottom:0.5em !important;}
.desarrollo ol {}

.columna_2_3 .desarrollo .foto {
	width:440px !important;
        margin:10px auto;
        padding:5px;
	background:#DFDFDF;
        overflow:hidden;
}
.columna_2_3 .desarrollo .foto img {
	width:100%!important;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* Fotos
********************************************************************/

.foto_, .foto_right, .foto_left, .foto_center {padding:5px; border:1px solid #EFEFEF; margin:0px 10px 10px;}
.foto_ img, .foto_right img, .foto_left img, .foto_center img {border:1px solid #CCC;}

.foto_right {float:right;}
.foto_left {float:left;}
.foto_center {text-align:center}


/* Volver
********************************************************************/
.volver_arriba {border-top:1px solid #2F78BD; text-align:right; clear:both; margin:10px 0px;}

/* Listado
********************************************************************/
.listado {}
.listado .columna_1_2 {border:0px solid orange;}
.listado h3 {font-size:12px !important; color:#333!important; margin:10px 0px !important;}

/* Menus
********************************************************************/
#menu_secundario {font-size:12px;}
#menu_secundario h4 {background:#4A80B1; color:white; padding:2px 3px; font-weight:bold;}
#menu_secundario ul {margin:10px !important;}
#menu_secundario li {margin:0px; font-size:0.9em;}
#menu_secundario ul ul {margin:0 0 0px;}
#menu_secundario a {}

#menu_secundario strong {font-weight:bold;}
#menu_secundario ul {margin:0 0 0px;}
#menu_secundario a {}



ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul.menu a {
  display: block;
  text-decoration: none;
}

ul.menu li {
  margin-top: 1px;
  line-height:1.3em;
}

ul.menu li a {
  padding: 4px 5px 0;
}

ul.menu li a:hover {
  background: #000;
}

ul.menu li ul {
 margin:0px !important;
 padding:0px !important;
 

}

ul.menu li ul li { background:none !important; padding:0px !important; 
border-bottom:1px dotted #EFEFEF;
}

ul.menu li ul li a {
  color: #000;
  padding-left: 10px;
  border-left:1px solid #CCC;
 }

ul.menu li ul li a:hover {
  background: #EFEFEF;
  border-left: 1px #4A80B1 solid;
  padding-left: 10px;
}



.caja {border:1px solid #4A80B1; padding:0px; margin:10px 0px;}
.caja h4 {background:#4A80B1; color:white; font-weight:bold; padding:2px;;}
.caja p {font-size:0.9em; padding:5px;}





/* Recuadros
********************************************************************/




/* Galeria de fotos
********************************************************************/
.galeria { border:1px solid #EFEFEF; background:#FFF; padding:10px 0px 10px 10px;}
.galeria div { border:1px solid #EFEFEF; float:left; background:#F7FBFF; margin:0px 10px 10px 0px;}
.galeria div.clear { border:0px; background:none;}
.galeria.col_2 div {width:245px; overflow:hidden; padding:5px 10px 10px;}
.galeria h3 {margin:10px 0px !important; font-size:13px;}
.galeria div img {border:1px solid #CCC;background:white; width:100% !important;}
.galeria p {margin:10px 0px; font-size:13px;}
.galeria a {font-weight:bold; color:#4A82B5; text-decoration:none;font-size:15px;font-weight:bold; }


.galeria.blanca {border:0px; margin:10px 0; padding:0px;}
.galeria.blanca div {background:none;}
.galeria.col_3 div {width:210px; overflow:hidden; padding:5px 10px 10px;}






/* En Acción
********************************************************************/

#en_accion div.ficha {border:1px solid #EFEFEF; float:left; background:#F7FBFF; margin:0px 10px 10px 0px; padding:10px;}
#en_accion div.foto_proyecto {text-align:center !important; background:white;}
#en_accion h4 {font-family:Georgia; font-size:15px; color:#4A82B5; margin:0 0 10px; font-weight:bold;}
#en_accion .descripcion {margin:10px 0; font-size:0.9em;}
#en_accion a.enlace {}



/* Hoja de caracterýsticas de producto
********************************************************************/
.caracteristicas li {background:none !important; clear:left; padding-top:10px; font-size:14px;}
.caracteristicas li img {float:left; margin:-8px 10px 15px 0px;}


/*
.boton {background:url(/imagenes/bg_boton_blanco.png) top center no-repeat; padding:18px 15px 25px 15px; margin:0 0 0px 0px; }
.boton img {float:left; margin:0 5px 0 0px;}

.boton {background:url(/imagenes/bg_boton_blanco.png) top center no-repeat; padding:22px 15px 45px 15px;  }
#boton_portafolios img {float:left; margin:-8px 5px 0 0px;}
*/

.boton {padding:25px 15px 55px 15px; }
.boton img {float:left; margin:-5px 5px 0 0px;}
.boton stron {font-weight:bold; }
.boton a {text-decoration:none;}


/* Recuadros, avisos y notificaciones
********************************************************************/
.recuadro h2 {font-size:2em; margin:1em 0em 0.5em; color:#4A82B5; font-weight:normal !important; margin:0.5em 0 0.7em;;}
.recuadro {border:3px solid #EFEFEF; padding:10px 20px 20px; margin:20px 0px; background:#FAFAFA;}
.recuadro p {margin-bottom:0.4em;}




/* Valoraciones
********************************************************************/


.post-ratings {
border:1px solid #D6EBFF;
padding:3px 5px;
margin:10px 5px;
font-size:0.9em;
width:auto !important;
}

.post-ratings .estrellitas{float:left;}

.post-ratings p { margin:0px; font-weight:bold; color:#4A80B1;
}

.post-ratings-text {
font-size:0.9em;
display:block;
float:left;
margin:0px 10px;
padding:0px!important;
}



/* Slider de contenidos
********************************************************************/
/*
#galeria_home{margin: 10px;background: #F7F7F7; padding:0px 0px;}
#galeria_home b.rtop, #galeria_home b.rbottom{display:block;background: #FFF}
#galeria_home b.rtop b, #galeria_home b.rbottom b{display:block;height: 1px;overflow:hidden;background:#F7F7F7}
#galeria_home b.r1{margin: 0 5px}
#galeria_home b.r2{margin: 0 3px}
#galeria_home b.r3{margin: 0 2px}
#galeria_home b.rtop b.r4, #galeria_home b.rbottom b.r4{margin: 0 1px;height: 2px}
*/

#galeria_home{background: url(/imagenes/bg_cabecera_seccion.png) top right #FAFAFA; border-bottom:2px solid #EAEBF0;}

#flecha_izq {float:left; padding:90px 20px 0px;}
#flecha_izq img {border:0px;}
#flecha_dcha{float:left; padding:90px 20px;}
#flecha_dcha img {border:0px;}

.wrapper {float:left; padding:5px 20px 10px;}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 710px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 690px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:250px;
}

.panel h1 {font-size:2.7em !important; line-height:1.1em !important; margin:0.5em 0;}
.panel p {}
.panel ul {margin:1em;}
.panel .foto {float:right; margin:5px 0 5px 10px;}
.panel .subtitulo {font-size:18px; font-family:Georgia; font-style:italic; line-height:1.3em;color:#666;}
.panel .texto {font-size:16px; margin-top:10px;font-family:Georgia; line-height:1.3em; }


/*	------------------------
	footer
-------------------------- */
#footer .cont {
	background: url(../imagenes/bg_footer_cont.jpg) 0 0 no-repeat;
	width:738px;
	padding:9px 17px 100px 25px;
	margin: 0 auto;
	color:/*#F3F6F8*/#F3F6F9;
}
#footer .cont a {
	color:/*#F3F6F8*/#F3F6F9;
}
#footer .cont a:hover {
	color:#AEC7D9;
}
/* **************************
	elementos comunes
****************************/
.hidden {display:none !important;}
.to-right {text-align:right;}
.to-center {text-align:center;}
.float-left {float:left;}
.float-right {float:right;}
.ver_mas {text-align:right;}



.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac */ * html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*	------------------------
	contacto
-------------------------- */

#seccion .correo {background:#FAFAFA url(/imagenes/bg_coreo.png) no-repeat scroll right top;}
.clear{clear:both;}
.columna {float:left;width:44%; padding:0px 2%; }
form.formulario input.texto {width: 200px;float:left;margin-bottom:10px;}
form.formulario textarea.texto {width: 200px;height:200px;float:left;margin-bottom:10px;}
form.formulario label {display:block;float:left;margin-right:5px;text-align:right;width:110px;}
input.enviar {background:none;border:1px solid #AEC8DF;color:#4A80B1;font-size:14px;font-weight:bold;text-transform:uppercase;width:110px !important;}
input.enviar:hover {background:#4A80B1;border:1px solid #AEC8DF;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;}
input.borrar {background:none;border:none;color:#FF000A;font-size:12px;}
input.borrar:hover {border-bottom: 1px solid #FF000A; }
.botonera {margin-right: 15px;}