.ms-rteStyle-DetalleTexto {
    -ms-name: "Detalle texto";
    font-family: Arial;
    font-size: 11px;
}

.ms-rteStyle-TextosCabeceraDeMenu {
    -ms-name: "Texto cabecera de menu";
    font-family: Arial;
    font-size: 12px;
    color: #a37c29;
}

.ms-rteStyle-TextosInternos {
    -ms-name: "Textos internos";
    font-family: Arial;
    font-size: 13px;
    color: #373d45;
}

    .ms-rteStyle-TextosInternos A {
        text-decoration: underline;
    }

        .ms-rteStyle-TextosInternos A:link,
        .ms-rteStyle-TextosInternos A:active,
        .ms-rteStyle-TextosInternos A:visited {
            color: #373d45;
            text-decoration: underline;
        }

        .ms-rteStyle-TextosInternos A:hover,
        A:hover SPAN.ms-rteStyle-TextosInternos {
            color: #7a828c;
            text-decoration: underline;
        }

.ms-rteStyle-DetallesTitulo {
    -ms-name: "Detalles del titulo/productos de apoyo";
    font-family: Arial;
    font-size: 16px;
}

.ms-rteStyle-SubtitulosDePaginas {
    -ms-name: "Subtitulos de páginas";
    font-family: Arial;
    font-size: 21px;
}

.ms-rteStyle-TitulosDePaginas {
    -ms-name: "Titulos de páginas";
    font-family: Arial;
    font-size: 26px;
    color: #373D45;
    font-weight: bold;
    display: block;
}

.ms-rteStyle-TitulosDePaginasSinBreadcrumb {
    -ms-name: "Titulos de páginas (sin breadcrumb)";
    font-family: Arial;
    font-size: 26px;
    color: #373D45;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

.ms-rteStyle-Paraguas {
    -ms-name: "Paraguas";
    font-family: Arial;
    font-size: 28px;
}

.ms-rteStyle-HR {
    -ms-name: "Horizontal Ruler";
    width: 100%;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    height: 0px;
}

.ms-rtestate-field P {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.ms-rteStyle-TextoLegales {
    -ms-name: "Texto legales";
    font-family: Arial;
    font-size: 11px;
    display: block;
    color: #373D45;
}

/* Titulo de página*/


/* Componentes */

IMG.itau-banner-subcategoria {
    margin-top: 20px;
	border: 0;
    /*width: 980px;*/
	display: block;
    height: auto;
    max-width: 100%;
}

DIV.itau-separador-v-10 {
    height: 10px;
}

DIV.itau-separador-v-20 {
    height: 20px;
}

div.itau-separador-v-50 {
    height: 50px;
    background: #f1edeb;
}

#destaqueProducto {
	width: 100% !important;
	height: auto !important;
    /*border-top: 1px solid #DBDAD9;
    border-bottom: 1px solid #DBDAD9;*/
}

    #destaqueProducto > DIV.leftPanel {
        float: left;
    }

    #destaqueProducto > DIV.rightPanel {
        float: right;
    }

        #destaqueProducto > DIV.rightPanel > DIV.destaqueProductoBox {
            padding: 10px 0 10px 0;
            overflow: auto;
            border-bottom: 1px solid #DBDAD9;
        }

            #destaqueProducto > DIV.rightPanel > DIV.destaqueProductoBox IMG {
                float: right;
            }

            #destaqueProducto > DIV.rightPanel > DIV.destaqueProductoBox > DIV {
                float: left;
                width: 300px;
                margin: 5px 0 0 0;
            }

            #destaqueProducto > DIV.rightPanel > DIV.destaqueProductoBox .ms-rteStyle-TextosInternos {
                margin-top: 15px;
                display: block;
            }

#destaqueProductoAlternativo {
    margin-top: 20px;
}

    #destaqueProductoAlternativo > .destaqueProductoAlternativo-imagen > IMG {
        margin-left: 65px;
        display: block;
    }

#estanteriaProducto {
    margin-top: 20px;
}

    #estanteriaProducto.sinImagen {
        height: 110px;
    }

    #estanteriaProducto A {
        color: currentColor;
        text-decoration: underline;
        line-height: 17px;
        font-size: 100%;
        font-family: Arial, sans-serif;
    }

    #estanteriaProducto P {
        margin-bottom: 5px;
    }

    #estanteriaProducto > IMG,
    #estanteriaProducto > DIV {
        float: left;
    }

    #estanteriaProducto .estanteriaTexto > .estanteriaTitulo {
        font-weight: bold;
        margin-bottom: 3px;
    }

    #estanteriaProducto.tresProductos {
        /*margin-right: 83px;*/
        float: left;
        width: 249px;
    }
		
	    #estanteriaProducto.tresProductos .estanteriaImgContainer {
            width: 99px;
            float: left;
        }

            #estanteriaProducto.tresProductos .estanteriaImgContainer IMG {
                margin-right: auto;
                margin-left: auto;
                display: block;
                width: 80px;
                height: 80px;
            }

        #estanteriaProducto.tresProductos .estanteriaTexto {
            width: 150px;
            float: right;
        }

        #estanteriaProducto.tresProductos.sinImagen .estanteriaTexto {
            float: none;
        }
	
	#estanteriaProducto.tresProductos.primerProducto .estanteriaImgContainer{
		width: 90px;
	}
	
	#estanteriaProducto.tresProductos.primerProducto{
		width: 240px;
	}
		
	#estanteriaProducto.tresProductos.primerProducto .estanteriaImgContainer IMG{
		margin:0;
	}
	
	#estanteriaProducto.tresProductos.segundoProducto{
		margin-left: 121px;
	}
	
	#estanteriaProducto.tresProductos.tercerProducto{
		float: right;
	}
		
    #estanteriaProducto.cuatroProductos > IMG {
        width: 80px;
        height: 80px;
    }

    #estanteriaProducto.cuatroProductos > DIV {
        width: 217px;
        margin-left: 10px;
    }

    #estanteriaProducto.cuatroProductos .estanteriaTexto {
        /*min-height: 70px;*/		
    }

    #estanteriaProducto.seisProductos {
        margin-right: 32px;
        float: left;
        width: 134px;
    }

    #estanteriaProducto.cincoProductos {
        margin-right: 72px;
        float: left;
        width: 134px;
    }


    #estanteriaProducto.dosProductos {
        margin-right: 16px;
        margin-left: 16px;
        width: 466px;
    }

        #estanteriaProducto.dosProductos .estanteriaTexto {
            width: 199px;
        }

        #estanteriaProducto.dosProductos .estanteriaImgContainer {
            width: 183px;
            float: left;
        }

            #estanteriaProducto.dosProductos .estanteriaImgContainer IMG {
                margin-right: auto;
                margin-left: auto;
                display: block;
                width: 94px;
                height: 94px;
            }

.textoEnColumnas {
    padding-right: 10px;
}

.itau-producto-cajaGris {
    background: url(/_layouts/15/Itau.WebSite/Images/bg-box-degrade.png) repeat-x;
    border: 1px solid #bdbdbd;
    padding: 16px;
    overflow: auto;
    margin-top: 20px;
}

.itau-producto-cajaGris-soloBorderSuperior {
    background: url(/_layouts/15/Itau.WebSite/Images/bg-box-degrade.png) repeat-x;
    background-position-y: 2px;
    border-top: 1px solid #BEBAB9;
    padding: 20px;
    overflow: auto;
    margin-top: 20px;
}

    .itau-producto-cajaGris-soloBorderSuperior.itau-producto-cajaGris-alternativo {
        background-position-y: 0px;
        border-top: 0 none;
    }

    .itau-producto-cajaGris-soloBorderSuperior > DIV.btn-gris-container {
        margin-top: 15px;
    }

.itau-cajaProducto {
    background: url(/_layouts/15/Itau.WebSite/Images/bg-box-degrade.png) repeat-x;
    background-position-y: 2px;
    border-top: 1px solid #BEBAB9;
    padding: 20px 16px 10px 16px;
    overflow: auto;
    margin-top: 20px;
}

    .itau-cajaProducto IMG {
        float: left;
        display: block;
    }

    .itau-cajaProducto .itau-cajaProducto-titulo {
        float: left;
        display: block;
        margin-top: 35px;
        font-weight: bold;
        font-family: Arial, sans-serif;
        line-height: 17px;
        font-size: 17px;
    }

    .itau-cajaProducto.cuatroProductos .itau-cajaProducto-titulo {
        width: 121px;
    }

    .itau-cajaProducto A {
        color: #444;
        text-decoration: underline;
    }

/*boton naranja*/
div.btn-naranja-container > a {
    background-color: #ec7000;
    border-radius: 4px;
    border: none;
    color: #fff;
    display: inline-block;
	font-size: 12px;
    font-weight: bold;
	padding: 5px 12px;
    position: relative;
    text-align: center;
    transition: transform .2s,background .3s;
}

/*boton gris claro*/
div.btn-gris-claro-container > a {
    padding: 5px 12px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #c6c4c5;
    border-bottom: 1px solid #c6c4c5;
    color: #373b44;
    text-shadow: -1px -1px 0 rgba(235,235,235,.6);
    background: #c6c4c5 url(/_layouts/15/Itau.WebSite/Images/btn-light-default.png) 0 bottom repeat-x;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration: none;
}

div.btn-gris-claro-container > a:hover { background: #c6c4c5 url(/_layouts/15/Itau.WebSite/Images/btn-light-hover.png) 0 bottom repeat-x; color:#31343c; }

DIV.btn-gris-container > A {
    background: url(/_layouts/15/Itau.WebSite/Images/btn-action-default.png) repeat-x;
    padding: 5px 12px;
    color: #eff4f8;
    border-radius: 4px;
    border: 1px solid #646261;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
}

    DIV.btn-gris-container > A:hover {
        background: url(/_layouts/15/Itau.WebSite/Images/btn-action-hover.png) repeat-x;
        text-decoration: none;
    }

.itau-llamada {
    padding-top: 20px;
}

.itau-llamada-links {
    float: right;
}

    .itau-llamada-links .itau-llamada-links-nobutton A {
        text-decoration: underline;
        color: #373d45;
    }

    .itau-llamada-texto,
    .itau-llamada-links > DIV {
        float: left;
    }

.itau-titulo-con-link {
    padding-top: 15px;
}

.itau-titulo-links {
    float: right;
}

    .itau-titulo-links .itau-titulo-links-nobutton {
        padding-top: 0px;
    }

        .itau-titulo-links .itau-titulo-links-nobutton A {
            text-decoration: none;
            color: #003767;
            font-weight: bold;
        }

            .itau-titulo-links .itau-titulo-links-nobutton A:hover {
                text-decoration: underline;
            }

    .itau-titulo-links .btn-gris-container {
        padding-left: 20px;
    }

    .itau-titulo-texto,
    .itau-titulo-links > DIV {
        float: left;
    }

/* Estilos de TABS */
.ui-tabs {
    border-radius: 0px;
    padding: 0px;
    border: none;
    margin-top: 20px;
}

    .ui-tabs UL.ui-tabs-nav {
        background-image: none;
    }

    .ui-tabs UL.ui-widget-header {
        background-color: transparent;
        border-radius: 0px;
        border: none;
        padding: 0;
    }

        .ui-tabs UL.ui-widget-header .ui-state-default {
            background-image: url('/_layouts/15/Itau.WebSite/Images/btn-light-default.png');
            background-repeat: repeat-x;
            margin: 0;
            border: 1px solid #BDBDBD;
            border-bottom: none;
            border-radius: 0;
            border-left: none;
            height: 28px;
            padding: 0;
        }

            .ui-tabs UL.ui-widget-header .ui-state-default[aria-controls="tabs-1"] {
                border-left: 1px solid #BDBDBD;
            }

            .ui-tabs UL.ui-widget-header .ui-state-default > A {
                color: #373D45;
                font-family: Arial;
                line-height: 17px;
                font-size: 13px;
                padding: 6px 25px 0 25px;
            }

    .ui-tabs UL.ui-widget-header {
        margin-top: 0px;
    }

        .ui-tabs UL.ui-widget-header .ui-state-default > A > STRONG {
            font-weight: normal;
        }


    .ui-tabs .ui-tabs-panel {
        border: 1px solid #BDBDBD;
    }

        .ui-tabs .ui-tabs-panel UL {
            padding-left: 12px;
        }

    .ui-tabs UL.ui-widget-header .ui-state-default:hover {
        background-image: url('/_layouts/15/Itau.WebSite/Images/btn-light-hover.png');
    }

    .ui-tabs UL.ui-widget-header .ui-state-default.ui-state-active {
        background-image: url('/_layouts/15/Itau.WebSite/Images/btn-light-active.png');
    }

#popupwindow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
}

    #popupwindow .popupwindow-background {
        background-color: grey;
        zoom: 1;
        filter: alpha(opacity=70);
        opacity: 0.7;
        width: 100%;
        height: 100%;
    }

    #popupwindow .popupwindow-window {
        background-color: white;
        max-width: 810px;
        max-height: 600px;
        position: fixed;
        left: 50%;
        margin-left: -405px;
        top: 50%;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    #popupwindow .popupwindow-title {
    }

    #popupwindow .popupwindow-close {
        float: right;
        margin: 10px 10px 0 0;
    }

        #popupwindow .popupwindow-close > A {
            color: #373d45;
            font-family: Arial;
            font-size: 100%;
        }

            #popupwindow .popupwindow-close > A:hover {
                text-decoration: none;
                color: #7a828c;
            }

    #popupwindow .popupwindow-content {
        padding: 23px 67px 30px 67px;
    }

.btn-naranja {
    color: #fff !important;
    background: #ec7404 !important;
	padding: 10px 13px 8px;
    margin-left: 0px;
    font-size: 16px;
	font-weight: 400;
	width:100%;
}

.btn-naranja > button:hover{
	text-decoration:none !important;
	background: #ec7404 !important;
}

.btn-naranja  a:link{
    color: #fff !important;
    text-decoration: none!important;
}

.btn-naranja  a:hover{
    color: #fff !important;
    text-decoration: none!important;
}

.btn-naranja  a:visited{
    color: #fff !important;
    text-decoration: none!important;
}

.titulo-boton-link {
    margin: 8px 0 0;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #5b5149;
}

.subtitulo-boton-link {
    margin-top: 8px;
    font-family: Arial;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    color: #5b5149;
}

.texto-link {
    margin: 16px 0 0;
    color: #5b5149;
    font-size: 16px;
    font-family: Arial;

}

.segmentos {
	background-color: #eae5e3;
    padding-bottom: 35px;
}

.segmentos > div > div > h2 {
	margin-top: 35px;
    margin-bottom: 37px;
    font-size: 16px;
    line-height: 20px;
	color: #5b5149;
	font-weight:700;	
}

.segmentos .titulo {
	padding-top:20px;
}

.card-itau {
    background-color: #ec7404;
    border-color: #ec7404;
}

.card-itau-personalbank {
    background-color: #757575;
    border-color: #757575;
}

.card-itau-empresas {
    background-color: #003767;
    border-color: #003767;
}

.card-segmento {
    display: block;
    width: 100%;
    height: 98px;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(91,81,73,.2);
}

.card-contenido {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    padding-left: 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
}

.card-contenido:active{
	color: #fff!important;
	text-decoration:none!important;
}
.card-contenido:hover{
	color: #fff!important;
	text-decoration:none!important;
}
.card-contenido:visited{
	color: #fff!important;
	text-decoration:none!important;
}

.contenedor-titulo-boton {
    padding-top: 19px;
    padding-bottom: 15px;
}

.contenedor-titulo-boton > div > div > p {
    margin-bottom: 10px;
    margin-top:10px;
}

.preguntas-frecuentes {
    background-color: #eae5e3;
    padding-bottom: 35px;
}

.preguntas-frecuentes > div > div > h2 {
	margin-top: 35px;
    margin-bottom: 37px;
    font-size: 16px;
    line-height: 20px;
	color: #5b5149;
	font-weight:700;
}

.preguntas-frecuentes .card {
    float: left;
    width: 136px;
    padding: 0 16px 12px;
    text-align: left;
    box-shadow: 0 3px 5px 0 rgba(91,81,73,.2);
}

.preguntas-frecuentes .card-p {
    height: 96px;
    background-color: #fff;
	width: 100%;
}

.preguntas-frecuentes .card  a label {
    margin: 0;
    line-height: 20px;
    letter-spacing: 0;
    color: #5b5149;
	font-size: 13px;
    font-weight: 700;
}

.preguntas-frecuentes .box-content-container {
    position: relative;
}

.preguntas-frecuentes .card a {
	position: absolute;
	width: 100%;
}

.preguntas-frecuentes .card a span[class*=icon-] {
    display: block;
    margin-left: -4px;
    font-size: 30px;
	padding-top:20px;
}

[class*=' icon-'],[class^=icon-] {
    font-family: itau-icon!important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    font-variant: normal;
    -moz-osx-font-smoothing: grayscale
}

.icon-factura:before  {
    content: url(/PublishingImages/mobile/icon_factura.png);
}

.icon-comprobante:before  {
    content: url(/PublishingImages/mobile/icon_comprobante.png);
}

.icon-contactenos:before  {
    content: url(/PublishingImages/mobile/icon_contactenos.png);
}

.icon-preguntas-frecuentes:before  {
    content: url(/PublishingImages/mobile/icon_preguntas_frecuentes.png);
}

.icon-sucursal:before  {
    content: url(/PublishingImages/mobile/icon_sucursal.png);
}

.nuestras-apps{
    padding-bottom: 35px;
}

.nuestras-apps > div > div > h2{
    margin-top: 35px;
    margin-bottom: 37px;
    font-size: 16px;
    line-height: 20px;
	color: #5b5149;
	font-weight:700;
}

.nuestras-apps .owl-dots {
	display: none !important;
}

.nuestras-apps .owl-stage {
	width: 100% !important;
}

.nuestras-apps .owl-item {
	height: 80px;
}

.nuestras-apps .owl-item a {
	margin: 0 21px;
	display: block;
	min-height: 60px;
	width: 60px !important;
}

.nuestras-apps .owl-item a img {
    display: block !important;
    width: 60px !important;
    height: 60px;
    border-radius: 16px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);
	vertical-align: middle;
}

.nuestras-apps .owl-item a:hover {
	text-decoration: none !important;
}

.nuestras-apps .owl-item span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 15px;
    color: #3f3935;
    text-align: center;
    white-space: nowrap;
}

.nuestras-apps .owl-carousel .owl-stage .active~.active {
	opacity: inherit;
}

/*Acordeon*/

.itau-accordion {
    background-color:transparent;
    border: none;
}

.itau-accordion .itau-accordion-outer-col {
    width: 285px;
    float: left;
    margin-right: 74px;
}

.itau-accordion .itau-accordion-inner-col {
    width: 202px;
    float: left;
    margin-right: 74px;
}

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

	.ui-accordion-header {
		border: none;
		border-bottom: 1px solid;
		background: none;
		padding: 15px 0 10px 0 !important;
		padding-bottom: 20px !important;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.ui-accordion-header .ms-rteStyle-TextosInternos strong{
		color: #373d45;
		font-size: 14px;
	}

	.ui-accordion-header .ms-rteStyle-TextosInternos strong::after {
		content: "Mostrar contenido";
		float:right;
		font-weight: normal;
		font-size: 12px;
		margin-top: 3px;
	}

	.ui-accordion-header.ui-state-active .ms-rteStyle-TextosInternos strong::after {
		content: "Ocultar contenido";
		float:right;
		font-weight: normal;
		font-size: 12px;
		margin-top: 3px;
	}

	.ui-accordion-content{
		border: none;
		border-bottom: 1px solid;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		background-color: #f5f5f5 !important;
	}
	
	.ui-accordion-content.ui-widget-content{ 
		background: none;
	}

	.ui-accordion-header-icon {
		float: left;
		position: relative !important;
		margin-top: -4px !important;
		left: 0px !important;
	}
	
	.itau-accordion .ui-accordion-header-icon.ui-icon{
		background-image: none;
		text-indent: unset !important;
	}
	
	.itau-accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e:before {
		content: "+";
		font-size: 16px;
	}
	
	.itau-accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s:before{
		content: "-";
		font-size: 16px;	
	}
	
}


/*Media queries para componente 'Nuestras apps'*/
@media screen and (min-width: 340px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:700px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 17px
    }
}

@media screen and (min-width: 350px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:701px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 19px
    }
}

@media screen and (min-width: 360px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:715px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 20px
    }
}

@media screen and (min-width: 370px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:729px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 21px
    }
}

@media screen and (min-width: 380px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:757px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 23px
    }
}

@media screen and (min-width: 390px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:771px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 24px
    }
}

@media screen and (min-width: 400px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:700px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 13px
    }
}

@media screen and (min-width: 410px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:700px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 14px
    }
}

@media screen and (min-width: 420px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:700px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 15px
    }
}

@media screen and (min-width: 430px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:700px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 16px
    }
}

@media screen and (min-width: 440px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:700px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 17px
    }
}

@media screen and (min-width: 450px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 18px
    }
}

@media screen and (min-width: 460px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 19px
    }
}

@media screen and (min-width: 470px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 20px
    }
}

@media screen and (min-width: 480px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 21px
    }
}

@media screen and (min-width: 490px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 23px
    }
}

@media screen and (min-width: 500px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 14px
    }
}

@media screen and (min-width: 510px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 15px
    }
}

@media screen and (min-width: 520px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 16px
    }
}

@media screen and (min-width: 530px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 17px
    }
}

@media screen and (min-width: 540px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 18px
    }
}

@media screen and (min-width: 550px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 19px
    }
}

@media screen and (min-width: 560px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 20px
    }
}

@media screen and (min-width: 570px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 12px
    }
}

@media screen and (min-width: 580px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 13px
    }
}

@media screen and (min-width: 590px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 14px
    }
}

@media screen and (min-width: 600px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 15px
    }
}

@media screen and (min-width: 610px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 15px
    }
}

@media screen and (min-width: 620px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 16px
    }
}

@media screen and (min-width: 630px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 17px
    }
}

@media screen and (min-width: 640px) {
    .nuestras-apps .owl-carousel .owl-stage {
        width:768px!important
    }

    .nuestras-apps .owl-carousel .owl-stage .owl-item a {
        margin: 0 14px
    }
}


.linkConoceMas {
    padding-top:15px;
}

.linkConoceMas a {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    color: #0071a6;
}

.linkConoceMas a:hover {
	text-decoration: none !important;
}

.nuestros-productos .encabezado h4{
	font-size: 24px;
    color: #5B5149;
    letter-spacing: 0;
    line-height: 28px;
    padding-top: 23px;
    padding-bottom: 25px;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0px;
}

.producto {
	padding-top: 16px;
	width: 80%;
    height: 104px;
    float: left;
    list-style: none;
	text-align: center;
}

.producto p {
	font-size: 14px;
    color: #252220;
    line-height: 16px;
    text-align: center;
}

.producto img {
	width: 48px;
    height: 48px;   
    margin-left: auto;
    margin-right: auto;
}

/* Tablet Portrait width to 960px */ 
@media only screen and (min-width: 768px) and (max-width: 959px) {	

	/*Breadcrumb*/
	
	.datco-breadcrumb {
		font-weight: 700;
		background: #514840;
		padding-top: 19px;
		padding-bottom: 17px;
		margin-left: -10px;
		margin-right: -12px;
		display: none;
	}
	
	.datco-breadcrumb SPAN {
		color: #fff !important;
		font-size: 16px;
		padding-left: 5px;
	}

	/*Comunes a todas las estanterias */
	
	#estanteriaProducto {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2) !important
	}
	
	.estanteriaTexto ul li {
		font-family: Arial;
		font-size: 12px;
	}

	/*estanterias de producto - 2 items */
	#estanteriaProducto.dosProductos {
		/*width: 300px !important;*/
		width: 100% !important;
		height: 130px;
		margin-left: 0px !important;
		margin-right: 0px !important;
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
	}
	
	#estanteriaProducto.dosProductos div {
		margin-left: 15px !important;
		margin-top: 15px !important;
	}
	
	#estanteriaProducto.dosProductos .estanteriaImgContainer {
		width: 100px;
	}
	
	#estanteriaProducto.dosProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 0px !important;
	}
	
	#estanteriaProducto.dosProductos .estanteriaTexto {
		float: right;
	}

	/*estanterias de producto - 3 items */
	
	#estanteriaProducto.tresProductos div {
		margin-left: 15px !important;
		/*margin-top: 15px !important;*/
	}
	
	#estanteriaProducto.tresProductos.primerProducto{
		width: 100% !important;
	}
	
	#estanteriaProducto.tresProductos {
		width: 100% !important;
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
	}
	
	#estanteriaProducto.tresProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 15px !important;
		margin-top: 15px !important;
	}
	
	#estanteriaProducto.tresProductos.primerProducto .estanteriaImgContainer {
		width: 80px;
	}
	
	#estanteriaProducto.tresProductos .estanteriaImgContainer {
		width: 80px;
	}
	
	#estanteriaProducto.tresProductos.segundoProducto{
		margin-left: 5px !important;
	}	
	
	#estanteriaProducto.tresProductos.tercerProducto {
		margin-left: 5px !important;
		float: left;
	}
	
	#estanteriaProducto.tresProductos .estanteriaTexto {
		padding-right: 15px !important;
		width: 600px;
	}
	
	/*estanterias de producto - 4 items */

	#estanteriaProducto.cuatroProductos div {
		margin-left: 15px !important;
		margin-top: 15px !important;
		width: auto;
	}
		 
	#estanteriaProducto.cuatroProductos.sinImagen div {
		margin-left: 0px !important;
		margin-top: 5px !important;
	}
	
	.cuatroProductos.sinImagen {		
		width: 100% !important;
		height: 125px;
	}
	
	.cuatroProductos.sinImagen div {
		width: 100% !important;
	}
	
	.cuatroProductos.sinImagen .estanteriaTexto {
		margin-left: 0px !important;
	}
	
	.cuatroProductos.sinImagen p {
		margin-left: 10px;
	}
	
	#estanteriaProducto.cuatroProductos.primerProducto {
		width: 100% !important;
	}
	
	#estanteriaProducto.cuatroProductos.segundoProducto {
		margin-left: 0px !important;
	}
	
	#estanteriaProducto.cuatroProductos {
		width: 100% !important;
		margin-left: 0px !important;
		height: 100%;
		display: inline-block;
	}
	
	#estanteriaProducto.cuatroProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 15px !important;
		margin-top: 15px !important;
	}
	
	#estanteriaProducto.cuatroProductos .estanteriaTexto {		
		float: right;
		margin-left: 0px !important;
		
	}
	/*estanterias de producto - 5 items */
	
	#estanteriaProducto.cincoProductos div {
		margin-left: 15px !important;
		margin-top: 15px !important;
	}
	
	#estanteriaProducto.cincoProductos{
		margin-right: 15px;
	}

	#estanteriaProducto.cincoProductos  img{
		margin-left: 15px !important;
		margin-top: 15px !important;
	}	
	#estanteriaProducto.cincoProductos .estanteriaTexto {
		
		float: right;
	}
	
	/*estanterias de producto - 6 items */
	
	#estanteriaProducto.seisProductos {
		/*width: 420px !important;*/
		width: 100% !important;
	}
	
	#estanteriaProducto.seisProductos div {
		margin-left: 15px !important;
		margin-top: 15px !important;
	}
	
	#estanteriaProducto.seisProductos img {	
		display: block;
		height: auto;
		max-width: 100%;	
		margin-bottom: 15px !important;
		margin-left: 15px !important;
		margin-top: 15px !important;		
	}
	
	#estanteriaProducto .estanteriaTexto  {
		margin-top: 15px !important;
		padding-right: 15px !important; 
	}
	
	#estanteriaProducto.seisProductos.sinImagen .estanteriaTexto {
		width: 100%;
		float: left;
	}
	
	#estanteriaProducto.seisProductos .estanteriaTexto {
		width: 86%;
		float: right;
	}
		
	/*destaque de producto*/
	#destaqueProducto img {
		display: block;
		height: auto;
		max-width: 100%;
	}
	
	#destaqueProductoAlternativo .destaqueProductoAlternativo-imagen IMG {
		margin-left: 0px;
		width: 100%;
	}

	/*Itau Producto caja gris*/
	
	.itau-producto-cajaGris {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
	}
	
	.itau-producto-cajaGris div {
		width: auto !important;
		margin-right: auto !important;
	}

	/*Itau Producto caja gris alternativo y border superior*/
	.itau-producto-cajaGris-soloBorderSuperior {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
		width: 100% !important;
		height: 100% !important;
	}
	
	.itau-producto-cajaGris-alternativo {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
	}	
	
	#estanteriaProducto .itau-producto-cajaGris-soloBorderSuperior{
		margin: 0px !important;
	}
	
	/*Banner sub-categoria*/
	IMG.itau-banner-subcategoria{
		width: auto !important;
		height: auto !important;
	}

	/*llamada*/
	.itau-llamada {
		padding-top: 0px;
	}
	
	.itau-llamada-texto {
        width: 100% !important;
		float: none;
		height: 100% !important;
		padding: 27px 16px 30px;
        box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2) !important;
    }
	
	.itau-llamada-links {
		margin-top: -40px;
		padding-left: 15px;
		float: left;
		min-width: 98%;
		text-align: center;
	}
	
	.itau-llamada-links .btn-gris-container {
		min-width: 100%;
	}
	
	.itau-llamada-links .itau-llamada-links-nobutton{
		display: none;
	}
	
	.itau-llamada-links .btn-gris-container a {
		display: inline-block;
		color: #fff !important;
		background: #ec7404 !important;
		padding: 10px 13px 8px;
		margin-left: 0px;
		font-size: 16px;
		font-weight: 400;
		min-width: 100%;
		text-decoration: none;
		border-style: none;
	}

	/*Titulo con boton*/
	.itau-titulo-con-link {
		margin-top: 5px !important;
		margin-left: -10px;
		margin-right: -12px;		
	}	
	
	.itau-titulo-con-link .itau-titulo-texto{
		padding-left: 15px;
		width: 100% !important;
		height: 100% !important;
		background-color: #fff;
	}
	
	.itau-titulo-con-link .itau-titulo-links {
		display: none !important;
	}

	/*Acordeon*/
	
	.itau-accordion .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		background: #fff !important;
		border-top: 1px solid #BEBAB9;
		border-bottom: none;
		border-left: none;
		border-right: none;
		border-radius: 0px;
	}
		
	.itau-accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
		top: 50%;
		float: right;
		margin-top: 0px;
		margin-right: 5px;
		position: relative !important;
		background-image: url(/_layouts/15/Itau.WebSite/Images/arrow.png);
		background-position: -1px 4px;
	}	

    .itau-accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
		top: 50%;
		float: right;
		margin-top: 0px;
		margin-right: 5px;
		position: relative !important;
		background-image: url(/_layouts/15/Itau.WebSite/Images/arrow.png);
		background-position: -1px 4px;
		transform: rotate(180deg);
    }	
	
	.itau-accordion .ui-widget-content {
        border-style: none;
    }
	
	.itau-accordion  .ui-accordion-header-active .ms-rteStyle-TextosInternos {
		color: #F47920;
	}
	
	/*Contenedores de imagenes en general*/	
	.ms-rtestate-field img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 0px !important;
	}
	
	/*Titulos de paginas*/
	.ms-rteStyle-TitulosDePaginas {
		width: 100% !important;
		height: 100% !important;
		background-color: #fff;
	}
	
	.ms-rteStyle-TextosInternos {
		font-size: 14px;
	}
	
	#destaqueProducto > DIV.rightPanel > DIV.destaqueProductoBox > DIV {
		float: none;
	}
	
	#destaqueProducto {
		border-top: 0px;
		border-bottom: 0px;
		
	}
	
	.itau-cajaProducto {
		border-top: 0px;
	}
	
	.imagen-100 {
		margin-left: -30px !important;
		margin-right: -32px !important;
	}
	
	.img-ancho-completo {
		width: 87% !important;
		height: auto !important;
	}
	
}

@media only screen and (min-width: 799px) and (max-width: 959px) {
	
	.datco-breadcrumb {
		margin-left: -30px;
		margin-right: -34px;
		display: none;
	}
	
	.itau-titulo-con-link {
		margin-left: -30px;
		margin-right: -34px;
	}	
}

/* Mobile Landscape Width to Tablet Portrait Width */

@media only screen and (orientation: landscape) and (max-width: 767px) {
	
	/*Breadcrumb*/
	
	.datco-breadcrumb {
		font-weight: 700;
		background: #514840;
		padding-top: 19px;
		padding-bottom: 17px;
		margin-left: -15px;
		margin-right: -15px;
		display: none;
	}
	
	.datco-breadcrumb SPAN {
		color: #fff !important;
		font-size: 16px;
		padding-left: 5px;
	}
	
	/*Comunes a todas las estanterias*/
	
	#estanteriaProducto {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
	}
	
	#estanteriaProducto  div {
		margin-left: 15px !important;
		margin-top: 15px !important;
	}
	
	#estanteriaProducto img {
		margin-left: 15px !important;
	}
	
	#estanteriaProducto  img, #estanteriaProducto div {
		float: left;
	}
	
	/*estanterias de producto - 2 items */
	#estanteriaProducto.dosProductos {
		/*width: 420px !important;*/
		width: 100% !important;
		height: 130px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	#estanteriaProducto.dosProductos .estanteriaImgContainer {
		width: 100px;
	}
	
	#estanteriaProducto.dosProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 0px !important;
		margin-bottom: 15px !important;
	}
	
	#estanteriaProducto.dosProductos .estanteriaTexto {
		width: 77%;
		float: right;
	}
	
	/*estanterias de producto - 3 items */
	
	#estanteriaProducto.tresProductos {
		/*width: 420px !important;*/
		width: 100% !important;
	}
	
	#estanteriaProducto.tresProductos.segundoProducto {
		margin-left: 0px !important;
	}
	
	#estanteriaProducto.tresProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 15px !important;
		float: none;
		margin-bottom: 15px !important;
	}
	
	#estanteriaProducto.tresProductos .estanteriaTexto {
		width: 77%;
		float: right;
	}
	
	/*estanterias de producto - 4 items */
	#estanteriaProducto.cuatroProductos.primerProducto {
		width: 100% !important;
	}
	
	#estanteriaProducto.cuatroProductos.segundoProducto {
		margin-left: 0px !important;
	}
	
	#estanteriaProducto.cuatroProductos {
		width: 100% !important;
		margin-left: 0px !important;
		height: 100%;
		display: inline-block;
	}
		
	.cuatroProductos.sinImagen .estanteriaTexto {
		padding-top: 15px !important;
	}	
	
	#estanteriaProducto.cuatroProductos.sinImagen .estanteriaTexto {
		margin-top: 0px !important;
	}
	
	#estanteriaProducto.cuatroProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 15px !important;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}

	#estanteriaProducto.cuatroProductos > DIV {
        width: 82%;        
    }
	
	#estanteriaProducto.cuatroProductos .estanteriaTexto {
		width: 100%;
		float: right;
		margin-left: 0px !important;
	}
	
	/*estanterias de producto - 5 items */
	
	#estanteriaProducto.cincoProductos {
		/*width: 420px !important;*/
		width: 100% !important;
		margin-right: 0px;
	}
		
	#estanteriaProducto.cincoProductos img {
		margin-top: 15px;
		margin-bottom: 15px !important;
	}
	
	#estanteriaProducto.cincoProductos .estanteriaTexto {
		width: 85%;
		float: right;
	}
	
	#estanteriaProducto.cincoProductos.sinImagen .estanteriaTexto {
		width: 100%;
		float: left;
	}
	
	/*estanterias de producto - 6 items */
	
	#estanteriaProducto.seisProductos {
		/*width: 420px !important;*/
		width: 100% !important;
	}
	
	#estanteriaProducto .estanteriaTexto  {
		margin-top: 15px !important;
		padding-right: 15px !important; 
	}
	
	#estanteriaProducto.seisProductos .estanteriaTexto {
		width: 83%;
		float: right;
	}
	
	#estanteriaProducto.seisProductos.sinImagen .estanteriaTexto {
		width: 100%;
		float: left;
	}
	
	#estanteriaProducto.seisProductos img {	
		display: block;
		height: auto;
		max-width: 100%;	
		margin-bottom: 15px !important;
		margin-left: 15px !important;
		margin-top: 15px !important;		
	}
	
	#estanteriaProducto.seisProductos.sinImagen .estanteriaTexto {
		width: 100%;
		float: left;
	}
		
	/*destaque de producto*/
	#destaqueProducto img {
		display: block;
		height: auto;
		max-width: 100%;
	}
	
	#destaqueProductoAlternativo .destaqueProductoAlternativo-imagen IMG {
		margin-left: 0px;
		width: 100%;
	}	

	/*Itau Producto caja gris*/
	
	.itau-producto-cajaGris {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
	}
	
	.itau-producto-cajaGris div {
		width: auto !important;
		margin-right: auto !important;
	} 
	
	/*Itau Producto caja gris alternativo y border superior*/
	.itau-producto-cajaGris-soloBorderSuperior {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
	}
	
	.itau-producto-cajaGris-alternativo {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
	}
	
	#estanteriaProducto .itau-producto-cajaGris-soloBorderSuperior{
		margin: 0px !important;
	}
	
	/*Banner sub-categoria*/
	IMG.itau-banner-subcategoria{
		width: auto !important;
		height: auto !important;
	}
    
	/*llamada*/
	.itau-llamada {
		padding-top: 0px;
	}
	
	.itau-llamada-texto {
        width: 100% !important;
		float: none;
		height: 100% !important;
		padding: 27px 16px 30px;
        box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2) !important;
    }
	
	.itau-llamada-links {
		margin-top: -40px;
		padding-left: 15px;
		float: left;
		min-width: 96%;
		text-align: center;
	}
	
	.itau-llamada-links .btn-gris-container {
		min-width: 100%;
	}
	
	.itau-llamada-links .itau-llamada-links-nobutton{
		display: none;
	}
	
	.itau-llamada-links .btn-gris-container a {
		display: inline-block;
		color: #fff !important;
		background: #ec7404 !important;
		padding: 10px 13px 8px;
		margin-left: 0px;
		font-size: 16px;
		font-weight: 400;
		min-width: 100%;
		text-decoration: none;
		border-style: none;
	}	
	
	/*Titulo con boton*/
	
	.itau-titulo-con-link {
		margin-top: 5px !important;
		margin-left: -15px;
		margin-right: -15px;
	}	
	
	.itau-titulo-con-link .itau-titulo-texto{
		padding-left: 15px;
		width: 100% !important;
		height: 100% !important;
		background-color: #fff;
	}
	
	.itau-titulo-con-link .itau-titulo-links {
		display: none !important;
	}
	
	/*Acordeon*/
	
	.itau-accordion .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		background: #fff !important;
		border-top: 1px solid #BEBAB9;
		border-bottom: none;
		border-left: none;
		border-right: none;
		border-radius: 0px;
	}
		
	.itau-accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
		top: 50%;
		float: right;
		margin-top: 0px;
		margin-right: 5px;
		position: relative !important;
		background-image: url(/_layouts/15/Itau.WebSite/Images/arrow.png);
		background-position: -1px 4px;
	}	

    .itau-accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
		top: 50%;
		float: right;
		margin-top: 0px;
		margin-right: 5px;
		position: relative !important;
		background-image: url(/_layouts/15/Itau.WebSite/Images/arrow.png);
		background-position: -1px 4px;
		transform: rotate(180deg);
    }	
	
	.itau-accordion .ui-widget-content {
        border-style: none;
    }
	
	.itau-accordion  .ui-accordion-header-active .ms-rteStyle-TextosInternos {
		color: #F47920;
	}
	
	/*Contenedores de imagenes en general*/	
	.ms-rtestate-field img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 0px !important;
	}
	
	/*Titulos de paginas*/
	.ms-rteStyle-TitulosDePaginas {
		width: 100% !important;
		height: 100% !important;
		background-color: #fff;
		/*margin-bottom: 20px;*/
	}	
	
	/*Popup de legales*/
	#popupwindow .popupwindow-window {
        background-color: white;
        /*max-width: 667px;
        max-height: 375px;*/
		max-width: 100vw;
		max-height: 100vh;
        position: fixed;
        left: auto;
        margin-left: auto;
        top: 50%;
        filter: alpha(opacity=100);
        opacity: 1;
		overflow-y: scroll;
    }
	
	#popupwindow .popupwindow-content {
		padding: 40px 25px 30px 25px;
	}
	
	#popupwindow .popupwindow-close {
		margin: 25px 10px 0 0;
	}

	.ms-rteStyle-TextosInternos {
		font-size: 14px;
	}
	
	#destaqueProducto > DIV.rightPanel > DIV.destaqueProductoBox > DIV {
		float: none;
	}
	
	#destaqueProducto {
		border-top: 0px;
		border-bottom: 0px;
		
	}
	
	.itau-cajaProducto {
		border-top: 0px;
	}	
	
	.imagen-100 {
		margin-left: -15px !important;
		margin-right: -15px !important;
	} 

	.img-ancho-completo {
		width: 95% !important;
		height: auto !important;
	}	
	
}

@media only screen and (orientation: portrait)  and (max-width: 767px) {
	
	/*Breadcrumb*/
	
	.datco-breadcrumb {
		font-weight: 700;
		background: #514840;
		padding-top: 19px;
		padding-bottom: 17px;
		margin-left: -15px;
		margin-right: -15px;
		display: none;
	}
	
	.datco-breadcrumb SPAN {
		color: #fff !important;
		font-size: 16px;
		padding-left: 5px;
	}
	
	/*Comunes a todas las estanterias*/
	
	#estanteriaProducto {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
	}
	
	.estanteriaTexto ul li {
		font-family: Arial;
		font-size: 12px;
	}
	
	#estanteriaProducto  div {
		margin-left: 15px !important;
		margin-top: 15px !important;
	}
	
	#estanteriaProducto .estanteriaTexto  {
		margin-top: 15px !important;
		padding-right: 15px !important; 
	}
	
	#estanteriaProducto  img, #estanteriaProducto div {
		float: left;
	}	
	
	/*estanterias de producto - 2 items */
	
	#estanteriaProducto.dosProductos {
		/*width: 300px !important;*/
		width: 100% !important;
		height: 130px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	#estanteriaProducto.dosProductos .estanteriaImgContainer {
		width: 100px;
	}
	
	#estanteriaProducto.dosProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 0px !important;
		/*margin-top: 15px !important;*/
		margin-bottom: 15px !important;
	}
	
	#estanteriaProducto.dosProductos .estanteriaTexto {
		width: 72%;
		/*float: right;*/
	}
		
	/*estanterias de producto - 3 items */
	
	#estanteriaProducto.tresProductos.primerProducto {
		width: 100% !important;
	}
	
	#estanteriaProducto.tresProductos.segundoProducto {
		margin-left: 0px !important;
	}
	
	#estanteriaProducto.tresProductos {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	#estanteriaProducto.tresProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 0px !important;
		/*margin-top: 15px !important;*/
		margin-bottom: 15px !important;
	}
	
	#estanteriaProducto.tresProductos.primerProducto .estanteriaImgContainer {
		width: 80px;
	}
	
	#estanteriaProducto.tresProductos .estanteriaImgContainer {
		width: 80px;
	}
	
	#estanteriaProducto.tresProductos.segundoProducto{
		margin-left: 0px !important;
	}	
	
	#estanteriaProducto.tresProductos.tercerProducto {
		float: left;
	}
	
	#estanteriaProducto.tresProductos .estanteriaTexto {
		width: 80%;
		/*float: right;*/
	}
	/*estanterias de producto - 4 items */
	
	#estanteriaProducto.cuatroProductos.primerProducto {
		width: 100% !important;
	}
	
	#estanteriaProducto.cuatroProductos.segundoProducto {
		margin-left: 0px !important;
	}
	
	#estanteriaProducto.cuatroProductos {
		width: 100% !important;
		margin-left: 0px !important;
		height: 100%;
		display: inline-block;
	}
	
	#estanteriaProducto.cuatroProductos .estanteriaTexto {
		margin-top: 0px !important;
		width: 100%; /*sobre itau*/
		width: 72%;
		float: right;
		margin-left: 0px !important;
	}
	
	#estanteriaProducto.cuatroProductos  img {
		display: block;
		height: auto;
		width: 80px;
		margin-left: 15px !important;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}	
	
	#estanteriaProducto.cuatroProductos .estanteriaImgContainer {
		width: 80px;
	}	
	
	#estanteriaProducto.cuatroProductos.tercerProducto {
		float: left;
	}

	/*#estanteriaProducto.cuatroProductos div{
		margin-left: 8px !important;
		width:auto;
	}*/

	#estanteriaProducto.cuatroProductos.sinImagen .estanteriaTexto {
		width: 100%;
		float: left;
	}
	
	.cuatroProductos.sinImagen .estanteriaTexto {
		padding-top: 15px !important;
		float: right;		
	}	
	
	/*estanterias de producto - 5 items */	
	
	#estanteriaProducto.cincoProductos {
		width: 100% !important;
		margin-right: 0px;
	}
	
	#estanteriaProducto.cincoProductos img {
		display: block;
		height: auto;
		max-width: 100%;
		width: 42px !important;
		height: 42px !important;
		margin-left: 15px !important;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	
	#estanteriaProducto.cincoProductos .estanteriaTexto {
		width: 72%;
		/*float: right;*/
	}	
		
	#estanteriaProducto.cincoProductos.sinImagen .estanteriaTexto {
		width: 100%;
		float: left;
	}
	/*estanterias de producto - 6 items */
	#estanteriaProducto.seisProductos.primerProducto{
		width: 100% !important;
	}
	
	#estanteriaProducto.seisProductos {
		width: 100% !important;
	}
	
	#estanteriaProducto.seisProductos .estanteriaTexto {
		width: 72%;
		/*float: right;*/
	}
	
	#estanteriaProducto.seisProductos  img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 15px !important;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	
	#estanteriaProducto.seisProductos.sinImagen .estanteriaTexto {
		width: 100%;
		float: left;
	}
		
	/*Itau Producto caja gris*/
	
	.itau-producto-cajaGris {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
	}
	
	.itau-producto-cajaGris div {
		width: auto !important;
		margin-right: auto !important;
	}

	/*Itau Producto caja gris alternativo y border superior*/
	.itau-producto-cajaGris-soloBorderSuperior {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
		width: 100% !important;
		height: 100% !important;
	}
	
	.itau-producto-cajaGris-alternativo {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2);
		border-style: none;
	}	

	/*Banner sub-categoria*/
	IMG.itau-banner-subcategoria{
		width: auto !important;
		height: auto !important;
	}
	
	/*destaque de producto*/
	#destaqueProducto img {
		display: block;
		height: auto;
		max-width: 100%;
		margin: auto !important;
	}
	
	#destaqueProductoAlternativo .destaqueProductoAlternativo-imagen IMG {
		margin-left: 0px;
		width: 100%;
	}
	
	#destaqueProductoAlternativo .destaqueProductoAlternativo-texto {
		box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2) !important;
	}
	
	#estanteriaProducto .itau-producto-cajaGris-soloBorderSuperior{
		margin: 0px !important;
	}    
	
	/*Llamada*/
	
	.itau-llamada {
		padding-top: 0px;
	}
	
	.itau-llamada-texto {
        width: 100% !important;
		float: none;
		height: 100% !important;
		padding: 27px 16px 20px;
        box-shadow: 0px 0px 5px 0 rgba(91,81,73,.2) !important;
    }
	
	.itau-llamada-links {
		margin-top: -40px;
		padding-left: 15px;
		float: left;
		min-width: 96%;
		text-align: center;
	}
	
	.itau-llamada-links .btn-gris-container {
		min-width: 100%;
	}
	
	.itau-llamada-links .itau-llamada-links-nobutton{
		display: none;
	}
	
	.itau-llamada-links .btn-gris-container a {
		display: inline-block;
		color: #fff !important;
		background: #ec7404 !important;
		padding: 10px 13px 8px;
		margin-left: 0px;
		font-size: 16px;
		font-weight: 400;
		min-width: 100%;
		text-decoration: none;
		border-style: none;
	}
	
	/*Titulo con boton*/
	.itau-titulo-con-link {		
		margin-top: 5px !important;
		margin-left: -15px;
		margin-right: -15px;
	}	
	
	.itau-titulo-con-link .itau-titulo-texto{
		padding-left: 15px;
		width: 100% !important;
		height: 100% !important;
		background-color: #fff;
	}
		
	.itau-titulo-con-link .itau-titulo-links {
		display: none !important;
	}
	
	/*Acordeon*/
	
	.itau-accordion .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		background: #fff !important;
		border-top: 1px solid #BEBAB9;
		border-bottom: none;
		border-left: none;
		border-right: none;
		border-radius: 0px;
	}
		
	.itau-accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
		top: 50%;
		float: right;
		margin-top: 0px;
		margin-right: 5px;
		position: relative !important;
		background-image: url(/_layouts/15/Itau.WebSite/Images/arrow.png);
		background-position: -1px 4px;
	}	

    .itau-accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
		top: 50%;
		float: right;
		margin-top: 0px;
		margin-right: 5px;
		position: relative !important;
		background-image: url(/_layouts/15/Itau.WebSite/Images/arrow.png);
		background-position: -1px 4px;
		transform: rotate(180deg);
    }	
	
	.itau-accordion .ui-widget-content {
        border-style: none;
    }
	
	.itau-accordion  .ui-accordion-header-active .ms-rteStyle-TextosInternos {
		color: #F47920;
	}
	
	/*Contenedores de imagenes en general*/	
	.ms-rtestate-field img {
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: 0px !important;
	}
	
	/*Titulos de paginas*/
	.ms-rteStyle-TitulosDePaginas {
		width: 100% !important;
		height: 100% !important;
		background-color: #fff;
		font-size: 24px !important;
		/*margin-bottom: 20px;*/
	}
	
	/*Popup de legales*/
	#popupwindow .popupwindow-window {
        background-color: white;
        /*max-width: 810px;
        max-height: 600px;*/
		max-width: 100vw;
		max-height: 100vh;
        position: fixed;
        left: auto;
        margin-left: auto;
        top: 50%;
        filter: alpha(opacity=100);
        opacity: 1;
		overflow-y: scroll;
    }
	
	#popupwindow .popupwindow-content {
		padding: 40px 25px 30px 25px;
	}
	
	#popupwindow .popupwindow-close {
		margin: 25px 10px 0 0;
	}
	
	.ms-rteStyle-TextosInternos {
		font-size: 14px;
	}
	
	#destaqueProducto > DIV.rightPanel > DIV.destaqueProductoBox > DIV {
		float: none;
	}
	
	#destaqueProducto {
		border-top: 0px;
		border-bottom: 0px;
		
	}
	
	.itau-cajaProducto {
		border-top: 0px;
	}
	
	.imagen-100 {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

	.img-ancho-completo {
		width: 90% !important;
		height: auto !important;
	}
	
}

@media only screen and (max-width: 359px){
		
	#estanteriaProducto.dosProductos .estanteriaTexto {
		width: 52%;
		/*float: right;*/
	}
	
	/*estanterias de producto - 3 items */
		
	#estanteriaProducto.tresProductos .estanteriaTexto {
		width: 66%;
		/*float: right;*/
	}
	
	/*estanterias de producto - 4 items */
	
	#estanteriaProducto.cuatroProductos .estanteriaTexto {
		width: 100%;
		/*float: right;*/
	}
	
	/*estanterias de producto - 5 items */
	
	#estanteriaProducto.cincoProductos .estanteriaTexto {
		width: 72%;
		/*float: right;*/
	}
	
	/*estanterias de producto - 6 items */
	
	#estanteriaProducto.seisProductos .estanteriaTexto {
		width: 66%;
		/*float: right;*/
	}
	
}

@media only screen and (min-width: 360px) and (max-width: 459px){
	#estanteriaProducto.dosProductos .estanteriaTexto {
		width: 58%;
		/*float: right;*/
	}
	#estanteriaProducto.tresProductos .estanteriaTexto {
		width: 66%;
		/*float: right;*/
	}
	#estanteriaProducto.cuatroProductos .estanteriaTexto {
		width: 100%;
		/*float: right;*/
		margin-left: 0px !important;
	}
	
	#estanteriaProducto.cincoProductos .estanteriaTexto {
		width: 76%;
		/*float: right;*/
	}
	#estanteriaProducto.seisProductos .estanteriaTexto {
		width: 71%;
		/*float: right;*/
	}
}

@media only screen and (min-width: 460px) and (max-width: 599px){
	#estanteriaProducto.dosProductos .estanteriaTexto {
		width: 69%;
		/*float: right;*/
	}
	#estanteriaProducto.tresProductos .estanteriaTexto {
		width: 71%;
		/*float: right;*/
	}
	#estanteriaProducto.cuatroProductos .estanteriaTexto {
		width: 100%;
		/*float: right;*/
		margin-left: 0px !important;
	}
	#estanteriaProducto.cincoProductos .estanteriaTexto {
		width: 80%;
		/*float: right;*/
	}
	#estanteriaProducto.seisProductos .estanteriaTexto {
		width: 78%;
		/*float: right;*/
	}
}