body, form
{
    padding:0px 0px 0px 0px;
    margin:0px;
    max-width:1200px;
}

body
{
    font-family: Segoe UI, Helvetica Neue,Droid Sans, sans-serif, Arial, Helvetica;
    color: #343434;
    background: white;
    margin: auto;
}

* {
    box-sizing: border-box;
}

a 
{
	color: #666666;
    text-decoration: none;	
}

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



h4, h3, h2, h1 {
    color: Crimson
}

h1{
    font-size:large;
    /*font-size:x-large;*/
}


.ColorBase {
    color: Crimson;


}


/*** boton carrito*/

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 14px 4px 14px;
    border-radius: 24px;
    background: crimson;
    font: bold small arial;
    color: #ffffff;
    text-decoration: none;
}

    .button:hover,
    .button:focus {
        color: #fce7e7;
        text-decoration: none;
    }

    .button:active {
        background: #8a0a23;
    }

/*.MMicarro
{
    background-image: url('/Corporativo/img/micarrito.png');
    background-repeat: no-repeat;
    width:152px;
    height:32px;
}

.MMicarroN{
    padding-top:10px;
    padding-right:30px;
    font-weight:bold;
    color: white;
    float: right;
}*/


/**** estilos FLEX ****/

.row {
    display:flex;
    flex-wrap: wrap;
}

.rowrow {
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    align-items:baseline;
    justify-content: space-between;
}

/*.rowcolumn
{
    display:flex;
    flex-direction:column;
    flex-wrap: wrap;
    align-items:baseline;
    justify-content: space-between;
}*/

.main {
    flex: 1;
    background-color: white;
    padding: 0px;
    margin: 0px;
    order:2;
}

.side {
    /*flex: 30%;*/
    padding: 0px;
    margin: 0px;
    order:1;
    width:215px;
    /*border-right: 1px solid #333333*/
}


.footer-flex {
    display:flex;
    flex-wrap: wrap;
    flex-flow: row wrap; 
    justify-content: center;
    padding: 0px;
    text-align: center;
    background: Black;
}

.Orden2a4{
    order:2;
    align-self:center;
}

.Orden3a2{
    order:3;
        align-self:center;
}
.Orden4a3{
    order:4;
        align-self:center;

}
/*** fin estilos FLEX ***/

/**** estilos DEVEXPRESS ****/

.TMulberry {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    color: #343434;
}

.TMulberryS {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: small;
    color: #343434;
}

.TMulberryM {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: medium;
    color: #343434;
    text-align: right;   
}

.TMulberryL {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: Large;
    color: #343434;
    text-align: right;   
}

.TMulberryLB {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: Large;
    color: #343434;
    text-align: right; 
    font-weight:bold; 
}

        
/*vf 200423 Cambiar imagen Hmaburger menu*/ 
/*problem: si hay más de un menu, lo cambia a todos manteniendo el último
    comprobado haciendo otro css con otra imagen y asignandolo a dos objetos contuos de menú
*/
.dxmLite_DevEx.dxm-side-menu-mode .dxm-side-menu-button > div,
.dxmLite_DevEx.dxm-side-menu-mode .dxm-side-menu-button > div:before,
.dxmLite_DevEx.dxm-side-menu-mode .dxm-side-menu-button > div:after {
    background-color: white !important;
    content: none !important;
}

.dxm-side-menu-mode .dxm-side-menu-button, .dxm-side-menu-mode .dxm-side-menu-button > div {
     background-image: url('/Corporativo/img/sub-menu-32.png');
     background-size: 30px 30px;
        }

.dxm-side-menu-mode .dxm-side-menu-button > div {
     top: initial;
     left: initial;
     margin-left: initial;
        margin-top: initial;
            }

/****fin devexpress *******/


/**** estilos UTILCAROUSE JS ****/

/*** util.carousel.css ***/
/*UtilCarousel Base Style*/
.util-carousel {
	display: none;
	position: relative;
	-ms-touch-action: pan-y;
}
.util-carousel .util-wrapper-holder {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.util-carousel .util-wrapper {
	*zoom: 1;
	position: relative;
	display: none;
}
.util-carousel .util-wrapper:before, .util-carousel .util-wrapper:after {
	display: table;
	content: "";
	line-height: 0;
}
.util-carousel .util-wrapper:after {
	clear: both;
}
.util-carousel .util-item {
	float: left;
}
.dragging, .dragging * {
	cursor: url('closedhand.cur'), move;
}

/*UtilCarousel Defualt Theme*/
.util-theme-default .util-pagination {
	text-align: center;
	margin-top: 10px;
}
.util-theme-default .util-page span {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #bbb;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	margin: 5px;
}
.util-theme-default .util-page {
	display: inline-block;
	cursor: pointer;
	zoom: 1;
	*display: inline;
}
.util-theme-default  .util-page.active-page span {
	background-color: #555555;
}
.util-theme-default  .util-page:hover span {
	background-color: #888;
}
.util-theme-default .util-navigation {
	text-align: center;
}
.util-theme-default .util-prev, .util-theme-default .util-next {
	display: inline-block;
	padding: 4px 8px;
	margin: 5px;
	background-color: #bbbbbb;
	color: #ffffff;
	border-radius: 3px;
	cursor: pointer;
	font-size: 13px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.util-theme-default .util-prev:hover, .util-theme-default .util-next:hover {
	background-color: #555555;
}
.util-theme-default .util-disable, .util-theme-default .util-disable:hover {
	background-color: #bbbbbb;
	opacity: 0.4;
	cursor: default;
}
/*** fin util.carousel.css ***/

/*** util.carousel.skins.personalizado.css ***/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);*/
@font-face {
  font-family: 'util-fontello';
  src: url('font-icon/util-fontello.eot?38368482');
  src: url('font-icon/util-fontello.eot?38368482#iefix') format('embedded-opentype'),
       url('font-icon/util-fontello.woff?38368482') format('woff'),
       url('font-icon/util-fontello.ttf?38368482') format('truetype'),
       url('font-icon/util-fontello.svg?38368482#util-fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'util-fontello';
    src: url('font-icon/util-fontello.svg?38368482#util-fontello') format('svg');
  }
}

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "util-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
 
.icon-note-beamed:before { content: '\e80a'; } /* '' */
.icon-pinterest:before { content: '\e805'; } /* '' */
.icon-video:before { content: '\e810'; } /* '' */
.icon-link:before { content: '\e807'; } /* '' */
.icon-chat:before { content: '\e811'; } /* '' */
.icon-left-open:before { content: '\e80b'; } /* '' */
.icon-right-open:before { content: '\e80c'; } /* '' */
.icon-left-open-mini:before { content: '\e80d'; } /* '' */
.icon-right-open-mini:before { content: '\e80e'; } /* '' */
.icon-search:before { content: '\e806'; } /* '' */
.icon-right-open-big:before { content: '\e801'; } /* '' */
.icon-play:before { content: '\e808'; } /* '' */
.icon-pause:before { content: '\e80f'; } /* '' */
.icon-vimeo:before { content: '\e809'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-facebook:before { content: '\e803'; } /* '' */
.icon-gplus:before { content: '\e804'; } /* '' */
.icon-left-open-big:before { content: '\e800'; } /* '' */

/*common style*/
.util-carousel{
	font-family: Open Sans, Arial, Helvetica, sans-serif;
}
/*end common*/

.normal-imglist {
	padding: 0 40px;
}

.normal-imglist .item {
	margin: 5px;
}
.normal-imglist .item a {
	display: block;
	border: 4px solid #fff;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
        box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)
}
.normal-imglist .item a img {
	border: none;
	width: 100%;
	vertical-align: middle;
}
.normal-imglist .util-next, .normal-imglist .util-prev {
	position: absolute;
	top: 50%;
	line-height: 50px;
	width: 40px;
	margin: 0;
	margin-top: -25px;
	padding: 0;
	background-color: transparent;
	font-size: 28px;
	color: #777;
}
.normal-imglist .util-next:hover, .normal-imglist .util-prev:hover {
	background-color: transparent;
}
.normal-imglist .util-next {
	right: 0;
}
.normal-imglist .util-prev {
	left: 0;
}

.top-nav-box {
	padding-top: 40px;
	background: #fff;
}
.top-nav-box .item {
	margin: 5px 10px;
}
.top-nav-box a {
	text-decoration: none;
}
.top-nav-box a span {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 1em;
	padding: 10px 5px;
	color: #555;
	text-transform: uppercase;
}
.top-nav-box a:hover span {
	color: #888;
}
.top-nav-box a img {
	width: 100%;
	border: none;
}
.top-nav-box .util-page  span {
	width: 6px;
	height: 6px;
	margin: 4px;
}
.top-nav-box .util-navigation {
	position: absolute;
	top: 0px;
	right: 10px;
}
.top-nav-box .util-pagination {
	position: absolute;
	top: 0;
	right: 75px;
}
.top-nav-box .util-navigation .util-prev, .top-nav-box .util-navigation .util-next {
	background: none;
	color: #666;
	border: 1px solid #aaa;
	padding: 2px 5px;
	margin-right: 0;
}
.top-nav-box .util-navigation .util-prev:hover, .top-nav-box .util-navigation .util-next:hover {
	border: 1px solid #777;
	color: #333;
}

/*** fin util.carousel.skins.personalizado.css ***/


/*** fin estilos UTILCAROUSE JS *** */



/**** estilos INFORMES  ****/
.botonera
{
   background-color: #E2F0FF;
    width: 100%;
    margin: 0px 0px 0px 0px;
    float:left;  
}

.bloqueBotones {
    background-color: #E2F0FF;
    width: 100%;
    margin: 0px;
    float:left;
    border-right: 1px dotted blue;
}

.bloqueBotones2 {
    background-color: #66CCFF;
    width: 100%;
    margin: 0px;
    float: left;
    /*border-right: 1px dotted blue;*/
}

.bloqueBotones3 {
    background-color: #E2F0FF;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
}

.boton {
    /*/background-color: #E2F0FF;*/
    padding:5px;
    float:left;
}

.BotonRspv
{
    margin:3px;
    float:left;
}

.NoStyle {
    background: none;
    border: 0;
    color: black;
    padding: 0;
    height: auto;
}

/*** fin estilos INFORMES*/


/**** master ****/

.bodyMovil {
    padding: 0px;
}


footer {
    float:left;
    width:100%;
    padding-bottom:25px;
}

footer ul li a, h3
{
    color:white;
    padding-left: 0px;
    margin-left: 0px;
}

footer ul li a:hover
{
    color:#d8d8d8;
}

footer ul li
{
    padding-bottom:10px;
}

footer ul
{
    list-style:none;   
    list-style-image:none; 
    text-align:center;
    padding-left:0px;
}
footer div
{
    padding:10px 20px 5px 20px;

}


/*.itemWidth230{
    width:230px;
}*/


    /*.MW355o1a2
    {
    width:355px;
    order: 1;  
    float:left  
    }

    .MW100po2a1
    {
    width:710px;
    order: 2;  
    float: left;   
    }*/




.MBusqueda
{
    /*float:left;*/
    width:50%;
}

.TablaLimpia
{
    border-collapse: collapse; border-spacing: 0;
}

.TablaLimpia th,td
{
    border-spacing:2px; border-collapse: collapse;
}




/*VF 200511: lo creo para que ajuste cuando no hay imagen*/
.ImagenTiendaF120{
    width:200px;
}


.FloatLeftW220{
    float:left;
}

.FloatLeftW100p{
    float:left;
    width:100%;
}


/*.TPadding5{
    padding:2px;
    margin-bottom:1px;
}*/

/*** carrusel  **/
.xcontainer {
    border-bottom: 1px solid grey
}

.xsp-title {
    color: #0949B3; 
    text-align: center; 
    width: 100%; 
    font-size: x-large;
}


/*** OTRAS PAGINAS ***/ 

#bodyCol
{
    padding-left:5%;
    padding-right:5%;
}


.my-fixed-item {
    position:fixed;
    top:99%;
    left:99%;
    z-index:1000;
}

/** Mensajes **/

#titular {
    /*background-color: #666666;*/
    background-color: Crimson;
    color: white;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    text-align: left;
    width: 100%;    
    float: left;
    padding: 2px 0px 2px 0px;
}

.Mensaje
{
width:310px; 
padding-top:30px 10px 50px 10px; 
margin: 10px 0px 20px 30%;
font-size: medium;
}

.Mensaje p
{
   font-size:125%;
   line-height:140%
}

.MensajeG

{
max-width:650px; 
padding:10px; 
margin: 10px 0px 20px 20%;
}


.Nota
{
    background-color:lightgoldenrodyellow;
    margin: 5px 10px 5px 10px;
    padding:5px;
}


.FloatLeft
{
    float:left;
}

.Width100
{
    width:100px;
}

#Formulario 
{
    font-size:small;
    padding-left:10px;
    padding-right:10px;
       
}

/**** tabla cookies ****/
.cookie-list {
    border: 1px solid Crimson;
    margin: 10px 0;
    width: 100%;
    font-size:small;

}
.headtop{
    background-color: Crimson;
    padding: 4px;
    font-size:medium;
    color: white;
}
.head{
    background-color: #d8d8d8;
    padding: 4px;
}
/***************/

#TF_Guion{
    padding: 2px 10px 2px 2px;
    float:left;
    font-size:small;
    color: grey;
    width:90%;
    /*border:1px solid pink;*/
}

/**** estilos FLEX ****/

@media screen and (max-width: 991px) {

    .main {
        order: 2;
    }

    .side {
        order: 1;
        /*display:none;*/
    }

}

/*** fin estilos FLEX **/



@media all and (max-width: 640px) {


/**** estilos FLEX (antes en max-width: 575px) ***/
.row {
    flex-direction: column;
}

.rowrow{
    flex-direction: row;
}
.main {
    order: 1;
}

.side {
    display: none;
}

.Orden2a4{
    order:4
}

.Orden3a2{
    order:2
}
.Orden4a3{
    order:3
}

/*** fin estilos FLEX ***/

.bodyMovil {
    padding: 0px 5px 0px 5px;
}

.MBusqueda
{
    width:100%;
}

.MOcultar{
    display:none;
}


.FloatLeftW100p{
    float:left;
    width:100%;
}

.FloatLeftW220{
    float:left;
    width:220px;
}

.ImagenTiendaF120{
    width:110px;
    height:110px;
    /*border:1px solid red;*/
}




 /* Mensajes */ 

.Mensaje{
    margin-left:5%;
}

.MensajeG{
    margin-left:2px;
    width:350px;
}

.MMicarro{
    background-image: url('/Corporativo/img/carrito.png');
    background-repeat: no-repeat;
    width:72px;
    }

.MMicarroN{
    padding-top:10px;
    padding-right:10px;
}

#TF_Guion{
    display:none;
    /*padding: 1px;
    float:left;
    font-size:x-small;
    color: grey;
    width:90%;
*/
}

    #marcas {
        display:none;
    }


}