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


/*CSS RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,   {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}


* {margin:0; padding:0;}

body{
	/* Setting default text color, background and a font stack */
	color:#666666;
	font-size:14px;
	background: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#fff url(../images/img_bk.jpg) top center repeat-x;
	line-height:0;
	}



/* STAR: FONTS -------------------------------------------------------------------------------- */	

@font-face {
    font-family: 'DINBold';
    src: url('../fonts/ff_din_bold-webfont.eot');
    src: url('../fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ff_din_bold-webfont.woff') format('woff'),
         url('../fonts/ff_din_bold-webfont.ttf') format('truetype'),
         url('../fonts/ff_din_bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'DINMedium';
    src: url('../fonts/ff_din_medium-webfont.eot');
    src: url('../fonts/ff_din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ff_din_medium-webfont.woff') format('woff'),
         url('../fonts/ff_din_medium-webfont.ttf') format('truetype'),
         url('../fonts/ff_din_medium-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/ff_din_regular-webfont.eot');
    src: url('../fonts/ff_din_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ff_din_regular-webfont.woff') format('woff'),
         url('../fonts/ff_din_regular-webfont.ttf') format('truetype'),
         url('../fonts/ff_din_regular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* END: FONTS -------------------------------------------------------------------------------- */	




/* START: LINKS -------------------------------------------------------------------------------- */	


a, object, div, span, iframe{outline:0;}


a, a:visited {
	color:#00aecb;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration: text-decoration:none;
	color:#005fa9;
}

h1 {font-size:27px; color:#005fa9; font-family: 'DINRegular', Arial, Helvetica, sans-serif; line-height:1.8; text-transform:uppercase }
h2 {font-size:20px; color:#00aecb; font-family: 'DINRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.8}
h3 {font-size:15px; color:#005fa9; font-family: 'DINRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.3}
h4 {font-size:15px; color:#ffffff; font-family: 'DINRegular', Arial, Helvetica, sans-serif;  line-height:1.8 }
h5 {font-size:75px; color:#00aecb; font-family: 'DINRegular', Arial, Helvetica, sans-serif; text-transform:uppercase}
h6 {font-size:75px; color:#00aecb; font-family: 'DINRegular', Arial, Helvetica, sans-serif; text-transform:uppercase}
h7 {font-size:15px; color:#00aecb; font-family: 'DINRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1}

.asesores {font-size:18px; color:#ffffff; font-family: 'DINRegular', Arial, Helvetica, sans-serif;  line-height:1.3 }
/* END: LINKS -------------------------------------------------------------------------------- */	




/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

tr1 {
	margin-left:30px;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight:bold;color:#555;
}

em {
	font-style:oblique;
}

p {
	margin:15px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}






/* Tablas */
#tabla{
	border: 1px solid;
	border-color:#eff4fa;
}
#tittabla td{
	text-align:left;
	padding: 5px 5px 5px 5px;
	color:#FFF;
	background: #999;
	font-family: 'DINRegular', Arial, Helvetica, sans-serif;
}
#tittabla td a{
	text-decoration:underline;
	text-align:left;
}
#tittabla td a:hover{
	text-decoration:underline;
	text-align:left;
}
#celda1 td{
	text-align:left;
	padding: 4px 8px 4px 8px;
	background: url(../images/img_celda1.gif) ;
}

#celda2 td{
	text-align:left;
	padding: 4px 8px 4px 8px;
	background: url(../images/img_celda2.gif) ;
}






/* STAR: HEADER Y FOOTER -------------------------------------------------------------------------------- */	

	
.wrap {
		margin:0 auto;
		width: auto;}
		
.espacio_header {
		margin:0 auto;
		height:96px;}
	
	#header {
	float:left;
	min-width:100%;
	box-shadow:1px 3px 8px #ccc;
	-moz-box-shadow:1px 3px 8px #ccc;
	-webkit-box-shadow:1px 3px 8px #ccc;
	}
	
	#header {
		background:#f8f8f8 url(../images/img_bk_header.jpg) bottom;
		position: absolute;
		top:0;
		z-index:999
		
	}
	
	#header .pleca {
	float:left;
	min-width:100%;
	height:30px;
	background: url(../images/img_celda_header.gif);
	}
	
	
	#header .negocio { 
	float:left;
	width:640px;
	margin-left:210px;
	text-align:left;
	font-size:12px; 

	}
	
	.indicador { 
	background:url(../images/img_indicador.png) bottom center no-repeat
	}
	
	#header .negocio ul{list-style:none;}
	#header .negocio li{float:left; margin:0;}
	#header .negocio li a{ height:23px; display:block; padding:8px 12px 0 12px; color:#FFF;
font-family: 'DINRegular', Arial, Helvetica, sans-serif; text-transform:uppercase }
	#header .negocio li a:hover{color:#e9ef40; }
	


	#header .logo {
	float:left;
	width:200px;
	height:66px;
	background:url(../images/img_logo_sura.jpg) no-repeat left top
	}
	
	#header .menu {
	float:left;
	width: auto;
	height:66px;
	}
	
	#header .clientes {
	float:right;
	width: 110px;
	height:66px;
	}
	
	#header p {
		text-align:right;
		margin-top:25px;
	}
	
	#content {
		clear:both;
	}
	
	.bk_sombra { background:#FFF; padding:3px }
	
	#footer {
		background:#f8f8f8 url(../images/img_bk_footer.jpg) top;
		text-align:left;
		/*To anchor to bottom of page uncomment the following lines:*/
		/*position:fixed;
		bottom:0;*/
	}
	
	#footer {
	float:left;
	padding:8px 0 5px 0;
	min-width:100%;
	position: fixed;
	bottom:0px;
	z-index:9999
	}
	
	#footer .legales {
		float:left;
		width:340px;
		margin-left:10px;
		text-align:left;
		height:22px;
	}
	
	#footer .legales ul{list-style:none;}
	#footer .legales li{float:left; margin:0;}
	#footer .legales li a{  display:block; padding:3px 8px 0 8px; color:#005fa9;
font-family: 'DINRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px }
	#footer .legales li a:hover{color:#00aecb; }
	
	
	#footer p {
		float:right;
		width:290px;
		text-align:right;
		margin:3px 20px 0 0;
		font-family: 'DINRegular', Arial, Helvetica, sans-serif;
		font-size:11px 
	}
	
	#footer a {
		color:#fff;
	}
	
/* END: HEADER Y FOOTER -------------------------------------------------------------------------------- */	





 
	
/* START MENU COLAPSABLE ---------------------------------------------------------------------------------------- */
	
	/* style for horizontal nav */	
	#navigation_horiz {  clear:both; padding:0 0 0 0; }
	#navigation_horiz  ul {float:left; height:10px; display:block}
	#navigation_horiz  ul li {display:block; float:left; width:110px; height:58px; margin:0 0 0 0; position:relative;  }
	#navigation_horiz  ul li a.navlink {display:block; width:110px; height:30px; padding: 24px 0 0 0; text-align:center; color:#666; text-decoration:none; font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; z-index:99999999999999 }
	
	#navigation_horiz .dropdown {
	position: absolute;
	padding: 22px 15px 10px 20px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	left: 40px;
	top: 125px;
}

/* style for each drop down - horizontal */
#navigation_horiz ul li #dropdown_one {background:url(../images/img_textura_menu.png) top left; color:#666; font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:14px; }

#navigation_horiz ul li #dropdown_one a {color:blue}

/* END MENU COLAPSABLE ---------------------------------------------------------------------------------------- */
	
	
	
	
	
/* START MENU AESORíA ---------------------------------------------------------------------------------------- */
#bt_asesoria a {display:block; background: top left no-repeat; float:left;  }
#bt_asesoria a:hover {background-position: 0px -80px}
#bt_asesoria span {visibility: hidden;}

#bt_asesoria #bt_asesoria1 {background-image: url(../images/bt_asesoria_01.png); width:185px;height:80px;}
#bt_asesoria #bt_asesoria2 {background-image: url(../images/bt_asesoria_02.png); width:185px;height:80px;}
#bt_asesoria #bt_asesoria3 {background-image: url(../images/bt_asesoria_03.png); width:185px;height:80px; }

.ancho1  { width:560px; }

/* END MENU AESORíA ---------------------------------------------------------------------------------------- */



/* START MENU PRODUCTOS ---------------------------------------------------------------------------------------- */
#bt_productos a {display:block; background: top left no-repeat; float:left;  }
#bt_productos a:hover {background-position: 0px -80px}
#bt_productos span {visibility: hidden;}

#bt_productos #bt_productos1 {background-image: url(../images/bt_productos_01.png); width:185px;height:80px;}
#bt_productos #bt_productos2 {background-image: url(../images/bt_productos_02.png); width:185px;height:80px;}
#bt_productos #bt_productos3 {background-image: url(../images/bt_productos_03.png); width:185px;height:80px;}

.ancho2  { width:560px; }

/* END MENU PRODUCTOS ---------------------------------------------------------------------------------------- */



/* START MENU SERVICIOS ---------------------------------------------------------------------------------------- */
#bt_servicios a {display:block; background: top left no-repeat; float:left;  }
#bt_servicios a:hover {background-position: 0px -80px}
#bt_servicios span {visibility: hidden;}

#bt_servicios #bt_servicios1 {background-image: url(../images/bt_servicios_01.png); width:185px;height:80px;}
#bt_servicios #bt_servicios2 {background-image: url(../images/bt_servicios_02.png); width:185px;height:80px;}
#bt_servicios #bt_servicios3 {background-image: url(../images/bt_servicios_03.png); width:185px;height:80px;}
#bt_servicios #bt_servicios4 {background-image: url(../images/bt_servicios_04.png); width:185px;height:80px;}

.ancho3  { width:740px; }

/* END MENU SERVICIOS ---------------------------------------------------------------------------------------- */




/* START MENU HERRAMIENTAS ---------------------------------------------------------------------------------------- */
#bt_herramientas a {display:block; background: top left no-repeat; float:left;  }
#bt_herramientas a:hover {background-position: 0px -80px}
#bt_herramientas span {visibility: hidden;}

#bt_herramientas #bt_herramientas1 {background-image: url(../images/bt_herramientas_01.png); width:185px;height:80px;}
#bt_herramientas #bt_herramientas2 {background-image: url(../images/bt_herramientas_02.png); width:185px;height:80px;}
#bt_herramientas #bt_herramientas3 {background-image: url(../images/bt_herramientas_03.png); width:185px;height:80px;}
#bt_herramientas #bt_herramientas4 {background-image: url(../images/bt_herramientas_04.png); width:185px;height:80px;}

.ancho4  { width:740px; }

/* END MENU HERRAMIENTAS ---------------------------------------------------------------------------------------- */



/* START MENU CONTACTO ---------------------------------------------------------------------------------------- */
#bt_contacto a {display:block; background: top left no-repeat; float:left;  }
#bt_contacto a:hover {background-position: 0px -80px}
#bt_contacto span {visibility: hidden;}

#bt_contacto #bt_contacto1 {background-image: url(../images/bt_contacto_01.png); width:185px;height:80px;}

.ancho5  { width:180px; }
/* END MENU CONTACTO ---------------------------------------------------------------------------------------- */




/* START CLIENTES ---------------------------------------------------------------------------------------- */
#bt_clientes a {display:block; font-size:12px; line-height:1.2;
	font-family: 'DINRegular', Arial, Helvetica, sans-serif; color:#666; }
#bt_clientes a:hover {background-position: 0px -66px;}
#bt_clientes span {visibility: hidden;}
#bt_clientes #bt_clientes1 {background-image: url(../images/bt_clientes.png); width:110px;height:66px; }
/* END CLIENTES ---------------------------------------------------------------------------------------- */
	
	
	

/* START ICONOS REDES SOCIALES ---------------------------------------------------------------------------------------- */

#socialIcons {
position: absolute; background: #fff; padding: 8px 1px 1px 1px;
right: 0; top: 140px; width: 40px; z-index: 2;

	
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 2px #ccc;
-webkit-box-shadow:0 0 2px #ccc;
box-shadow:0 0 2px #ccc;}
#socialIcons img {display: block; margin: 0 auto 6px auto; }

/* END ICONOS REDES SOCIALES ---------------------------------------------------------------------------------------- */


/* START tooltips ---------------------------------------------------------------------------------------- */

a:hover { text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:16px 8px 8px 6px; margin-left:-90px;  margin-top:-45px; width:70px; height:26px; font-size:11px; line-height:100%; cursor:pointer; font-family: 'DINRegular', Arial, Helvetica, sans-serif;}
a.tooltip:hover span{display:inline; position:absolute; background:url(../images/img_tool_bolsa.png) ; color:#005fa9; z-index:99999999;}
/* END tooltips ---------------------------------------------------------------------------------------- */




/* START CARRUSEL ---------------------------------------------------------------------------------------- */
/* the container */
.parallax_classic {
	position:relative;
}
.parallax_classic img {
	max-width:none;
	max-height:none;
}
.parallax_classic_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}


.parallax_classic .contentHolderVisibleWrapper {
	position:absolute;
	overflow:hidden; width:300px;
}
.parallax_classic .contentHolder {
	position:absolute;
}
.parallax_classic .contentHolderUnit {
	float:left;
	display:block;
	overflow:hidden;
}
.mycanvas {
	position:absolute;
	top:8px;
	right:13px;
	z-index:10;
}
.myloader {
	background:url(../images/loader.gif);
	width:128px;
	height:15px;
	position:absolute;
	left:49%;
	top:49%;
	z-index:5;
}


.fixedBackground {
	position:absolute;
	z-index:0;
}


/***thumbs SKIN***/
.parallax_classic.thumbs .bannerControls {
	position:absolute;
	left:0;
	top:0;
	/*z-index:1;*/
	z-index:5;
	width:100%;
}
 
/* thumbs */
.parallax_classic.thumbs .thumbsHolderWrapper {
	position:absolute;
	height:120px;
	width:100%;
	overflow:hidden;
	padding:0;
	z-index:2;
}
.parallax_classic.thumbs .thumbsHolderVisibleWrapper {
	position:absolute;
	width:100%;
	height:120px;
	overflow:hidden;
}
.parallax_classic.thumbs .thumbsHolder {
	position:absolute;	
}
.parallax_classic.thumbs .thumbsHolder_ThumbOFF {
	float:left;
	display:block;
	width:380px;
	height:100px;
	cursor: pointer;	
}


.parallax_classic.thumbs .thumbsHolder_ThumbOFF img {
	position:relative;

}

.parallax_classic.thumbs .thumbsHolder_ThumbON {
	background:url(../images/img_indicador_menu.jpg) center 0px no-repeat;
}

.parallax_classic.thumbs .thumbsHolder_ThumbON img {
	position:relative;
}


.parallax_classic.thumbs .carouselLeftNav {
	position:absolute;
	width:10px;
	height:95px;
	cursor: pointer;
}
 
.parallax_classic.thumbs .carouselRightNav {
	position:absolute;
	width:10px;
	height:95px;
	cursor: pointer;
}


/* END CARRUSEL ---------------------------------------------------------------------------------------- */






/* START PAGESLIDE ---------------------------------------------------------------------------------------- */

#pageslide {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 410px;
    padding: 20px;
  	 background: url(../images/img_bk_asesores.jpg) top  right repeat;
    color: #FFF;
    
}

#asesores_cont { display: none;}


ul#asesor{
		display: block;
		float: left;
		width: 400px;
		padding: 0px;
		border: 0px;
		margin: 0px;
		list-style: none;}
	
ul#asesor li{
		display: block;
		padding: 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
		width: 400px;
		float: left;}
				
ul#asesor li a:link, ul#asesor li a:visited {color: #FFF;
		display: block;
		padding: 5px 0px 5px 0px;
		font-size: 13px;
		border-bottom: #fff dotted 1px;
		height: 90px;}

ul#asesor li a img{float: left; padding: 0px 15px 0px 0px;
		width: 90px; height:90px}
	
ul#asesor li a:hover{
		background: #005fa9;
		color: #FFF;}			

/* END PAGESLIDE ---------------------------------------------------------------------------------------- */



/* START ASESORES ---------------------------------------------------------------------- */

#asesores {
position:  absolute; left: 0; top: 190px; width: 67px; z-index: 2;}
#asesores img {display: block; margin: 0; }

/* END ASESORES -------------------------- */




/* START CONTENIDOS ---------------------------------------------------------------------------------------- */

.caja_contenido{
	width:1000px;
	height: auto;
	margin:auto;
	margin-top:20px;
	margin-bottom:120px;
}

.bullets ul li {
	margin-left:20px;
	padding-left:15px;
	line-height:1.5;
	background:transparent url(../images/img_bullet.png) left top no-repeat;
}


/* END CONTENIDOS ---------------------------------------------------------------------------------------- */





/* START BOTONES ---------------------------------------------------------------------------------------- */

.caja_botones{
	width:1066px;
	height:222px;
	margin:auto;
	margin-top:40px;
	margin-bottom:30px;
}

.caja_pir{
	width:1066px;
	height:100px;
	margin:auto;
	margin-top:10px;
	margin-bottom:-58px;
}


/* END BOTONES ---------------------------------------------------------------------------------------- */



	
/* START MENU BOTONES INF ---------------------------------------------------------------------------------------- */
#bt_botones_inf a {display:block; background: top left no-repeat; float:left;  }
#bt_botones_inf a:hover {background-position: 0px -222px}

#bt_botones_inf span {visibility: hidden;}

#bt_botones_inf #bt_botones_inf1 {background-image: url(../images/bt_inf_01-1000.jpg); width:166px;height:222px; margin:0px 7px 0px 0px;}
#bt_botones_inf #bt_botones_inf2 {background-image: url(../images/bt_inf_02-1000.jpg); width:166px;height:222px; margin:0px 7px 0px 7px;}
#bt_botones_inf #bt_botones_inf3 {background-image: url(../images/bt_inf_03-1000.jpg); width:166px;height:222px; margin:0px 7px 0px 7px;}
#bt_botones_inf #bt_botones_inf4 {background-image: url(../images/bt_inf_04-1000.jpg); width:166px;height:222px; margin:0px 7px 0px 7px;}
#bt_botones_inf #bt_botones_inf5 {background-image: url(../images/bt_inf_05-1000.jpg); width:166px;height:222px; margin:0px 7px 0px 7px;}
#bt_botones_inf #bt_botones_inf6 {background-image: url(../images/bt_inf_06-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 7px;}

#bt_botones_inf #bt_botones_inf7 {background-image: url(../images/bt_inf_07-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 7px;}
#bt_botones_inf #bt_botones_inf8 {background-image: url(../images/bt_inf_08-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 7px;}
#bt_botones_inf #bt_botones_inf3-2 {background-image: url(../images/bt_inf_03-1000.jpg); width:166px;height:222px; margin:0px 7px 0px 7px;}


#bt_botones_inf #bt_botones_inf9 {background-image: url(../images/bt_retiro_01.png); width:166px;height:222px; margin:0px 0px 0px 7px;}
#bt_botones_inf #bt_botones_inf10 {background-image: url(../images/bt_retiro_02.png); width:166px;height:222px; margin:0px 0px 0px 7px;}

#bt_botones_inf #bt_botones_inf15 {background-image: url(../images/bt_retiro_05.png); width:166px;height:222px; margin:0px 0px 0px 7px;}
#bt_botones_inf #bt_botones_inf16 {background-image: url(../images/bt_retiro_06.png); width:166px;height:222px; margin:0px 0px 0px 7px;}



#bt_botones_inf #bt_botones_inf11 {background-image: url(../images/bt_inv_01.jpg); width:166px;height:222px; margin:0px 0px 0px 7px;}
#bt_botones_inf #bt_botones_inf12 {background-image: url(../images/bt_inv_02.jpg); width:166px;height:222px; margin:0px 0px 0px 7px;}
#bt_botones_inf #bt_botones_inf13 {background-image: url(../images/bt_inv_03.jpg); width:166px;height:222px; margin:0px 0px 0px 7px;}
#bt_botones_inf #bt_botones_inf14 {background-image: url(../images/bt_inv_04.png); width:166px;height:222px; margin:0px 0px 0px 7px;}

/* END MENU BOTONES INF ---------------------------------------------------------------------------------------- */
	
	
/* START MENU BOTONES pir -------------------------------------------------------------------------------------- */
#bt_botones_pir a {display:block; background: top left no-repeat; float:left; }
#bt_botones_pir a:hover {background-position: 0px -95px}

#bt_botones_pir span {visibility: hidden;}
#bt_botones_pir #bt_botones_pir1 {background-image: url(../images/bt_pir_01.png); width:688px;height:95px; margin:0px 0px 0px 6px;}
/* END MENU BOTONES pir ---------------------------------------------------------------------------------------- */
		


/* START RENDIMIENTOS ---------------------------------------------------------------------------------------- */

.caja_indi{
	 width:90%; 
	height:30px;
	margin:auto;
	margin-bottom:50px;
} 

.newsticker_wrapper {
    border-radius: 6px;
	-webkit-border-radius:6px;
    -moz-border-radius: 6px;
    line-height: 30px;        
    height: 30px;
    background-color: #e9e9e9;
    background-position: bottom right;
    -webkit-text-size-adjust: none;
	margin: 0;
} 

.newsticker_wrapper h4 {
    color: #005fa9;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 14px 0 11px;
    margin: 0 11px 0 0;
	font-size:12px; 
    background: transparent url('../images/title_separator.png') no-repeat 100% 6px;
}


.newsticker_wrapper h8 {
    color: #666;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 2px 0 2px;
    margin: 0 2px 0 0;
	font-family: 'DINBold', Arial, Helvetica, sans-serif;
	font-size:12px; 
}

.newsticker a {
    color: #005fa9;
}

.newsticker {
    height: 30px;
    margin: 0;
    padding: 0; 
}

.newsticker li {
    padding: 0 15px;
    list-style-type: none;
    list-style-image: none;
} 

.newsticker_controls {
    position: absolute;
    right: 15px;
    top: 0;
    list-style-type: none;
    list-style-image: none;    
    background-color: #e9e9e9;
    z-index: 30;
    margin: 0;
    padding-left: 10px;
}

.newsticker_controls li {
    float: left;    
    height: 30px;
    background-repeat: no-repeat;
    background-color: #e9e9e9;
    cursor: pointer;
}

.newsticker_controls .previous,
.newsticker_controls .next {
    width: 12px;
}

.newsticker_controls .pause,
.newsticker_controls .resume {
    width: 13px;
    padding: 0 10px;
    background-position: center;
}

.newsticker_controls .pause {
    background-image: url('../images/pause.png');           
}

.newsticker_controls .resume {
    background-image: url('../images/resume.png');       
}

.newsticker_controls .previous {
    background-image: url('../images/previous.png');   
    background-position: left center;
}

.newsticker_controls .next {
    background-image: url('../images/next.png');   
    background-position: right center;
}

.newsticker_style_reveal .newsticker li {
    left: 15px !important;
}

/* Reveal */
.newsticker_style_reveal .newsticker li {
    left: 15px !important;
}

/* Scroll */
.newsticker_style_scroll .newsticker li {
    margin-right: 50px;
    padding: 0;
}

.newsticker_scroller {
    margin: 0 10px;
}



/* END RENDIMIENTOS ---------------------------------------------------------------------------------------- */










  
/* STAR: GENERAL -------------------------------------------------------------------------------- */	
#loader {position: fixed; left: 50%; top: 50%; overflow:hidden; z-index: 99999; width:80px; height:40px; margin-top:-10px; margin-left:-40px; background:url(../images/loader.gif) no-repeat center center}  
/* END: GENERAL -------------------------------------------------------------------------------- */	


/* STAR: NAVEGACIóN -------------------------------------------------------------------------------- */	
  /* SUB NAV */
   .subnav {z-index:9998; margin-top:-40px; right:25px; overflow:hidden; }
   .subnav li {display:block; float:right}
   .subnav li a {background:#a0a0a0; display:block; padding:8px 8px 8px 8px; margin:0 0 6px 0; color:#fff; font-size:11px; font-weight:300; text-transform:uppercase; font-family: 'DINRegular', Arial, Helvetica, sans-serif; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border-right:#fff 1px solid}
   .subnav li a:hover {text-decoration:none; color:#fff; background:#666; box-shadow:0 0 3px #333; -moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #fff}
   .subnav li a.current {color:#fff !important; background:#00aecb !important; box-shadow:inset 0 0 3px #292929 !important; -moz-box-shadow:inset 0 0 3px #292929 !important; -webkit-box-shadow:inset 0 0 3px #292929 !important}
/* END: NAVEGACIóN -------------------------------------------------------------------------------- */	


/* STAR: GALERíA -------------------------------------------------------------------------------- */	

   #gallery {overflow:hidden; margin:0 22px 30px 0;  }
   #gallery li {cursor:pointer; position:relative; float:left; width:33.3%; margin:0 -1px 0 0; }
   #gallery li a {margin:15px 0 0 15px; display:block; overflow:hidden; background:url(../images/link.png) no-repeat center center #666; 
   /* CSS3 Box Shadow */
	-moz-box-shadow:0 0 8px #333;
	-webkit-box-shadow:0 0 8px #333;
	box-shadow:0 0 8px #333;}
	
   #gallery li img {width:100%; display:block}
   #gallery li:hover img {opacity:0.3}
   #gallery li a.no-image {background:none; color:#00aecb; display:block; overflow:hidden; padding:0px 0 10px 0}
   #gallery li a.no-image:hover {color:#666}
   #gallery li span {position:absolute; bottom:0; right:0; background:#999; display:block; padding:10px; text-align:left; color:#fff; width:90%; font-size:12px; }
   #gallery li:hover span {background:#666; color:#fff}

/* END: GALERíA -------------------------------------------------------------------------------- */	



/* STAR: ANIMACIóN CCS3 ----------------------------------------------------------------------------- */

/* ISOTOPE TRANSITIONS */
   .isotope,
   .isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
      -moz-transition-duration: 0.8s;
       -ms-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
           transition-duration: 0.8s;
   }
   .isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
        -ms-transition-property: height, width;
         -o-transition-property: height, width;
            transition-property: height, width;
   }
   .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
   }

   /* opacity */
   #place_photo .close, .reply a, #jstwitter .paginate li a, .laccordion h3 a, .btn-link, 
   #load-more a, .post-intro h3 a, input[type=submit], .buy, #buy, .fancybox-nav span,
   #gallery li img, #gallery li span, #portfolio-preview li img, #portfolio-slides #resize,
   .gallery li a img
   {
   -webkit-backface-visibility: hidden !important;
   -webkit-transition: opacity 0.2s linear;
      -moz-transition: opacity 0.2s linear;
       -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;     
           transition: opacity 0.2s linear;
   } 
   
   
/* END: ANIMACIóN CCS3 ----------------------------------------------------------------------------- */	
  




/* START: FONDO ----------------------------------------------------------------------------- */	
  
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/loader.gif) no-repeat center center;}
	
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/loader.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
	
/* END: FONDO ----------------------------------------------------------------------------- */	
  
  		
/* START: CENTRADO BOTONES ----------------------------------------------------------------------------- */	
  
#ingresa {
  width: 500px;
  height: 175px;
 
  position: absolute;
  top: 50%;
  left: 50%;
 
  margin-left: -250px;  /* width/2 = 960px / 2 */
  margin-top: 60px;   /* height/2 = 560px / 2 */
}

#preguntas {
padding:10px;
width: 520px;
height: 340px;
 
position: absolute;
top: 50%;
left: 50%;
 
margin-left: -260px;  /* width/2 = 960px / 2 */
margin-top: -170px;   /* height/2 = 560px / 2 */
}

#resultado_perfil {
margin-left:60px;
width:400px;
height:400px;
float:left;
}


#preguntas_micro {
	 
padding:10px;
width: 260px;
height: 510px;
 
position: absolute;
top: 50%;
left: 50%;
 
margin-left: -130px;  /* width/2 = 960px / 2 */
margin-top: -235px;   /* height/2 = 560px / 2 */
}

#micros_actuales {
background: url(../images/img_sombra_azul.png);
padding:10px;
right: 0; 
width: 200px;
height:170px;
	
position: absolute;
top: 50%;
margin-top: -85px;   /* height/2 = 560px / 2 */
}

#micros_totales {
background: url(../images/img_sombra_azul.png);
padding:10px;
right: 0; 
width: 80%;
height: auto;
	
position: absolute;
left: 50%;
margin-left: -40%;  /* width/2 = 960px / 2 */
margin-top: 10px;   /* height/2 = 560px / 2 */
}

#micros_productos {
background: url(../images/img_sombra_azul_claro.png);
padding:10px;
left: 0; 
width: 220px;
height:510px;
	
position: absolute;
top: 50%;
margin-top: -235px;   /* height/2 = 560px / 2 */
}

#micros_resumen {
background: url(../images/img_sombra_azul_claro.png);
padding:10px;
left: 0; 
width: 480px;
height:510px;
	
position: absolute;
top: 50%;
margin-top: -235px;   /* height/2 = 560px / 2 */
}


/* END: CENTRADO BOTONES ----------------------------------------------------------------------------- */	


/* START: PERFIL FB ----------------------------------------------------------------------------- */	

.foto_perfil_min {   }
.foto_perfil_min img { width:50px; height:50px } 

.foto_perfil img { width:200px; height:200px; float:left; margin:0px 15px 15px 0px;} 
.nombre_perfil {font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF;  line-height:1.8;  float:left; margin-top:60px;} 

.foto_perfil_resul img { width:70px; height:70px; padding:0px 0px 4px 0px;}
 
.nombre_resul  {font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:13px; color:#e9ef40;  line-height:1; padding:0px 0px 4px 0px;} 

.nombre_perfil_min {font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF;  line-height:1.8} 

.nombre_perfil_azul {font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#005fa9;  line-height:1.8; padding:0px 0px 8px 0px;} 

.foto_perfil_micro img { width:110px; height:110px; padding:0px 0px 4px 0px;} 

.texto_resultado {font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:13px; color:#FFF;  line-height:1.3;  float:left;} 

.leyenda {font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;  line-height:1.2;  float:left;} 

.nota {font-family: 'DINRegular', Arial, Helvetica, sans-serif; font-size:11px; color:#e9ef40;  line-height:1.2;  float:left;} 

.mini {font-size:11px; color:#666;  line-height:1.3; } 

.medio {font-size:12px; color:#666;  line-height:1.3; } 

.pregunta {font-size:27px; color:#fff; font-family: 'DINMedium', Arial, Helvetica, sans-serif; line-height:1.3;  float:left }
.pregunta_turquesa {font-size:20px; color:#00aecb; font-family: 'DINMedium', Arial, Helvetica, sans-serif; line-height:1.3;  float:left }

.perfil {font-size:25px; color:#e9ef40; font-family: 'DINMedium', Arial, Helvetica, sans-serif; line-height:1.3;  float:left; }
.sub_pregunta {font-size:20px; color:#e9ef40; font-family: 'DINMedium', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.2}
.sub_pregunta_azul {font-size:20px; color:#005fa9; font-family: 'DINMedium', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.2}
.pesos {font-size:20px; color:#666; padding-right:10px; font-family: 'DINMedium', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.2}

.frase {font-size:13px; color:#fff; padding-right:10px; font-family: 'DINMedium', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.2}

.ahorrado {font-size:16px; color:#e9ef40; font-family: 'DINMedium', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.2}

.sub_ahorrado {font-size:14px; color:#fff; font-family: 'DINMedium', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.2}


.resultado {font-size:30px; color:#e9ef40; font-family: 'DINMedium', Arial, Helvetica, sans-serif; line-height:1.3; }

 

/* END: PERFIL FB ----------------------------------------------------------------------------- */	
  
  
  

/* START: BT_REDUCE ------------------------------------------------------------------------- */

#bcarita img{ height:80px; width:80px; }


#bt_reduce a {display:block; background: top left no-repeat; margin-top:20px; margin-right:10px; float:right  }
#bt_reduce a:hover {background-position: 0px -74px}
#bt_reduce span {visibility: hidden}
#bt_reduce #bt_reduce1 {background-image: url(../images/bt_reduce.png); width:180px;height:74px; }

/* END: BT_REDUCE ------------------------------------------------------------------------- */


/* START: BT_AJUSTA ------------------------------------------------------------------------- */

#bt_ajusta a {display:block; background: top left no-repeat;  margin-bottom:20px; float: left }
#bt_ajusta a:hover {background-position: 0px -74px}
#bt_ajusta span {visibility: hidden}
#bt_ajusta #bt_ajusta1 {background-image: url(../images/bt_ajusta.png); width:140px;height:74px; margin-right:10px; }

/* END: BT_AJUSTA------------------------------------------------------------------------- */


  
/* STAR: COMPARTIR ----------------------------------------------------------------------------- */	
  	
#bt_compartir a {display:block; background: top left no-repeat; margin-top:20px;  float:left  }
#bt_compartir a:hover {background-position: 0px -84px}

#bt_compartir span {visibility: hidden}

#bt_compartir #bt_compartir1 {background-image: url(../images/bt_fb.png); width:400px;height:84px;   }
/* END: COMPARTIR ----------------------------------------------------------------------------- */	



/* STAR: SOCIAL ----------------------------------------------------------------------------- */	
  	
#bt_social a {display:block; background: top left no-repeat; float:right; }
#bt_social a:hover {background-position: 0px -84px}

#bt_social span {visibility: hidden}

#bt_social #bt_social1 {background-image: url(../images/bt_tw.jpg); width:84px;height:84px;    }
#bt_social #bt_social2 {background-image: url(../images/bt_fb.jpg); width:84px;height:84px;   }
/* END: SOCIAL ----------------------------------------------------------------------------- */	


/* STAR: FORMULARIO ----------------------------------------------------------------------------- */	
  	

#bt_asesor a {display:block; background: top left no-repeat; float:left; }
#bt_asesor a:hover {background-position: 0px -300px}
#bt_asesor span {visibility: hidden}
#bt_asesor #bt_asesor1 {background-image: url(../images/bt_asesor.png); width:400px;height:300px; }

/* END: FORMULARIO ----------------------------------------------------------------------------- */	



  
/* START: RADIO BOTONES ----------------------------------------------------------------------------- */	



/* END: RADIO BOTONES ----------------------------------------------------------------------------- */	
  




/* STAR: ACORDEON -------------------------------------------------------------------------------- */	

.ui-accordion .ui-state-default campos_tablas, .ui-widget-content .ui-state-default campos_tablas, .ui-widget-header .ui-state-default campos_tablas { border: 1px solid #ccc; background: #efefef; font-weight: normal; color: #005fa9; }
.ui-state-default campos_tablas a, .ui-state-default campos_tablas a:link, .ui-state-default campos_tablas a:visited { color: #005fa9; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada ; font-weight: normal; color: #005fa9; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #005fa9; text-decoration: none; }
.ui-accordion .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #999; background:#999; font-weight: normal; color: #fff; }
.ui-accordion .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #005fa9; text-decoration: none; }

.ui-button .ui-state-default campos_tablas, .ui-widget-content .ui-state-default campos_tablas, .ui-widget-header .ui-state-default campos_tablas { border: 1px solid #d3d3d3; background: #efefef; font-weight: normal; color: #005fa9; }
.ui-button .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #e9ef40; font-weight: normal; color: #005fa9; }
.ui-button .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #005fa9; text-decoration: none; }

/* END: ACORDEON -------------------------------------------------------------------------------- */	








/* ==================================================================================== */
/* MEDIA QUERY 1240 - 1025 compus chicas */
/* ==================================================================================== */

@media only screen and (min-width: 1025px) and (max-width: 1240px) {
.caja_botones{    width:996px;}

#bt_botones_inf a {display:block; background: top left no-repeat; float:left;  }
#bt_botones_inf a:hover {background-position: 0px -222px}

#bt_botones_inf span {visibility: hidden;}

#bt_botones_inf #bt_botones_inf1 {background-image: url(../images/bt_inf_01-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 0px;}
#bt_botones_inf #bt_botones_inf2 {background-image: url(../images/bt_inf_02-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 0px;}
#bt_botones_inf #bt_botones_inf3 {background-image: url(../images/bt_inf_03-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 0px;}
#bt_botones_inf #bt_botones_inf4 {background-image: url(../images/bt_inf_04-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 0px;}
#bt_botones_inf #bt_botones_inf5 {background-image: url(../images/bt_inf_05-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 0px;}
#bt_botones_inf #bt_botones_inf6 {background-image: url(../images/bt_inf_06-1000.jpg); width:166px;height:222px; margin:0px 0px 0px 0px;}
}
   

/* ==================================================================================== */
/* MEDIA QUERY 1024 - 769 tabletas varias rosa */
/* ==================================================================================== */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
#header .negocio { margin-left:170px; }
#header .logo {
float:left;
width:165px;
height:66px;
background:url(../images/img_logo_sura.jpg) no-repeat left top;
}

#navigation_horiz  ul li {display:block; float:left; width:98px; height:58px; }
#navigation_horiz  ul li a.navlink {width:98px; height:40px;  padding: 26px 0 0 0; font-size:13px;}
#navigation_horiz ul li #dropdown_one {background:url(../images/img_textura_menu.png) top left; color:#666;font-size:13px; }



.caja_botones{    width:757px;}

#bt_botones_inf a {display:block; background: top left no-repeat; float:left;  }
#bt_botones_inf a:hover {background-position: 0px -222px}

#bt_botones_inf span {visibility: hidden;}

#bt_botones_inf #bt_botones_inf1 {background-image: url(../images/bt_inf_01-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf2 {background-image: url(../images/bt_inf_02-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf3 {background-image: url(../images/bt_inf_03-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf4 {background-image: url(../images/bt_inf_04-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf5 {background-image: url(../images/bt_inf_05-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf6 {background-image: url(../images/bt_inf_06-min.jpg); width:112px;height:222px; margin:0px 0px 0px 0px;}


#asesores { top:160px; width: 55px; }
#asesores img { width: 55px; height:160px}
#socialIcons { top: 160px; width: 30px;}
#socialIcons img {display: block; margin: 0 auto 6px auto;  width: 25px;  }

.caja_contenido{ width:760px; }
  #gallery {overflow:hidden; margin:0 22px 30px 0;  }
  #gallery li {width:50%; margin:0 -1px 0 0; }
  #gallery li span {width:91%; font-size:12px; }

 }


   
   

/* ==================================================================================== */
/* MEDIA QUERY 768 - 1 tableta horizontal rojo */ 
/* ==================================================================================== */

@media only screen and (device-width: 768px), only screen and (min-width: 1px) and (max-width: 768px) {
#header .negocio { margin-left:190px; font-size:12px;}
#header .logo {
float:left;
width:180px;
height:66px;
background:url(../images/img_logo_sura_min.jpg) no-repeat left top;
background-size:200px 66px;
}
 

#navigation_horiz  ul li {display:block; float:left; width:115px; height:58px; }
#navigation_horiz  ul li a.navlink {width:115px; height:44px;  padding: 22px 0 0 0; font-size:16px;   }
#navigation_horiz ul li #dropdown_one {background:url(../images/img_textura_menu.png) top left; color:#666;font-size:14px; }

 

.caja_botones{   width:757px;}

#bt_botones_inf a {display:block; background: top left no-repeat; float:left;  }
#bt_botones_inf a:hover {background-position: 0px -222px}

#bt_botones_inf span {visibility: hidden;}

#bt_botones_inf #bt_botones_inf1 {background-image: url(../images/bt_inf_01-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf2 {background-image: url(../images/bt_inf_02-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf3 {background-image: url(../images/bt_inf_03-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf4 {background-image: url(../images/bt_inf_04-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf5 {background-image: url(../images/bt_inf_05-min.jpg); width:112px;height:222px; margin:0px 17px 0px 0px;}
#bt_botones_inf #bt_botones_inf6 {background-image: url(../images/bt_inf_06-min.jpg); width:112px;height:222px; margin:0px 0px 0px 0px;}



#asesores { top:160px; width: 55px; }
#asesores img { width: 55px; height:160px}
#socialIcons { top: 160px; width: 30px;}
#socialIcons img {display: block; margin: 0 auto 6px auto;  width: 25px;  }

.caja_contenido{ width:90%; }
  #gallery {overflow:hidden; margin:0 22px 30px 0;  }
  #gallery li {width:33.3%; margin:0 -1px 0 0; }
  #gallery li span {width:89%; font-size:12px; }
} 


/* ==================================================================================== */
/* MEDIA QUERY 641-768 tableta vertical negro */
/* ==================================================================================== */

@media only screen and (min-width: 641px) and (max-width: 768px) {  
#header .negocio { margin-left:128px; }
#header .logo {
float:left;
width:165px;
height:66px;
background:url(../images/img_logo_sura_min.jpg) no-repeat left top;
background-size:200px 66px;
}
 
#navigation_horiz  ul li {display:block; float:left; width:95px; height:58px; }
#navigation_horiz  ul li a.navlink {width:95px; height:40px;  padding: 26px 0 0 0;  font-size:13px;}
#navigation_horiz ul li #dropdown_one {background:url(../images/img_textura_menu.png) top left; color:#666;font-size:13px; }

 
.caja_botones{  width:687px; }

#bt_botones_inf a {display:block; background: top left no-repeat; float:left;  }
#bt_botones_inf a:hover {background-position: 0px -222px}

#bt_botones_inf span {visibility: hidden;}

#bt_botones_inf #bt_botones_inf1 {background-image: url(../images/bt_inf_01-min.jpg); width:112px;height:222px; margin:0px 3px 0px 0px;}
#bt_botones_inf #bt_botones_inf2 {background-image: url(../images/bt_inf_02-min.jpg); width:112px;height:222px; margin:0px 3px 0px 0px;}
#bt_botones_inf #bt_botones_inf3 {background-image: url(../images/bt_inf_03-min.jpg); width:112px;height:222px; margin:0px 3px 0px 0px;}
#bt_botones_inf #bt_botones_inf4 {background-image: url(../images/bt_inf_04-min.jpg); width:112px;height:222px; margin:0px 3px 0px 0px;}
#bt_botones_inf #bt_botones_inf5 {background-image: url(../images/bt_inf_05-min.jpg); width:112px;height:222px; margin:0px 3px 0px 0px;}
#bt_botones_inf #bt_botones_inf6 {background-image: url(../images/bt_inf_06-min.jpg); width:112px;height:222px; margin:0px 0px 0px 0px;}


#asesores { top:160px; width: 55px; }
#asesores img { width: 55px; height:160px}
#socialIcons { top: 160px; width: 30px;}
#socialIcons img {display: block; margin: 0 auto 6px auto;  width: 25px;  }

.caja_contenido{ width:680px; }

   #gallery {overflow:hidden; margin:0 22px 30px 0;  }
   #gallery li {cursor:pointer; position:relative; float:left; width:50%; margin:0 -1px 0 0; }
   #gallery li span {width:90%; font-size:12px; }

}




/* ==================================================================================== */
/* RETINA DISPLAYS */
/* ==================================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{

 
 
}


.campos_servcios {
	outline:none;	
	height:23px;
	width: 185px;
	border: 0;
	font:12px Arial, Helvetica, sans-serif;
	color: #444444;
	margin-top:3px;
	padding-left:5px;
	padding-right:5px;
}