body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
    background: white !important;
}

a {color: #818181;cursor:pointer;}
a:hover {color: #585858}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

ul {display: inline-block;}

.pointer {cursor: pointer;}

samp {
  font-family: monospace !important;
}

/* -------------------------------------------------------------------------------
Main Styles
-------------------------------------------------------------------------------*/




/* General styles: Text
-------------------------------------------------------------------------------*/

/* Headings --------------------*/

h1, h2, h3, h4 {
	font-family: 'Catalana';
	font-style:   normal;
	font-weight:  700;
	color: #818181;
	margin: 0px;
	display: inline-block;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #585858;
}

/* Type --------------------*/

.latoregular10 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 10px;
}

.latobold10 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 10px;
}

.latoblack10 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 10px;
}

.latoregular11 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 11px;
}

.latobold11 {
	font-family: 'Lato', sans-serif;
	font-size: 11px !important;
	font-weight: 700;
}

.latoblack11 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 11px;
}

.latoregularitalic11 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 11px;
	font-style: italic;
}

.latoregular12 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12px;
}

.latobold12 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 12px;
}

.latoblack12 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 12px;
}

.latoregular13 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

.latobold13 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 13px;
}

.latolight14 {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.latoregular14 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.latobold14 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
}

.latoblack14 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
}

.latoregular15 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
}

.latolight16 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
}

.latoregular16 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.latobold16 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.latoregular17 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 17px;
}

.latobold17 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 17px;
}

.latolight18 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 18px;
}

.latoregular18 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 18px;
}

.latoregular20 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 20px;
}

.latoregular21 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 21px;
	line-height: 21px;
}

.latolight22 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 22px;
}

.latoregular22 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
}

.latoregular23 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 23px;
}

.latolight23 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 23px;
}

.latolight24 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 24px;
}

.latolight25 {
	font-family: 'Lato', sans-serif;
	font-size: 25px;
	font-weight: 300;
}

.latoregular25 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
}

.latolight26 {
	font-family: 'Lato', sans-serif;
	font-size: 26px;
	font-weight: 300;
}

.latolight28 {
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	font-weight: 300;
}

.latolight30 {
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: 300;
}

.latolight50 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 50px;
}

.latolight60 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 60px;
}

.catalanabolditalic24 {
	font-family: 'Catalana';
	font-style:   italic;
	font-weight:  700;
	font-size: 24px;
}

.catalanabold17 {
	font-family: 'Catalana';
	font-style:   normal;
	font-weight:  700;
	font-size: 17px;
}

.catalanabold18 {
	font-family: 'Catalana';
	font-style:   normal;
	font-weight:  700;
	font-size: 18px;
}

.catalanabold20 {
	font-family: 'Catalana';
	font-style:   normal;
	font-weight:  700;
	font-size: 20px;
}

.catalanabold24 {
	font-family: 'Catalana';
	font-style:   normal;
	font-weight:  700;
	font-size: 24px;
}

.catalanabolditalic28 {
	font-family: 'Catalana';
	font-style:   italic;
	font-weight:  700;
	font-size: 28px;
}


/* General styles: Text Colors, text transform
-------------------------------------------------------------------------------*/

.background-gray {
    background-color: #818181;
}

.textalignright {
	text-align: right;
}

.textbold {
	font-weight: 700;
}

.textred {
	color: #bc002b;
}
.textredImportant {
	color: #bc002b !important;
}

.textyellow {
	color: #daba53;
}

.textpurple {
	color: #a06eaa;
}

.textgreen {
	color: #478055;
}

.textorange {
	color: #fa961e;
}

.textblue {
	color: #4875aa;
}

a.textblue:hover {
	color: #3e6491;
}

.textgray {
	color: #818181;
}

.textlightgray {
	color: #d6d6d6;
}

.textmediumgray {
	color: #b6b6b6;
}

.textdarkgray {
	color: #585858;
}

.textwhite {
	color: #fff;
}

.darkertext {
	color: #454545;
}

.almostblack {
	color: #323231;
}

.almostblackImportant td{
	color: #323231 !important; 
}

.greenpostext {
	color: #3fa452;
}

.lineheight1 {
	line-height: 1;
}

.lineheight20px {
	line-height: 20px;
}

.caps {
	text-transform: uppercase;
}

.regular {
	font-weight: normal;
}


/* General styles: Buttons
-------------------------------------------------------------------------------*/

.btn-greenbg {
	background-color: #34c17f;
	border: none !important;
}

.btn-greenbg:hover, .btn-greenbg:active, .btn-greenbg:focus {
	background-color: #30b074;
	border: none !important;
}

.btn-orangebg {
	background-color: #fa961e;
	border: none !important;
}

.btn-orangebg:hover, .btn-orangebg:hover, .btn-orangebg:focus {
	background-color: #e0881b;
	border: none !important;
}

.btn-bluebg {
	background-color: #4875aa;
	border: none !important;
}

.btn-bluebg:hover, .btn-bluebg:hover, .btn-bluebg:focus {
	background-color: #3e6491;
	border: none !important;
}

.btn-pinkbg {
	background-color: #d16f85;
	border: none !important;
}

.btn-pinkbg:hover, .btn-pinkbg:active, .btn-pinkbg:focus {
	background-color: #b86174;
	border: none !important;
}

.btn-graybg {
	background-color: #585858;
	border: none !important;
}

.btn-graybg:hover, .btn-graybg:active, .btn-graybg:focus {
	background-color: #454545;
	border: none !important;
}

.btn-yellowbg {
	background-color: #daba53;
	border: none !important;
}

.btn-yellowbg:hover, .btn-yellowbg:hover, .btn-yellowbg:focus {
	background-color: #cc9933;
	border: none !important;
}

.btn-purplebg {
	background-color: #a06eaa;
	border: none !important;
}

.btn-red {
	background-color: #dd002b;
	border: none !important;
	color:white !important;
}

.btn-red:hover {
	background-color: #ff002f;
	border: none !important;
}

.btn-gray {
	background-color: #575757;
	border: none !important;
}

.btn-gray:hover {
	background-color: #707070;
	border: none !important;
}

.btn-purplebg:hover, .btn-purplebg:hover, .btn-purplebg:focus {
	background-color: #8d5ebf;
	border: none !important;
}

.btn-blueborder {
	border: 1px solid #3e6491;
	background-color: #FFF;
	color: #3e6491;
}

.btn-blueborder:hover {
	background-color: #3e6491;
	color: #FFF;
	border: none !important;
}

.btn-primary {
	text-shadow: none;
}

.btn {
	text-transform: uppercase;
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important;	
	box-shadow: none;
	-webkit-box-shadow: none;
}

.btn-sm {
	height: 27px;
	font-family: 'Lato', sans-serif !important;
	font-size: 10px !important;
	font-weight: 900;
}

.btn-header {
	margin-top: 7px;
	width: 174px;
}

table .btn-small {
	padding: 2px 16px;
	text-transform: capitalize;
	vertical-align: top;
}

/*  Button Medium ---------------------*/

.btn-md {
	height: 47px;
}

/*  Button Large ---------------------*/

.btn-lg {
	height: 57px;
}

/* General styles: Margins
-------------------------------------------------------------------------------*/
.margin-15px-l {
	margin-left: -15px;
}

.margin0px {
	margin: 0;
}

.margin0px-b {
	margin-bottom: 0 !important;
}

.margin0px-l {
	margin-left: 0 !important;
}

.margin4perc-r {
	margin-right: 4%;
}

.margin5px-t {
	margin-top: 5px;
}

.margin5px-b {
	margin-bottom: 5px;
}

.margin5px-l {
	margin-left: 5px;
}

.margin5px-r {
	margin-right: 5px;
}

.margin5px-lr {
	margin-left: 5px;
	margin-right: 5px;
}

.margin4px-t {
	margin-top: 4px;
}

.margin6px-t {
	margin-top: 6px;
}

.margin7px-t {
	margin-top: 7px;
}

.margin8px-t {
	margin-top: 8px;
}

.margin10px-tb {
	margin: 10px 0px;
}

.margin4px-tb {
	margin: 4px 0px;
}

.margin10px-t {
	margin-top: 10px;
}

.margin30px-t {
	margin-top: 30px;
}

.margin10px-r {
	margin-right: 10px;
}

.margin10px-b {
	margin-bottom: 10px;
}

.margin10px-l {
	margin-left: 10px;
}

.margin15px-t {
	margin-top: 15px;
}

.margin15px-b {
	margin-bottom: 15px;
}

.margin15px-r {
	margin-right: 15px;
}

.margin15px-l {
	margin-left: 15px;
}

.margin15px-lr {
	margin-left: 15px;
	margin-right: 15px;
}

.margin20px-t {
	margin-top: 20px;
}

.margin20px-r {
	margin-right: 20px;
}

.margin20px-l {
	margin-left: 20px;
}

.margin20px-lr {
	margin-left: 20px;
	margin-right: 20px;
}

.margin20px-b {
	margin-bottom: 20px;
}

.margin20px-tb {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin25px-t {
	margin-top: 25px;
}

.margin30px-t {
	margin-top: 30px !important;
}

.margin30px-tb {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin30px-b {
	margin-bottom: 30px;
}

.margin30px-l {
	margin-left: 30px !important;
}

.margin35px-b {
	margin-bottom: 35px;
}

.margin40px-r {
	margin-right: 40px;
}

.margin40px-b {
	margin-bottom: 40px;
}

.margin50px-t {
	margin-top: 50px;
}

.margin60px-l {
	margin-left: 60px;
}

.margin60px-t {
	margin-top: 60px;
}

.margin65px-t {
	margin-top: 65px;
}

.margin60px-b {
	margin-bottom: 60px;
}

.margin70px-t {
	margin-top: 70px;
}

/* General styles: Paddings
-------------------------------------------------------------------------------*/
.padding0px {
	padding: 0 !important;
}

.padding0px-r {
	padding-right: 0;
}

.padding8perc-l {
	padding-left: 8%;
}

.padding5perc-lr {
	padding-left: 5%;
	padding-right: 5%;
}

.padding0px-l {
	padding-left: 0;
}

.padding0px-lr {
	padding-left: 0;
	padding-right: 0;
}

.padding5px-t {
	padding-top: 5px;
}

.padding5px-l {
	padding-left: 5px;
}

.padding5px-r {
	padding-right: 5px;
}

.padding8px-t {
	padding-top: 8px;
}

.padding10px-lr {
	padding-left: 10px;
	padding-right: 10px;
}

.padding10px-t {
	padding-top: 10px;
}

.padding10px-b {
	padding-bottom: 10px;
}

.padding10px-tb {
	padding-bottom: 10px;
	padding-top: 10px;
}

.padding12px-tb {
	padding-bottom: 12px;
	padding-top: 12px;
}

.padding15px-lr {
	padding-left: 15px;
	padding-right: 15px;
}

.padding15px-b {
	padding-bottom: 15px;
}

.padding15px-t {
	padding-top: 15px !important;
}

.padding15px-tb {
	padding-bottom: 15px;
	padding-top: 15px;
}

.padding18px-t {
	padding-top: 18px !important;
}

.padding20px-t {
	padding-top: 20px !important;
}

.padding20px-b {
	padding-bottom: 20px;
}

.padding20px-tb {
	padding-bottom: 20px;
	padding-top: 20px;
}

.padding20px-l {
	padding-left: 20px;
}

.padding20px-lr {
	padding-left: 20px;
	padding-right: 20px;
}

.padding20px10px-tb {
	padding: 20px 0px 10px 0px;
}

.padding30px-t {
	padding-top: 30px !important;
}

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


/* General styles: Heights
-------------------------------------------------------------------------------*/

.min-height-200px {
	min-height: 325px !important;
}

.padding40px-t {
	padding-top: 40px;
}

/* Otros --------------------*/

.lineheight70perc {
	line-height: 70%;
}

.clearboth {
	clear: both;
}

.inline-block {
	display: inline-block;
}

.ohidden {
	overflow: hidden;
}

.oculto {
	display: none;
}

legend {
	display: inline;
	width: auto;
	margin-bottom: inherit;
	font-size: inherit;
	color: inherit;
	border-bottom: 0;
}

/* General styles: Borders
-------------------------------------------------------------------------------*/

.borderright1pxsolid {
	border-right: 1px solid #e4e4e4;
}

.borderright1pxdashed {
	border-right: 1px dashed #e4e4e4;
}

.borderbottom1pxdotted {
	border-bottom: 1px dotted #e4e4e4;
}

.borderb1pxsolid {
	border-bottom: 1px solid #e4e4e4;
}

.bordertopitem {
	border-top: 1px solid #d8d8d8;
}

.borderbottomitem {
	border-bottom: 1px solid #d8d8d8;
}

.borderbottom1pxdashed {
	border-bottom: 1px dashed #d8d8d8;
}

/* General styles: widths & heights
-------------------------------------------------------------------------------*/

.widthauto {
	width: auto;
}

.width100 {
	width: 100% !important;
}

.width10 {
	width: 10%;
}

.dblock {
	display: block;
}
.d-in-b {
	display: inline-block;
}
.dinb {
	display: inline-block !important;
}

/* General styles: tables
-------------------------------------------------------------------------------*/
.select-beside {
	float: left;
}

.select-beside h3 {
	float: left;
	margin-right: 20px;
}

.table > thead > tr > th {
	border-bottom: 0;
}

/* Modules & icons by color / Home
-------------------------------------------------------------------------------*/

.itemicon i.icon-big {
	font-size: 90px;
}

.itemicon i.icon-mid {
	font-size: 40px;
}

.icon_prod i.icon-big  {
	font-size: 74px;
	line-height: 0.8;
}


/* Header
-------------------------------------------------------------------------------*/

/* userbar */

header {
	padding: 0px !important; background: #fff
}

.topnav {
	height: 40px;
	border-bottom: 1px solid #d8d8d8;
	padding: 0px !important;
}

.userbar > a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.userbar > a:hover {
	text-decoration: none;
}

.userbar a {
	font-family: 'Lato', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700;
	float: left;
}

a.textred:hover {
	color: #bc002b !important;
}

a.textgray:hover {
	color: #818181 !important;
}

.userbar a {
	font-family: 'Lato', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700;
}

/* icons */

.contactaico {
	width: 17px;
	height: 18px;
	float: left;
	background: url('../img/sprite-catalana.png') -22px -28px;
	margin-right: 10px;
}


.sacico {
	width: 11px;
	height: 18px;
	float: left;
	background: url('../img/sprite-catalana.png') -44px -28px;
	margin: 0 10px 0 26px;
}


.chatico {
	width: 20px;
	height: 15px;
	float: left;
	background: url('../img/sprite-catalana.png') -59px -28px;
	margin: 0 10px 0 26px;
}

.helpico {
	width: 17px;
	height: 17px;
	float: left;
	background: url('../img/sprite-catalana.png') -83px -28px;
	margin: 0 10px 0 26px;
}

.arrow-down,
.arrow-up {
	width: 17px;
	height: 9px;
	display: inline-block;
	margin-left: 10px;
}

.arrow-down {
	background: url('../img/sprite-catalana.png') -143px -32px;
}

.arrow-up {
	background: url('../img/sprite-catalana.png') -143px -23px;
}

.nav-tabs .glyphicon-question-sign {
	top: 2px;
	margin-right: 3px;
}

.midnavmensajes {
    float: left;
    display: inline-block;
	margin-top: 18px;
}
.mensajesico {
	width: 24px;
	height: 14px;
	float: left;
	background: url('../img/sprite-catalana.png') -94px -6px;
	margin: 0 10px 0 26px;
}

.mensajesredico {
	width: 24px;
	height: 14px;
	float: left;
	background: url('../img/sprite-catalana.png') -120px -6px;
	margin: 0 10px 0 26px;
}

.mensajeswhiteico {
	width: 24px;
	height: 14px;
	float: left;
	background: url('../img/sprite-catalana.png') -146px -6px;
	margin: 0 10px 0 26px;
}
/* midnav */

.midnav {
	height: 74px;
	padding-top: 12px;
}

.smileico {
	width: 18px;
	height: 17px;
	float: left;
	background: url('../img/sprite-catalana.png') -103px -28px;
	margin: 7px 10px 0 0;
}

/* Pantalla modal
    */
.modalDialog {
    position: fixed;
    /*font-family: Arial, Helvetica, sans-serif;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    opacity:0;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 50%;
    position: relative;
    margin: 10% auto;
    padding: 30px 20px 30px 30px;
    border-radius: 2px;
    background: #fff;
    /*background: -moz-linear-gradient(#fff, #999);*/
    /*background: -webkit-linear-gradient(#fff, #999);*/
    /*background: -o-linear-gradient(#fff, #999);*/
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    opacity:1;
}
.close:hover {
    background: #dc0028;
    color: #FFFFFF;
    opacity:1;
}

/**/

/* -------------------- new nav styles -------------------  */

.container-fluid.menunav, 
.menunav .container, 
.navbar.navbar-default, 
.navbar-collapse, 
.nav.navbar-nav, 
.navbar {
	min-height: 40px;
	background-color: #828282;
	border: none;
	border-radius: 0;
	background-image: none;
	box-shadow: none;
	margin: 0;
}

@media (min-width: 768px) {
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
	}
}

.container-fluid.menunav {
	height: 40px;
	z-index: 1000;
}

ul.nav.navbar-nav .dropdown {
	position: static;
}

ul.nav.navbar-nav > li > a {
	color: #FFF;
	font-size: 10px;
	padding: 10px 17px;
	text-transform: uppercase;
    color: #FFF;
    font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 900;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
}

ul.nav.navbar-nav > li:hover > a {
	text-decoration: none;
	background-color: #434343;
	color: #FFF;
    font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 900;
	min-height: 40px;
}

ul.nav.navbar-nav .dropdown .dropdown-menu {
	left: 0;
	right: 0;
	display: none;
	padding: 20px 0;
	border: none;
	border-radius: 0;
}

ul.nav.navbar-nav .dropdown:hover .dropdown-menu {
	display: inherit;
}

ul.nav.navbar-nav .dropdown .dropdown-menu .dropdown-container {
	position: relative;
	border-right: 1px dashed #ccc;
}

ul.nav.navbar-nav .dropdown .dropdown-menu .dropdown-menulist {
	position: inherit;
	padding: 0;
	border-right: 1px dashed #ccc;
	min-height: 200px;
}

ul.nav.navbar-nav .dropdown .dropdown-menu li a,
ul.nav.navbar-nav .dropdown .dropdown-menu .dropdown-menulist > li,
ul.nav.navbar-nav .dropdown.todos-productos .dropdown-menu .dropdown-menulist > li > ul > li {
	display: block;
	padding: 8px 0;
	line-height: 1.25em;
	color: #333;
}

ul.nav.navbar-nav .dropdown .dropdown-menu li {
		list-style: none;
}
å
ul.nav.navbar-nav .dropdown .dropdown-menu li a:hover {
	text-decoration: none;
}

ul.nav.navbar-nav .dropdown .dropdown-menu .dropdown-menulist > li,
ul.nav.navbar-nav .dropdown.todos-productos .dropdown-menu .dropdown-menulist > li > ul > li {
	position: initial;
	background: url(../img/arrows-menu.png) no-repeat 93% 8px;
}
ul.nav.navbar-nav .dropdown .dropdown-menu .dropdown-menulist > li:hover,
ul.nav.navbar-nav .dropdown.todos-productos .dropdown-menu .dropdown-menulist > li > ul > li:hover {
	background-position: 93% -17px;
}

ul.nav.navbar-nav .dropdown .dropdown-menu .dropdown-menulist li ul {
	position:absolute;
	top:0;
	left:100%;
	visibility: hidden;
	opacity: 0;

}

ul.nav.navbar-nav .dropdown .dropdown-menu .dropdown-menulist li ul li a small {
	color: #818181;
}

ul.nav.navbar-nav .dropdown .dropdown-menu .dropdown-menulist li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.15s linear;
	   -moz-transition: opacity 0.15s linear;
		 -o-transition: opacity 0.15s linear;
			transition: opacity 0.15s linear;
}

ul.nav.navbar-nav .dropdown .dropdown-menu .promo2 {
	padding: 0 15px;
}

ul.nav.navbar-nav .dropdown .dropdown-menu .promo2 .promo2-content {
	padding: 0 8%;
}

/* -------------------- hamburger -------------------  */

.navbar-toggle {
	padding: 8px;
	margin: 5px 0;
	border: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {
	background-color: #434343;
}

/* -------------------- mobile menu -------------------  */



.all {
	position: relative;
	overflow: hidden;
}

.scroller,
.scroller-inner {
	position: relative;
}

.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}

.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 0;
	/* left: 0; */ /* for left menús (look at ln182,ln185 mlpushmenu.js)*/
	right: 0; /* for right menús (look at ln182,ln185 mlpushmenu.js)*/
	z-index: 1;
	width: 260px;
	height: 100%;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.mp-menu ul {
	padding-left: 0;
	list-style: none;
	width: 100%;
}

.mp-menu h2 {
	margin: 0;
	font-size: 1em;
	width: 100%;
	font-family: 'Lato';
	font-size: 14px;
	font-weight: 400;
}

.mp-pusher, .mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	transition-delay: 0.15s;
	-webkit-transition-delay: 0.15s;
}

.mp-level {
	background-color: #818181;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 0;
	z-index: 10;
}

.mp-level[data-level="1"] {
	background-color: #9d9d9d;
}

.mp-level[data-level="1"] > h2,
.mp-level[data-level="1"] > ul > li,
.mp-level[data-level="2"] > h2 {
	text-transform: uppercase;
	background-color: #818181;
}

.mp-level[data-level="3"] h2,
.mp-level[data-level="2"] ul li {
	text-transform: none;
}

.mp-level li,
.mp-level h2 {
	border-bottom: 1px solid #aaa;
}

.mp-level a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 16px 8px 16px 20px;
}

.mp-level h2 {
	vertical-align: middle;
	line-height: 1.30em;
}

.mp-level .mp-back {
	background-color: #9d9d9d;
}

.mp-level .mp-back i {
	float: left;
	display: inline-block;
	width: 9px;
	height: 17px;
	background: url("../img/sprite-catalana.png") no-repeat;
	background-position: -183px -112px;
	margin-right: 10px;
	margin-top: -1px;
}

.mp-level i.icon-arrow-right {
	float: right;
	display: inline-block;
	width: 9px;
	height: 17px;
	background: url("../img/sprite-catalana.png") no-repeat;
	background-position: -193px -112px;
}

.mp-level .mp-level li > a {
	padding-left: 40px;
}

.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

ul.secondary-menu li {
	text-transform: none !important;
	background-color: #9d9d9d !important;
	border-bottom: none;
}

ul.secondary-menu {
	border-bottom: 1px solid #818181;
	padding: 5px 0;
}

ul.secondary-menu:last-of-type {
	border-bottom: none;
}

.num-pendientes {
	display: inline-block;
	margin-left: 6px;
	background-color: red;
	border-radius: 26px;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 1.15;
}

.secondary-menu .form {
	position: relative;
	margin: 0 20px;
	border: 1px solid red;
	background-color: white;
	border: 1px inset #ccc;
	border-radius: 4px;
}

.secondary-menu .form input {
	border: none;
	background: transparent;
	width: 100%;
	height: 30px;
	padding-left: 6px;
	color: #818181;
}

.secondary-menu .form button {
	position: absolute;
	text-indent: -9999px;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background: url('../img/search-ico.png') no-repeat center center;
	border: none;
}

i.icon-agente,
i.icon-telefono,
i.icon-ayuda {
	float: left;
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 6px;
	margin-top: -1px;
}

i.icon-agente {
	background: url('../img/sprite-catalana.png') no-repeat 0px -3px;
}

i.icon-telefono {
	background: url('../img/sprite-catalana.png') no-repeat -48px -3px;
}

i.icon-ayuda {
	background: url('../img/sprite-catalana.png') no-repeat -22px -3px;
}

.icon-cerrar {
	float: left;
	display: inline-block;
	width: 10px;
	height: 13px;
	background: url('../img/sprite-catalana.png') no-repeat -389px -94px;
	margin-right: 6px;
	margin-top: 3px;
	margin-left: 7px;
}



/* ----------------- end of new nav styles ----------------  */

.userbar {
	position: relative;
}

.user-login {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 700;
}

.user-login-name {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	padding-left: 4px;
	font-weight: 700;
	font-style: italic;
}

.userbar .arrow-down {
	display: inline-block;
	width: 17px;
	height: 9px;
	background: url("../img/sprite-catalana.png") -143px -32px;
}

#user.active {
	background-color: #e3e3e3;
}

ul#user_module {
	display: none;
	position: absolute;
	top: 33px;
	right: 120px; /*En el helpers.css estaba puesto 123px pero no ajustaba, hemos quitado del helpers.css el class y lo hemos dejado aquí a 120px*/
	list-style: none;
	background-color: #e3e3e3;
	padding: 0;
	z-index: 9999;
}

ul#user_module li {
	display: block;
}

ul#user_module li a {
	display: block;
	width: 100%;
	padding: 8px 16px;
	border-top: 1px solid #d8d8d8;
	text-decoration: none;
}

.login-input-header {
	border: 1px solid #818181 !important;
	background: url('../img/search-ico.png') no-repeat 122px center;
}

.fontheadersmall {
	font-family: 'Lato', sans-serif;
	font-size: 11px !important;
	font-weight: 700;
}


/* Barra avisos
-------------------------------------------------------------------------------*/

.avisos {
	background-color: #dc0028;
}

.avisos.white {
	background-color: #fff;
}

.avisos p {
	color: #fff;
	display: inline-block;
	margin: 10px 10px 10px 20px;
}

.avisos.white p {
	color: inherit;
}

.avisos p a {
	color: #fff;
}

.avisos.white p a {
	color: inherit;
}

.avisos .num-pendientes {
	color: #dc0028;
	background-color: #fff;
	margin-right: 6px;
}

.avisos.white .num-pendientes {
	background-color: #dc0028;
	color: #fff;
}

/* ------------------------------------------------------------------------------------------------
										Main content home
--------------------------------------------------------------------------------------------------*/

.wrapper {
	margin-bottom: 50px;
}


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

/* Dashboard Items
-------------------------------------------------------------------------------*/

p {
	margin: 0;
}

.more {
	display: none;
}

.module {
	height: auto;
	margin-bottom: 20px;
}

.module .row {
	margin: 0px;
}

.roundedwhite {
	height: auto;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.module-header {
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	position: relative;
	clear: both;
}

.module-header h3, .module-header h4 {
	padding: 10px 0 11px;
}

.module-header ul li, .module-header-tabcont ul li {
	line-height: 40px;
	margin-left: 10px;
}

.module-header ul li:first-of-type, .module-header-tabcont ul li:first-of-type {
	margin-left: 5px;
}

.module-header span {
	/*display: inline-block;*/
	padding: 0 10px;
}

.circulo {
     width: 26px;
     height: 26px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     justify-content: center;
    text-align: center;
    /*margin:0px auto;*/
    padding:2px;
}

.circle-number {
	width: 24px;
	height: 24px;
	font-family: 'Catalana';
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #FFF;
}

.number-icon {
	display: inline-block;
	vertical-align: middle;
}

.number-icon  .icons-dot {
	font-size: 25px;
	vertical-align: middle;
	padding-left: 10px
}

.number-icon .circle-number {
	margin-left: -30px;
}


.circle-home {
	display: inline-block;
	margin: 8px 0 0 18px;
}

.circle-internas {
	margin: 8px 8px 0px 8px;
	display: inline-block;
}

.circle-green {
	background: url('../img/circle-green.png') no-repeat;
}

.circle-orange {
	background: url('../img/circle-orange.png') no-repeat;
}

.circle-blue {
	background: url('../img/circle-blue.png') no-repeat;
}

.circle-pink {
	background: url('../img/circle-pink.png') no-repeat;
}

.circle-red {
	background: url('../img/circle-red.png') no-repeat;
}

.circle-yellow {
	background: url('../img/circle-yellow.png') no-repeat;
}

.circle-purple {
	background: url('../img/circle-purple.png') no-repeat;
}

.module-hideall {
	line-height: 40px;
	cursor: pointer;
}

.emailico {
	background: url('../img/chattext-busy.png') no-repeat;
    width:57px;
    height:57pX;
}

.mostrartodos-cont-xs {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	border-top: 1px solid #e4e4e4;
}

.mostrartodos-cont-xs a {
	text-align: center;
}

.redtriangle {
	display: inline-block;
	width: 9px;
	height: 6px;
	background: url('../img/sprite-catalana.png') -164px -34px;
	margin: 18px 0 0 10px;
}

.redtriangle.active {
	background-position: -164px -41px;
}

/* module heading */

.itemcontainer0 {
	border-top: 1px solid #d8d8d8;
}

.itemcontainer {
	padding: 10px;
	border-top: 1px solid #d8d8d8;
}

.itemcontainer1 {
	padding: 10px;
}

.zone1 {
	border-right: 1px solid #e4e4e4;
	float: left;
}

.zone3 {
	background-color: #e3e3e3;
	min-height: 220px;
	padding: 3% 3% 2% 3%;
	position: relative;
}

.zone4 {
	background-color: #e3e3e3;
	min-height: 100px;
	padding: 3% 3% 2% 3%;
	position: relative;
}

.zone5 {
	background-color: #e3e3e3;
	min-height: 80px;
	padding: 2% 3% 2% 3%;
	position: relative;
}

.zone6 {
	background-color: #e3e3e3;
	min-height: 40px;
	padding: 5px 10px;
    position: relative;
}

.trianglegray {
	width: 15px;
	height: 30px;
	position: absolute;
	top: 40px;
	left: -14px;
	background: url('../img/trianglegray.png');
}

.trianglegray2 {
	width: 15px;
	height: 30px;
	position: absolute;
	top: 25px;
	left: -14px;
	background: url('../img/trianglegray.png');
}

.trianglegray-down {
	width: 30px;
	height: 15px;
	position: absolute;
	bottom: -14px;
	left: 50%;
	background: url('../img/trianglegray-down.png');
		-webkit-transform: translate(-50%);
			-ms-transform: translate(-50%);
				transform: translate(-50%);
}

.trianglegrayflujo {
	width: 15px;
	height: 30px;
    
	background: url('../img/trianglegrayright.png');
    background-repeat:no-repeat;
}
.trianglegrayflujosmall {
	width: 10px;
	height: 20px;
	background: url('../img/trianglegrayrightsmall.png');
    background-repeat:no-repeat;
}

.module-stats {
	width: 405px;
	height: 160px;
}

.zone2 {
	padding-top: 30px;
}

.stat-left {
	min-height: 150px;
	border-right: 1px dashed #d6d6d6;
	padding: 0% 8%;
}
.stat-left-text {
	min-height: 150px;
	border-right: 1px dashed #d6d6d6;
}

.stat-lefttop, .stat-leftbottom {
	height: 50%;
	padding: 15px;
}

.stat-lefttop {
	border-bottom: 1px dashed #d6d6d6;
	position: relative;
}

.zone2statnum {
	width: 100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.uparrowgreen {
	width: 17px;
	height: 17px;
	background: url('../img/sprite-catalana.png') -1px -28px;
	float: left;
	margin: 4px 5px 0 0;
}

.masdetalles {
	width: 124px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 9px 0 0 20px;
}

.masdetalles a {
	color: #585858;
	cursor: pointer;
}

.ico-plus {
	width: 12px;
	height: 12px;
	background: url('../img/sprite-catalana.png') -181px -31px;
	position: absolute;
}

.masdetalles a>.ico-plus {
	top: 14px;
	left: 0px;
}

.left-content, .right-content {
	padding: 0 5px;
}

.zone3 .right-content {
	height: 60px;
	padding-top:13px;
}

.btn.dropdown-toggle {
	height: 30px;
	border: none;
	box-shadow: none;
	text-align: left;
	width: 100%;
	margin-top: 10px;
	background-color: #FFF;
	text-transform: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 11px !important;
	font-style: italic;
	position: relative;
}

.arrow-dropdown {
	width: 17px;
	height: 9px;
	background: url('../img/sprite-catalana.png') -143px -32px;
	position: absolute;
	right: 8px;
	top: 11px;
}

.btn.dropdown-toggle:hover, .btn.dropdown-toggle:active, .btn.dropdown-toggle:focus {
	background-color: #FFF;
}

.btn-default:hover, .btn-default, .open>.dropdown-toggle.btn-default {
	background-color: #FFF;
}

.stat-right {
	position: relative;
	padding-top: 30px;
}

.itemiconcoins {
	width: 56px;
	height: 44px;
	left: 50%;
	margin-left: -28px;
	position: absolute;
	background: url('../img/sprite-catalana.png') -228px -13px;
}

.ico-cal-home {
	width: 49px;
	height: 44px;
	left: 50%;
	margin-left: -24px;
	position: absolute;
	background: url('../img/sprite-catalana.png') -234px -119px;
}

.textcontainer {
	margin-top: 45px;
}


/* Iconos de colores del home --------------------------------------------- */

.itemicon,
.icon_prod {
	text-align: center;
}

/*.itemicon {
	width: 100%;
	height: 120px;
	position: relative;
}*/



.itemicon img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -45px;
	margin-top: -45px;
}


/* lista zone 2 -------------------- */

ul.zone2list {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

.zone2list li {
	line-height: 18px;
	list-style: none;
	padding: 0;
}

.zone2list li:before {
	content: "\B7";
	padding-right: 5px;
	margin-left:-10px;
}

/* Iconos ficha */

.color-red a > .ico-herramientas {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	width: 20px;
	height: 37px;
	background-image: url('../img/sprite-catalana.png');
	background-position: -372px -140px;
}

.color-red a:hover > .ico-herramientas {
	background-position: -372px -184px;
}

.color-blue a > .ico-herramientas {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	width: 20px;
	height: 37px;
	background-image: url('../img/sprite-catalana.png');
	background-position: -401px -140px;
}

.color-blue a:hover > .ico-herramientas {
	background-position: -401px -184px;
}

.color-green a > .ico-herramientas {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	width: 20px;
	height: 37px;
	background-image: url('../img/sprite-catalana.png');
	background-position: -532px -140px;
}

.color-green a:hover > .ico-herramientas {
	background-position: -532px -184px;
}


/* Promos
-------------------------------------------------------------------------------*/

.promos-container hr { 
	border-top: 1px solid #d8d8d8; 
	margin: 0 15px 20px 15px;
}

.promos-container img { 
	min-width: 100%;
	height: auto;
}

.whitebg {
	background-color: #FFF;
}

/* Promo 1 -------------------------------------*/

.promo1, .promo2 {
	padding: 4%;
	min-height: 100%;
	position: relative;
}

.promo1 {
	border-right: 1px solid #e2e2e2;
	background: url('../img/savings-watermark.png') no-repeat;
	background-position: center;
}

.promo2 {
	background: url('../img/house-watermark.png') no-repeat;
	background-position: center;
}

.promo1-content .right-content {
	padding-top: 20px;
}

.promo1-content .right-content p {
	line-height: 18px;
}

/* Promo 2 -------------------------------------*/

.promo2-content .left-content {
	padding-top: 20px;
}

/* Lastnews -------------------------------------*/

.lastnewsitem {
	border-right: 2px dotted #c3c3c3;
}

.lastnewsitem:last-child {
	border-right: 0px;
}

/* ------------------------------------------------------------------------------------------------
										Fichas
--------------------------------------------------------------------------------------------------*/





/* Fixed button -------------------------------------*/

.fixedbuttoncont {
	width: 100%;
	height: 57px;
	background-color: #e3e3e3;
	position: fixed;
	padding: 5px;
	bottom: 0;
	z-index: 1000;
}

.fixedbuttoncont .btn-sm {
	height: 45px
}

/* Breadcrumb -------------------------------------*/

.breadcrumb {
	background-color: transparent;
	border-radius: none;
	padding: 18px 0 20px 0;
	margin: 0;
}

ol.breadcrumb {
	width: auto;
}

.breadcrumb>li a {
	color: #bc002b;
}

.breadcrumb>li a:after {
	color: #bc002b;
}

.breadcrumb>.active {
	color: #454545;
}

.breadcrumb>li+li:before {
	color: #454545;
}

/* Modulo info seguro -------------------------------------*/

a.ver-modificar-datos {
	display: inline-block;
	float: right;
	position: relative;
}

a.ver-modificar-datos>.ico-plus {
	top: 1px;
	left: -22px;
}

.ver-modificar-datos:hover {
	color: #585858;
}

.insurrance-info {
	display: table;
	width: 100%;
}

.insurrance-info > div {
	padding: 15px;
	display: table-cell;
	vertical-align: middle;
}

.iteminfo {
	height: 74px;
	display: table;
	margin: 0 auto;
}

.iteminfo .icon_prod {
	display: table-cell;
	padding-right: 8px;
	text-align: right;
	vertical-align: middle;
}

.iteminfo .itemtext {
	vertical-align: middle;
	display: table-cell;
  	text-align: left;
  	padding-left: 8px;
}


.polizaico {
	vertical-align: middle;
	display: inline-block;
	width: 57px;
	height: 69px;
	background: url('../img/sprite-catalana.png') -367px -1px;
}

.estadoico {
	vertical-align: middle;
	display: inline-block;
	width: 49px;
	height: 48px;
	background: url('../img/sprite-catalana.png') -428px -12px;
}

/* Tabs -------------------------------------*/


#datos {
	min-height: 230px;
}

ul.nav-tabs {
	border: none;
	padding: 0;
	margin: 0;
	height: 40px;
}

.nav-tabs a:hover {
	color: #454545;
	padding: none;
	margin: none;
	line-height: 40px;
	padding: 0;
	margin: 0;
}

.nav>li>a:hover, .nav>li>a:focus{
	background-color: inherit;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color: #454545;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #4875aa;
	line-height: 40px;
	padding: 0;
	margin: 0;
}




.nav-tabs>li>a, 
.nav-tabs>li>a:hover, 
.nav-tabs>li>a:focus {
	line-height: 40px;
	padding: 0 !important;
	margin: 0;
	border: none;
}

.nav-tabs > li > a { 
	height: 41px;
	padding: 0;
	border: none;
}

/* Modulo slider -------------------------------------*/

.separador {
	width: 0px;
	height: 13px;
	border-right: 1px solid #818181;
	float: left;
	margin: 14px 4px 14px 14px;
}

.slidercontainer {
	position: relative;
}

.sliderheading {
	line-height: 30px;
	width: 360px;
	height: 70px;
	margin: 0 !important;
}

.slidertext {
	width: 250px;
	height: auto;
	line-height: 14px;
	text-align: left;
	margin: 0 0 0 100px;
}

.sliderprev {
	width: 24px;
	height: 38px;
	background: url('../img/sprite-catalana.png') -632px -16px;
	position: absolute;
	left: 20px;
	top: 92px;
}

.slidernext {
	width: 24px;
	height: 38px;
	background: url('../img/sprite-catalana.png') -666px -16px;
	position: absolute;
	right: 20px;
	top: 92px;
}

.sliderprev, .slidernext {
	cursor: pointer;
}

a.sliderlink {
	text-decoration: underline;
}

a.sliderlink:hover {
	text-decoration: underline;
	color: #31cceb;
}

.item {
	position: relative;
	height: 230px;
}

img .fauto-slider1 {
	width: 307px;
	height: 230px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.left.carousel-control, .right.carousel-control {
	background-image: none;
	text-shadow: none;
}

.col-lg-8.carousel.slide {
	padding-left: 0px;
	padding-right: 0px;
}

.carousel-caption {
	position: absolute;
	width: 60%;
	right: 0%;
	left: 40%;
	padding-top: 6px;
	text-shadow: none;
	margin-right: 0;
	padding-right: 0;
}

.carousel-indicators li {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #818181;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	background-color: #000;
	background-color: rgba(0,0,0,0);
}


.carousel-indicators li.active {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #818181;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

.carousel-indicators li.active span {
	display: block;
	background-color: #dc0028;
	width: 10px;
	height: 10px;
	margin:2px 0 0 2px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	}

.carousel-indicators {
	bottom: 0;
}

/* Tus herramientas -------------------------------------*/

.btn-tools-container {
	padding-top: 24px;
	padding-bottom: 20px;
}

.btn-tools {
	height: 85px;
	min-width: 100%;
	display: block;
	background-color: #e3e3e3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}

.btn-tools:hover {
	background-color: #c9c9c9;
}

.ico-taller {
	width: 47px;
	height: 43px;
	background: url('../img/sprite-catalana.png') -482px -13px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -21px;
}

.ico-datosbancarios {
	width: 36px;
	height: 55px;
	background: url('../img/sprite-catalana.png') -536px -7px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -27px;
}

.ico-gear {
	width: 43px;
	height: 41px;
	background: url('../img/sprite-catalana.png') -578px -14px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -20px;
}

.arrow-tools .btn-tools-text {
	padding: 22px 0px 0px 0px;
	line-height: 20px;
	float: left;
	text-align: left;
}

.btn-tools-container i.icons-arrow{
	float: left;
	font-size: 78px;
	line-height: 1;
	margin: 0 -11px;
}

/* Tus siniestros -------------------------------------*/

.ico-contractinfo {
	width: 76.5px;
	height: 101.625px;
    background: url('../img/img-info-pre-siniestro.png') no-repeat ;
    background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
}

.ico-contractinfosi {
	width: 108px;
	height: 80px;
	background: url('../img/img-si-pre-siniestro.png') no-repeat ;
    background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px; 
	margin-top: -40px;
}

.heading-container-inside {
	border-bottom: 1px solid #d7d7d7;
}

.heading-container-inside p {
	line-height: 40px;
}

.heading-container-inside button {
	margin: 6px 0;
}

.beforetable-actions {
	padding: 10px 0;
	border-bottom: 1px solid #d7d7d7;
}

.beforetable-actions.row,
.beforetable-actions .row {
	margin-left: -15px;
	margin-right: -15px; 
}

.beforetable-actions legend {
	float: left;
	line-height: 34px;
	font-size: 1.1em;
	margin-right: 6px;
}

.beforetable-actions .btn {
	margin-top: 4px;
	margin-left: -20px;
}

.form-control {
	border: 1px solid #818181;
}

.form-alert {
	margin-top: 10px;
	color: red;
}

.custom-select.inline .form-control {
    padding: 6px;
}

.has-error p {
	color: #E60000;
	clear: both
}
.has-error p i {
	display: inline-block;
	background: url('../img/sprite-catalana.png') no-repeat 0 -176px;
	width: 26px; height: 26px;
	margin:5px 0 -10px 0 ;
}

.has-ok input.form-control,
.form-internas .has-ok .form-control {
	border: 1px solid #33CC33;
}

.has-ok p {
	color: #E60000;
}

.ico-reload {
	width: 14px;
	height: 15px;
	background: url('../img/sprite-catalana.png') -199px -29px;
	float: left;
	margin: 7px 0 0 10px;
}

.form-error { border:1px solid #E60000;
	border-radius: 5px;
	margin-top: 20px;
	color: #E60000;
	background: #FFE6E6;
	padding: 10px 0
}
.form-error h6 {
	font-size: 16px;
 	font-weight: bold;
 	padding-left: 26px
	
}

.form-group.has-success input {
	border: 1px solid green !important;
}

.form-group.has-error input {
	border: 1px solid red !important;
}

.has-success .form-control-feedback {
  color: green;
  right: 13px;
}

.has-error .form-control-feedback {
  color: red;
  right: 13px;
}

.form-error li { 
	font-size: 12px
}

.icon-form-error {margin:0 10px -7px 0;display: inline-block; width: 28px; height: 26px;background: url('../img/sprite-catalana.png') no-repeat 0 -176px;}

.roundedsquare {
	height: auto;
	background-color: #818181;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.roundedsquaresmall {
	height: auto;
	background-color: #818181;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Table -------------------------------------*/

table>thead>tr>th, .table>tbody>tr>td {
	border: none;
	line-height: 27px;

}

/* Pagination -------------------------------------*/

.pager li > a {
	border: 0px;
}

.pager li > a:hover {
	background-color: transparent;
}

/* ------------------------------------------------------------------------------------------------
											Ficha inversion
--------------------------------------------------------------------------------------------------*/

.ico-green-treeico {
	width: 41px;
	height: 60px;
	background: url('../img/sprite-catalana.png') -136px -54px;
	margin: 0 20px 0 0;
}

.ico-arrow-right {
	display: inline-block;
	width: 9px;
	height: 17px;
	background: url("../img/sprite-catalana.png") no-repeat;
	background-position: -193px -112px;
}

.btn-tools-4 {
	height: 85px;
	min-width: 100%;
	display: block;
	background-color: #e3e3e3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 10px 10px 20px;
	position: relative;
}

.btn-tools-4:hover {
	background-color: #c9c9c9;
}

.btn-tools-text-4 {
	padding: 7px 0px 0px 35px;
	line-height: 20px;
	float: left;
}

.module-header-tabcont {
	height: 41px;
	padding: 0 10px;
	width: 100%;
	position: relative;
	clear: both;
	border-bottom: 1px solid #d7d7d7;
}

.dropdown-actions {
	height: 30px;
	border: none;
	box-shadow: none;
	text-align: left;
	width: 100%;
	margin: 0 !important;
	background-color: #FFF;
	border: 1px solid #c0c0c0 !important;
	text-transform: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 11px !important;
	font-style: normal !important;
	position: relative;
}

.dropdown-actions:hover, .dropdown-actions:active, .dropdown-actions:focus, {
	background-color: #FFF;
}

.text-actions {
	line-height: 36px;
}

.beforetable-info {
	padding: 4px 5px;
	border-bottom: 1px dotted #d7d7d7;
}

.arrowdropdown {
	width: 25px;
	height: 9px;
	background: url('../img/arrow-dropdown.png') no-repeat;
	margin: 9px 0 0 10px;
}

.grayBackground, .grayBackground .table {
	background-color: #f2f2f2 !important;
}

.linkdetails {
	text-align: right;
	width: 140px;
}

.linkdetails a {
	display: inline-block;

}

.linkdetails a, .linkdetails a:hover {
	color: #818181;
}

.tableDetails {
	padding: 0 !important;
}

.tableDetails div {
	display: none;
}

.tableDetails .table {
	margin-bottom: 0;
}

.tableDetails dl {
	margin-bottom: 0;
	vertical-align: bottom;
}

.tableDetails dt {
	font-size: 14px;
	font-weight: normal;
}

.tableDetails td:first-of-type dt {
	font-size: 16px;
	font-weight: bold;
	color: #585858;
}

.tableDetails dd {
	font-weight: normal;
	font-size: 16px;
	color: #585858;
}


/* ------------------------------------------------------------------------------------------------
											Barras
--------------------------------------------------------------------------------------------------*/

.progress {
  overflow: hidden;
  float: left;
  width: 100%;
  height: 100%;
  margin: 4px 0;
  background-color: #fff !important;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
}

.progress.progress-gray .progress-bar {
	background-color: #828282;
	cursor: pointer;
}

.progress.progress-gray>.progress-bar:hover, 
.progress.progress-gray>.progress-bar:active,
.progress.progress-gray>.progress-bar:focus {
	background-color: #33c284;
}

.progress.progress-subgreen .progress-bar {
	background-color: #FFF;
	border: 1px solid #33c284;
}

.progressbar-cont {
	width: 100%;
	padding: 5px 0 0 0px;
}

.progressbar-cont-sub {
	float: left;
	display: none;
	width: 100%;
	padding: 5px 0 0 20px;
}

.progressbar-cont-sub a {
	float:left;
	width:100%;
	text-decoration: none;
}

.progressbar-cont-sub a:hover .progress-bar {
	background-color: #33c284;
}

.progress-bar {
  float: left;
  width: 0%;
  height: 21px;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #337ab7;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

/* ------------------------------------------------------------------------------------------------
											Coberturas 1
--------------------------------------------------------------------------------------------------*/

/* Discount badge -------------------------------------*/

.discountbadge {
	width: 127px;
	height: 83px;
	background-image: url('../img/discountbadge1.jpg');
	position: absolute;
	right: 78px;
	top: -82px;
}

/* Checkout bar -------------------------------------*/

.checkout-bar {
	width: 100%;
	height: 40px;
	position: relative;
	margin-bottom: 20px;
}

ol.checkout-progress {
	position: relative;
	display: block;
	padding: 0;
}

ol.checkout-progress li {
	color: #494949;
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background-color: #FFF;
}

ol.checkout-progress li.active {
	color: #4875aa;
	border-top: 1px solid #4875aa;
	border-bottom: 1px solid #4875aa;
	background-color: #FFF;
}

ol.checkout-progress li.disabled {
	color: #494949;
	border-top: 1px solid #dad9da;
	border-bottom: 1px solid #dad9da;
	background-color: transparent;
}

ol.checkout-progress li a {
	display: inline-block;
	width: 100%;
	height: 40px;
	color: #494949;
}

ol.checkout-progress li a:hover {
	color: #494949;
	text-decoration: none;
}

/* First & Last Rounded -----------------*/

ol.checkout-progress li:first-child,
ol.checkout-progress li:first-child.active {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

ol.checkout-progress li:last-child,
ol.checkout-progress li:last-child.active {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

ol.checkout-progress li:first-child {
	border-left: 1px solid #dadada;
}

ol.checkout-progress li:first-child.active {
	border-left: 1px solid #4875aa;
}

ol.checkout-progress li:last-child {
	border-right: 1px solid #dadada;
}

ol.checkout-progress li:last-child.active {
	border-right: 1px solid #4875aa;
}

/* img -----------------*/

ol.checkout-progress li:before {
	width: 14px;
	height: 38px;
	content: url('../img/checkoutprogressarrow.png');
	position: absolute;
	left: 0;
}

ol.checkout-progress li:first-child:before {
	content: '';
	position: absolute;
	left: 0;
}

ol.checkout-progress li.active:before {
	content: url('../img/checkoutprogressarrowactive.png');
	position: absolute;
	left: 0;
}

/* img antes del li que sigue al active -----------------*/

ol.checkout-progress li.active + li:before {
	content: url('../img/checkoutprogressarrowactive.png');
	position: absolute;
	left: 0;
}

/* ---  Panel ------------------------------------- */

.datosvehiculo {
	background: url('../img/car-watermark.png') no-repeat;
	background-position: center;
}

.graylinks {
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #b6b6b6;
}

.graylinks:hover {
	color: #818181;
}

.dashboard3col {
	width: 100%;
	height: auto;
	background-color: #FFF;
	margin-top: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.datosconductor, .datospago {
	line-height: 25px;
	padding-left: 4%;
}

.datosvehiculo, .datosconductor {
	min-height: 200px;
}

/* ---  Tabla Añade coberturas a medida ------------------ */

.itemcontainer20px {
	padding: 0 20px 10px 20px;
	border-top: 1px solid #d8d8d8;
	position: relative;
}

.rowdottedtable {
	width: 100%;
	min-height: 48px;
	padding: 8px 8px 8px 35px;
	border-bottom: 1px dashed #d7d7d7;
	float: left;
}

a.ico-info {
	display: inline-block;
	width: 18px;
	height: 17px;
	margin: 0px 0px 0px 15px;
}

.ico-info img {
	vertical-align: top;
}

.rowdottedtable .checkbox {
	margin-top: 0;
	float: left;
}

.rowdottedtable .checkbox input {
	margin-top: 10px;
}

.rowdottedtable:last-child {
	border: none;
}

#coberturas .custom-select {
	border-radius: 7px;
}

#coberturas .custom-select select {
	height: 28px;
}

/* Checkbox 13px -----------------*/

.checkbox label {
	padding-left: 0px;
}

.checkbox input[type="checkbox"] {
	display: none;
}

.checkbox input[type="checkbox"] + span {
	display: block;
	background: url('../img/checkbox-13px.png') no-repeat;
	cursor: pointer;
	vertical-align: middle;
	border: none;
	margin: 0px 4px 0 0;
	padding-left: 24px;
	min-height: 13px;
}

.checkbox input[type="checkbox"]:checked + span {
	background: url('../img/checkbox-checked-13px.png') no-repeat;
}

#coberturas {display: none;}

/* ------------------------------------------------------------------------------------------------
										Contratar Automobil
--------------------------------------------------------------------------------------------------*/

/* FORMS paginas internas */

input.form-control, select.form-control, textarea.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.form-internas label.control-label {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #4e4e4e;
	text-align: left !important;
	height: 40px;
}

.form-internas input.form-control {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	font-style: italic;
	color: #585858 !important;
	border: 1px solid #c0c0c0;
	height: 40px;
}

.form-internas select.form-control {
	border: 1px solid #c0c0c0 !important;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	font-style: italic;
	color: #585858 !important;
	height: 40px;
	-webkit-appearance:none;
	-moz-appearance:none;
	background: url('../img/arrow-dropdown.png') no-repeat right center;
	background-color: #FFF;
}

.form-elem-inline > * {
	width: 46%;
	display:inline-block;
}

.form-elem-inline .custom-select {
	width: 48% !important;
}

.form-elem-inline.hora > input {
	width: 60px;
}

input.percent {
	width: 90%;
	display: inline-block;
}

fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f8f8f8 !important;
  opacity: 1;
  background: url('../img/arrow-dropdown-disabled.png') no-repeat right center;
  color: #b2b2b2 !important;
}

.ui-datepicker-trigger {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	right: 23px;
	width: 27px;
	height: 24px;
}

#datepicker {
	background: url('../img/calendar_xs.png') no-repeat right; 
	cursor: pointer;
}

.datepicker {
	width: 320px;
}

.datepicker th.prev,
.datepicker th.next {
	color: red;
}

.datepicker th.switch {
	color: #595757;
}

.datepicker .table-condensed>thead>tr:last-of-type th {
	padding-top: 10px;
	color: red;
}

.datepicker .table-condensed>thead>tr:first-of-type {
	border-bottom: 1px solid red;
}

.datepicker .table-condensed>tbody>tr>td {
	padding: 10px 5px;
	width: 40px;
}

.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active,
.datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled]{
	background-color: red !important;
	background-image: none;
}

/* Radio button -----------------*/

label.radio-inline {
	padding-left: 0px;
	padding-right: 20px;
}

.form-internas label.radio-inline,
.form-internas-datos label.radio-inline {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #585858 !important;
}

label.radio-inline input[type="radio"] {
	display: none;
}

label.radio-inline input[type="radio"] + span {
	display: block;
	background: url('../img/radio.png') no-repeat left center;
	cursor: pointer;
	vertical-align: middle;
	border: none;
	margin: 0px 4px 0 0;
	padding-left: 24px;
	min-height: 18px;
}

label.radio-inline input[type="radio"]:checked + span {
	background: url('../img/radio-checked.png') no-repeat left center;
}

/* localizacion de daños -----------------*/

label.select-vehicle {
	height: 47px;
	padding: 0;
}

label.select-vehicle input[type="radio"] {
	display: none;
}

label.select-vehicle input[type="radio"] + span {
	background: url('../img/radio.png') no-repeat;
	background-position: left center;
	cursor: pointer;
	vertical-align: middle;
	border: none;
	padding-left: 30px;
	height: 47px;
	width: auto;
}

label.select-vehicle input[type="radio"]:checked + span {
	background: url('../img/radio-checked.png') no-repeat left center;
}

label.select-vehicle {
	padding-left: 20px;
}

span.img-car-front, span.img-moto, span.img-scooter, span.img-camion {
	display: inline-block;
}

span.img-car-front {
	width: 57px;
	height: 47px;
}

span.img-moto {
	width: 68px;
	height: 36px;
	padding-top: 5px;
}

span.img-scooter {
	width: 61px;
	height: 44px;
}

span.img-camion {
	width: 91px;
	height: 43px;
}

.vehiculo {
	display: none;
}

/* textarea -----------------*/

textarea.form-control {
	border: 1px solid #c0c0c0 !important;
}

a.textdarkgray:hover {
	color: #818181;
}

.back-link {
	position: relative;
	padding-left: 15px;
}

.back-arrow {
	width: 8px;
	height: 13px;
	background: url('../img/sprite-catalana.png') -185px -54px;
	position: absolute;
	left: 0;
	top: 4px;
}

/* Dudas -------------------------------------*/


.btn-tools-white {
	height: 100px;
	min-width: 100%;
	display: block;
	background-color: #fff;
	padding: 0px 10px 10px 33px;
	position: relative;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}

a.btn-tools-white:hover {
	background-color: #fcfcfc;
}

.btn-tools-white .btn-tools-text {
	padding-left: 65px;
}

.ico-headset {
	width: 56px;
	height: 50px;
	background: url('../img/sprite-catalana.png') -222px -64px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -25px;
}

.ico-pregunta {
	width: 42px;
	height: 43px;
	background: url('../img/sprite-catalana.png') -291px -71px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -21px;
}

.ico-maleta {
	width: 46px;
	height: 38px;
	background: url('../img/sprite-catalana.png') -341px -76px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -19px;
}



/* Checkbox 18px -----------------*/
/*
.checkboxcontposabs.checkbox-inline {
	padding-left: 15px;
	margin-right: 5px;
}


.checkboxcontposabs {
	position: relative;
}

.checkboxcontposabs .checkbox {
	position: absolute;
}

.checkboxcontposabs .checkbox label {
	padding-left: 0px;
}

.checkboxcontposabs .checkbox input[type="checkbox"]
 {
	display: none;
}

.checkboxcontposabs .checkbox input[type="checkbox"] + span {
	position: absolute;
	display: block;
	background: url('../img/checkbox-18px.png') no-repeat;
	cursor: pointer;
	vertical-align: middle;
	border: none;
	margin: 0;
	padding-left: 24px;
	min-height: 18px;
}


.checkboxcontposabs .checkbox input[type="checkbox"]:checked + span {
	background: url('../img/checkbox-checked-18px.png') no-repeat;
}

.cartopcheckbox1 span,
.cartopcheckbox1 input[type="checkbox"]{
	top: -24px;
	left: 114px;;
}

.cartopcheckbox2 span,
.cartopcheckbox2 input[type="checkbox"]{
	top: 8px;
	left: 172px;
}

.cartopcheckbox3 span,
.cartopcheckbox3 input[type="checkbox"]{
	top: 49px;
	left: 172px;
}

.cartopcheckbox4 span,
.cartopcheckbox4 input[type="checkbox"]{
	top: 79px;
	left: 113px;
}

.cartopcheckbox5 span,
.cartopcheckbox5 input[type="checkbox"]{
	top: 79px;
	left: 35px;
}

.cartopcheckbox6 span,
.cartopcheckbox6 input[type="checkbox"]{
	top: 48px;
	left: -23px;
}

.cartopcheckbox7 span,
.cartopcheckbox7 input[type="checkbox"]{
	top: 7px;
	left: -23px;
}

.cartopcheckbox8 span,
.cartopcheckbox8 input[type="checkbox"]{
	top: -24px;
	left: 35px;
}

.carsidecheckbox1 span,
.carsidecheckbox1 input[type="checkbox"]{
	top: -24px;
	left: 71px;
}

.carsidecheckbox2 span,
.carsidecheckbox2 input[type="checkbox"]{
	top: 79px;
	left: 71px;
}

.mototopcheckbox1 span,
.mototopcheckbox1 input[type="checkbox"]{
	top: -24px;
	left: 35px;
}

.mototopcheckbox2 span,
.mototopcheckbox2 input[type="checkbox"]{
	top: -24px;
	left: 114px;
}

.mototopcheckbox3 span,
.mototopcheckbox3 input[type="checkbox"]{
	top: 28px;
	left: 172px;
}

.mototopcheckbox4 span,
.mototopcheckbox4 input[type="checkbox"]{
	top: 79px;
	left: 114px;
}

.mototopcheckbox5 span,
.mototopcheckbox5 input[type="checkbox"]{
	top: 79px;
	left: 35px;
}

.mototopcheckbox6 span,
.mototopcheckbox6 input[type="checkbox"]{
	top: 28px;
	left: -23px;
}

.motosidecheckbox1 span,
.motosidecheckbox1 input[type="checkbox"]{
	top: -24px;
	left: 71px;
}

.motosidecheckbox2 span,
.motosidecheckbox2 input[type="checkbox"]{
	top: 79px;
	left: 71px;
}
*/
/* ------------------------------------------------------------------------------------------------
									Consulta - Modifica Póliza
--------------------------------------------------------------------------------------------------*/

.topactions-internas {
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.backtoplink a:hover {
	color: #818181;
}

.backtoplink {
	position: relative;
	padding-left: 25px;
}

.ico-backarrow-big {
	width: 18px;
	height: 15px;
	background: url('../img/sprite-catalana.png') -389px -78px;
	position: absolute;
	left: 0;
	top: 2px;
}

.polizaoksm {
	position: relative;
	padding-left: 20px;
}

.ico-polizaoksm {
	width: 17px;
	height: 17px;
	background: url('../img/sprite-catalana.png') -408px -77px;
	position: absolute;
	left: 0;
	top: -1px;
}

/* Modifica datos ------------------------------------*/

.modificadatos {
	width: 100%;
	border-top: 1px dotted #e3e3e3;
	float: left;
	padding: 15px 0px 7px 0px;
}

.modificalink a:hover {
	color: #818181;
}

.modificalink {
	position: relative;
	padding-left: 22px;
}

.ico-modifica-arrow {
	width: 14px;
	height: 15px;
	background: url('../img/sprite-catalana.png') -199px -29px;
	position: absolute;
	left: 0;
	top: 1px;
}

.itemcontainer30px-b {
	padding: 10px 10px 30px 10px;
	border-top: 1px solid #d8d8d8;
}

/* Modifica datos - tus datos ------------------------------------*/

.row-borderbottomsolid {
	width: 100%;
	float: left;
	border-bottom: 1px dotted #e3e3e3;
	padding: 20px 0px 20px 0px;
}

.form-internas-datos label.control-label {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #323231;
	text-align: left !important;
	height: 40px;
}

.cp-validation {
	display: inline-block;
	padding-top: 7px;
}

/* Checkboxbig -----------------*/
/*
.checkboxbig.checkbox-inline:first-of-type {
	padding-left: 0px;
}

.checkboxbig label {
	padding-left: 0px;
}

.checkboxbig input[type="checkbox"] {
	display: none;
}

.checkboxbig input[type="checkbox"] + span {
	display: block;
	background: url('../img/checkbox-18px.png') no-repeat;
	cursor: pointer;
	vertical-align: middle;
	border: none;
	margin: 0px 4px 0 0;
	padding-left: 24px;
	min-height: 13px;
}

.checkbox-big input[type="checkbox"]:checked + span {
	background: url('../img/checkbox-checked-18px.png') no-repeat;
}

.checkboxbig .checkbox.disabled input[type="checkbox"] + span,
.checkboxbig .checkbox.disabled input[type="checkbox"]:checked + span {
	background: url('../img/checkbox-18px.png') no-repeat;
	cursor: not-allowed;
}

.checkboxbig .checkbox.has-error input[type="checkbox"] + span {
	background: url('../img/checkbox-18px-red.png') no-repeat;
}

.checkboxbig .checkbox.has-success input[type="checkbox"] + span {
	background: url('../img/checkbox-18px-green.png') no-repeat;
}

.checkboxbig .checkbox.has-error input[type="checkbox"]:checked + span {
	background: url('../img/checkbox-checked-18px-red.png') no-repeat;
}

.checkboxbig .checkbox.has-success input[type="checkbox"]:checked + span {
	background: url('../img/checkbox-checked-18px-green.png') no-repeat;
}
*/

/* Checkbox 18px -----------------*/
/*
.checkbox18px label {
	padding-left: 0px;
	position: relative;
}

.checkbox18px input[type="checkbox"] {
	display: none;
}

.checkbox18px input[type="checkbox"] + span {
	width: 18px;
	display: block;
	background: url('../img/checkbox-18px.png') no-repeat;
	cursor: pointer;
	border: none;
	min-height: 18px;
	margin: 0px 4px 0 0;
	position: absolute;
	padding-left: 24px;
	top: -10px;
	left: 10px;
}

.checkbox18px input[type="checkbox"]:checked + span {
	background: url('../img/checkbox-checked-18px.png') no-repeat;
}

.checkbox18px .before-checkbox input[type="checkbox"] + span {
	top: 0;
	left: inherit;
	right: -30px;
}
*/
.borrarlink {
	position: relative;
	padding-left: 18px;
}



/* ------------------------------------------------------------------------------------------------
									Consulta - Modifica Póliza
--------------------------------------------------------------------------------------------------*/

#anadeDomicilioCont {
	display: none;
}

.topactions-internas {
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.backtoplink a:hover {
	color: #818181;
}

.backtoplink {
	position: relative;
	padding-left: 25px;
}

.ico-backarrow-big {
	width: 18px;
	height: 15px;
	background: url('../img/sprite-catalana.png') -389px -78px;
	position: absolute;
	left: 0;
	top: 2px;
}

/* Modifica datos ------------------------------------*/

.itemcontainer30px-b {
	padding: 10px 10px 30px 10px;
	border-top: 1px solid #d8d8d8;
}

/* Modifica datos - tus datos ------------------------------------*/

.row-borderbottomsolid {
	width: 100%;
	float: left;
	border-bottom: 1px dotted #e3e3e3;
	padding: 20px 0px 20px 0px;
}

.form-internas-datos label.control-label {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #323231;
	text-align: left !important;
	height: 40px;
}

/* borrar -----------------*/

.borrarlink {
	position: relative;
	padding-left: 18px;
}

.borrarlink a:hover {
	color: #585858;
}

.ico-x {
	width: 10px;
	height: 10px;
	background: url('../img/sprite-catalana.png') -389px -96px;
	position: absolute;
	left: 0;
	top: 4px;
}

/* placeholders internas -----------------*/

.form-internas-datos input.form-control {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #585858 !important;
	border: 1px solid #c0c0c0 !important;
	height: 40px;
}

.form-internas-datos select.form-control {
	border: 1px solid #c0c0c0 !important;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #585858 !important;
	height: 40px;
	-webkit-appearance:none;
	-moz-appearance:none;
	background: url('../img/arrow-dropdown.png') no-repeat right center;
	background-color: #FFF;
}

/* textlinks -----------------*/

a.textdarkgray:hover {
	color: #818181;
}

a.almostblack:hover {
	color: #585858;
}

/* añadir -----------------*/

.borrarlink a:hover {
	color: #585858;
}

.ico-add {
	width: 12px;
	height: 12px;
	background: url('../img/sprite-catalana.png') -181px -31px;
	display: inline-block;
	margin-right: 6px;
}

/* asociar domicilio -----------------*/

.asociadomicilio {
	padding-right: 12px;
	text-align: right;
	text-decoration: underline;
	float: right;
}

.asociadomicilio:hover {
	color: #585858;
}

.ico-next {
	width: 7px;
	height: 13px;
	background: url('../img/sprite-catalana.png') -178px -54px;
	position: absolute;
	right: 0;
	top: 2px;
}

.custom-select {
	width: 100%;
	border: 1px solid #c0c0c0;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	background: url("../img/arrow-dropdown.png") no-repeat right center;
}


.custom-select.has-error {
	border: 1px solid red;
}


.custom-select.has-success {
	border: 1px solid green;
}

.custom-select select.form-control {
	border: 0 !important;
	width: 200%;
	background: none;
}

.custom-select.inline {
	width: auto;
	padding-right: 4px;
	float: left;
	margin-right: 4px;
}

.custom-select.inline select.form-control{
	width: 200%;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
.checkbox.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
 	cursor: not-allowed;
 	opacity: 0.4;
} 

label.radio-inline.has-error input[type="radio"] + span {
	  background: url("../img/radio-red.png") no-repeat left center
}

label.radio-inline.has-error input[type="radio"]:checked + span {
	  background: url("../img/radio-checked-red.png") no-repeat left center
}

label.radio-inline.has-success input[type="radio"] + span {
	  background: url("../img/radio-green.png") no-repeat left center
}

label.radio-inline.has-success input[type="radio"]:checked + span {
	  background: url("../img/radio-checked-green.png") no-repeat left center
}



/* ------------------------------------------------------------------------------------------------
									Interior 3 - Ayuda acceso
--------------------------------------------------------------------------------------------------*/



.msg-error-activacion {
	text-align: center;
	padding: 20px;
	display: block;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.msg-error-activacion div.msg {
	min-height: 45px;
}


.msg-error-activacion button {
	display: block;
	clear: both;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
}

.msg-error-activacion .textgray {
	padding-left: 20px;
	text-align: left;
		width: 86%;
}

.accesoboxheight {
	min-height: 260px;
}

.ico-error-msg {
	float: left;
	display: inline-block;
	width: 56px;
	height: 48px;
	background: url("../img/sprite-catalana.png") -222px -171px;
	
}

.ico-error-boca {
	float: left;
	display: inline-block;
	width: 56px;
	height: 50px;
	background: url('../img/sprite-catalana.png') -222px -220px;
	
}

.icocontainer90px {
	width: 100%;
	height: 90px;
	padding: 10px;
	position: relative;
}

.ico-key {
	width: 66px;
	height: 58px;
	background: url('../img/sprite-catalana.png') -430px -72px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -33px;
	margin-top: -29px;
}

.ico-mobile {
	width: 42px;
	height: 68px;
	background: url('../img/sprite-catalana.png') -511px -67px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -21px;
	margin-top: -34px;
}

.ico-error{
	width: 42px;
	height: 68px;
	background: url('../img/sprite-catalana.png') -511px -67px;
	float: left;
}

.ico-contract {
	width: 49px;
	height: 65px;
	background: url('../img/sprite-catalana.png') -567px -68px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -24px;
	margin-top: -32px;
}

.ico-contractinfo {
	width: 76.5px;
	height: 101.625px;
    background: url('../img/img-info-pre-siniestro.png') no-repeat ;
    background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
}

.ico-contractinfosi {
	width: 108px;
	height: 80px;
	background: url('../img/img-si-pre-siniestro.png') no-repeat ;
    background-size:contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -40px;
}

.ico-checkbox {
	width: 69px;
	height: 68px;
	background: url('../img/sprite-catalana.png') -627px -67px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -34px;
	margin-top: -34px;
}

/* -------------- plus link -------------- */

.pluslink>.ico-add {
	top: 4px;
	left: 0;
}

.addlink {
	position: relative;
	padding-left: 20px;
}

.addlink>.ico-add {
	top: 3px;
	left: 0;
}

/* ---------------------------------------------------------------------------
									Seguros
-----------------------------------------------------------------------------*/
.nextprev {
	padding: 0 40px;
	font-size: 14px;
}

.arrowred-prev {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	display: inline-block;
	width: 9px;
	height: 17px;
	background: url('../img/sprite-catalana.png') -183px -93px;
}

.arrowred-next {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	display: inline-block;
	width: 9px;
	height: 17px;
	background: url('../img/sprite-catalana.png') -193px -93px;
}

.tarjeta-img {
	position: relative;
	margin-top: 20px;
}

.tarjeta-img p {
	position: absolute;
	top: 87px;
	left: 52px;
	font-size: 0.82em;
}


/* Dudas -------------------------------------*/


.btn-tools-gray-4 {
	height: 85px;
	min-width: 100%;
	display: block;
	background-color: #e3e3e3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px 10px 10px 33px;
	position: relative;
}

.btn-tools-gray-4:hover {
	background-color: #c9c9c9;
}

.ico-redcard {
	width: 49px;
	height: 37px;
	background: url('../img/sprite-catalana.png') -1px -122px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -18px;
}

.ico-redtool {
	width: 39px;
	height: 36px;
	background: url('../img/sprite-catalana.png') -53px -122px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -18px;
}

.ico-redbank {
	width: 30px;
	height: 46px;
	background: url('../img/sprite-catalana.png') -94px -117px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -23px;
}

.ico-redgear {
	width: 35px;
	height: 35px;
	background: url('../img/sprite-catalana.png') -129px -120px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -17px;
}


/* ------------------------------------------------------------------------------------------------
									Agentes
--------------------------------------------------------------------------------------------------*/

.agentmargintop {
	margin-top: 50px;
}

/* ------------------------------------------------------------------------------------------------
									Recomendaciones
--------------------------------------------------------------------------------------------------*/

.textlinkarrows {
	position: relative;
}

.textlinkarrows a {
	padding-right: 10px;
}

.textlinkarrows:after {
	width: 7px;
	height: 13px;
	content: url('../img/arrowlinks.png');
	position: absolute;
	top: 2px;
}

.recomendaciones-cont {
	height: 330px;
	position: relative;
}

.headingcontainer90px {
	height: 90px;
	background: url("../img/car-watermark-sm.png") no-repeat;
	background-position: center;
}

.buttons-cont {
	width: 100%;
	position: absolute;
	bottom: 15px;
	left: 0;
}

/* Bestseller badge -------------------------------------*/

.bestsellerbadge {
	width: 87px;
	height: 46px;
	background-image: url('../img/bestseller-badge.png');
	position: absolute;
	right: 2px;
	top: -46px;
}


/* ------------------------------------------------------------------------------------------------
									Configura tu seguro
--------------------------------------------------------------------------------------------------*/
/*
.tabla-comparadora {
	border-collapse: separate;
}

.tabla-comparadora#configuraSeguro,
.tabla-comparadora#tablaHogar {
	margin-top: 60px;
}

.tabla-comparadora th,
.tabla-comparadora td {
	height: 45px;
}

.tabla-comparadora thead th {
	padding: 12px 4px;
	position: relative;
	background-color: #fff;
}

.tabla-comparadora th.active,
.tabla-comparadora td.active,
.tabla-comparadora th.highlighted,
.tabla-comparadora td.highlighted {
	background-color: #eff5f8;
}

.tabla-comparadora thead th:first-of-type {
	padding-left: 0;
	text-align: left;
	border-top: none;
	border-right: none;
}

.tabla-comparadora thead th .title {
	padding: 4px 12px 6px 12px;
	height: 41px;
	width: 120px;
}

#tablaHogar.tabla-comparadora thead th .title {
	width: 150px;
}

.tabla-comparadora thead th:first-of-type > span:first-of-type {
	padding: 0;
	height: auto;
}

.tabla-comparadora thead th .eleccion,
.tabla-comparadora thead th .resaltado {
	position: absolute;
	bottom: 163px;
	color: #fff;
	padding: 5px 0;
	width: 95%;
	background: url('../img/degradado.jpg');
	border-radius: 6px 6px 0 0;
	line-height: 1.5;
}

#tablaHogar.tabla-comparadora thead th .eleccion,
#tablaHogar.tabla-comparadora thead th .resaltado {
	bottom: 168px;
}



.tabla-comparadora thead th span:last-of-type {
	line-height: 1.2;
}

.tabla-comparadora thead th a.btn-bluebg {
	margin-top: 10px;
	color: #4875aa;
	background-color: #fff;
	border: 1px solid #4875aa !important;
}

.tabla-comparadora thead th a.btn-bluebg:hover {
	background-color: #3e6491;
	color: #fff;
}

.tabla-comparadora thead th.active a,
.tabla-comparadora thead th.sinSeleccion a {
	color: #fff;
	background: #4875aa;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.tabla-comparadora thead th .dropdown a {
	color: inherit;
	background: inherit;
}

.tabla-comparadora thead th .dropdown-actions {
	border: none;
}

.tabla-comparadora thead th {
	text-align: center;
	color: #585858;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	vertical-align: bottom;
}

.tabla-comparadora thead th:nth-child(2) {
	border-left: 1px solid #c0c0c0;
	border-top-left-radius: 6px;
}

.tabla-comparadora thead th:last-of-type {
	border-right: 1px solid #c0c0c0;
	border-top-right-radius: 6px;
}

.tabla-comparadora tbody tr:first-of-type th,
.tabla-comparadora tbody tr:first-of-type td {
	padding: 20px 0 9px;
}

.tabla-comparadora tbody tr:last-of-type th,
.tabla-comparadora tbody tr:last-of-type td {
	padding: 9px 0 20px;
}

.tabla-comparadora tbody th {
	position: relative;
	line-height: 1.2;
}

.tabla-comparadora tbody th span {
	display: block;
	padding-right: 40px;
}

.tabla-comparadora tbody td {
	text-align: center;
}

.tabla-comparadora tbody tr td {
	border-right: 1px solid #e4e4e4;

}
.tabla-comparadora tbody tr td span {
	text-indent: -9999px;
}

.tabla-comparadora tbody tr td:first-of-type {
	border-left: 1px solid #c0c0c0;
}

.tabla-comparadora tbody tr:last-of-type td {
	border-bottom: 1px solid #c0c0c0;
}

.tabla-comparadora tbody tr:last-of-type td:first-of-type {
	border-bottom-left-radius: 6px;
}

.tabla-comparadora tbody tr:last-of-type td:last-of-type {
	border-bottom-right-radius: 6px;
}

.tabla-comparadora tbody tr td:last-of-type {
	border-right: 1px solid #c0c0c0;
}

.tabla-comparadora .info-tooltip-right {
	position: absolute;
	right: 10px;
	top: 12px;
}

.tabla-comparadora tbody tr:first-of-type th .info-tooltip-right{
	top: 24px; 
}

.tabla-comparadora .si,
.tabla-comparadora .no {
	display: inline-block;
}

.tabla-comparadora .si {
	display: inline-block;
	width: 21px;
	height: 15px;
	background: url('../img/sprite-catalana.png') no-repeat -45px -90px;
}

.tabla-comparadora .no {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('../img/sprite-catalana.png') no-repeat -68px -90px;
}

.tabla-comparadora .arrow-up-blue {
	display: block;
	width: 19px;
	height: 10px;
	margin: 0 auto 6px auto;
	background: url('../img/arrow-up-blue.png') no-repeat;
}

.tabla-comparadora tfoot th {
	text-indent: -7px;
	padding: 0 7px;
}*/
/*
.tabla-comparadora.dos-modalidades thead th {
	width: 28%;
}

.tabla-comparadora.cuatro-modalidades thead th {
	width: 17%;
}

.tabla-comparadora thead th:first-of-type {
	width: auto;
}

#tablaHogar.tabla-comparadora thead th:first-of-type {
	width: auto;
}
*/


/* ------------------------------------------------------------------------------------------------
									Tu contrato
--------------------------------------------------------------------------------------------------*/

.scrollcont {
	height: 480px;
	overflow-y: scroll;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px;
	margin-top: 40px;
}

.numberpad {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: auto;
	margin-top: 30px;
}

.btn-numberpad {
	color: #FFF;
	background-color: #828282;
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-weight: 400;
	border: 0px;
	padding: 3px 12px;
	margin: 1px 0;
}

.btn-numberpad:hover {
	color: #FFF;
	background-color: #585858;
}

/* Footer
-------------------------------------------------------------------------------*/

footer {
	height: 120px;
	width: 100%;
}

.gradient-line {
	width: 100%;
	height: 10px;
	background: #ed3f60; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkM2Y2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmIwNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #ed3f60 0%, #ffb04f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ed3f60), color-stop(100%,#ffb04f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ed3f60 0%,#ffb04f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ed3f60 0%,#ffb04f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ed3f60 0%,#ffb04f 100%); /* IE10+ */
	background: linear-gradient(to right,  #ed3f60 0%,#ffb04f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed3f60', endColorstr='#ffb04f',GradientType=1 ); /* IE6-8 */
}

.footercontent {
	padding-top: 22px;
}

.container.footercontent {
	padding-left: 0;
	padding-right: 0;
}

.container.footercontent .col-lg-6 {
	padding-left: 0;
}

.logofooter {
	width: 111px;
	height: 40px;
	float: left;
}

.footercontactdata {
	width: 200px;
	line-height: 14px;
	float: left;
	margin-left: 20px;
}


ul.footerlist {
	margin: 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

ul.footerlist li {
    display: inline;
}

.footerlist li:after {
	content: "\B7";
	margin: 0 6px 0 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 11px;
	color: #454545;
}

.footerlist li:last-child:after {
	content: "";
}
.breadcrumb-table { clear:both; margin:0px 20px 10px; padding: 0px 0 10px 0; border-bottom:1px solid #ddd; }
.breadcrumb-table a { text-decoration: underline;}
.breadcrumb-table ul { margin: 0; padding: 0; border-top:1px solid #ddd; width: 100%; padding-top: 10px}
.breadcrumb-table li { list-style: none; display: inline; }
.beforetable-actions .breadcrumb-table, .beforetable-info .breadcrumb-table { border-bottom: 0; padding:10px 0 0 0; margin-bottom: 0}
.beforetable-info .breadcrumb-table { padding-bottom: 10px}

/*Chat style
 ------------------------------------------------------------------------------*/
.chatButtonPanel {
    position: fixed; 
    display:none; 
    cursor:pointer;
}

.chatMailPanel {
    padding:0px;
    /*width:20%;*/
    position: fixed; 
    right: 30px; 
    bottom: 20px;
    display:none;
    background: #FFF;
    border: 1px solid grey;
}

.cerrarMailPanel {
    top: 10px; 
    right: 20px; 
    position: absolute;
}

.headerMailPanel {
    width: 100%;
    height:30px; 
    padding: 3px 0px; 
    background-color: #666;
    font-size: 16px;
    color: #FFFFFF;
}

.resultadoMailPanel {
    line-height: 50px; 
    vertical-align: middle;
    display:none;
    padding:0px 10px;
}

.cargandoChat {
    display:none;
    left: 30px; 
    bottom: 80px;
}

/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
	.promoagent .itemcontainer {
		height: 241px !important;

	}

	.zone1 {
		min-height: 220px;
	}
	
	.accesoboxheight {
		min-height: 300px;
	}
	.margin5t-lg {
		margin-top: 5px;
	}
}

@media screen and (min-width: 1200px) {
	.promoagent .itemcontainer {
		height: 305px !important;
	}
	.margin5t-md {
		margin-top: 5px;
	}
	.margin5t-lg {
		margin-top: 5px;
	}
}

@media screen and (max-width: 992px) {
	.margin5t-lg {
		margin-top: 0px;
	}
	.margin30t-sm {
		margin-top: 30px;
	}

	.margin80t-sm {
		margin-top: 80px;
	}

	.margin10t-sm {
		margin-top: 10px;
	}

	.zone3 {
		margin-bottom: 10px;
	}

	.zone3 .latolight60 {
		font-size: 50px;
	}

	.btn-tools {
		margin-bottom: 15px;
	}

	.btn-tools-4 {
		margin-bottom: 15px;
	}
	


	.midnav {
		height: 60px;
		padding-top: 0;
		padding-right: 0;
	}

	.midnav .logo {
		display: inline-block;
		padding-top: 4px;
		text-align: center;
	}
	.midnav .logo img{
		height: 52px;
	}

	.midnav .logoPublica {
		display: inline-block;
		padding-top: 4px;
		text-align: center;
	}
	.midnav .logoPublica img{
		/*height: 52px;*/
	}

    .midnavmensajes {
        float: left;
        display: inline-block;
		margin-top: 20px;
    }

    .mensajesico {
	    width: 24px;
	    height: 14px;
	    float: left;
	    background: url('../img/sprite-catalana.png') -94px -6px;
	    margin: 0 5px 0 20px;
    }

    .mensajesredico {
	    width: 24px;
	    height: 14px;
	    float: left;
	    background: url('../img/sprite-catalana.png') -120px -6px;
	    margin: 0 5px 0 20px;
    }
	.midnav .phone {
		float: left;
		display: inline-block;
		margin-top: 18px;
		width: 23px;
		height: 21px;
		background: url('../img/sprite-catalana.png') -572px -148px;
		text-indent: -9999px;
	}

	.mp-pushed .midnav .menu-trigger,
	.midnav .menu-trigger:hover {
		color: #fff;
		background-color: #B8B8B8;
		-webkit-transition: all 0.5s;
		   -moz-transition: all 0.5s;
				transition: all 0.5s;
	}

	.midnav .menu-trigger {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 30px;
		text-decoration: none;
		color: #333;
		background-color: #fff;
		display: inline-block;
		width: 60px;
		padding: 6px 0 12px;
		text-align: center;
		-webkit-transition: all 0.5s;
		   -moz-transition: all 0.5s;
				transition: all 0.5s;
	}

	.promos-container img { 
	max-width: 100%;
	height: auto;
	}

	ul.footerlist {
		float: left;
		margin: 20px 0;
	}

	.agentmargintop {
		margin-top: 20px;
	}

	.accesoboxheight {
		min-height: 270px;
	}

	.beforetable-info {
		height: auto;
	}

	.datosvehiculo, .datosconductor {
		min-height: 220px;
	}

	.tabla-comparadora thead th .title {
		width: 95px;
		padding: 4px 0 6px 0;
	}

	.margin0px-l-sm {
		margin-left: 0 !important;
	}
	
}

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

	.avisos .consulta {
		float: right;
	}

	.margin3t {
		margin-top: 3px;
	}

}

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

	.textalign-l-sm {
		text-align: left; 
	}

	.datepicker {
		position: fixed;
		top: 0 !important;
		left: 0 !important;
		width: 100%;
		height: 100%;
		z-index: 9999 !important;
	}

	.datepicker .table-condensed>tfoot>tr>th.clear {
		cursor: pointer;
		padding-top: 20px;
	}

	.datepicker .table-condensed>tbody>tr>td {
	padding: 20px 5px;
	width: 40px;
	}

	.movements .module-header-tabcont {
		padding: 0 15px;
		height: 60px;
	}

	.movements .module-header-tabcont .form-control {
		-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	}

	.iteminfo {
		margin: 0;
	}

	.iteminfo .icon_prod {
		width: 90px;
		text-align: center;
	}	

	.ico-error-msg {
		float: none;
	}

	.ico-error-boca {
		float: none;
	}

	.msg-error-activacion .textgray {
		text-align: center;
		padding: 0;
		width: 100%
	}


	.borderb1pxdashed-xs {
		border-right: 0px;
		border-bottom: 1px dashed #e4e4e4;
		padding-bottom: 20px;
	}
	
	.padding0px-xs {
		padding: 0 !important;
	}

	.padding10t-xs {
		padding-top: 10px;
	}

	.padding10lr-xs {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.margin10t-xs {
		margin-top: 10px;
	}

	.margin10b-xs {
		margin-bottom: 10px;
	}

	.margin30t-xs {
		margin-top: 30px;
	}

	.margin30b-xs {
		margin-bottom: 30px;
	}

	.margin80t-xs {
		margin-top: 80px;
	}

	.margin60t-xs {
		margin-bottom: 60px;
	}

	.margin60b-xs {
		margin-bottom: 60px;
	}

	.zone3 {
		margin-bottom: 10px;
		min-height: 150px;
		padding: 3% 3% 4% 3%;
	}

	.midnav {
		padding-left: 15px !important;
	}

	.borderb1pxsolid-xs {
		border-right: 0px;
		border-bottom: 1px solid #e4e4e4;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.borderright1pxdashed {
		border-right: 0px;
	}

	.btn-tools {
		margin-bottom: 15px;
	}

	.btn-tools-4 {
		margin-bottom: 15px;
	}

	.promoagent .itemcontainer {
		height: auto !important;
	}

	.zone1 {
		border-right: none;
		border-bottom: 1px solid #e4e4e4;
		min-height: 190px;
	}

	.bars-cont {
		padding-bottom: 10px !important;
	}

	.promo1 {
		border-right: 0px;
		border-bottom: 1px solid #e2e2e2;
		background: url('../img/savings-watermark.png') no-repeat;
		background-position: center;
	}

	.lastnewsitem {
		border-right: 0px;
		border-bottom: 2px dotted #c3c3c3;
		margin-bottom: 15px;
	}

	.lastnewsitem:last-child {
		border: 0px;
	}
	
	ul.footerlist {
		float: left;
		margin: 20px 0;
	}

	ul.footerlist li {
		display: block;
	}

	.footerlist li:after {
		content: "";
	}

	.tabla-responsive table,
	.tabla-responsive thead,
	.tabla-responsive tbody,
	.tabla-responsive thead,
	.tabla-responsive td,
	.tabla-responsive tr {
		display: block;
	}

	.tabla-responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.tabla-responsive tr {
		border-bottom: 1px solid #ddd;
	}

	.tabla-responsive td {
		border: none;
		position: relative;
		padding-left: 45% !important;
	}

	.tabla-responsive.table-notitle td {
		padding-left: 0 !important;
	}

	.tabla-responsive td.linkdetails {
		padding-left: 6px !important;
		text-align: left;
	}

	/*.tabla-responsive .tableDetails {
		display: none;
	}*/

	.tabla-responsive .tableDetails td {
		width: 100%;
		padding-left: 6px !important;
	}

	.tabla-responsive td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
		white-space: nowrap;
		color: #454545;
	}

	.tabla-responsive td.tableDetails {
		width: 0;
	}

	.tabla-responsive td.tableDetails {
		padding-left: 0 !important;
	}

    .tabla-responsive #tablaSeguros_Table td {
        text-align: left;
    }

    .tabla-responsive #tablaSeguros_Table th {
        text-align: left;
    }

	#tablaSeguros td:nth-of-type(1):before {content: "Fecha de efecto"}
	#tablaSeguros td:nth-of-type(2):before {content: "Fecha de vencimiento"}
	#tablaSeguros td:nth-of-type(3):before {content: "Familia"}
	#tablaSeguros td:nth-of-type(4):before {content: "Objeto asegurado"}
	#tablaSeguros td:nth-of-type(5):before {content: "Prima anual"}
	#tablaSeguros td:nth-of-type(6) {padding-left: 0 !important}
	#tablaSeguros td:nth-of-type(6) button {width: 100%}

	#misSiniestros td:nth-of-type(1):before {content: "Fecha"}
	#misSiniestros td:nth-of-type(2):before {content: "Tipo siniestro"}
	#misSiniestros td:nth-of-type(3):before {content: "Culpa"}
	#misSiniestros td:nth-of-type(4):before {content: "Estado"}
	#misSiniestros td:nth-of-type(5):before {content: "Resolución"}
	#misSiniestros td:nth-of-type(6):before {content: "Coste"}

	#misMovimientos td:nth-of-type(1):before {content: "Fecha"}
	#misMovimientos td:nth-of-type(2):before {content: "Concepto"}
	#misMovimientos td:nth-of-type(3):before {content: "Importe Bruto"}
	#misMovimientos td:nth-of-type(4):before {content: "Comisión / Gasto"}
	#misMovimientos td:nth-of-type(5):before {content: "Retención"}
	#misMovimientos td:nth-of-type(6):before {content: "Importe neto"}
	#misMovimientos td.tableDetails:before,
	#misMovimientos .tableDetails td:before {content: ""}

	.tabla-responsive td.tableDetails {
		width: auto;
	}

	.tabla-responsive td.tableDetails div {
		border-bottom: 0;
	}

	.tabla-responsive td.tableDetails div table tr {
		border-bottom: 0;
	}


	.tabla-responsive td.tableDetails table td {
		border: none;
		position: relative;
		padding-left: 0;
	}
	
	.agentmargintop {
		margin-top: 10px;
	}

	.accesoboxheight {
		min-height: 220px;
	}

	.beforetable-info {
		height: auto;
	}

	a.ver-modificar-datos {
		float: left;
		margin: 20px 0 24px 22px;
	}

	.rowdottedtable {
		padding: 8px;
	}

	.comparadora-mobile .masvendido {
		background: url('../img/el-mas-vendido.png') no-repeat 101% 15px;
	}

	.comparadora-mobile a.expand {
		position: relative;
		text-align: center;
		display: inline-block;
		width: 100%;
		text-decoration: none;
	}

	.comparadora-mobile a.expand:hover {
		text-decoration: none;
	}

	.comparadora-mobile .coberturas {
		width: 100%;
		list-style: none;
	}

	.comparadora-mobile .coberturas li {
		position: relative;
		height: 45px;
		font-size: 12px;
		padding-left: 30px;
	}

	.comparadora-mobile.hogar li {
		padding-left: 0;
	}

	.comparadora-mobile .coberturas li.si:before {
		content: '';
		position: absolute;
		width: 21px;
		height: 15px;
		background: url('../img/sprite-catalana.png') no-repeat -45px -90px;
		top: 50%;
		left: 0;
		-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}

	.comparadora-mobile .coberturas li.no:before {
		content: '';
		position: absolute;
		width: 14px;
		height: 14px;
		background: url('../img/sprite-catalana.png') no-repeat -68px -90px;
		top: 50%;
		left: 2px;
		-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}

	.comparadora-mobile .coberturas li span {
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}

	.comparadora-mobile p span:last-of-type {
		display: table-row;
		height: 40px;
	}

	.comparadora-mobile .detalle-garantias {
		display: none;
	}

	.comparadora-mobile p.asterisco {
		line-height: 1.2;
	}


	.padding0px-lr-xs {
		padding-left: 0;
		padding-right: 0;
	}
	.pluslinkcont {
		position: relative;
		left: 0;
		bottom: 0;
	}
	.btn { white-space: normal
	}
	.btn-lg { height: auto}
	label.select-vehicle { padding-left: 0}
	.margin60px-t { margin-top: 10px}
	.nextprev {
		width: auto;
	}

	.latoregular15-xs {
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		font-size: 15px;
	}
	.padding20px10px-tb { padding-top: 0}
	.itemtext { padding-top: 0;}
	.icon_prod { margin-top: 0; width: 65px}

	select {
		margin: 10px 0;
	}

	.beforetable-actions .btn {
		margin-left: 0;
	}

	select {
		margin: 0;
	}

	.beforetable-actions legend {
		line-height: 50px;
		width: 50px;
		margin-left: 8px;
	}

	.beforetable-actions fieldset {
		margin-bottom: 10px;
	}

	.beforetable-actions .btn {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.traspaso-fondos .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.breadcrumb-table { border-bottom:none; margin: 0 15px;}
	
    select::-ms-expand {
        display: none;
    }

    /*pantalla modal*/
    .modalDialog > div {
            width: 80%;
            position: relative;
            margin: 15% auto;
            padding: 30px 20px 30px 30px;
            border-radius: 2px;
            background: #fff;
        }
}

/*Styles seguros-familia-hogar*/

.capital-asegurados .added {
	display: none;
}

.capital-asegurados.added .no-added {
	display: none;
}
.capital-asegurados.added .added {
	display: inherit;
}

.capital-asegurados .capital-buttons button {
	margin-left:30%;
	margin-right: 30%;
}

.capital-val-css input[disabled]{
    border: 0px !important;
    background-color: transparent !important;
    pointer-events:none;
}

a.edit-price{
	text-decoration: none;
	color: #4875aa;
}

.recomended{
	font-style: italic;
	color:#585858;
}

.recomended-xs{
	float:left;
	margin-right: 5px;
	margin-top: 2px;
}

.decision button.want {
	display: ;
}

.decision button.want:active {
	display: inherit;
}

.decision button.add{
	background-color: transparent;
}

.decision button.add:active {
	display:none;
}

.decision .si {
	display: inline-block;
	float:left;
	width: 21px;
	height: 15px;
	margin-right: 5px;
	background: url('../img/sprite-catalana.png') no-repeat -45px -90px;
}

/*.add-minus.input-group-addon:not(:first-child):not(:last-child), 
.add-minus.input-group-btn:not(:first-child):not(:last-child), 
.add-minus.input-group .form-control:not(:first-child):not(:last-child){
	border: none;
    text-align: center;
}

.add-minus .input-group-btn:first-child>.btn,
.add-minus .input-group-btn:last-child>.btn{
	margin:0px;
	color: #4875aa;
	border-radius: 50% !important;
    padding: 4px 8px;
}

.add-minus.input-group input{
	color:#818181;
}

.add-minus .btn-default {
    border:2px solid #4875aa;
}*/

.animal-descrip div{
	margin-top: 10px;
    margin-bottom: 5px;
}

.animal-descrip div p{
	text-align: left;
}

.animal-descrip input.form-control {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #585858 !important;
    border: 1px solid #c0c0c0 !important;
    height: 34px;
}

.add-animal-div{
	margin-top: 40px !important;
}

.add-animal-div a:hover{
	text-decoration: none;
}

.add-animal-div img{
  padding-right: 5px;
	float: left;
  margin-top: 2px;
}


.coberturas-adicionales {
	min-height: 70px;
}

.coberturas-adicionales .delete {
    position: absolute;
    top: -2px;
    right: 30px;
}

.coberturas-adicionales .delete-text{
	float: right;
	text-decoration: none;
}

.coberturas-adicionales .delete-row{
	margin-top:40px;
	cursor: pointer;
	text-decoration: none;
}

.coberturas-adicionales .delete-row-xs{
	text-decoration: none;
}

.coberturas-adicionales .added {
	display: none;
}

.coberturas-adicionales.added .no-added {
	display: none;
}
.coberturas-adicionales.added .added {
	display: inherit;
}

.coberturas-adicionales select,
.totals select {
    -webkit-appearance: none;
   	-moz-appearance: none;
}

.coberturas-adicionales select option:disabled {
    color: #d6d6d6;
}

.selected{
	background-color: #fff !important;
    color: #d6d6d6 !important;
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 400;
}

.want:active,
.want:focus,
.want:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}



@media (max-width: 991px) {
	/*.coberturas-adicionales.animal-box{
		margin-bottom: 40px;
	}*/
	.coberturas-adicionales p{
		letter-spacing: -0.5px;
	}
	.money-total{
		float:right !important;
	}
	.btn-continue{
    	display: block;
    	width: 100%;
	}
	.capital-asegurados .capital-buttons button {
		margin-left: 20%;
		margin-right: 20%;
	}
}

@media (min-width: 767px) {

	.animal ~ .animal {
		margin-top: 0px;
	}
	.coberturas-adicionales .price2{
		display:none;	
	}
	.coberturas-adicionales .delete-text{
		display:none !important;
	}
}

@media (max-width: 767px) {
	.capital-asegurados .capital-buttons button {
		margin-left:0%;
		margin-right:0%;
		float:right;
	}
	.add-sign{
		padding: 0px;
    	text-align: center;
	}
	.animal-descrip{
		/*border-bottom: 1px solid #ddd;*/
    	padding-bottom: 10px;
    	padding-top:10px;
	}
	.margin50px-t {
    	margin-top: 30px;
	}
	.wrapper h1.catalanabold24 {
    	font-size: 18px;
	}
	.capitales-asegurados p .margin4px-tb{
		margin: 0px;
	}
	.capital-asegurados .text-right-mb {
		text-align:right;
	}
	.coberturas-basicas .text-left-mb {
		text-align:left;
	}
	.coberturas-basicas .text-right-mb {
		text-align:right;
	}
	.coberturas-adicionales p{
		letter-spacing: 0px;
	}
	.coberturas-adicionales button.btn-sm{
		height: 35px;
	}
	.coberturas-adicionales .text-left-mb {
		text-align:left;
	}
	.coberturas-adicionales .text-right-mb {
		text-align:right;
	}
	.totals .module-header-tabcont.margin30px-t{
		margin-top: 15px !important;
	}
	.totals .module-header-tabcont{
		border-bottom: none; 
		height: 40px
	}
	.coberturas-adicionales .included{
		height: 35px;
		padding-top:10px;
	}
	.money-total{
		float:right !important;
	}
	.btn-continue{
    	display: block;
    	width: 100%;
	}
	
}

.capital-asegurados .form-control {
	margin-top: -5px;
}

.form-internas-datos .currency {
  position: absolute;
  top: 0;
  right: 23px;
  color: #BBB;
  font-size: 20px;
  font-weight: 300;
}

#price-options-cont {
	width: 100%;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	#price-options-cont.fixed {
		position: fixed;
		bottom: 0;
		background-color: #FFF;
		-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.46);
		-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.26);
		box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.26);
	}
}

@media (max-width: 767px) {
	.outer-final{
		height: auto !important;
	}
	#price-options-cont.fixed {
		position: inherit;
	}
    .premium {
        /*padding-right:15%;*/
        /*width:25% !important;*/
        float:left;
    }

    .midnav .logo {
		display: inline-block;
		padding-top: 4px;
        padding-left: 5px;
        float:left;
	}
	.midnav .logo img{
		/*height: 35px;*/
        padding:8px;
	}

    .midnav .logoPublica {
		display: inline-block;
		padding-top: 4px;
        padding-left: 5px;
        float:left;
	}
	.midnav .logoPublica img{
		/*height: 35px;*/
        padding:8px;
	}

}

@media (max-width: 991px) and (min-width: 768px) {
    .premium {
        float:right;
    }
}

#continente,
#contenido {
	text-align: right;
	padding-right: 40px;
}

.premium {
        /*padding-right:8%;*/
        width:75px;
    }

/**/
.spopup{
    /*background:#f3f3f3;*/
    border-radius:9px;
    border:1px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    position: absolute;
    top: -60px;
    right: 0;
    bottom: 0;
    left: 0;
    display:none;
    z-index:90;
}
.spopup > div {
    width: 60%;
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 30px 30px;
    border-radius: 2px;
    background: #EEE;
    border:1px solid black;
}


/* Some styles for IES */

.-ms- .mes {
	width: 110px !important;
}

.-ms- .anyo {
	width: 72px !important;
}

.false {
	display: none;
}


.telefonoMaster {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #DC0028;
}

.chatIcon {
    right: 3vw;
    bottom: 7vh;
    left: auto;
    position: fixed;
    z-index: 1000;
    border: 1px solid #af0020;
    box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
    background-color: #dc0028;
    color: white;
    min-width: 0;
    border-radius: 50%;
    width: 66px;
    height: 66px;
    padding: 0;
    flex-shrink: 0;
    padding: 14px 12px; 
    line-height: 24px;
    font-size: 30px;
}

.chatIcon_IMG {
    width: 40px;
    height: 40px;
}