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



html, body {
	overflow-x: hidden; /* Para quitar un margen en la derecha que sale en los moviles */
}

/* ********************** */
.padding0{
	padding:0 !important;
}
/* Si se usa uno de estos dos, luego no se podra usar el  padding-*-10   por que tiene el important,
hay que ver si hay que ponerle el important a los otros. */
.margin0{
	margin:0 !important;
}
/* ********************** */

.centrarWeb {max-width:960px;margin:auto;}

.vcenter {display: flex; align-items: center;}

.width100{width: 100%;}

.breakword
{
	word-wrap: break-word;	
}

.containerDetalleXL {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.margin-auto{margin:auto;}
.margin0l{margin-left:0px !important;margin-right:0px !important;}

.margin-top-0 { margin-top:0px;}
.margin-top-5 { margin-top:5px;}
.margin-top-10 { margin-top:10px;}
.margin-top-15 { margin-top:15px;}
.margin-top-20 { margin-top:20px;}
.margin-top-30 { margin-top:30px;}
.margin-top-35 { margin-top:35px;}
.margin-top-40 { margin-top:40px;}
.margin-top-50 { margin-top:50px;}
.margin-top-60 { margin-top:60px;}
.margin-top-100 { margin-top:100px;}

.margin-left-0 { margin-left:0px;}
.margin-left-5 { margin-left:5px;}
.margin-left-15 { margin-left:15px;}
.margin-left-20 { margin-left:20px;}
.margin-left-30 { margin-left:30px;}

.margin-right-0 { margin-right:0px;}
.margin-right-5 { margin-right:5px;}
.margin-right-15 { margin-right:15px;}
.margin-right-20 { margin-right:20px;}
.margin-right-30 { margin-right:30px;}

.margin-bottom-0 { margin-bottom:0px;}
.margin-bottom-5 { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-50 { margin-bottom:50px;}

.padding-bottom-30{ padding-bottom:30px; }

.padding-left-10 { padding-left:10px;}

.padding-l-10
{
	padding-left:10px !important;
	padding-right:10px !important;
}

.text-bold{ font-weight:bold;}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 767px) {
	/*xs*/
	.block-xs{ display:block;}

	.vcenter-xs {display: flex; align-items: center;}

	.col-offset-right-12 {margin-right: 100%;}
	.col-offset-right-11 {margin-right: 91.66666667%;}
	.col-offset-right-10 {margin-right: 83.33333333%;}
	.col-offset-right-9 {margin-right: 75%;}
	.col-offset-right-8 {margin-right: 66.66666667%;}
	.col-offset-right-7 {margin-right: 58.33333333%;}
	.col-offset-right-6 {margin-right: 50%;}
	.col-offset-right-5 {margin-right: 41.66666667%;}
	.col-offset-right-4 {margin-right: 33.33333333%;}
	.col-offset-right-3 {margin-right: 25%;}
	.col-offset-right-2 {margin-right: 16.66666667%;}
	.col-offset-right-1 {margin-right: 8.33333333%;}
	.col-offset-right-0 {margin-right: 0;}

	.col-xs-offset-right-12 {margin-right: 100%;}
	.col-xs-offset-right-11 {margin-right: 91.66666667%;}
	.col-xs-offset-right-10 {margin-right: 83.33333333%;}
	.col-xs-offset-right-9 {margin-right: 75%;}
	.col-xs-offset-right-8 {margin-right: 66.66666667%;}
	.col-xs-offset-right-7 {margin-right: 58.33333333%;}
	.col-xs-offset-right-6 {margin-right: 50%;}
	.col-xs-offset-right-5 {margin-right: 41.66666667%;}
	.col-xs-offset-right-4 {margin-right: 33.33333333%;}
	.col-xs-offset-right-3 {margin-right: 25%;}
	.col-xs-offset-right-2 {margin-right: 16.66666667%;}
	.col-xs-offset-right-1 {margin-right: 8.33333333%;}
	.col-xs-offset-right-0 {margin-right: 0;}

	.font-xs-15 {font-size:15px;}
	.font-xs-20 {font-size:20px;}
	.font-xs-25 {font-size:25px;}
	.font-xs-30 {font-size:30px;}
	.font-xs-35 {font-size:35px;}
	.font-xs-40 {font-size:40px;}
	
	.text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
	.text-xs-justify { text-align: justify; }
	
	.margin-top-xs-0 { margin-top:0px;}
	.margin-top-xs-5 { margin-top:5px;}
	.margin-top-xs-15 { margin-top:15px;}
	.margin-top-xs-20 { margin-top:20px;}
	.margin-top-xs-30 { margin-top:30px;}
	
	.margin-left-xs-0 { margin-left:0px;}
	.margin-left-xs-5 { margin-left:5px;}
	.margin-left-xs-15 { margin-left:15px;}
	.margin-left-xs-20 { margin-left:20px;}
	.margin-left-xs-30 { margin-left:30px;}
	
	.margin-right-xs-0 { margin-right:0px;}
	.margin-right-xs-5 { margin-right:5px;}
	.margin-right-xs-15 { margin-right:15px;}
	.margin-right-xs-20 { margin-right:20px;}
	.margin-right-xs-30 { margin-right:30px;}
	
	.margin-bottom-xs-0 { margin-bottom:0px;}
	.margin-bottom-xs-5 { margin-bottom:5px;}
	.margin-bottom-xs-15 { margin-bottom:15px;}
	.margin-bottom-xs-20 { margin-bottom:20px;}
	.margin-bottom-xs-30 { margin-bottom:30px;}
	.margin-bottom-xs-40 { margin-bottom:40px;}
	
	.margin-top-15-auto-xs{ margin:15px auto 0 auto;}
	.margin-auto-xs{ margin:auto;}
	
	.padding-xs-0{padding:0px !important;}
	.padding-xs-10{padding:10px;}
	.padding-xs-20{padding:20px;}
	.padding-xs-30{padding:30px;}

	.padding-right-xs-0{padding-right:0px !important;}

	.pull-left-xs{float:left;}
	.pull-right-xs{float:right;}

}

@media only screen and (min-width: 768px) and  (max-width: 991px){
	/*sm*/
		
	.block-sm{ display:block;}
	
	.vcenter-sm {display: flex; align-items: center;}
	
	
	.col-offset-right-12 {margin-right: 100%;}
	.col-offset-right-11 {margin-right: 91.66666667%;}
	.col-offset-right-10 {margin-right: 83.33333333%;}
	.col-offset-right-9 {margin-right: 75%;}
	.col-offset-right-8 {margin-right: 66.66666667%;}
	.col-offset-right-7 {margin-right: 58.33333333%;}
	.col-offset-right-6 {margin-right: 50%;}
	.col-offset-right-5 {margin-right: 41.66666667%;}
	.col-offset-right-4 {margin-right: 33.33333333%;}
	.col-offset-right-3 {margin-right: 25%;}
	.col-offset-right-2 {margin-right: 16.66666667%;}
	.col-offset-right-1 {margin-right: 8.33333333%;}
	.col-offset-right-0 {margin-right: 0;}
	
	.col-sm-offset-right-12 {margin-right: 100%;}
	.col-sm-offset-right-11 {margin-right: 91.66666667%;}
	.col-sm-offset-right-10 {margin-right: 83.33333333%;}
	.col-sm-offset-right-9 {margin-right: 75%;}
	.col-sm-offset-right-8 {margin-right: 66.66666667%;}
	.col-sm-offset-right-7 {margin-right: 58.33333333%;}
	.col-sm-offset-right-6 {margin-right: 50%;}
	.col-sm-offset-right-5 {margin-right: 41.66666667%;}
	.col-sm-offset-right-4 {margin-right: 33.33333333%;}
	.col-sm-offset-right-3 {margin-right: 25%;}
	.col-sm-offset-right-2 {margin-right: 16.66666667%;}
	.col-sm-offset-right-1 {margin-right: 8.33333333%;}
	.col-sm-offset-right-0 {margin-right: 0;}
	
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
	
	.font-sm-15 {font-size:15px;}
	.font-sm-20 {font-size:20px;}
	.font-sm-25 {font-size:25px;}
	.font-sm-30 {font-size:30px;}
	.font-sm-35 {font-size:35px;}
	.font-sm-40 {font-size:40px;}
	
	.margin-top-sm-0 { margin-top:0px;}
	.margin-top-sm-5 { margin-top:5px;}
	.margin-top-sm-15 { margin-top:15px;}
	.margin-top-sm-20 { margin-top:20px;}
	.margin-top-sm-30 { margin-top:30px;}
	
	.margin-left-sm-0 { margin-left:0px;}
	.margin-left-sm-5 { margin-left:5px;}
	.margin-left-sm-15 { margin-left:15px;}
	.margin-left-sm-20 { margin-left:20px;}
	.margin-left-sm-30 { margin-left:30px;}
	
	.margin-right-sm-0 { margin-right:0px;}
	.margin-right-sm-5 { margin-right:5px;}
	.margin-right-sm-15 { margin-right:15px;}
	.margin-right-sm-20 { margin-right:20px;}
	.margin-right-sm-30 { margin-right:30px;}
	
	.margin-bottom-sm-0 { margin-bottom:0px;}
	.margin-bottom-sm-5 { margin-bottom:5px;}
	.margin-bottom-sm-15 { margin-bottom:15px;}
	.margin-bottom-sm-20 { margin-bottom:20px !important;}
	.margin-bottom-sm-30 { margin-bottom:30px !important;}
	
	.margin-auto-sm{ margin:auto;}
	
	.padding-sm-0{padding:0px !important;}
	.padding-sm-10{padding:10px;}
	.padding-sm-20{padding:20px;}
	.padding-sm-30{padding:30px;}

	.pull-left-sm{float:left;}
	.pull-right-sm{float:right;}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/*md*/ 

	.block-md{ display:block;}

	.vcenter-md {display: flex; align-items: center;}

	.col-offset-right-12 {margin-right: 100%;}
	.col-offset-right-11 {margin-right: 91.66666667%;}
	.col-offset-right-10 {margin-right: 83.33333333%;}
	.col-offset-right-9 {margin-right: 75%;}
	.col-offset-right-8 {margin-right: 66.66666667%;}
	.col-offset-right-7 {margin-right: 58.33333333%;}
	.col-offset-right-6 {margin-right: 50%;}
	.col-offset-right-5 {margin-right: 41.66666667%;}
	.col-offset-right-4 {margin-right: 33.33333333%;}
	.col-offset-right-3 {margin-right: 25%;}
	.col-offset-right-2 {margin-right: 16.66666667%;}
	.col-offset-right-1 {margin-right: 8.33333333%;}
	.col-offset-right-0 {margin-right: 0;}

	.col-md-offset-right-12 {margin-right: 100%;}
	.col-md-offset-right-11 {margin-right: 91.66666667%;}
	.col-md-offset-right-10 {margin-right: 83.33333333%;}
	.col-md-offset-right-9 {margin-right: 75%;}
	.col-md-offset-right-8 {margin-right: 66.66666667%;}
	.col-md-offset-right-7 {margin-right: 58.33333333%;}
	.col-md-offset-right-6 {margin-right: 50%;}
	.col-md-offset-right-5 {margin-right: 41.66666667%;}
	.col-md-offset-right-4 {margin-right: 33.33333333%;}
	.col-md-offset-right-3 {margin-right: 25%;}
	.col-md-offset-right-2 {margin-right: 16.66666667%;}
	.col-md-offset-right-1 {margin-right: 8.33333333%;}
	.col-md-offset-right-0 {margin-right: 0;}

    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
	
	.font-md-15 {font-size:15px;}
	.font-md-20 {font-size:20px;}
	.font-md-25 {font-size:25px;}
	.font-md-30 {font-size:30px;}
	.font-md-35 {font-size:35px;}
	.font-md-40 {font-size:40px;}
	
	.margin-top-md-0 { margin-top:0px;}
	.margin-top-md-5 { margin-top:5px;}
	.margin-top-md-15 { margin-top:15px;}
	.margin-top-md-20 { margin-top:20px;}
	.margin-top-md-30 { margin-top:30px;}
	
	.margin-left-md-0 { margin-left:0px;}
	.margin-left-md-5 { margin-left:5px;}
	.margin-left-md-15 { margin-left:15px;}
	.margin-left-md-20 { margin-left:20px;}
	.margin-left-md-30 { margin-left:30px;}
	
	.margin-right-md-0 { margin-right:0px;}
	.margin-right-md-5 { margin-right:5px;}
	.margin-right-md-15 { margin-right:15px;}
	.margin-right-md-20 { margin-right:20px;}
	.margin-right-md-30 { margin-right:30px;}
	
	.margin-bottom-md-0 { margin-bottom:0px;}
	.margin-bottom-md-5 { margin-bottom:5px;}
	.margin-bottom-md-15 { margin-bottom:15px;}
	.margin-bottom-md-20 { margin-bottom:20px;}
	.margin-bottom-md-30 { margin-bottom:30px;}

	.margin-auto-md{ margin:auto;}
	
	.padding-md-0{padding:0px !important;}
	.padding-md-10{padding:10px;}
	.padding-md-20{padding:20px;}
	.padding-md-30{padding:30px;}

	.pull-left-md{float:left;}
	.pull-right-md{float:right;}
}

@media only screen and (min-width: 1200px) {
	/*lg*/
	
	.block-lg{ display:block;}
	
	.vcenter-lg {display: flex; align-items: center;}
	
	.col-offset-right-12 {margin-right: 100%;}
	.col-offset-right-11 {margin-right: 91.66666667%;}
	.col-offset-right-10 {margin-right: 83.33333333%;}
	.col-offset-right-9 {margin-right: 75%;}
	.col-offset-right-8 {margin-right: 66.66666667%;}
	.col-offset-right-7 {margin-right: 58.33333333%;}
	.col-offset-right-6 {margin-right: 50%;}
	.col-offset-right-5 {margin-right: 41.66666667%;}
	.col-offset-right-4 {margin-right: 33.33333333%;}
	.col-offset-right-3 {margin-right: 25%;}
	.col-offset-right-2 {margin-right: 16.66666667%;}
	.col-offset-right-1 {margin-right: 8.33333333%;}
	.col-offset-right-0 {margin-right: 0;}
	
	.col-lg-offset-right-12 {margin-right: 100%;}
	.col-lg-offset-right-11 {margin-right: 91.66666667%;}
	.col-lg-offset-right-10 {margin-right: 83.33333333%;}
	.col-lg-offset-right-9 {margin-right: 75%;}
	.col-lg-offset-right-8 {margin-right: 66.66666667%;}
	.col-lg-offset-right-7 {margin-right: 58.33333333%;}
	.col-lg-offset-right-6 {margin-right: 50%;}
	.col-lg-offset-right-5 {margin-right: 41.66666667%;}
	.col-lg-offset-right-4 {margin-right: 33.33333333%;}
	.col-lg-offset-right-3 {margin-right: 25%;}
	.col-lg-offset-right-2 {margin-right: 16.66666667%;}
	.col-lg-offset-right-1 {margin-right: 8.33333333%;}
	.col-lg-offset-right-0 {margin-right: 0;}
	
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }

	.font-lg-15 {font-size:15px;}
	.font-lg-20 {font-size:20px;}
	.font-lg-25 {font-size:25px;}
	.font-lg-30 {font-size:30px;}
	.font-lg-35 {font-size:35px;}
	.font-lg-40 {font-size:40px;}

	.margin-top-lg-0 { margin-top:0px;}
	.margin-top-lg-5 { margin-top:5px;}
	.margin-top-lg-15 { margin-top:15px;}
	.margin-top-lg-20 { margin-top:20px;}
	.margin-top-lg-30 { margin-top:30px;}
	
	.margin-left-lg-0 { margin-left:0px;}
	.margin-left-lg-5 { margin-left:5px;}
	.margin-left-lg-15 { margin-left:15px;}
	.margin-left-lg-20 { margin-left:20px;}
	.margin-left-lg-30 { margin-left:30px;}
	
	.margin-right-lg-0 { margin-right:0px;}
	.margin-right-lg-5 { margin-right:5px;}
	.margin-right-lg-15 { margin-right:15px;}
	.margin-right-lg-20 { margin-right:20px;}
	.margin-right-lg-30 { margin-right:30px;}
	
	.margin-bottom-lg-0 { margin-bottom:0px;}
	.margin-bottom-lg-5 { margin-bottom:5px;}
	.margin-bottom-lg-15 { margin-bottom:15px;}
	.margin-bottom-lg-20 { margin-bottom:20px;}
	.margin-bottom-lg-30 { margin-bottom:30px;}
	
	.margin-auto-lg{ margin:auto;}
	
	.padding-lg-0{padding:0px !important;}
	.padding-lg-10{padding:10px;}
	.padding-lg-20{padding:20px;}
	.padding-lg-30{padding:30px;}

	.pull-left-lg{float:left;}
	.pull-right-lg{float:right;}

}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: -0px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    font-family: FontAwesome;
    content: "\f054";
    float: right;
    width: 0;
    height: 0;
	color:white;
	line-height:0px;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.dropdown-submenu:hover>a:after {
	color:#444444;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* MODIFICACIONES DEL TAMAÑO DETALLE*/

@media only screen and (min-width:576px) {
	/*lg*/
	.containerDetalleXL {
		max-width: 540px;
	}
}

@media only screen and (min-width:768px) {
	/*lg*/
	.containerDetalleXL {
		max-width: 720px;
	}
}

@media only screen and (min-width:992px) {
	/*lg*/
	.containerDetalleXL {
		max-width: 960px;
	}

}

@media only screen and (min-width: 1200px) {
	/*lg*/
	.containerDetalleXL {
		max-width: 1140px;
	}
}

@media only screen and (min-width: 1366px) {
	/*xl*/
	.containerDetalleXL {
		max-width: 1300px;
	}
}

@media only screen and (min-width: 1450px) {
	/*xl*/
	.containerDetalleXL {
		max-width: 1420px;
	}
}