/* General Begin */

a:link {
	color: #006BB3;
	text-decoration: none;
}

a:visited {
	color: #006BB3;
	text-decoration: none;
}

a:hover 
{
    color: #006BB3;
	text-decoration: underline;
}
/* naranja #dd5c23 */

/* Texto Links */
p a:link 
{
	color: #006BB3;
	text-decoration: none;
}

p a:visited
{
    color: #006BB3;
}

p a:hover
{
    color: #006BB3;
    text-decoration: underline;
}

p.highlight
{
    background-color: #FFFF7A;
    border: 1px solid #bebebe;
    border-radius: 5px;
    font-weight: bold;
    padding: 10px;
}

/* Categorías y tags Links */
/*p.categorias a:link, p.tags a:link  
{
	color: #005799;
	text-decoration: none;
}

p.categorias a:visited, p.tags a:visited  
{
	color: #52527A;
	text-decoration: none;
}

p.categorias a:hover, p.tags a:hover  
{
	color: #dd5c23;
    text-decoration: underline;
}*/


/* Headings Links */

h2 a:link, h3 a:link, h4 a:link  
{
    color: #006BB3;
    text-decoration: none;
}

h2 a:visited, h3 a:visited, h4 a:visited 
{
    color: #006BB3;
    text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover  
{
    color: #006BB3;
    text-decoration: underline;
}



/* Para links "Arriba" */ 

p.derecho a
{
    color: #006BB3;
}

p.derecho a:hover
{
    color: #006BB3;
	text-decoration: underline;
}




body 
{    
    color: #111111;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px; /* ver la posibilidad de ponerlo en 62,5% para que 1 em = 10px */
	height: 100%;
	margin: 0;
	padding: 0;
}

div /* informe de mercado */
{
    color: #111111;
    font-family: Arial, Helvetica;
}

fieldset
{
    background-color: #FFF;
    border: 0;
    bottom: 15px;
    height: auto;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 10px;
    padding-bottom: 20px;
    padding-top: 30px;
    position: relative;
    top: 10px;
}

fieldset p span 
{
    font-size:11px;
    margin-left: 3px;
    text-align: left;
}


h1 
{
    color: #222222;
    font-family: Arial, Helvetica;
    font-size: 26px;
    font-weight: bold;
    line-height: normal;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

h1.titulo 
{
    color: #222222;
    font-family: Arial, Helvetica;
    font-size: 30px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

h1.subtitulo 
{
    color: #222222;
    font-family: Arial, Helvetica;
    font-size: 22px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

h1.productos
{
    color: #222222;
    font-family: Arial, Helvetica;
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    width: auto;
}

h2 
{
    color: #222222;
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
    line-height: normal;
	margin: 0;
	margin-bottom: 10px;
	margin-top: 5px;
}

h2.titulo 
{
    color: #222222;
    font-family: Arial, Helvetica;
    font-size: 30px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

h2.titulo a, h2.titulo a:hover
{
    color: #222222;
    text-decoration: none;
}

h2.subtitulo 
{
    color: #222222;
    font-family: Arial, Helvetica;
    font-size: 22px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

h2.texto 
{
    color: #222222;
    font-family: Arial, Helvetica;
    font-size: 16px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

h3 
{
    color: #222222;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
    line-height: normal;
	margin: 0;
	margin-bottom: 15px;
	margin-top: 20px;
}

h3.inline-block
{
    display: inline-block;
    margin-bottom: 1.2em;
    *zoom: 1; /* Probar en IE7 */
    *display: inline; 
}

h4 
{
    color: #222222;
    font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
    line-height: normal;
	margin: 0;
	margin-bottom: 10px;
    margin-top: 20px;
}

hr
{
    background-color: #ebebeb;
    color: #333333;
    height: 1px;
}


/*input.textbox 
{   
    float: left;
    text-align: left;
}*/

input[type="text"], input[type="password"]
{
    padding: 5px;
    width: 195px;
}

input.normal 
{
    background-color: #FFFFFF;
}

input.focus 
{
    background-color: #ffeccc;
}

img 
{
    border: 0;
}

input
{
    display: block;    
}

label 
{
    font-weight: bold;
}


legend 
{
    color: #dd5c23;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
}

li 
{
    color: #333333;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.5em;
}

ol li 
{
    color: #111111;
    font-family: Arial, Helvetica;
    line-height: 1.5em;
    margin-bottom: 15px;
}

p 
{
    font-family: Arial, Helvetica;
    font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 20px;
	margin-top: 10px;
}


select
{
    display: block;
    padding: 5px;
    width: 195px;
}

ul
{
    margin-bottom: 20px;
}

/* TODO: completar con otros tags standards para mobile */
@media only screen and (min-width:320px) and (max-width:468px) 
{
    select, textarea 
    {
        max-width: 260px;
    }
}

table 
{

}

ul li 
{
    color: #111111;
    font-family: Arial, Helvetica;
}


ul.lista li 
{
    color: #dd5c23;
    font-size: 11px;
    line-height: 1.5em;
    margin-bottom: 5px;
}

ul.lista li ul li
{
    color: #dd5c23;
    list-style-type: disc;
}


/* General End */

/* General extended begin  */


p.superTitulo {
	border-bottom: 5px solid #7c98ae;	
	color: #333333;
	font-family: "Trebuchet MS", arial;
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	margin: 0;

	padding: 2px;
	padding-left: 4px;
	position: relative;
	text-transform: uppercase;
}

p.superTitulo a:link, p.superTitulo a:visited
{
    color: #333333;
    text-decoration: none;
}

p.superTitulo img
{
    bottom: 2px;
    right: 0;
    position: absolute;
}
p.superTitulo a img.rss {
	position: absolute;
	right: 5px;
}

p.superTituloDestacado {
    
    border-bottom: 5px solid #dd5c23;
	color: #333333;
	font-family: "Trebuchet MS", arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 2px;
	padding-left: 4px;
	position: relative;
	text-transform: uppercase;
}

p.superTituloDestacado img
{
    right: 0;
    position: absolute;
}

p.smaller {
	font-family: tahoma, arial, sans-serif;
	font-size: 1.1em;
	
}

textarea
{
    font-size: 12px;
    text-indent: 0!important;
    padding: 10px;
}


.floatLeft
{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    
}

.floatLeftNoMargin
{
    float: left;
}

.floatRight
{
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}

.centrado 
{
    text-align: center;
}

.derecho 
{
    text-align: right;
}

.message 
{
    font-size: 1em;
}

.imagenSeccion
{
    float: left;
    margin-left: 5px;
    margin-right: 10px; 
    padding: 2px;
}

.radioButtonList
{
    
}

.radioButtonList label
{
    float: none;
    padding-right: 20px;
    text-align: left;
    
}

.seccionBox
{
    border: 1px solid #ebebeb;
    clear: both;
    height: auto;
    margin-bottom: 30px;
    padding: 4%;
    padding-bottom: 0;
    position: relative;
    width: auto;
}

.seccionDescripcion 
{
    float: left;
    margin-top: 20px;
    position: relative;
    width: 90%;
}

.seccionDescripcion h3 
{
    margin: 0;
}

.seccionNombre 
{   
    float: left;
    margin-right: 10px;
    position: relative;
    width: 99%;
}

.seccionNombre h3 
{
    margin: 0;
}

.seccionLinks
{
    background-color: #ECF0F4;
    float: left;
    margin-bottom: 20px;
    padding: 3px;
    width: 99%;
}

.seccionLinks h4 
{
    padding-left: 5px;
}

.seccionLinks ul 
{
    margin: 0;
    padding: 5px;
    padding-left: 20px;
}

.seccionLinks ul li
{
    list-style-type: initial;
    margin: 0;
    margin-bottom: 15px;
}

.izquierdo 
{
    text-align: left;
}

.noLink, .noLink:hover
{
    text-decoration: none;
}


.obligatorio 
{
    color: Red;   
}

h3 a.noLink 
{
    /*color: #dc5d26;*/
    color: #333333;
}

.vAlignBottom
{
    vertical-align: bottom;
}

.vAlignMiddle
{
    vertical-align: middle;
}


ul#sitemap li, ul#rss li 
{
    color: #dd5c23;
    line-height: 1.5em;
    margin-bottom: 5px;
    margin-top: 10px;
}

ul#sitemap li ul li, ul#rss li ul li
{
    color: #dd5c23;
    list-style-type: disc;
    margin-left: 20px;
}

/* General extended end */


/* Forms begin */

/* TODO: ver si se está usando */
.textbox
{
    background-color:#fbfbfb;
    border: 2px solid #bebebe;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 3px;
    width: auto;
}



/* Forms end */


/* Home Begin */

#home
{
      
}

#home .seccion 
{
    margin-bottom: 20px;
    padding: 10px;
}


#home .columna 
{
    clear: both;
    margin: 10px;
    margin-top: 5px;
    overflow: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    width: 95%; 
    
}

#home .titulo 
{
    color: #333333;
    font-size: 20px;
    font-weight: lighter;
    
}

#home h2.titulo
{
    padding-bottom: 8px;
    padding-top: 15px;
    text-align: left;    
}

#home .columna h2
{
    
}

#home .columna h3 a
{
    font-size: 16px;
}

#home .columna h4
{
   
}

#home .columna p
{
    
}

#home .columna p a:hover
{

}

#home .columna span
{

}

#home .columna img 
{
    float: left;
    margin-right: 10px;
}

#home .columna p.datos 
{
    font-size: 13px;
}

#home .columna p.datos a
{
    color: #E5660B;
}

#home .columna p.datos a:visited
{
    color: #E5660B;
}

#home .columna .autor 
{
    font-weight: bold;
}

#home .columna .medio
{
    border-bottom: 1px solid #bebebe;
    border-top: 3px solid #f48423;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-top: 10px;
    width: 99%;
}

#home .columna .medio a
{
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
}

#home .columna .medio a:hover
{
    text-decoration: none;
}

#home .columna a.read-more
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    text-decoration: none;
}

#home .columna a.read-more:visited
{
    color: #1d4a73;
}

#home .columna .comments-count 
{

}

#home .columna .medio img
{
    float: none;
    margin: 0;
    vertical-align: middle;
}

#home h1.titulo, #home h2.titulo, #home h3.titulo   
{
    margin: 0;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0;
}


#home p.noticia
{
    font-size: 13px;
    margin:0;
    padding:0;
    margin-bottom: 10px;
}

#home p.noticia .fecha 
{
    color: #555555;
    font-size: 0.90em;
    font-weight: bold;
    margin-right: 5px;
    text-transform: uppercase;
}
#home p.textoPie
{
    font-size: 0.80em;
}



#home .curso
{
    background-color: #dbe3eb;
    border-bottom: 1px solid #a9bec7;
    clear: both;
    padding: 5px;
}

#home .cursoAlternating
{
    background-color: #ECF0F4;
    border-bottom: 1px solid #a9bec7;
    clear: both;
    padding: 5px;
}


#home .curso h4, #home .cursoAlternating h4
{
    margin: 0;
    padding: 0;
}

#home .curso .institucion, #home .cursoAlternating .institucion
{
    color: #dc5d26;
    font-size: 10px;
    font-weight: bold;
    margin:0;
    padding: 0;
    position: relative;
}


#home .curso .fecha, #home .cursoAlternating .fecha
{
    color: #333333;
    font-size: 10px;
    margin:0;
    padding: 0;
    position: relative;
 
}


#home .curso img, #home .cursoAlternating img
{
    border: 1px solid #bebebe;
    float: right;
}


p.comments
{
    color: #dc5d26;
    font-size: 10px;
    margin:0;
    padding: 0;
    position: relative;
    top: -15px;
}


/* Home End */


/* Secciones */

.logoSmall
{
    float:left;
    height: 30px;
    padding-right: 3px;
    padding-bottom: 3px;
    width: 60px;
}

.logo
{
    display: none;
    float:left;
    padding-right: 5px;
    padding-bottom: 5px;
}

/* Secciones */



/* Header Begin */

#header 
{   
    background-color: #FFFFFF;
    border-bottom: 1px solid transparent;
    height: 100px;
    width: 100%;
}

@media only screen and (max-width:780px) 
{
    #header
    {   
        display: none;
    }
}


@media only screen and (min-width:320px) and (max-width:468px) {
    #header-content
    {  
	    height: 60px;	    
        width: 100%;
    }

    #header-content #logo 
    {   
        margin-left: 5px;
        margin-top: 5px;
        z-index: 1000;
    
    }

    #utilities
    {   
        font-size: 13px;     
        position: absolute;
        right: 5px;
        top: 5px;
    }

    #utilities #register
    {   
        display: block;
        margin-bottom: 10px;
    }

    #utilities #login, #utilities #logout 
    {
        display: block;
    }

    #utilities #socialHeader 
    {
        display: none;
    }
}

@media only screen and (min-width:469px) {
    #header-content {
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        padding-top: 0;
        position: relative;
        max-width: 1200px;
    }

    

    #header-content #logo {
        position: relative;
        left: 10px;
        top: 20px;
    }

    #utilities
    {   
        font-size: 13px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        max-width: 1105px;
        width: auto;
        position: absolute;
        right: 5px;
        text-align: right;
        top: 0;
    }


    #utilities #socialHeader
    {
        position: absolute;
        right: 0;
        top: 40px;
        width: auto;
    }

    #utilities #socialHeader #followText
    {
        color: #555555;
        float: left;
        font-size: 12px;
        margin-right: 15px;
        position: relative;
        top: 5px;
    
    }

    #utilities #socialHeader #fb
    {
        background-image: url('/shared/images/iconos/social/social24.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 24px;
        margin-right: 5px;
        width: 24px;
    }

    #utilities #socialHeader #tw
    {
        background-image: url('/shared/images/iconos/social/social24.png');
        background-position: -24px 0px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 24px;
        margin-right: 5px;
        width: 24px;
    }

    #utilities #socialHeader #g
    {
        background-image: url('/shared/images/iconos/social/social24.png');
        background-position: -48px 0;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 24px;
        width: 24px;
    }

}

#header-content 
{
    background-color: #FFFFFF;
}

#header-content #logo {
    z-index: 1000;
}

#header-content h1, #header-content #sitename {
    display: none;
}

#header-content #pais 
{
    left: 190px;
    position: absolute;
    top: 55px;
}

#utilities #register, #utilities #loggedIn
{
    margin-right: 10px;
}

#utilities #username
{
    font-weight: bold;
}

#utilities #login a:hover, #utilities #logout a:hover
{
    text-decoration: none;
}



#lista-bancos 
{
    background-image: url('/shared/images/iconos/down-arrow.png');
    background-position: 75px 13px;
    background-repeat: no-repeat;
    border-left: 1px solid #555555;
    position: relative;
    text-align: center;
    width: 100px;
}

#lista-bancos h2
{
    margin-left: 10px;
    text-align: left;
}

#lista-bancos ul li
{
    background-color: #FFFFFF;
    float: left;
    position: relative;
    text-align: left;
    visibility: hidden;
    z-index:99;
} 

#lista-bancos ul li div 
{
    background-color: #FFFFFF;
    border: 1px solid #333333;
    height: 435px;
    position: absolute;
    left: -443px;
    visibility: hidden;
    width: 997px;
    z-index: 100;
}

#lista-bancos:hover li div, #lista-bancos:hover li  
{
    visibility: visible;
}

#lista-bancos div ul.columna-bancos
{
    background-color: #FFFFFF;
    float: left;
    margin-left: 4px;
    position: static;
}

#lista-bancos div ul.columna-bancos li 
{
    background-color: #FFFFFF;
    border: 0;
    display: block;
    float: none;  
    margin:0;
    padding:0;
    width: 243px;
}

#lista-bancos div ul.columna-bancos li a
{ 
    background-color: #ebebeb;
    border-left: 3px solid #004d76;
    color: #333333;
    display: block;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    height: 13px;
    margin-bottom:3px;
    padding:3px;
    padding-left: 5px;
    text-transform: uppercase;
}

#lista-bancos div ul.columna-bancos li a:hover   
{
    background-color: #dedede;
    border-left: 3px solid #dc5c27;
    color: #333333;
}


#utilities-content ul#utilities-left
{
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
    position: absolute;
    left: 0;

}


#utilities-content #paises
{
    background-image: url('/shared/images/iconos/down-arrow.png');
    background-position: 114px 14px;
    background-repeat: no-repeat;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
    height: 30px;
    position: relative;
    text-align: center;
    width: 130px;
    
}

#utilities-content #paises img
{
    height: 24px;
    float: left;
    position: relative;
    top: -5px;
    width: 24px;
}

#paises ul li div 
{
    background-color: #FFFFFF;
    border:0;
    border-bottom: 1px solid #555555;
    height: 31px;
    position: absolute;
    right: -1px;
    visibility: hidden;
    width: 131px;
    z-index: 100;
}

#paises ul li div li a
{
    border-right: 1px solid #555555;
    height: 15px;
    width: 110px;
}

#paises:hover ul li div ul li a
{
    background-color: #ebebeb;
    border: 0;
    color: #333333;
    height: 15px;
}

#paises:hover ul li div ul li a:hover
{
    background-color: #dedede;
}



#paises:hover li div, #paises:hover li  
{
    visibility: visible;
}

#utilities #followUsTop
{
    left: 143px;
    position: absolute;
    top: 0px;
    z-index: 1000;
}

#utilities #followUsTop span
{
    color: #555555;
    font-weight: bold;
    margin-right: 10px;
}

#utilities #followUsTop img
{
    margin-right: 5px;
    position: relative;
    top: 4px;
}

#utilities #newslettersTop #emailTop
{
    margin-right: 3px;
    width: 185px;
}

#utilities #newslettersTop
{
    background-image: url('/shared/images/backgrounds/bar-background.gif');
    background-position: 0 top;
    background-repeat: repeat-x;
    border-bottom: 1px solid #555555;
    height: 28px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 6px;
    width: 320px;
}


/*#header h1 span 
{
    background-color: #FFFFFF;
    background-image: url('/shared/images/logos/zonabancos-logo-180.gif');
    background-repeat: no-repeat;
    background-position: 10px 5px;
    cursor: pointer;
    height: 120px;
    min-width: 200px;
    width: 180px;
    position: absolute;
    z-index: 1;
}*/

#header h3 
{
   
    font-family: Trebuchet-MS;
    font-size: 15px;
    font-weight: normal;
    margin-left: 250px;
    position: relative;
    top: 20px;
    
}

#news
{
    background-color: transparent;
    background-image: url('/shared/images/backgrounds/newsletter-background.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	display: inline;
	position: absolute;
	top: 0px;
	left: -400px;
    width: 340px;
	z-index: 1;
}

#news h5 
{
    color: #333333;
    display: inline;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 11px;
    left: 10px;
    margin: 0;
    position: relative;
    text-transform:uppercase;
    top: 3px;       
}

#news h5 span
{
    color: #333333;
    font-family: "Trebuchet MS";
    left: 10px;
    margin: 0;     
}

#news form 
{
    display: inline;
}

#news input
{
    float: left;
    font-size: 11px;
    left: 20px;
    margin-right: 5px;
    position: relative;
    top: 0px;
    
}

#news a
{
    font-size: 12px;
    left: 10px;
    padding: 5px;
    position: relative;
    top: 13px;
}

#news input#email
{
    left: 10px;
    position: relative;
    top: -10px;
    width: 80px;
}


/* Header End */

/* Productos Home */

#productosHome
{
    background-color: #FFFFFF;
    float: left;
    margin-left: 12px;
    position: relative;
}

#productosHome a:hover
{
    text-decoration: none;
}

.productoBox 
{
    border: 1px solid #bebebe;
    border-radius: 5px;
    -moz-border-radius: 5px;
    float: left;
    height: 190px;
    margin-bottom: 5px;  
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    width: 165px;
}

.productoBox:hover
{
    background-color: #f7f7f7;
    text-decoration: none;
    -moz-box-shadow: 3px 3px 5px #CCCCCC;
	-webkit-box-shadow: 3px 3px 5px #CCCCCC;
	box-shadow: 3px 3px 5px #CCCCCC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC');
    
}

a:hover .productoBox
{
    text-decoration: none;
}

a .productoBox h2, a:hover .productoBox h2
{
    color: #1d4a73;
    font-family: Arial;
    font-size: 20px;
    height: 35px;
}

a .productoBox h2.twoLines, a:hover .productoBox h2.twoLines
{

    position: relative;
    top: -10px;   
   
}

a .productoBox p, a:hover .productoBox p
{
    color: #333333;
    font-family: Arial;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.productoBox img
{
    float: left;
    margin-right: 10px;
}

.productoBox .tasa, .productoBox:hover .tasa 
{
    font-size: 1.4em;
}

.productoBox .descripcion, .productoBox:hover .descripcion
{
    height: 50px;
}

.productoBox .plazo, .productoBox:hover .plazo
{
    font-size: 0.80em;
    margin: 0;
    padding: 0;
}

.productoBox .tasa, .productoBox:hover .tasa 
{
    font-size: 1.5em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.productoBox .tasa span, .productoBox:hover .tasa span
{
    font-size: 0.85em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.productoBox .link, .productoBox:hover .link
{
    color: #1d4a73;
    text-align: right;
    margin:0;
    margin-top: 10px;
    padding:0;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.productos 
{   overflow: auto;
    padding: 20px;
    width: 99%;
}

.producto 
{   
    
}



.productoDestacado
{
    line-height: 60px;
    text-align: center;
    width: 130px;
}

.productoDestacado img
{   
    vertical-align: middle;
}

.productosDestacadosBox
{   
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.productosDestacadosBox h3 a
{
    color: #333;
}

.productosDestacadosBox h3 a:hover {
    color: #333;
    text-decoration: none;
}

@media only screen and (min-width:320px) and (max-width:468px) {
    .productosDestacadosBox {
        margin: 0;
        width: 95%;
    }
}

@media only screen and (min-width:469px) and (max-width:800px) {
    .productosDestacadosBox {
        width: 45%;
    }
}

@media only screen and (min-width:801px) and (max-width:1023px) {
    .productosDestacadosBox {
        width: 30%;
    }
}

@media only screen and (min-width:1024px) {
    .productosDestacadosBox {
        width: 47%;
    }
}

    .productosDestacadosBox h3
{
    font-size: 22px;
    text-align: left;  
}

/* Para producto destacado páginas interiores */
.productoDestacadoBox
{
    margin-bottom: 25px;
    margin-top: 25px;
}

table.productosDestacados
{
    border-collapse: collapse;
    box-shadow: 2px 2px 10px #999999;
    padding:0;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    width: 99%;
   
}

table.productosDestacados th
{
    background-color: #2980b9;
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px 8px;
}

table.productosDestacados tr
{
    width: 100%;
}

table.productosDestacados tr td 
{
    border-bottom: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

table.productosDestacados .bigger
{
    font-size: 20px;
}

.productoDestacado .linea1 
{   
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.productoDestacado .linea1 span 
{
    font-size: 0.85em;
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.productoDestacado .linea2 
{
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.productoDestacado .linea2 span 
{
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.productoDestacado td.imagen
{
    padding: 10px;
    width: 40%;
}

.productoDestacado td.imagen img 
{
    max-width: 140px;
}
  
/* Productos Home */


/* Search begin */

#barraInferior 
{
    background-color: #FFFFFF;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    position: relative;   
}

@media only screen and (min-width:240px) and (max-width:999px) 
{
    #barraInferior 
    {
        max-width: 100%;
    }
}



#buscar 
{
    display: inline;
    position: absolute;
    left: 290px;
    top: 35px;
}

#buscarForo
{
    display: inline;
    position: absolute;
    right: 30px;    
}

#buscar #HeaderHome_TextBoxSearch, #buscar #ctl00_PlaceHolderHeader_Header_TextBoxSearch
{
    border: 2px solid #bebebe;
    border-radius: 5px;
    moz-border-radius: 5px;
    font-size: 15px;
    padding: 6px;
    width: 300px;
}

#breadcrumb
{
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 5px;
    padding-top: 10px; 
    z-index: 99;
}

@media only screen and (min-width:240px) and (max-width:599px) 
{
    #breadcrumb
    {
        display: none;
    }
}

@media only screen and (min-width:600px) and (max-width:999px) 
{
    #breadcrumb 
    {   
        margin-left: 5px;
        max-width: 95%;
    }
}

@media only screen and (min-width:600px) and (max-width:780px) {
    #breadcrumb {
        top: 50px; /* evita que quede debajo del menu mobile */
        display: block;
    }
}

 


#breadcrumbForo {
    padding-left: 5px;
    position: relative;
    text-align: left;
    padding-top: 3px;
}

#forum_ctl01_PageLinks
{
    position: relative;
    left: 10px;
    top: 205px;    
}
  
/* Search end */

/* Publicidad Begin */


#PlaceHolderRight_AdRotatorBanner300x250 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Publicidad end */

/* banner background */
#banner-back 
{
    position: fixed;
    left: 0;
    width: 100%;
    height: 1024px;
    z-index: 0;
}

#topBanner
{
    position: relative;
    float: right;
    right: 10px;
    text-align: right;
    top: 20px;
    width: 468px;
    z-index: 1;
}

#topBanner234x60 
{
    height: 60px;
    position: absolute;
    top: 20px;
    right: 10px;
    width: 234px;
    z-index: 1;
}

#reporteBanner300x250 
{   
    border: 1px solid #bebebe;
    height: 250px;
    margin-bottom: 20px;
    margin-top: 5px;   
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

#reporteBanner300x250 a h2
{   
    color: #004276;
    font-family: Tahoma;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
	text-decoration: none;
    padding-left: 5px;
    position: relative;
    top: -115px;
}

#reporteBanner300x250 h3
{   
    color: #dd5c23;
    font-family: Tahoma;
    font-size: 12px;
	text-decoration: none;
    padding-left: 5px;
    position: relative;
    top: -140px;
}

#reporteBanner300x250 p
{   
    color: #444444;
    font-size: 11px;
    margin-bottom: 8px;
    padding-left: 5px;
    position: relative;
    top: -125px;
    width: 170px;
}

#reporteBanner300x250 a:hover
{   
	text-decoration: none;

}


#reportesBanner
{   
    
    border: 1px solid #bebebe;
    margin-bottom: 20px; 
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    padding-bottom: 10px;
    width: 300px;
}

#reportesBanner .reporte
{
    background-color: #F9F2D8;
    border: 1px dotted #004276;
    clear: both;
    height: 120px;
    margin-bottom: 5px;
    padding: 2px;
    position: relative;
}

#reportesBanner .reporte img
{   
    float: right;
    margin-top: 4px;
    padding-bottom: 1px;
}

#reportesBanner .reporte p
{   
    margin: 0;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0;
    
}


#reportesBanner .reporte p img
{   
    float: none;
    position: relative;

}


#reportesBanner h2 a
{   
    color: #333333;
    font-family: "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
	text-decoration: none;
    padding-left: 5px;
    position: relative;
    text-transform: uppercase;

}

#reportesBanner h3 a
{   
    color: #004276;
    font-family: Georgia;
    font-size: 15px;
    font-weight: normal;
	text-decoration: none;
	margin: 0;
    left: 5px;
    position: relative;
    top: -15px;
}

#reportesBanner h3 a:hover
{   
    color: #dd5c23;
    text-decoration: underline;
}

#reportesBanner h4 a
{   
    color: #004276;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
	text-decoration: none;
	margin: 0;
	margin-bottom: 5px;
    padding-left: 5px;
    position: relative;
}

#reportesBanner h4 a:hover
{   
    color: #dd5c23;
    text-decoration: underline;
}

#reportesBanner h2
{   
    color: #dd5c23;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
	text-decoration: none;
    padding-left: 5px;
    position: relative;
}

#reportesBanner p.fecha
{   
    color: #555555;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 8px;
    padding-left: 5px;
    position: absolute;
    right: 5px;
    text-transform: uppercase;
    top: 5px;
}

#reportesBanner p a
{   
    font-size: 10px;
    position: relative;
    text-decoration: none;
    top: -16px;
}

#reportesBanner a:hover
{   
	text-decoration: none;

}



#ebooksBanner .ebook
{
    background-color: #DDF1AC;
    border: 1px dotted #004276;
    clear: both;
    height: 120px;
    margin-bottom: 5px;
    padding: 2px;
    position: relative;
}

#ebooksBanner .ebook img
{   
    float: right;
    margin-top: 4px;
    padding-bottom: 1px;
}

#ebooksBanner .ebook p
{   
    margin: 0;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0;
    
}


#ebooksBanner .ebook p img
{   
    float: none;
    position: relative;

}


#ebooksBanner h2 a
{   
    color: #333333;
    font-family: "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
	text-decoration: none;
    padding-left: 5px;
    position: relative;
    text-transform: uppercase;

}

#ebooksBanner h3 a
{   
    color: #004276;
    font-family: Arial, Tahoma;
    font-size: 14px;
    font-weight: bold;
	text-decoration: none;
	margin: 0;
    left: 5px;
    position: relative;
    top: -15px;
}

#ebooksBanner h3 a:hover
{   
    color: #dd5c23;
    text-decoration: underline;
}

#ebooksBanner h4 a
{   
    color: #004276;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
	text-decoration: none;
	margin: 0;
	margin-bottom: 5px;
    padding-left: 5px;
    position: relative;
}

#ebooksBanner h4 a:hover
{   
    color: #dd5c23;
    text-decoration: underline;
}

#ebooksBanner h2
{   
    color: #dd5c23;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
	text-decoration: none;
    padding-left: 5px;
    position: relative;
}

#ebooksBanner p.fecha
{   
    color: #555555;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 8px;
    padding-left: 5px;
    position: absolute;
    right: 5px;
    text-transform: uppercase;
    top: 5px;
}

#ebooksBanner p a
{   
    font-size: 11px;
    position: relative;
    text-decoration: none;
    top: -16px;
}

#ebooksBanner a:hover
{   
	text-decoration: none;

}
   
/* Publicidad End */


/* Reportes Begin */

.carrito 
{
    background-color: #ffffff;
    border: 1px solid #bebebe;
    float: right;
    margin-left: 10px;
    padding: 5px;
    padding-top: 0;
    position: relative;
    right: 2px;
    top: -30px;
    width: 180px;
}


@media only screen and (min-width:240px) and (max-width:767px) 
{
    .carrito 
    {
        height: auto;
        margin-top: 82px;
        position: fixed;
        width: 99%;
    }

    #contentCarrito
    {
        margin-top: 130px;
    }
}


.reporteItem 
{
    border-bottom: 1px dotted #bebebe;
    height: auto;
    margin-left: 10px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.reporteItem img
{
    border: 1px solid #bebebe;
    padding: 1px;
}

.reporteItem p img /* orange arrow */
{
    border: 0;
    vertical-align: bottom;
}

.reporteItem h4
{
    display: inline;
}

.reporteItem .fechaReporte 
{
    font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
}

.reporteItem .precioReporte
{
    font-size: 12px;
}

.reporteItem .descripcionReporte
{
    font-size: 12px;
}

.reporteItem .pdf 
{
    font-size: 12px;
}

.vaciar 
{
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 5px;
}

.factura 
{
    border: 0px solid #7498bf;
    border-collapse: collapse;
    font-size: 12px;
    padding: 10px;
    width: 100%;
}

.factura tr th, .factura tr td
{
    border-bottom: 1px solid #7498bf;
    text-align: left;
    padding: 5px;
}

/* Reporte end */



/* main layout begin */

.clearer {
	clear: both;
}

#home 
{ /* TODO terminar de probar publicidad */
    /*
    background-attachment: fixed;
    background-image:url('/shared/images/backgrounds/back-publicidad-home.jpg');
    background-position: center top;
    background-repeat:no-repeat;*/
    background-color: #FFFFFF;
	margin: 0; 
	position: relative;
	width: 99%;
}



#home #content 
{   
    background-color: #FFFFFF;
    margin-left: auto;
	margin-right: auto;
    min-width: 240px;
    overflow: hidden;
    padding-left: 1%;
	padding-top: 35px;
	position: relative;
    text-align: center;
    width: 99%;
}

/* TODO: ver @media only screen and (min-width:240px) and (max-width:319px) */

@media only screen and (min-width:320px) and (max-width:468px) 
{
    #home #content 
    {   
        margin-top: 20px;
        padding-left: 0;
    }
}

@media only screen and (min-width:469px) and (max-width:780px)
{
    #home #content 
    {   
        margin-top: 30px;
        max-width: 750px;
	    padding-top: 35px;
    }
}

@media only screen and (min-width:781px) and (max-width:1024px) 
{
    #home #content 
    {   
        max-width: 1010px;
	    padding-top: 15px;
    }
}

@media only screen and (min-width:1025px) 
{
    #home #content 
    {   
        max-width: 1270px;
	    padding-top: 15px;
    }
}



@media only screen and (min-width:320px) and (max-width:468px) 
{
    #home #main-content 
    {   
        width: 100%;
    }

    #home #sidebar
    {   
        float: none;
        width: 95%;
    }

    #home #sidebar .bannerResponsive 
    {
        border: 1px solid #bebebe;
        height: 100px; 
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 95%;
    }
}

@media only screen and (min-width:469px) and (max-width:1024px) 
{
    #home #main-content 
    {   
        width: 95%;
    }

    #home #sidebar
    {   
        float: none;
        width: 95%;
    }

    #home #sidebar .bannerResponsive 
    {
        border: 1px solid #bebebe;
        height: 100px; 
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 95%;
    }
}

@media only screen and (min-width:1025px) 
{
    #home #main-content 
    {   
        width: 65%;
    }

    #home #sidebar
    {   
        top: 70px;
        width: 30%;
    }

    #home #sidebar .bannerResponsive {
        border: 1px solid #bebebe;
        height: 280px; 
        width: 336px;
    }
}

#home #main-content 
{   
    float: left;
    margin-left: auto;
    margin-right: auto;
    padding-top: 27px;
    position: relative;
    text-align: left;
}

#home #main-content h2.titulo, #home #main-content h3.titulo
{
    padding-left: 10px;
    text-align: left;
}

#home #sidebar
{   
    float: left;
    padding: 10px;
    position: relative;
}

#home .wider-content
{   
    float: left;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
}

#home .wider-content h2.titulo, #home .wider-content h3.titulo
{
    padding-left: 10px;
    text-align: left;
}

.box 
{
    background-color: #f5f5f5;
    height: auto;
    margin-bottom: 20px;
    min-height: 320px;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: top;  
}

.box .foto img {
    height: 200px;
    position: relative;
    width: 300px;
}


@media only screen and (min-width:320px) and (max-width:414px) {

    .box .foto img {
        height: auto;
        position: relative;
        width: 100%;
    }
}

@media only screen and (max-width:767px) 
{
    .box 
    {   
        height: auto;
        width: 100%;
    }

}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .box {
        width: 300px;
    }

    .box {
        display: inline-block;
        margin-right: 40px;
    }

        .box:nth-child(2n+1) {
            margin-right: 40px;
        }
}

@media only screen and (min-width:1024px) and (max-width:1152px)
{
    .box 
    {
        width: 290px;
    }

    .box
    {  
        display:inline-block;
        margin-right: 30px;
    }

    .box:nth-child(3n+1) {
        margin-right: 0;
    }

}

@media only screen and (min-width:1153px) and (max-width:1280px) 
{
    .box {
        width: 280px;
    }

    .box {
        display: inline-block;
        margin-right: 20px;
    }

        .box:nth-child(3n+1) {
            margin-right: 20px;
        }
}

@media only screen and (min-width:1281px) 
{

    .box 
    {
        width: 280px;
    }

    .box
    {  
        display:inline-block;
        margin-right: 20px;
    }

    .box:nth-child(4n+1) {
        margin-right: 20px;
    }
}



.box .info
{
    background-color: #F2F2F2;
    font-size: 12px;
    height: 22px;
    position: relative;    
    text-align: left;
    top: 0;
    width: 100%;
}

.box .info .share
{   
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    z-index: 100;
}

.box .info .share a.fb
{   
    background-image: url('/shared/images/iconos/social/social24.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    margin-right: 2px;
    width: 24px;
}

.box .info .share a.tw
{   
    background-image: url('/shared/images/iconos/social/social24.png');
    background-position: -24px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    margin-right: 2px;
    width: 24px;
}

.box .info .share a.g
{   
    background-image: url('/shared/images/iconos/social/social24.png');
    background-position: -48px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    margin-right: 2px;
    width: 24px;
}

.box h3.tema
{
    background-color: #006BB3;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    
}

.box h2
{
    font-family: Roboto, Arial;
    font-size: 18px;
    font-weight: normal;
    line-height: 27px;
    margin: 0;
    padding: 8px;
    position: relative;
}

#home .boxOpinion
{
    background-color: #f5f5f5;
    text-align: left;
}

#home .boxOpinion .titular
{   
    background-color: #fdfdfd;
    border-bottom: 1px solid #bebebe;
    height: 120px;
    padding-top: 15px;
    position: relative;
    width: 100%;
}

#home .boxOpinion .foto img 
{  
    float: left;
    height: 110px;
    padding: 0;
    padding-bottom: 5px;
    padding-right: 10px;
    position: relative;
    width: 90px;
}

#home .boxOpinion h2
{
    padding-top: 0;    
}

#home .boxOpinion p
{
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

#home .boxNoticias
{
    background-color: #FFF;
    margin-bottom: 0;
    text-align: left;
    overflow: auto;
}

#home .boxAd 
{
    background-color: #FFF;
    height: 250px !important;
    min-height: 250px !important;
    min-width: 250px !important;
    vertical-align: top;
}


@media only screen and (min-width:320px) and (max-width:600px) {
    #home .boxAd 
    {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

#media
{   
    float: left;
    width: 99%;
    position: relative;       
}

#media #media-content
{   
    color: #333333;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    max-width: 999px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    text-align: center;        
}

#media #media-content a:hover
{
    text-decoration: none;
}

@media only screen and (min-width:320px) and (max-width:768px) 
{
    #media
    {
        display: none;
    }
    
}

#media #media-content #ln
{
    background-image: url('/shared/images/media/media.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display:inline-block;
    float: none;
    height: 26px;
    margin-right: 15px;
    vertical-align: middle;
    width: 200px;
}

#media #media-content #cl
{
    background-image: url('/shared/images/media/media.png');
    background-position: 0px -28px;
    background-repeat: no-repeat;
    display:inline-block;
    float: none;
    height: 34px;
    margin-right: 15px;
    vertical-align: middle;
    width: 150px;
}

#media #media-content #ib
{
    background-image: url('/shared/images/media/media.png');
    background-position: 0px -91px;
    background-repeat: no-repeat;
    display:inline-block;
    float: none;
    height: 30px;
    margin-right: 15px;
    vertical-align: middle;
    width: 147px;
}

#media #media-content #cr
{
    background-image: url('/shared/images/media/media.png');
    background-position: 0px -68px;
    background-repeat: no-repeat;
    display:inline-block;
    float: none;
    height: 19px;
    margin-right: 15px;
    vertical-align: middle;
    width: 200px;
}

#media #media-content #am
{
    background-image: url('/shared/images/media/media.png');
    background-position: 0px -123px;
    background-repeat: no-repeat;
    display:inline-block;
    float: none;
    height: 31px;
    vertical-align: middle;
    width: 190px;
}

/* entidades home links begin*/

#entidades
{   
    background-color: #f7f7f7;
    border-bottom: 5px solid #ebebeb;
    border-top: 5px solid #ebebeb;
    clear: both;
    float: left;
    margin-left: auto;
    margin-right: auto;   
    position: relative;
    width: 100%;
}

#entidades #entidades-content
{   
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding: 1%;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 98%;
}

@media only screen and (min-width:320px) and (max-width:599px) 
{

    #entidades #entidades-content {
        padding-top: 0;
    }

    #entidades #entidades-content .listBanks {
        float: none;
    }

}

@media only screen and (min-width:600px) and (max-width:1000px) 
{
    #entidades #entidades-content .listBanks {
        float: left;
        width: 42%;
    }

}

@media only screen and (min-width:1001px) 
{
    #entidades #entidades-content .listBanks {
        float: left;
        width: 25%;
    }
}



#entidades #entidades-content .listBanks li {
    color: #f48423;
    font-size: 12px;
    list-style-type: none;
    margin-bottom: 12px;
}

/* entidades home links end */

/* productos home links begin */

#productos {
    background-color: #FFF;
    clear: both;
    float: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}

#productos #productos-content {
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding: 1%;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 98%;
}

#productos #productos-content h3 {
    margin-top: 30px;
}
    
#productos #productos-content h3 a {
    color: #333 !important;
    font-size: 16px;
}

#productos #productos-content h3 a:hover {
    text-decoration: none;
}

#productos #productos-content h4 {
    font-size: 14px;
    margin-top: 20px;
}

@media only screen and (min-width:320px) and (max-width:599px) {

    #productos #productos-content {
        padding-top: 0;
    }

    #productos #productos-content .listProductos {
        float: none;
    }
}

@media only screen and (min-width:600px) and (max-width:1000px) {
    #productos #productos-content .listProductos {
        float: left;
        width: 42%;
    }
}

@media only screen and (min-width:1001px) {
    #productos #productos-content .listProductos {
        float: left;
        margin-right: 4%;
        width: 28%;
    }
}


#productos #productos-content .listProductos li {
    color: #f48423;
    font-size: 12px;
    list-style-type: none;
    margin-bottom: 12px;
    max-width: 250px;
}

/* productos home links end */

#footer 
{   
    background-color: #FFFFFF;
    border-top: 5px solid #f48423;
    float: left;
    width: 100%;
    position:relative;
}

#footer-content 
{   
    clear: both;
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;    
    max-width: 1200px;
    padding: 0px;
    position: relative;
    text-align: left;
}

#footer-content h5
{
    color: #555555;
    font-family: Arial;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 15px;

}

#footer-content a 
{
    text-decoration: none;
}

#footer-content a:hover 
{
    text-decoration: underline;
}

#footer-content p
{
    font-size: 12px;
    margin: 0;

}

#footer-content #logoFooter 
{
    margin-left: 10px;
    margin-top: 10px; 
}

#footer-content #followUs
{   
    margin-left: 10px;
    margin-top: 10px; 
    
}

#footer-content #followUs h5
{
    margin-bottom: 10px;
    margin-top: 15px;
    position: relative;
}


#footer-content #followUs #fbFooter
{   
    background-image: url('/shared/images/iconos/social/social64.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 64px;
    margin-right: 5px;
    width: 64px;
}    

#footer-content #followUs #twFooter
{
    background-image: url('/shared/images/iconos/social/social64.png');
    background-position: -64px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 64px;
    margin-right: 5px;
    width: 64px;
}    

#footer-content #followUs #gFooter
{
    background-image: url('/shared/images/iconos/social/social64.png');
    background-position: -128px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 64px;
    margin-right: 5px;
    width: 64px;
}    

#footer-content #followUs #rssFooter
{
    background-image: url('/shared/images/iconos/social/social64.png');
    background-position: -192px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 64px;
    width: 64px;
}    


#footer-content #newsletters #emailFooter
{   
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 12px;
    margin-right: 5px;
    padding: 6px;
    width: 210px;
}

#footer-content #newsletters a:hover
{
    text-decoration: none;
}

#footer-content #copyright 
{
    clear: both;
    color: #555555;
    font-family: Arial, Helvetica;
    font-size: 12px;
    left: 10px;
    margin: 10px;
    text-align: left;
    bottom: 15px;
}

#footer-content #disclaimer
{
    clear: both;
    color: #555555;
    font-family: Arial, Helvetica;
    font-size: 12px;
    margin: 10px;
    max-width: 999px;
    right: 3px;
    text-align: left;
    
}

@media only screen and (min-width:320px) and (max-width:599px) 
{
    #footer-content #topFooter 
    {   
        color: #FFFFFF;
        padding: 10px;
    }

    .footerCol, .footerColLast 
    {
        float: none;
    }

    .footerColLast 
    {
        float: none;
    }

}

@media only screen and (min-width:600px) and (max-width:1000px) 
{
    #footer-content #topFooter 
    {   
        color: #FFFFFF;
        padding: 10px;
    }

    .footerCol, .footerColLast 
    {   
        float: left;
        padding: 2%;
        padding-left: 0px;
        padding-right: 2%;
        width: 20%;
    }

    .footerColLast 
    {
        width: auto;
    }

}

@media only screen and (min-width:1001px) 
{
    #footer-content #topFooter 
    {   
        color: #FFFFFF;
        padding: 10px;
    }

    .footerCol, .footerColLast 
    {   
        float: left;
        padding: 10px;
        padding-left: 0px;
        padding-right: 65px;
        width: 200px;
    }

    .footerColLast 
    {
        width: 240px;
    }

}



/* main layout end */

/* layout begin */

#container #content 
{ 
    margin: 0;
    min-width: 240px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-top: 10px;
    position: relative;
    width: 100%;
}

@media only screen and (min-width:240px) and (max-width:780px) {
    #container 
    {
        top: 25px;
    }
}


@media only screen and (min-width:320px) and (max-width:468px) 
{
    #container #content 
    {   
        padding: 0;
        width: 100%;
    }
}

@media only screen and (min-width:469px) and (max-width:768px)
{
    #container #content 
    {
        max-width: 768px;
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) 
{
    #container #content 
    {
        max-width: 1010px;
        padding-top: 10px;
    }
}

@media only screen and (min-width:1025px) 
{
    #container #content 
    {
        max-width: 1350px;
        padding-top: 10px;
    }
}

#container .widerContent 
{   
    float: left;
    margin: 0;
    padding: 1%;
    padding-bottom: 0;
    padding-top: 15px;
    position: relative;
    width: 99%;
    z-index: 100; 
}

#container #mainContent 
{
    float: left;
    margin: 0;
    margin-right: 20px;
    min-width: 850px;
    max-width: 850px; /* resolucion maxima 1280 */
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    position: relative;
}

#container #content .productoContent 
{
    max-width: 98%;
    min-width: 240px;
    padding: 2%;
}

@media only screen and (min-width:240px) and (max-width:999px) 
{
    #container #content #mainContent {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 97%;
        min-width: 240px;
        padding: 3%;
        padding-top: 0;
    }

    #container > #mainContent 
    {   
        float: none;
        min-width: 240px;
        max-width: 96%;
        padding: 4%;
    }

    #container #mainContent h1
    {
        font-size: 26px;
    }

    #container .widerContent 
    {   
        padding: 3%;
        padding-top: 0;
        width: 100%;
    }

    #container > .widerContent 
    {   
        padding: 3%;
        padding-top: 0px;
        width: 97%;
    }

    #container #content .productoContent {
        float: none;
        max-width: 98%;
        min-width: 240px;
        padding: 2%;
    }
}

@media only screen and (min-width:1000px) and (max-width:1199px) 
{
    #container #content #mainContent {
        float: left;
        max-width: 640px;
        min-width: 640px;
        padding: 1%;
    }

    #container > #mainContent {
        float: none;
        margin-top: 50px;
        min-width: 640px;
        max-width: 96%;
        padding: 4%;
    }

    #container #mainContent h1 {
        font-size: 26px;
    }

    #container > .widerContent {
        margin-top: 60px;
        padding: 3%;
        width: 97%;
    }

    #container #content .productoContent {
        float: none;
        max-width: 98%;
        min-width: 240px;
        padding: 2%;
    }
}

#container .innerContent 
{
    padding: 10px;
}

#container #sidebar
{
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 5px;
    position: relative;
    width: 300px;
}

@media only screen and (min-width:240px) and (max-width:999px) 
{
    #container #sidebar 
    {
        max-width: 98%;
        width: 99%;
        padding: 1%;
    }
}

#menu 
{   
    background-color: #FFF;
    border: 1px solid #bebebe;
    display: none;
    float: left;
    margin: 0;
    min-width: 300px;
    padding: 2%;
    position: fixed;
    z-index: 999;
}

#menu #search .columna
{
    float: left;
    position: relative;
}


#menu #search .selectric /* selects */
{
    width: 180px;
}


#menu input[type="tel"]
{
    padding: 7px;
    width: 178px;
}

#menu select
{
    padding: 7px;
    width: 175px;
}

#menu label 
{

}

#menu p {
    font-size: 12px;
}


#menu #closeMenu
{
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}


@media only screen and (min-width:240px) and (max-width:480px) 
{
    #menu {
        background-color: #FFF;
        border: 1px solid #bebebe;
        display: none;
        float: none;
        margin: 0;
        height: 100%;
        width: 100%;
        overflow: scroll;
        padding: 5%;
        position: fixed;
        z-index: 10000;
        left: 0;
        top: 0;
    }

    #menu #search .columna {
        float: none;
    }

    #menu .encabezado 
    {
        display: none;
    }

    #menu p.titulo
    {
       display: none;
    }

}

@media only screen and (min-width:481px) 
{
    #menu
    {   
        max-width: 768px;
        width: 95%;
    }
    
    #menu #search .columna {
        width: 40%;
    }
}


/* layout end */

/* Productos layout begin */
    #container {
        background-color: #FFFFFF;
        margin: 0;
        padding: 0;
        position: relative;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    /* para el menu mobile bajo todas las paginas 30 px para que no se tapen por el menu */
    @media only screen and (min-width:240px) and (max-width:780px) {
        #container {
            padding-top: 30px;
        }
    }

    @media only screen and (min-width:240px) and (max-width:999px) {
        #container {
            max-width: 100%;
        }
    }


    #container-outer {
        background-color: #FFFFFF;
        height: 100%;
        margin: 0;
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #columns {
        background-color: #FFFFFF;
        border-left: 1px solid #bebebe;
        border-right: 1px solid #bebebe;
        float: left;
        height: 100%;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 1000px;
        z-index: 1;
    }

    #ThreeCols1LeftCol {
        float: left;
        margin-top: 0px;
        min-height: 35em;
        padding-right: 0px;
        padding-bottom: 30px;
        position: relative;
        width: 165px;
    }

        #ThreeCols1LeftCol #imageProduct {
            height: 45px;
            width: 165px;
        }

        #ThreeCols1LeftCol h2 {
            background-image: url('/shared/images/backgrounds/menu-background.png');
            background-repeat: repeat;
            background-position: center top;
            background-color: #587992;
            border-bottom: 3px solid #dd5c23;
            color: #FFFFFF;
            font-family: Arial;
            font-size: 10px;
            margin-top: -2px;
            margin-bottom: 15px;
            padding: 5px;
            padding-left: 5px;
            text-transform: uppercase;
        }

            #ThreeCols1LeftCol h2 a {
                color: #FFFFFF;
            }


    #ThreeCols1CenterCol {
        background-color: #FFFFFF;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        float: left;
        margin-top: 0px;
        min-height: 35em;
        padding: 15px;
        padding-bottom: 30px;
        position: relative;
        width: 468px;
    }

    #ThreeCols1RightCol {
        background-color: #FFFFFF;
        float: left;
        min-height: 35em;
        padding-bottom: 30px;
        padding-left: 14px;
        padding-top: 10px;
        position: relative;
        width: 310px;
    }



    /* Productos layout end */

    /* ThreeCols2 layout begin (News layout) */


    #ThreeCols2LeftCol {
        background-color: #FFFFFF;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        float: left;
        margin-top: 20px;
        min-height: 35em;
        padding: 5px;
        padding-bottom: 30px;
        position: relative;
        width: 428px;
    }

    #ThreeCols2CenterCol {
        background-color: #FFFFFF;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        float: left;
        margin-top: 20px;
        min-height: 35em;
        padding-bottom: 30px;
        padding-left: 5px;
        padding-right: 5px;
        position: relative;
        width: 210px;
    }

    #ThreeCols2RightCol {
        background-color: #FFFFFF;
        float: left;
        min-height: 35em;
        padding: 5px;
        padding-bottom: 30px;
        position: relative;
        width: 305px;
    }

    /* ThreeCols2 layout end */

    /* ThreeCols3 layout begin (Login layout) */


    #ThreeCols3LeftCol {
        /*border-right: 1px solid #ebebeb;*/
        float: left;
        min-height: 35em;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        position: relative;
        width: 312px;
    }

        #ThreeCols3LeftCol #destacada {
            background-color: #ECF0F4;
            border-bottom: 1px solid #a5b8c9;
            border-left: 1px solid #a5b8c9;
            border-right: 1px solid #a5b8c9;
            border-top: 1px solid #a5b8c9;
            padding: 10px;
            width: 292px;
        }

            #ThreeCols3LeftCol #destacada img {
                border: 1px solid #005799;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
            }


    #ThreeCols3CenterCol {
        /*border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;*/
        float: left;
        min-height: 35em;
        padding: 10px;
        padding-left: 5px;
        padding-bottom: 30px;
        position: relative;
        width: 325px;
    }

    #ThreeCols3RightCol {
        float: left;
        min-height: 35em;
        padding: 5px;
        padding-bottom: 30px;
        padding-top: 10px;
        position: relative;
        width: 310px;
    }

    /* ThreeCols3 layout end */



    /* TwoCols2 layout begin  (comparar productos layout) */


    #TwoCols2LeftCol {
        background-color: #FFFFFF;
        float: left;
        margin-top: 0px;
        padding-right: 0px;
        position: relative;
        width: 165px;
    }

        #TwoCols2LeftCol #imageProduct {
            height: 45px;
            width: 165px;
        }

        #TwoCols2LeftCol h2 {
            background-image: url('/shared/images/backgrounds/menu-background.gif');
            background-repeat: repeat;
            background-position: center bottom;
            background-color: #587992;
            border-bottom: 3px solid #dd5c23;
            color: #FFFFFF;
            font-family: Arial;
            font-size: 10px;
            font-weight: bold;
            margin-top: -2px;
            padding: 5px;
            padding-left: 5px;
            text-transform: uppercase;
        }

            #TwoCols2LeftCol h2 a {
                color: #FFFFFF;
            }


    #TwoCols2RightCol {
        background-color: #FFFFFF;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        position: relative;
        width: 813px;
    }


    /* TwoCols2 layout end (comparar productos layout) */

    /* TwoCols3 layout begin (login layout) */

    #TwoCols3LeftCol {
        background-color: #FFFFFF;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        float: left;
        height: 100%;
        min-height: 35em;
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 40px;
        position: relative;
        width: 473px;
    }

    #TwoCols3RightCol {
        background-color: #FFFFFF;
        float: left;
        margin-left: 15px;
        margin-top: 10px;
        padding: 5px;
        padding-bottom: 30px;
        position: relative;
        width: 430px;
    }

    /* TwoCols3 layout end  (noticia layout) */


    /* OneCol Begin (Registro) */

    #OneCol {
        background-color: #FFFFFF;
        border-left: 1px solid #ebebeb;
        float: left;
        height: 100%;
        min-height: 35em;
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 40px;
        position: relative;
        width: 900px;
    }

    #OneColPopUp {
        background-color: #FFFFFF;
        height: auto;
        max-width: 300px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        width: auto;
    }

    .fancybox-inner {
        overflow: hidden !important;
    }

    /* OneCol End */

    /* Register Pop up begin */

    fieldset.register {
        background: none;
        border: none;
        margin: 0;
        max-width: 320px;
        padding: 0;
    }

        fieldset.register label {
        }

        fieldset.register p {
        }

    #loginBox {
        margin: 0;
        padding: 0;
        position: relative;
    }

        #loginBox p {
            margin: 0;
            padding: 0;
        }

    /* Register Pop up end */


    /* Cols styles begin */

    #ThreeCols1LeftCol h2, #ThreeCols2LeftCol h2, #ThreeCols1CenterCol h2, #ThreeCols2CenterCol h2 {
    }

    /* Cols styles end  */


    /* capacitacion begin */

    .colLeft {
        float: left;
        font-weight: bold;
        padding: 5px;
        text-align: right;
        width: 20%;
    }

    .colRight {
        float: left;
        padding: 5px;
        text-align: left;
        width: 75%;
    }

    .eventoFinalizado {
        border: 1px dotted #dd5c23;
        background-color: #ebebeb;
        color: #333333;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        width: 99%;
    }


    .entidadesDestacadas div {
        float: left;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
        text-align: center;
        width: 120px;
    }

    /* capacitacion end */



    /* noticias - notas begin */

    .addthis_button {
        font-size: 13px;
    }

    .autor {
        font-size: 0.90em;
        margin: 0;
        padding: 0;
        margin-top: 20px;
    }

    .fotosAutor {
        float: left;
        margin-right: 10px;
        margin-top: 10px;
    }

    .fotoAutor {
        float: left;
        margin-right: 10px;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .bajada {
        clear: both;
        color: #222222;
        font-size: 16px;
        margin-bottom: 20px;
        padding-top: 10px;
    }

    .categorias {
        font-size: 0.90em;
    }

    #enviarComentario {
        border: 1px solid #ebebeb;
        padding: 10px;
    }

        #enviarComentario h4 {
        }

    .fecha {
        margin: 0;
        padding: 0;
        font-size: 0.90em;
    }

    #fuente {
        clear: both;
        font-size: 0.90em;
    }

    .volanta {
        font-size: 0.85em;
        text-transform: uppercase;
    }

    .tags {
        font-size: 0.90em;
    }


    /* noticias - notas end */


    /* local navigation begin  */

    ul.localNav {
        background-color: #F7F7F7;
        border-right: 1px solid #ebebeb;
        list-style-type: none;
        margin: 0;
        margin-top: -15px;
        padding: 0;
        padding-right: 0px;
        width: 164px;
    }

        ul.localNav li {
            border-bottom: 1px dotted #999999;
            font-family: Tahoma, sans-serif;
            font-size: 11px;
            line-height: normal;
            margin-bottom: 0px;
            padding-bottom: 5px;
            padding-top: 5px;
            padding-left: 10px;
            padding-right: 0px;
            text-align: left;
            width: auto;
        }

            ul.localNav li.on, ul.localNav li.on a {
                color: #dd5c23;
                font-weight: bold;
                text-decoration: none;
            }

            ul.localNav li.on {
                background-color: #ffeccc;
            }

    /* local navigation end  */


    /* siteMapPath begin */

    .siteMapPath {
        font-size: 14px;
    }

    /* siteMapPath end */


    /* Productos begin */


    #ThreeSteps {
        position: relative;
    }

        #ThreeSteps img {
        }

    #step1 {
        left: 75px;
        position: absolute;
        top: 12px;
        width: 100px;
    }

    #step2 {
        left: 205px;
        position: absolute;
        top: 12px;
        width: 100px;
    }

    #step3 {
        left: 345px;
        position: absolute;
        top: 12px;
        width: 100px;
    }

    #step1 h3 {
        font-family: "Trebuchet MS", Arial;
        font-size: 16px;
        left: 10px;
        margin: 0;
        position: relative;
    }

    #step2 h3 {
        font-family: "Trebuchet MS", Arial;
        font-size: 16px;
        left: 18px;
        margin: 0;
        position: relative;
    }

    #step3 h3 {
        font-family: "Trebuchet MS", Arial;
        font-size: 16px;
        left: 14px;
        margin: 0;
        position: relative;
    }

    #step1 p {
        font-family: Tahoma;
        font-size: 11px;
        margin: 0;
        padding-left: 3px;
    }

    #step2 p {
        font-family: Arial;
        font-size: 11px;
        margin: 0;
        padding-left: 6px;
    }

    #step3 p {
        font-family: Arial;
        font-size: 11px;
        margin: 0;
        padding-left: 3px;
    }

    .cantidadProductos {
        border: 1px dotted #dd5c23;
        background-color: #ebebeb;
        color: #333333;
        font-size: 12px;
        padding: 5px;
        width: 99%;
    }

    .numeroProductos {
        color: #dd5c23;
        font-weight: bold;
    }

    /* Productos steps */


    /* tables begin */

    .tblHeader {
        background-color: #4e7193;
        color: #EFEFEF;
    }

    .tblRowColor1 {
        background-color: #efefef;
    }

    .tblRowColor2 {
        background-color: #fafafa;
    }

    .tasasLeyenda {
        color: #333333;
        font-size: 10px;
    }

    .tblTasas {
        border: 1px solid #bebebe;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 11px;
        margin-bottom: 15px;
        margin-top: 3px;
        width: 100%;
    }

        .tblTasas th, .tblTasas tr td {
            border: 1px solid #bebebe;
        }

        .tblTasas th {
            border-bottom: 3px solid #dd5c23;
        }

    .bankIcon {
        border: 1px solid #999999;
        float: left;
        margin-right: 5px;
        vertical-align: middle;
    }

    p.nombreBanco {
        color: #333333;
        font-size: 10px;
        font-weight: bold;
        margin: 0;
    }

    /* tables end */


    /* main navigation begin */

    #nav-outer {
        background-color: #006394;
        /*background-image: url("/shared/images/backgrounds/menu-background.png");*/
        border-bottom: 6px solid #9BBFD7;
        height: 41px;
        position: relative;
        width: 100%;
    }

    #nav {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 999px;
    }

        #nav ul {
            margin: 0;
            padding: 0;
        }

        #nav li {
            border-bottom: 1px solid #446688;
            border-right: 1px solid #446688;
            float: left;
            font-family: Tahoma;
            font-size: 1.2em;
            list-style-type: none;
            display: inline;
            margin: 0;
            padding: 0;
            position: relative;
        }

            #nav li.first {
                border-left: 1px solid #446688;
            }

            #nav li:hover, #nav li a:hover {
                /*background-image: url("/shared/images/backgrounds/menu-background-hover.png");*/
                color: #FFFFFF;
                text-decoration: none;
            }

            #nav li a {
                color: #E6F4F3;
                display: block;
                padding-bottom: 9px;
                padding-top: 9px;
                padding-left: 10px;
                padding-right: 10px;
            }

    #subnav-outer {
        background-color: #ebebeb;
        /*background-image: url('/shared/images/backgrounds/bar-background.gif');*/
        height: 25px;
        position: relative;
        width: 100%;
    }

    #subnav {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 999px;
    }

        #subnav ul {
            margin: 0;
            padding: 0;
        }

        #subnav li {
            display: inline;
            float: left;
            font-family: Arial;
            font-size: 11px;
            font-weight: bold;
            list-style-type: none;
            margin: 0;
            padding: 0;
            position: relative;
            text-transform: uppercase;
        }

            #subnav li.first {
            }

            #subnav li:hover, #subnav li a:hover {
                /*
    TODO: Borrar?
    background-color: #dc5c27;
    background-image: url("/shared/images/backgrounds/submenu-background-hover.png");
    color: #FFFFFF;
    text-decoration: none;*/
            }

            #subnav li a {
                color: #014b66;
                display: block;
                padding-bottom: 4px;
                padding-top: 4px;
                padding-left: 10px;
                padding-right: 10px;
            }


    /* main navigation end */


    /* Rating Begin */

    .ratingStar {
        font-size: 0pt;
        width: 13px;
        height: 12px;
        margin: 0px;
        padding: 0px;
        cursor: pointer;
        display: block;
        background-repeat: no-repeat;
    }

    .filledRatingStar {
        background-image: url('/shared/images/iconos/FilledStar.png');
    }

    .emptyRatingStar {
        background-image: url('/shared/images/iconos/EmptyStar.png');
    }

    .savedRatingStar {
        background-image: url('/shared/images/iconos/SavedStar.png');
    }

    #rating {
        float: left;
        position: relative;
        width: 160px;
    }

    #ctl00_PlaceHolderLeftColumn_LabelRating {
        font-family: Tahoma, Arial;
        font-size: 11px;
        margin-left: 10px;
    }

    /* Rating End */

    /* Gridview Begin */

    #loading {
        background: rgba(64, 64, 64, 0.2);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        display: none;
        z-index: 10;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20404040, endColorstr=#20404040);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#20404040, endColorstr=#20404040);"
    }

        #loading div {
            background-color: #FFFFFF;
            border: #ebebeb;
            font-family: Arial;
            font-size: 24px;
            font-weight: bold;
            height: 100px;
            margin-left: auto;
            margin-right: auto;
            padding: 5px;
            position: relative;
            top: 10px;
            text-align: center;
            top: 200px;
            width: 300px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            -moz-box-shadow: 3px 3px 5px #555555;
            -webkit-box-shadow: 3px 3px 5px #555555;
            box-shadow: 3px 3px 5px #555555;
        }

    .gridview {
        border: none;
        clear: both;
        border-collapse: collapse;
        width: 100%;
    }

        .gridview tr.gridviewHeader th {
            background-color: #E5EFF5;
            border: none;
            font-size: 12px;
            font-weight: normal;
            height: 25px;
            padding: 8px;
        }

            .gridview tr.gridviewHeader th.sort {
                background-color: #C1D9E7;
                font-weight: bold;
            }

        .gridview tr.gridviewRowStyle td {
            background-color: #FFFFFF;
            border: none;
            border-bottom: 1px solid #AECDE0;
            font-size: 12px;
            height: 60px;
            padding: 10px;
            vertical-align: top;
        }

            .gridview tr.gridviewRowStyle td.celdaOrdenada {
                background-color: #E5EFF5;
                font-weight: bold;
            }

        .gridview img.logoEntidad {
            max-width: 140px;
        }

    @media only screen and (min-width:240px) and (max-width:480px) {
        .gridview {
            margin: 0;
        }

            .gridview img.logoEntidad {
                max-width: 120px;
            }

        /* escondo columna para que entren todas las columnas de la tabla */

        /* Plazos Fijos */

        /* Centro columna TNA */
        #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(3) {
            text-align: center;
        }

        /* Interes ganado*/
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(4), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(4) {
            display: none;
        }
        /* Plazo */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(5), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(5) {
            display: none;
        }

        /* Monto minimo */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(6), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(6) {
            display: none;
        }

        /* Opiniones */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(7), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(7) {
            display: none;
        }

        /* Micrositio */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(8), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(8) {
            display: none;
        }

        /* Consultar */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(9), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(9) {
            display: none;
        }

        /* vacia */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(10), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(10) {
            display: none;
        }


        /* Creditos Hipotecarios */

        /* Centro CFT */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(3) {
            text-align: center;
        }

        /* Cuota Inicial */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(4), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(4) {
            display: none;
        }

        /* Monto Maximo */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(5), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(5) {
            display: none;
        }

        /* Plazo Maximo */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(6), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(6) {
            display: none;
        }

        /* Ingresos minimos */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(7), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(7) {
            display: none;
        }

        /* Opiniones */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(8), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(8) {
            display: none;
        }

        /* Micrositio */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(9), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(9) {
            display: none;
        }

        /* Consultar */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(10), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(10) {
            display: none;
        }

        /* vacia */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(11), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(11) {
            display: none;
        }


        /* Prestamos Personales */

        /* Centro CFT */
        #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(3) {
            text-align: center;
        }

        /* Cuota Inicial */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(4), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(4) {
            display: none;
        }

        /* Monto Maximo */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(5), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(5) {
            display: none;
        }

        /* Plazo Maximo */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(6), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(6) {
            display: none;
        }

        /* Ingresos minimos */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(7), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(7) {
            display: none;
        }

        /* Opiniones */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(8), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(8) {
            display: none;
        }

        /* Micrositio */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(9), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(9) {
            display: none;
        }

        /* Consultar */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(10), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(10) {
            display: none;
        }

        /* vacia */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(11), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(11) {
            display: none;
        }

        /* Cajas de Seguridad */

        /* Centro columna Precio */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(3) {
            text-align: center;
        }

        /* Altura */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(4), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(4) {
            display: none;
        }

        /* Anchura */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(5), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(5) {
            display: none;
        }

        /* Profundidad */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(6), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(6) {
            display: none;
        }

        /* Volumen */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(7), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(7) {
            display: none;
        }

        /* Opiniones */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(8), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(8) {
            display: none;
        }

        /* Micrositio */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(9), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(9) {
            display: none;
        }

        /* Consultar */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(10), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(10) {
            display: none;
        }

        /* vacia */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(11), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(11) {
            display: none;
        }
    }

    /* tablets 600px */

    @media only screen and (min-width:481px) and (max-width:767px) {
        .gridview img.logoEntidad {
            max-width: 120px;
        }

        /* Plazos Fijos */

        /* Opiniones */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(7), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(7) {
            display: none;
        }

        /* Micrositio */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(8), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(8) {
            display: none;
        }

        /* Detalles */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(9), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(9) {
            display: none;
        }

        /* Vacio */
        #PlaceHolderMain_GridViewPlazosFijos tr th:nth-child(10), #PlaceHolderMain_GridViewPlazosFijos tr td:nth-child(10) {
            display: none;
        }


        /* Creditos Hipotecarios */

        /* Ingresos minimos */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(7), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(7) {
            display: none;
        }

        /* Opiniones */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(8), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(8) {
            display: none;
        }

        /* Micrositio */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(9), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(9) {
            display: none;
        }

        /* vacia */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(10), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(10) {
            display: none;
        }

        /* vacia */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(11), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(11) {
            display: none;
        }


        /* Prestamos Personales */

        /* Ingresos minimos */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(7), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(7) {
            display: none;
        }

        /* Opiniones */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(8), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(8) {
            display: none;
        }

        /* Micrositio */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(9), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(9) {
            display: none;
        }

        /* vacia */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(10), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(10) {
            display: none;
        }

        /* Cajas de Seguridad */


        /* Volumen */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(7), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(7) {
            display: none;
        }

        /* Opiniones */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(8), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(8) {
            display: none;
        }

        /* Micrositio */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(9), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(9) {
            display: none;
        }

        /* vacia */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(10), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(10) {
            display: none;
        }
    }


    @media only screen and (min-width:768px) and (max-width:800px) {
        /* Cajas de Seguridad */

        /* Precio  */
        #PlaceHolderMain_GridViewCajasDeSeguridad tr th:nth-child(3), #PlaceHolderMain_GridViewCajasDeSeguridad tr td:nth-child(3) {
            min-width: 90px; /* para que entre en una fila */
        }

        /* Prestamos Personales */

        /* Ingresos minimos */
        #PlaceHolderMain_GridViewPrestamosPersonales tr th:nth-child(7), #PlaceHolderMain_GridViewPrestamosPersonales tr td:nth-child(7) {
            display: none;
        }

        /* Creditos Hipotecarios */

        /* Ingresos minimos */
        #PlaceHolderMain_GridViewCreditosHipotecarios tr th:nth-child(7), #PlaceHolderMain_GridViewCreditosHipotecarios tr td:nth-child(7) {
            display: none;
        }
    }


    /* para resoluciones mayores a 768 no muestro la parte mobile de cada celda */
    @media only screen and (min-width:768px) {
        .gridview tr td .mobileOnly {
            display: none;
        }
    }



    @media only screen and (min-width:768px) and (max-width:800px) {
        .responsiveGridview td span {
            font-size: 1.1em !important;
        }

        /* escondo columna de micrositio para que entren todas las columnas de la tabla */
        .gridview tr th:nth-last-child(3), .gridview tr td:nth-last-child(3) {
            display: none;
        }

        .productosDestacados img, #sliderBancos img, ui-autocomplete img, #tabContentOpinionesBuscarBanco2 img {
            max-width: 120px;
        }
    }

    @media only screen and (min-width:240px) and (max-width:767px) {


        /* Force table to not be like tables anymore */
        .responsiveGridview table,
        .responsiveGridview thead,
        .responsiveGridview tbody,
        .responsiveGridview th,
        .responsiveGridview td,
        .responsiveGridview tr {
            display: block;
        }

            /* Hide table headers (but not display: none;, for accessibility) */
            .responsiveGridview tr.gridviewHeader {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        .responsiveGridview tr {
            border: none;
            margin-bottom: 20px;
            padding: 10px;
        }

        .responsiveGridview td {
            /* Behave  like a "row" */
            border: none;
            height: auto !important;
            position: relative;
            padding-left: 50% !important;
            white-space: normal;
            text-align: left;
        }

            .responsiveGridview td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }

            /*
	Label the data
	*/
            .responsiveGridview td:before {
                content: attr(data-title);
            }

        .responsiveGridview .gridview tr.gridviewRowStyle {
            border: 1px solid #bebebe;
        }


            .responsiveGridview .gridview tr.gridviewRowStyle td {
                border-bottom: 1px solid #ebebeb;
                min-height: 30px;
                width: auto !important;
            }

                .responsiveGridview .gridview tr.gridviewRowStyle td.celdaOrdenada {
                    background-color: #FFF;
                    font-weight: normal;
                }

        .responsiveGridview table img, .productosDestacados img, #sliderBancos img, ui-autocomplete img, #tabContentOpinionesBuscarBanco2 img {
            max-width: 120px;
        }

        #buttonFiltrar {
            display: none;
        }

        .right-message .share {
            display: none !important;
        }
    }

    .modificar-busqueda {
        clear: both;
        min-height: 60px;
    }

    .compare-buttons {
        float: left;
        margin-bottom: 10px;
        margin-right: 15px;
    }

    .compare-buttons-bottom {
        float: left;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 15px;
        margin-top: 10px;
        min-height: 75px;
    }

    .filtrosBusqueda {
        font-size: 0.9em;
    }

    #buttonFiltrar {
        display: inline;
    }

    .noEncontrado {
        color: #dd5c23;
        font-size: 1.1em;
        font-weight: bold;
    }

    .large-number {
        font-size: 1.4em;
    }

    .selected-message {
        clear: both;
        padding-bottom: 20px;
    }

    .right-message {
        float: right;
        padding: 4px;
        position: relative;
    }

        .right-message .share {
            display: block;
            height: 30px;
            margin-bottom: 10px;
            right: 0;
            text-align: right;
            top: 0;
            z-index: 100;
        }

            .right-message .share .fb-share-button {
                margin-right: 10px;
                position: relative;
                top: -4px;
            }

            .right-message .share .twitter-share-button {
                position: relative;
            }

        .right-message .message {
            display: block;
        }

    .pager {
        height: 75px;
        width: 95%;
    }

        .pager td {
            font-size: 18px;
            text-align: center;
            margin: 0;
        }

            .pager td span, .pager td a /* padding entre números */ {
                margin: 15px;
            }

            .pager td span /* página seleccionada */ {
                font-weight: bold;
            }

        .pager .pager-links /* links numéricos, siguente, anterior, etc. */ {
            margin-bottom: 10px;
            margin-top: 10px;
        }

    @media only screen and (min-width:240px) and (max-width:480px) {
        .pager {
            height: 130px;
            width: 100%;
        }

            .pager .pager-links /* links numéricos, siguente, anterior, etc. */ {
                margin-bottom: 25px;
                margin-top: 25px;
            }
    }

    @media only screen and (min-width:481px) and (max-width:800px) {
        .pager {
            height: 120px;
            width: 100%;
        }
    }


    .gridViewCotizaciones {
        border: 1px solid #a9bec7;
        font-size: 10px;
        width: 100%;
    }

    tr.gridViewCotizacionesRowStyle td {
        background-color: #ECF0F4;
        border-left: 1px solid #a9bec7;
        border-right: 1px solid #a9bec7;
        border-top: 1px solid #a9bec7;
        font-size: 10px;
        padding: 5px;
    }




    /* Gridview End */

    /* Producto details begin */

    table.producto {
        border-collapse: collapse;
        font-size: 1em;
        margin: 0;
        margin-bottom: 20px;
        width: 99%;
    }

        table.producto tr.odd {
            background-color: #E5EFF5;
        }

        table.producto .header td {
            background-color: #92BCE3;
            font-weight: bold;
            padding: 8px;
            text-align: left;
        }

        table.producto tr td {
            padding: 8px;
        }

            table.producto tr td.left {
                width: 50%;
            }

    table.productoHeader {
        border-collapse: collapse;
        margin-bottom: 40px;
        width: 760px;
    }

        table.productoHeader tr td {
            padding: 12px;
            padding-right: 56px;
        }

            table.productoHeader tr td.last {
                padding-right: 0;
            }

        /* logos */
        table.productoHeader img {
            max-width: 140px;
        }

    @media only screen and (min-width:240px) and (max-width:767px) {

        table.productoHeader {
            margin-left: auto;
            margin-right: auto;
            width: 97%;
        }

            table.productoHeader td {
                padding: 1%;
            }

            table.productoHeader tr td.last {
                border: 0;
                padding-right: 0;
            }

        div.tableLeft {
            float: none;
            width: 100%;
        }

        div.tableRight {
            float: none;
            width: 100%;
        }

        table.producto {
            width: 100%;
        }
    }
    /* Producto details end */
    /* Productos comparaciones begin */
    table.productos {
        border-collapse: collapse;
        font-size: 1em;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 99%;
        overflow-x: scroll;
    }

        table.productos tr.odd {
            background-color: #E5EFF5;
        }

        table.productos tr td {
            border-left: 1px solid #ebebeb;
            border-right: 1px solid #ebebeb;
            padding: 10px;
            width: 20%;
        }


            table.productos tr td.header {
                background-color: #92BCE3;
                color: #333333;
                font-size: 13px;
                font-weight: bold;
                padding: 10px;
                width: 470px;
            }

            table.productos tr td.subheader {
                background-color: #F9E4CD;
                color: #333333;
                font-size: 11px;
                font-weight: bold;
                padding: 10px;
                width: 470px;
            }

        /* logos */
        table.productos img {
            max-width: 140px;
        }

    /* Producto comparaciones end */
    /* Login Control */
    .login {
        background-color: #ECF0F4;
        border: 1px solid #bebebe;
        font-size: 11px;
        padding: 5px;
    }

        .login label {
        }

    .loginLabel {
        color: #004276;
        float: none;
        font-size: 11px;
        font-weight: normal;
        padding: 10px;
        width: auto;
    }


    .loginTextBox {
        font-size: 11px;
        position: relative;
        width: 100px;
    }

    .loginHeader {
        background-color: #FFEDBD;
        color: #dd5c23;
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        padding: 8px;
    }

    .loginFailure {
        font-size: 11px;
        position: absolute;
        top: 260px;
    }

    .loginCheckBox {
        padding: 10px;
    }

    .loginHyperLink {
        padding: 10px;
    }

    #ctl00_PlaceHolderLeftColumn_LoginControl_LoginButton {
        font-size: 11px;
        margin-bottom: 15px;
        width: 120px;
    }

    #ctl00_PlaceHolderLeftColumn_LoginControl_RememberMe {
        left: -105px;
        position: relative;
        top: -2px;
        width: auto;
    }


    /* Login End */


    /* Forms Begin */


    .DropDowns {
        text-align: left;
    }

    #fieldset1 {
        background-color: #ECF0F4;
        border: 1px solid #bebebe;
        bottom: 10px;
        margin-top: 10px;
        padding-top: 20px;
        position: relative;
        top: 20px;
        width: 700px;
    }

    #fieldset2 {
        background-color: #ECF0F4;
        border: 1px solid #bebebe;
        bottom: 10px;
        padding-top: 20px;
        position: relative;
        width: 700px;
    }

    #fieldset3 {
        background-color: #ECF0F4;
        bottom: 20px;
        border: 1px solid #bebebe;
        margin-bottom: 20px;
        padding-top: 20px;
        position: relative;
        width: 700px;
    }

    #fieldset1 div {
        padding-top: 10px;
    }

    #fieldset3 div {
        padding-bottom: 30px;
        padding-top: 20px;
    }

    #fieldset1 p {
        height: 30px;
    }

    #fieldset2 p {
        height: 30px;
    }

    #fieldset3 p {
        height: 30px;
    }

    #fieldset3 select span {
        float: left;
    }

    #fieldset1 span.aclaracion {
        color: #555555;
        font-size: 11px;
        position: relative;
        left: 175px;
    }

    #fieldset2 span.aclaracion {
        color: #555555;
        font-size: 11px;
        position: relative;
        left: -50px;
    }




    #fieldset1 label, #fieldset2 label {
        clear: left;
        float: left;
        margin-right: 10px;
        text-align: right;
        width: 160px;
    }


    .radios {
        float: left;
        margin-bottom: 15px;
        position: relative;
        width: 250px;
    }

    .radio {
        float: left;
        height: 20px;
        margin-left: 0px;
        margin-right: 40px;
        position: relative;
        text-align: left;
        width: 150px;
    }

        .radio label {
            float: left;
            font-size: 12px;
            height: 15px;
            left: -75px;
            position: relative;
            top: -17px;
            width: 50px;
        }

    label#labelSexo {
        height: 50px;
    }

    .radio input {
        display: inline;
        text-align: left;
        vertical-align: middle;
    }

    .checkbox {
        height: 10px;
        padding-left: 20px;
        margin: 0;
    }

        .checkbox label {
            clear: right;
            float: left;
            padding-left: 5px;
            text-align: left;
            margin-right: 10px;
            width: 400px;
        }

        .checkbox input {
            float: left;
            text-align: left;
        }


    /* Slideshow begin */


    .slides {
        position: absolute;
        top: 0;
        left: 0;
    }

        .slides div {
            position: absolute;
            padding: 5px;
            top: 0;
            width: 640px;
            display: none;
        }


    ul.pagination {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: -25px;
        position: absolute;
        right: 10px;
    }

        ul.pagination li {
            float: left;
        }

            ul.pagination li a {
                padding: 2px 4px;
            }

            ul.pagination li.active a {
                background: #7190a5;
                color: white;
            }


    #home #destacada {
    }

    img.destacada {
    }


    /* Slideshow end */

    /* Slideshow secciones begin */

    .containerSeccion {
        background-color: #ECF0F4;
        border-left: 1px solid #a5b8c9;
        border-right: 1px solid #a5b8c9;
        border-bottom: 1px solid #a5b8c9;
        border-top: 1px solid #a5b8c9;
        width: 310px;
        height: 290px;
        margin-bottom: 25px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
    }


        .containerSeccion img {
            border: 1px solid #7190a5;
            margin-left: auto;
            margin-right: auto;
            padding: 2px;
            text-align: center;
        }

        .containerSeccion .slides {
            position: absolute;
            top: 0;
            left: 0;
        }

            .containerSeccion .slides div {
                position: absolute;
                padding: 5px;
                top: 0;
                width: 295px;
                display: none;
            }


    ul.pagination {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: -25px;
        position: absolute;
        right: 10px;
    }

        ul.pagination li {
            float: left;
        }

            ul.pagination li a {
                padding: 2px 4px;
            }

            ul.pagination li.active a {
                background: #7190a5;
                color: white;
            }


    #home #destacada {
    }

    img.destacada {
    }

    /* Slideshow secciones end */


    /* Buscador productos begin */

    #searcher {
        margin-bottom: 30px;
        padding: 2%;
        border: 1px solid #bebebe;
        border-radius: 10px;
        width: 96%;
    }

    @media only screen and (min-width:240px) and (max-width:599px) {
        #searcher {
            border: 0;
            min-width: initial;
        }
    }

    #searcher h2 {
        margin-bottom: 20px;
        margin-top: 0px;
    }

    #searcher label {
        font-weight: bold;
    }

    @media only screen and (min-width:240px) and (max-width:999px) {
        #searcher label {
            float: none !important;
        }
    }

    #searcher input[type="tel"] {
        padding: 7px;
        width: 232px
    }

    #searcher .columna {
        float: left;
        position: relative;
        width: 50%;
    }

    @media only screen and (min-width:240px) and (max-width:767px) {
        #searcher .columna {
            float: none;
            width: 100%;
        }
    }


    #searcher .columna > p {
        margin-bottom: 30px;
        margin-left: 10%;
        margin-right: 10%;
    }

    #searcher .selectricWrapper {
        width: 230px;
    }

    #searcher select {
        padding: 7px;
        width: 230px;
    }

    /* formulario consultar */
    .consultar {
        width: 200px;
    }

    /* Buscador productos end */


    /* Boxes de secciones begin VER SI SE MANTIENE */

    .boxCol1 {
        background-color: #FFFFFF;
        border: 4px solid #a5b8c9;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 10px;
        width: 288px;
    }

        .boxCol1 h3 {
            margin-top: 0;
        }

    .boxCol2 {
        /*background-color: #ECF0F4;*/
        background-color: #FFFFFF;
        border: 4px solid #a5b8c9;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 10px;
        width: 300px;
    }

        .boxCol2 h3 {
            margin-top: 0;
        }

    .boxCol3 {
        /*background-color: #ECF0F4;*/
        background-color: #FFFFFF;
        border: 4px solid #a5b8c9;
        margin-bottom: 10px;
        padding: 10px;
        width: 290px;
    }

        .boxCol3 h3 {
            margin-top: 0;
        }


    /* Boxes de secciones end */


    /* Blogs Begin */

    #subheader {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 98% 120px;
        height: 120px;
        margin-top: 10px;
        text-align: left;
    }

        #subheader p.titulo, #subheader h1 {
            color: #333333;
            font-family: Arial;
            font-size: 26px;
            font-weight: bold;
            left: 30px;
            position: relative;
            top: 20px;
        }


        #subheader p a:visited {
            /*color: #005799;*/
            text-decoration: none;
        }


        #subheader p {
            color: #333333;
            font-family: Arial;
            font-size: 15px;
            left: 30px;
            margin-bottom: 5px;
            max-width: 75%;
            position: relative;
            top: 20px;
        }

        #subheader img {
            float: left;
            margin-left: 30px;
            margin-top: 15px;
            position: relative;
        }


    @media only screen and (min-width:240px) and (max-width:767px) {
        #subheader {
            background: none !important;
            height: auto;
        }

            #subheader p {
                max-width: 100%;
                position: initial;
                padding: 15px;
                padding-bottom: 0;
                padding-top: 0;
                width: auto;
            }

                #subheader p.titulo, #subheader h1 {
                    padding: 10px;
                    padding-top: 0;
                    left: 0;
                }

            #subheader img {
                float: left;
                margin-left: 15px;
                margin-top: 15px;
                margin-right: 10px;
                position: relative;
            }
    }

    @media only screen and (min-width:768px) and (max-width:1023px) {

        #subheader h1 {
            font-size: 18px;
        }

        #subheader p {
            font-size: 13px;
            max-width: 400px;
        }
    }


    /* Validators begin */

    .error {
        color: #d90f0f;
        font-size: 12px;
        margin: 0;
        padding: 0;
    }

    /* Validators end */

    /* Blogs End */

    /* Forms End */


    /* Opiniones - reviews begin */

    /* Agregar begin */

    #buscadorEntidades {
    }

        #buscadorEntidades input#entidades {
            width: 100%;
        }


    /* Agregar end */

    /* autocomplete agregar opinión begin */

    div.list_item_container {
        height: 90px;
        max-width: 500px;
        padding: 5px;
        width: 100%;
    }

        div.list_item_container input {
            float: right !important;
            position: relative;
            top: -10px;
        }

    div.image {
        height: 80px;
        float: left;
        max-width: 150px;
        margin-right: 20px;
        width: 150px;
    }

    div.label {
        font-size: 0.8em;
        position: relative;
        top: 15px;
    }

    div.description {
        font-style: italic;
        font-size: 0.8em;
        color: gray;
    }

    ul.ui-autocomplete {
        list-style: none;
        padding: 0;
        position: absolute !important;
    }

    .ui-autocomplete {
        height: 310px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .ui-state-active,
        .ui-widget-content .ui-state-active,
        .ui-widget-header .ui-state-active,
        .ui-autocomplete, .ui-autocomplete:hover,
        .ui-menu-item, .ui-menu-item:hover,
        .ui-menu-item a, .ui-menu-item a:hover,
        .ui-widget-content .ui-state-focus,
        .ui-widget-header .ui-state-focus,
        .ui-widget-content .ui-state-hover,
        .ui-widget-header .ui-state-hover,
        .ui-menu .ui-menu-item a.ui-state-focus,
        .ui-menu .ui-menu-item a.ui-state-active,
        .ui-menu .ui-menu-item a {
            background: #ffffff none no-repeat;
            display: block;
            border: 0;
        }

    .ui-menu-item /* probar */ {
        /* IE10 fix to remove bullets from showing outside of div*/
        /*  list-style-image: url(data:0);*/
    }

    @media only screen and (min-width:240px) and (max-width:468px) {
        div.list_item_container {
            height: 30px;
            padding: 3px;
            position: relative;
        }

        div.description, div.label {
            display: none
        }

        div.list_item_container input {
            display: none;
        }
    }


    /* autocomplete agregar opinión end */





    div.bigstars div.rateit-range {
        background: url(/shared/scripts/rateit/src/star-white32.png);
        height: 32px;
    }

    div.bigstars div.rateit-hover {
        background: url(/shared/scripts/rateit/src/star-gold32.png);
    }

    div.bigstars div.rateit-selected {
        background: url(/shared/scripts/rateit/src/star-gold32.png);
    }

    div.bigstars div.rateit-reset {
        background: url(/shared/scripts/rateit/src/star-black32.png);
        width: 32px;
        height: 32px;
    }

        div.bigstars div.rateit-reset:hover {
            background: url(shared/scripts/rateit/src/star-white32.png);
        }

    .valueEntidadGeneral {
        font-weight: bold;
        position: relative;
        padding: 5px;
        top: 10px;
    }

    #hoverEntidadGeneral {
        font-weight: bold;
        position: relative;
        padding: 5px;
        top: 10px;
    }

    .puntuacionPromedio {
        display: inline-block;
        font-weight: bold;
    }

    .valueCalificacion {
        vertical-align: top;
    }

    .hoverCalificacion {
        vertical-align: top;
    }

    .agradecimientoHighlight {
        background-color: #2ecc71;
        color: #FFF;
        font-size: 0.9em;
        font-weight: bold;
        padding: 5px;
        text-transform: uppercase;
    }

    .consultaHighlight {
        background-color: #3498db;
        color: #FFF;
        font-size: 0.9em;
        font-weight: bold;
        padding: 5px;
        text-transform: uppercase;
    }

    .reclamoHighlight {
        background-color: #e74c3c;
        color: #FFF;
        font-size: 0.9em;
        font-weight: bold;
        padding: 5px;
        text-transform: uppercase;
    }

    .sugerenciaHighlight {
        background-color: #f1c40f;
        color: #FFF;
        font-size: 0.9em;
        font-weight: bold;
        padding: 5px;
        text-transform: uppercase;
    }

    @media only screen and (min-width:240px) and (max-width:480px) {
        #sugerencia, #reclamo, #consulta, #agradecimiento {
            display: block;
        }
    }

    /* Formulario ingreso de opinión */

    #PlaceHolderLeft_PanelEntidad textarea {
        height: 200px;
    }

    #PlaceHolderLeft_PanelEntidad textarea, #PlaceHolderLeft_PanelEntidad input[type="text"], #PlaceHolderLeft_PanelEntidad select {
        width: 100%;
    }

    #PlaceHolderLeft_PanelEntidad input[type="checkbox"] {
        float: left;
        margin-right: 5px;
    }

    .AcceptedAgreement label {
        font-weight: normal;
        line-height: 20px;
    }

    .noButton {
        cursor: default !important;
    }

    #masInfo {
        display: none;
        max-width: 600px;
        overflow: auto;
    }

    img.logoEntidad {
        max-width: 140px;
    }

    /* Opiniones - reviews end */
    /* tooltip question mark begin */
    span.questionOpiniones {
        cursor: help;
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: #006BB3;
        line-height: 16px;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        border-radius: 8px;
        text-align: center;
        position: relative;
        margin-right: 10px;
        vertical-align: top;
    }

        span.questionOpiniones:hover {
            background-color: #dd5c23;
        }


    span.questionProductosBuscador {
        cursor: help;
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: #006BB3;
        line-height: 16px;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        border-radius: 8px;
        text-align: center;
        position: absolute;
        left: 250px; /* textbox y dropdowns ancho aproximado */
    }

    /* TODO: corregir, media queries provisorios, probar de ubicar el span en otro lado */

    @media only screen and (min-width:320px) and (max-width:320px) {
        span.questionProductosBuscador {
            left: 240px;
        }
    }

    @media only screen and (min-width:600px) and (max-width:650px) {
        span.questionProductosBuscador {
            left: 260px;
        }
    }

    @media only screen and (min-width:651px) and (max-width:700px) {
        span.questionProductosBuscador {
            left: 270px;
        }
    }

    @media only screen and (min-width:700px) and (max-width:767px) {
        span.questionProductosBuscador {
            left: 275px;
        }
    }

    @media only screen and (min-width:1024px) and (max-width:1024px) {
        span.questionProductosBuscador {
            left: 240px;
        }
    }

    span.questionProductosBuscador:hover {
        background-color: #dd5c23;
    }


    span.questionProductosBuscadorMenu {
        cursor: help;
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: #006BB3;
        line-height: 16px;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        border-radius: 8px;
        text-align: center;
        position: absolute;
        left: 160px;
        z-index: 1000;
    }

        span.questionProductosBuscadorMenu:hover {
            background-color: #dd5c23;
        }

    @media only screen and (min-width:481px) {
        span.questionProductosBuscadorMenu {
            left: 160px;
        }
    }


    /* tooltip question mark end */

    /* textarea counter begin */

    #textareaCounter {
        position: absolute;
        right: 20px;
        text-align: right;
        width: auto;
    }

    /* textarea counter end */



    /* secciones home iconos begin */

    .iconoSeccion {
        border: 1px solid #bebebe;
        box-shadow: 3px 3px 3px #999999;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        display: inline-block;
        height: 130px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 2px;
        position: relative;
        text-align: center;
    }


        .iconoSeccion .nombre {
            color: #111;
            font-family: Arial;
            font-weight: bold;
            margin-left: 70px;
            position: relative;
            text-align: left;
            top: 1px;
            width: auto;
        }

        .iconoSeccion .texto {
            color: #333333;
            display: block;
            font-family: Arial;
            left: 70px;
            min-height: 50px;
            position: relative;
            text-align: left;
        }

        .iconoSeccion a.button {
            /*margin-top: 15px; */
            position: relative;
            text-align: center;
        }

        .iconoSeccion h2 a:hover {
            text-decoration: none;
        }


    .personalesIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -366px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

        .personalesIcon:hover {
            background-position: 0 -427px;
            cursor: pointer;
        }

            .personalesIcon:hover h2 {
                /*background-color: #8ebe44;
    color: #FFF;
    padding: 3px;*/
            }

    .plazosFijosIcon:hover h2 {
        /*background-color: #144c75;
        color: #FFF;
        padding: 3px;*/
    }

    .plazosFijosIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

        .plazosFijosIcon:hover {
            background-position: 0 -61px;
            cursor: pointer;
        }

    .opinionesIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -855px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

        .opinionesIcon:hover {
            background-position: 0 -915px;
            cursor: pointer;
        }

    .tarjetasIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -122px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

        .tarjetasIcon:hover {
            background-position: 0 -183px;
            cursor: pointer;
        }

    .hipotecariosIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -732px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

        .hipotecariosIcon:hover {
            background-position: 0 -793px;
            cursor: pointer;
        }

    .comunidadIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -488px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

        .comunidadIcon:hover {
            background-position: 0 -549px;
            cursor: pointer;
        }

    .newslettersIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -244px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

        .newslettersIcon:hover {
            background-position: 0 -305px;
            cursor: pointer;
        }

    .calculadorasIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -976px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

        .calculadorasIcon:hover {
            background-position: 0 -1037px;
            cursor: pointer;
        }

    .blogsIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -610px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

    .blogsIcon:hover {
        background-position: 0 -672px;
        cursor: pointer;
        z-index: 1000;
    }

    .banksIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -1098px;
        background-repeat: no-repeat;
        height: 61px;
        margin-left: 0px;
    }

    .banksIcon:hover {
        background-position: 0 -1159px;
        cursor: pointer;
    }

    .cajasDeSeguridadIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -1220px;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 61px;
        position: absolute;
        top: 15px;
        width: 61px;
    }

    .cajasDeSeguridadIcon:hover {
        background-position: 0 -1281px;
        cursor: pointer;
    }

    .monedaIcon {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -1342px;
        background-repeat: no-repeat;
        display: block;
        height: 61px;
        margin-left: 0!important;
        position: absolute;
        top: 15px;
        width: 61px;
    }

    @media only screen and (min-width:320px) and (max-width:599px) {
        .iconoSeccion {
            border: 0;
            border-bottom: 1px solid #ebebeb;
            box-shadow: initial;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            height: 70px;
            margin: 0;
            margin-bottom: 10px;
            width: 100%;
        }

            .iconoSeccion .nombre {
                font-size: 18px;
                left: 15px;
                top: 10px;
                width: auto;
            }

            .iconoSeccion .texto {
                display: none;
                font-size: 14px;
                max-width: 90%;
                position: relative;
                width: 70%;
            }

            .iconoSeccion a.button {
                display: none;
            }

        .opinionesIcon, .personalesIcon, .plazosFijosIcon, .tarjetasIcon, .hipotecariosIcon, .comunidadIcon, .newslettersIcon, .calculadorasIcon, .blogsIcon, .banksIcon, .cajasDeSeguridadIcon {
            left: 10px;
            top: 0;
        }
    }

    @media only screen and (min-width:600px) and (max-width:1000px) {
        .iconoSeccion {
            margin-bottom: 20px;
            width: 45%;
        }

            .iconoSeccion .nombre {
                font-size: 15px;
                max-width: 70%;
                width: auto;
            }

            .iconoSeccion .texto {
                font-size: 13px;
                min-height: 50px;
                margin: 0;
                max-width: 70%;
                width: auto;
            }
    }

    @media only screen and (min-width:1001px) {
        .iconoSeccion {
            margin-bottom: 35px;
            width: 280px;
        }

            .iconoSeccion .nombre {
                font-size: 17px;
                width: 210px;
            }

            .iconoSeccion .texto {
                font-size: 14px;
                width: 200px;
            }
    }



    /* secciones home iconos end */


    /* iconos secciones begin */


    .icono {
        display: block;
        margin-bottom: 10px;
        margin-left: 30px;
        margin-right: 10px;
        position: relative;
        height: 60px;
    }

    .icono .nombre {
        color: #111;
        display: inline;
        font-family: Arial;
        font-size: 24px;
        font-weight: bold;
        position: absolute;
        top: 1px;
        left: 70px;
    }

    .icono h1.nombre {
        font-size: 24px;
    }

    .icono h2.nombre {
        font-size: 18px;
    }

    .icono .texto {
        font-size: 12px;
        left: 70px;
        position: absolute;
        top: 30px;
        width: 190px;
    }

    .icono .texto2 {
        font-size: 12px;
        left: 70px;
        position: absolute;
        top: 40px;
        width: 190px;
    }

    .banksIcon2 {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -1098px;
        background-repeat: no-repeat;
        height: 61px;
        margin-left: 0px;
    }

    .calculadorasIcon2 {
        background-image: url('/shared/images/home/iconos/iconos.png');
        background-position: 0 -976px;
        background-repeat: no-repeat;
        height: 61px;
        margin-left: 0px;
    }

    .calculadorasIcon2 .texto2 {
        width: auto;
    }

  


    /* iconos secciones end */


    /* Ultimas opiniones begin */

    #ultimasOpiniones ul {
        width: 98%;
    }

        #ultimasOpiniones ul li {
            border-bottom: 1px solid #bebebe;
            list-style-type: none;
            position: relative;
        }

            #ultimasOpiniones ul li .opinionTicker {
                padding-bottom: 15px;
                padding-top: 15px;
                width: 480px;
            }

            #ultimasOpiniones ul li img {
                float: left;
                margin-right: 10px;
                margin-top: 18px;
            }

            #ultimasOpiniones ul li .titulo {
                font-style: italic;
                font-family: Georgia, "Times New Roman";
                font-size: 12px;
            }

            #ultimasOpiniones ul li img.logoOpinionReciente {
                position: absolute;
                float: right;
                left: 470px;
                top: 0;
            }

    #ultimasOpiniones .rateit {
        left: 5px;
        position: relative;
        top: 3px;
    }

    #ultimasOpiniones .puntuacionTexto {
        left: 7px;
        position: relative;
    }

    #ultimasOpiniones a:hover {
        text-decoration: none;
    }

    /* Ultimas opiniones end */

    /* Opiniones slider begin */


    .sliderOpinion {
        height: auto;
        margin: 0;
        padding: 0;
        padding-left: 45px;
        margin-bottom: 10px;
    }

        .sliderOpinion h3.tituloOpinion {
            font-family: Georgia;
            font-size: 1.6em;
            font-style: italic;
            font-weight: normal;
        }

        .sliderOpinion .puntuacion {
            font-weight: bold;
        }

        .sliderOpinion .puntuacionTexto {
            font-weight: bold;
        }

        .sliderOpinion .sliderLogo img {
            margin-left: auto;
            margin-right: auto;
        }

        .sliderOpinion .sliderOpinionContent {
            text-align: left;
            margin-left: auto;
            margin-right: auto;
            max-width: 768px;
        }

    @media only screen and (min-width:240px) and (max-width:468px) {
        .sliderOpinion h3.tituloOpinion {
            font-size: 1.3em;
        }
    }



    /* Opiniones slider end */

    /* Bancos slider begin */

    #sliderBancos {
    }

#prefooter .bx-wrapper, #prefooter .bx-viewport 
{
    height: 130px !important;
    padding-top: 10px;
}

    #prefooter .bx-controls {
        position: relative;
        top: 10px;
    }

    @media only screen and (min-width:320px) and (max-width:468px) {
        #entidades .bx-pager, #entidades .bx-viewport, #prefooter .bx-wrapper, #entidades .bx-controls-direction, #entidades #sliderBancos {
            display: none;
        }
    }


    #sliderBancos .slide { /* centrado vertical */
        vertical-align: middle;
        display: inline-block;
        float: none !important;
    }

    .slide img {
        /* centrado horizontal */
        margin: 0 auto;
        max-width: 140px;
    }

    .slide a:hover { /* para link de bancos sin logo */
        text-decoration: none;
    }


    /* Bancos slider end */


    /* Opiniones begin */

    .opinion {
        border: 1px solid #bebebe;
        border-radius: 5px;
        float: left;
        margin-bottom: 30px;
        position: relative;
        width: 99%;
    }

    .user {
        float: left;
        padding: 10px;
        width: 20%;
    }

        .user img.userImage {
        }

        .user .userName {
            display: block;
            left: 5px;
            position: relative;
            top: 10px;
        }

    .review h1, .review h2 {
        font-family: Georgia, "Times New Roman";
        font-style: italic;
        font-weight: normal;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .review {
        float: left;
        margin-left: 15px;
        padding: 10px;
        width: 70%;
    }

    .menuBanco a small span, .menuBanco span small span {
        display: none;
    }

    @media only screen and (min-width:240px) and (max-width:999px) {
        .opinion {
            width: 100%;
        }

        .user {
            float: none;
            padding: 10px;
            width: 100%;
        }

            .user img.userImage {
                float: left;
                margin-right: 15px;
                position: static;
            }

        .review {
            float: left;
            margin: 0;
            padding: 15px;
            width: 100%;
        }
    }


    .review .logo {
        float: left;
    }

    .review .puntuacion {
        font-weight: bold;
        margin-left: 10px;
    }

    .review .puntuacionTexto {
        font-weight: bold;
    }

    .review .disclaimer {
        color: #888888;
        font-size: 0.9em;
    }

    .puntuacionOpiniones {
        font-size: 15px;
        position: relative;
        left: 8px;
        top: -2px;
    }

    #calificacionesBox {
        border-top: 1px solid #e9e9e9;
        float: left;
        margin-top: 5px;
        margin-bottom: 15px;
        width: 100%;
    }

    #calificacionesBox1 {
        border-right: 1px solid #e9e9e9;
        float: left;
        padding: 6px;
        padding-left: 5px;
        padding-bottom: 16px;
        width: 24%;
    }

    #calificacionesBox2 {
        float: left;
        padding: 6px;
        padding-left: 12px;
        width: 24%;
    }

    #calificacionesBox3 {
        border-left: 1px solid #e9e9e9;
        float: left;
        padding: 6px;
        padding-left: 12px;
        width: 50%;
    }

    .ratingList {
        padding: 0;
        margin: 0;
    }

    .ratingText {
        float: left;
        font-size: 0.9em;
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        width: 100px;
        text-align: left;
    }

    .bar {
        background-color: #e9e9e9;
        float: left;
        position: relative;
        top: 3px;
        height: 12px;
        width: 85px;
    }

    .fill {
        background-color: #dd5c23;
        height: 12px;
        width: 0;
    }

    .ratingList .cantidadOpiniones {
        float: left;
        padding-left: 10px;
    }

    .aspecto {
        margin-bottom: 8px;
        position: relative;
        top: -4px;
    }

        .aspecto .rateit {
            position: relative;
            top: 2px;
        }

    .aspectosText {
        display: inline-block;
        font-size: 0.9em;
        margin: 0;
        padding: 0;
        padding-right: 5px;
        width: 300px;
        text-align: left;
    }

    .experienciasText {
        float: left;
        font-size: 0.9em;
        padding: 0;
        margin: 0;
        padding-right: 5px;
        margin-bottom: 12px;
        width: 120px;
        text-align: left;
    }

    #headerBanco
    {
        position: relative;
    }

    #calificacionRanking {
        float: right;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }

    @media only screen and (min-width:240px) and (max-width:468px) {
        #calificacionRanking 
        {
            float: none;
        }
    }

    .porcentajeRecomendado {
        color: #dd5c23;
        font-size: 40px;
        font-weight: bold;
        padding: 0;
        margin: 0;
    }

        .porcentajeRecomendado img {
            margin-left: 10px;
            position: relative;
            top: 5px;
        }

    #calificacionRanking .puestoRankingLocal {
        color: #dd5c23;
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        margin: 0;
    }

        #calificacionRanking .puestoRankingLocal span {
            font-weight: normal;
        }


    #opinionReciente {
        border: 1px solid #bebebe;
        float: left;
        margin-left: 25px;
        margin-top: 10px;
        padding: 5px;
        padding-bottom: 15px;
        width: 95%;
    }

        #opinionReciente p {
            margin: 0;
            padding: 0;
            padding: 5px;
            padding-bottom: 10px;
        }

    #textoOpinionReciente {
    }

        #textoOpinionReciente h3 {
            font-family: Georgia, "Times New Roman";
            font-size: 14px;
            font-style: italic;
            font-weight: normal;
            margin: 0;
            padding: 0;
            padding-bottom: 5px;
        }

        #textoOpinionReciente #userName {
            display: block;
            font-weight: bold;
            top: 5px;
        }

        #textoOpinionReciente #fecha {
            position: relative;
            left: 4px;
            top: -3px;
        }

    #userOpinionReciente {
        float: left;
        margin-left: 5px;
        margin-right: 15px;
        position: relative;
    }

    h1.tituloOpinion, h2.tituloOpinion {
        font-family: Georgia, "Times New Roman";
        font-style: italic;
        font-weight: normal;
    }

    h1.tituloOpinion {
        font-size: 30px;
    }

    h2.tituloOpinion {
        font-size: 26px;
    }

    .opinionReciente {
        border-bottom: 1px solid #bebebe;
        padding: 5px;
    }

        .opinionReciente img {
            float: left;
            margin-bottom: 15px;
            margin-right: 15px;
            margin-top: 10px;
        }

        .opinionReciente .puntuacion {
            font-weight: bold;
        }

        .opinionReciente .puntuacionTexto {
            font-weight: bold;
        }

    .calificacionGeneral {
    }

    .calificacionAspecto {
        display: inline-block;
        width: 200px;
    }

    .calificacionSubaspecto {
        display: inline-block;
        padding-left: 20px;
        width: 208px;
    }

    .rateit {
        vertical-align: top;
    }

    .menuBanco {
    }


    @media only screen and (min-width:240px) and (max-width:767px) {
        #calificacionesBox1, #calificacionesBox2, #calificacionesBox3 {
            border: 0;
            border-bottom: 1px solid #bebebe;
            float: none;
            width: 100%;
        }

        .ratingText, .experienciasText, .aspectosText {
            width: 50%;
        }

        #calificacionRanking {
            float: none;
            left: 0;
            position: relative;
            width: auto;
        }

        .menuBanco a, .menuBanco span {
            width: 100%;
        }
    }


    /* Opiniones end */

    /* Banco Home begin */




    /* Banco Home end  */


    /* ads begin */

    .ad {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .adTop {
        clear: both;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .adContent {
        clear: both;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .adSidebar {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .adBottom {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    @media only screen and (min-width:240px) and (max-width:468px) {
        .adTop {
            margin: 0;
        }

        .desktop {
            display: none;
        }

        .adTop .mobile {
            display: block;
            height: 100px;
            margin-bottom: 10px;
        }

        .ad .mobile {
            display: block;
            height: 300px;
        }

        .adContent .mobile {
            display: block;
            height: 300px;
        }

        .adBottom .mobile {
            display: block;
            height: 300px;
            margin-bottom: 50px;
        }
    }

    /* ad top tablets */
    @media only screen and (min-width:469px) and (max-width:780px) {
        .adTop {
            display: block !important;
            margin: 0;
            width: 100%;
        }

        .ad .desktop {
            display: block !important;
            height: 150px;
            margin-left: auto;
            margin-right: auto;
            max-height: 150px;
            max-width: 1200px;
            text-align: center;
        }

        .adContent .desktop {
            display: block!important;
            height: 200px;
            margin-left: auto;
            margin-right: auto;
            max-height: 200px;
            text-align: center;
        }

        .adBottom .desktop {
            display: block !important;
            height: 200px;
            margin-bottom: 50px;
            margin-left: auto;
            margin-right: auto;
            max-height: 200px;
            text-align: center;
        }

        .adSidebar .desktop {
            display: none;
        }

        .adTop .desktop {
            display: none !important;
            height: 90px;
            margin-left: auto;
            margin-right: auto;
            max-height: 90px;
            max-width: 1200px;
            text-align: center;
        }

        .adTop .tablet {
            display: block!important;
            height: 150px;
            margin-left: auto;
            margin-right: auto;
            max-height: 150px;
            max-width: 1200px;
            margin-bottom: 15px;
            text-align: center;
        }

        .mobile {
            display: none;
        }

        /* se muestra en desktop solamente, no en tablets ni en mobile */
        .adMiddleTop .desktop {
            display: none;
        }
    }

    @media only screen and (min-width:781px) {
        .adTop {
            display: block !important;
            width: 100%;
        }

        .ad .desktop {
            display: block !important;
            height: 150px;
            margin-left: auto;
            margin-right: auto;
            max-height: 150px;
            max-width: 1200px;
            text-align: center;
        }

        .adContent .desktop {
            display: block !important;
            height: 200px;
            margin-left: auto;
            margin-right: auto;
            max-height: 200px;
            text-align: center;
        }

        .adSidebar .desktop {
            display: block !important;
            height: 280px;
            margin-left: auto;
            margin-right: auto;
            max-height: 280px;
            text-align: center;
            width: 336px;
        }

        .adTop .desktop {
            display: block !important;
            height: 90px;
            margin-left: auto;
            margin-right: auto;
            max-height: 90px;
            max-width: 1200px;
            text-align: center;
        }

        .adBottom .desktop {
            display: block !important;
            height: 200px;
            margin-bottom: 50px;
            margin-left: auto;
            margin-right: auto;
            max-height: 200px;
            text-align: center;
        }

        .mobile {
            display: none;
        }

        /* se muestra en desktop solamente, no en tablets ni en mobile */
        .adMiddleTop .desktop {
            display: block !important;
            height: 90px;
            margin-left: auto;
            margin-right: auto;
            max-height: 90px;
            max-width: 1200px;
            text-align: center;
        }
    }


    /* ads end */

    /* Producto Utilidades begin */

    .productoUtilidad {
        background-color: #E5EFF5;
        border-radius: 5px;
        box-shadow: 3px 3px 3px #999999;
        margin-bottom: 40px;
        border: 1px solid #9BC1D9;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 0;
    }

    /* Producto Utilidades end */

    /* Calculadoras begin */

    .calculadora {
        margin-bottom: 30px;
        padding: 12px;
        border: 1px solid #bebebe;
        border-radius: 10px;
        width: 97%;
    }

        .calculadora label {
            font-weight: bold;
        }

        .calculadora input.text {
            padding: 5px;
            width: 236px
        }

        .calculadora .columna {
            float: left;
            position: relative;
            width: 48%;
        }

            .calculadora .columna > p {
                margin-bottom: 30px;
            }

        .calculadora .resultado span {
            background-color: #FFE38F;
            font-size: 25px;
            font-weight: bold;
            padding: 10px;
        }

    /* Calculadoras end */

    /* Sucursales begin */

    #map-canvas {
        height: 300px;
        margin: 0px;
        margin-bottom: 30px;
        padding: 0px;
        width: 600px;
    }

    #pano {
        height: 300px;
        margin: 0px;
        margin-bottom: 30px;
        padding: 0px;
        width: 600px;
    }

    /* Sucursales end */

    /* Compartir begin */

    #share {
        color: #333333;
        font-size: 16px;
        margin: 0;
        padding: 5%;
    }

        #share h1 {
            font-size: 1.3em;
            font-weight: 700;
        }

        #share p {
            font-size: 1em;
            font-weight: 400;
        }

        #share i {
            vertical-align: middle;
        }

            #share i.fb {
                color: #3B5998;
            }

            #share i.tw {
                color: #00aced;
            }

            #share i.gplus {
                color: #d34836;
            }

            #share i.wa {
                color: #4dc247;
            }

        #share a {
            color: #333333;
            display: block;
            height: auto;
            margin-bottom: 10px;
            text-decoration: none;
            width: 100%;
        }

            #share a:hover {
                text-decoration: none;
            }

    /* Compartir end */

    /* Newsletter box begin */

    .newsletterBox {
        clear: both;
        border: 6px solid #db5b26;
        border-radius: 7px;
        margin-bottom: 15px;
        margin-top: 15px;
        padding: 10px;
    }

        .newsletterBox input {
            width: 100%;
        }

        .newsletterBox h3 {
            color: #db5b27;
            float: left;
            margin-left: 10px;
            position: relative;
            top: -12px;
        }

        .newsletterBox img {
            margin-left: 10px;
        }

    /* Newsletter box end */