@font-face {
    /*font-family: 'ITCAvantGardeStd-Bk';*/
	font-family: 'ITCAvantGardeStd';
	    src: url('/fonts/ITCAvantGardeStd-Bk.eot');
	    src: url('/fonts/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'),
	         url('/fonts/ITCAvantGardeStd-Bk.woff') format('woff'),
	         url('/fonts/ITCAvantGardeStd-Bk.ttf') format('truetype'),
	         url('/fonts/ITCAvantGardeStd-Bk.svg#foundrysterling-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    /*font-family: 'ITCAvantGardeStd-Demi';*/
	font-family: 'ITCAvantGardeStd';
	    src: url('/fonts/ITCAvantGardeStd-Demi.eot');
	    src: url('/fonts/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'),
	         url('/fonts/ITCAvantGardeStd-Demi.woff') format('woff'),
	         url('/fonts/ITCAvantGardeStd-Demi.ttf') format('truetype'),
	         url('/fonts/ITCAvantGardeStd-Demi.svg#foundrysterling-boldregular') format('svg');
	/*font-weight: normal;*/
    font-weight: 600;
    font-style: normal;
}
@font-face {
    /*font-family: 'ITCAvantGardeStd-Md';*/
	font-family: 'ITCAvantGardeStd';
	    src: url('/fonts/ITCAvantGardeStd-Md.eot');
	    src: url('/fonts/ITCAvantGardeStd-Md.eot?#iefix') format('embedded-opentype'),
	         url('/fonts/ITCAvantGardeStd-Md.woff') format('woff'),
	         url('/fonts/ITCAvantGardeStd-Md.ttf') format('truetype'),
	         url('/fonts/ITCAvantGardeStd-Md.svg#foundrysterling-boldregular') format('svg');
    /*font-weight: normal;*/
	font-weight: 500;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     font-size: 14px;
	 /*font-family: 'Open Sans', sans-serif; */
	 font-family: ITCAvantGardeStd;
	 letter-spacing: 0px;
	 color:#000;     
}

ul { list-style-type: none; list-style-position: outside; }
li { list-style-type: none; list-style-position: outside; }

img { border: 0px; }

body { background-image: linear-gradient(-180deg, #97ACAD 5%, #c9e6e7 21%); background-color:#c9e6e7; }
.body-default { background-image: linear-gradient(-180deg, #97ACAD 5%, #c9e6e7 99%); border: 1px solid #979797; height:640px; }

.bold {font-weight:bold;}
.css_hidden {display:none;}


/***** PANTALLA LOGIN *****/
.col-header-default-logo { text-align:center; margin-top:88px; }
.col-header-default-logo img { float:none; margin:0px auto; }
.col-login-dni { text-align:center; margin-top:53px; }
.col-login-dni input { width:100%; background: #fff; border: 1px solid #495057; border-radius: 0px; font-size: 16px; color: #495057; height:40px; padding:0px 32px; outline:0px; }
.col-login-birthday { text-align:center; margin-top:36px; }
.col-login-birthday input { width:100%; background: #fff; border: 1px solid #495057; border-radius: 0px; font-size: 16px; color: #495057; height:40px; padding:0px 32px; outline:0px; }
.col-login-button { text-align:center; margin-top:80px; }
#ibLogin { float:none; margin:0px auto; background:#000; border-color:#000; border-radius:10px; font-weight:700; font-size: 18px; color: #FFFFFF; text-transform:uppercase; padding:15px 94px; border:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
#ibLogin:hover { opacity:0.7; }

.col-header-user { text-align:center; color:#000; font-size:14px; padding-bottom:20px; }
.col-header-user span { text-align:center; color:#000; font-size:14px; }
.col-header-user a { font-size:16px; color:#000; margin-left:10px; text-decoration:none; }
.col-header-user a:hover { font-size:16px; color:#000; margin-left:10px; text-decoration:none; }
.col-header-user a span { font-size:16px; color:#000; }
.col-header-user .no_log { margin-top:-4px; }
/*************************/

/***** ANIMACIONES *****/

.animacion { }
.animacion .datos .title { font-size: 14px; color: #004A97; line-height: 18px; margin-bottom:3px; }
.animacion .datos .atributos { margin-top:6px; }
.animacion .datos .description { font-size: 12px; color: #004A97; }
.animacion .datos .duracion { font-size: 12px; color: #004A97; margin-top:4px; }
.animacion .datos .duracion img { float:left; }
.animacion .datos .duracion p { float:left; font-size: 12px; color: #004A97;  margin-left:5px; margin-top:2px; }
.animacion .datos .hora { font-weight:700; font-size: 18px; color: #004A97; line-height: 30px; text-align:right; }
.animacion .datos .ubicacion { font-size: 12px; color: #004A97; }
.total { float:left; width:100%; clear:both; border-bottom:1px solid #979797; padding-top:5px; padding-bottom:5px; }

/**********************/


/***** HEADER *****/

.col-header-default-logo-2 { text-align:center; margin-top:18px; margin-bottom:20px; }
.col-header-default-logo-2 a { /*float:left;*/ display:block; }
.col-header-default-logo-2 a img { float:none; margin:0px auto; max-height: 40px;}
.col-header-top { float:left; width:100%; margin-top:21px; text-align:center; }
.col-header-top img { width:20px; height:20px; }
.img-language { border-radius:50%; }

.col-header-right { margin-top:20px; }

#header-back { background: rgba(201, 230, 231, 0.85); }
.col-menu-back { padding:0px; margin-top:20px; }
.col-menu-back .menu-backend { float:left; padding-left:14px; padding-right:14px; position:relative; }
.col-menu-back .menu-backend a { /*font-family: OpenSans;*/ font-size: 14px; color: #000; letter-spacing: 0px; text-transform:uppercase; }
.col-menu-back .menu-backend p { /*font-family: OpenSans;*/ font-size: 14px; color: #000; letter-spacing: 0px; text-transform:uppercase; cursor:default; }

.subcategories { display:none; position:absolute; top:100%; width:400%; left:-150%; padding:20px 40px; border: 1px solid #000; background: #fff; z-index:999; padding-top:50px; }
.subcategories .subcategory-link { float:left; width:100%; clear:both; text-align:center; }
.subcategories .subcategory-link a { float:left; width:100%; clear:both; text-align:center; font-size: 14px; color: #000; line-height: 25px; }
.col-menu-back .menu-backend:hover .subcategories { display:block; }
.col-header-menu-mobile {display: none;}
@media (max-width: 767px) {
	#header-back > .container > .row {display: flex; flex-wrap: wrap; position: relative;}
	#header-back .col-menu-back {order: 1; display: none; width: 100%; position: absolute; left: 0; top: 100%; background: rgba(201, 230, 231, 0.85); margin-top: 0; z-index: 9;}
	#header-back .col-menu-back .menu-backend {width: 100%; padding: 10px 15px; border-bottom: 1px solid #004A97;}
	#header-back .col-menu-back .menu-backend a, .col-menu-back .menu-backend p {color: #000; font-family: inherit;}
	#header-back .col-header-menu-mobile {order: 1; display: block;}
	#header-back .col-header-menu-mobile .navbar-toggle {float: left; margin-right: 0;}
	#header-back .col-header-default-logo-2 {order: 2; width: 66.66666667%; text-align: center;}
	#header-back .col-header-default-logo-2 a img {/*max-width: 300px;*/}
	#header-back .col-header-right-back {order: 3; width: 16.66666667%;}
}
/*****************/


/***** MENU PRINCIPAL *****/

.col-menu-principal { /*float:left;*/ width:100%; clear:both; max-width:768px; margin:0px auto; }
.menu-principal-item { float:left; width:100%; clear:both; position:relative; }
.info-zone { position:absolute; top:0px; width:50%; height:100%; background: rgba(201, 230, 231, 0.5); text-align:center; padding-top:40px; }
.info-zone img { margin:0px auto; /*max-width:384px;*/ padding-bottom:10px; max-width: 50%;}
.info-zone { /*font-family: OpenSans;*/ font-size: 25px; color: #000; line-height: 25px; text-decoration:none; }
.info-zone a { /*font-family: OpenSans;*/ font-size: 25px; /*color: #000;*/ color: #fff; line-height: 25px; text-decoration:none; word-break: break-word;}
.menu-principal-item-left .info-zone { /*right:50%;*/ right:0px; }
.menu-principal-item-right .info-zone { right:0px; }

/*************************/


/***** LISTADOS *****/

.list-zone { /*float:left;*/ width:100%; clear:both; max-width:768px; margin:0px auto; }
.categoryList { float:left; width:100%; clear:both; }

.categoryPathName { float:left; width:100%; clear:both; position:relative; background: #000; text-align:center; padding:4px 0px; font-weight:700; font-size: 16px; color: #fff; text-transform:uppercase; }
.categoryPathName a { font-weight:700; font-size: 16px; color: #000; text-decoration:none; text-transform:uppercase; }
.categoryPathName span { display:none; }
.categoryPathName .back { display:inline !important; position:absolute; left:25px; top:2px; }
.categoryPathName .back a { color:#000; float:left; width:40px; height:25px; text-align:center; }
.categoryPathName .back a img { width:12px; }

.condiciones-particulares { padding:15px;}
.condiciones-particulares a { color:#000; }
.condiciones-particulares a:hover { color:#000; }

/*******************/



/***** AVERIAS LISTADO *****/

.contenedor-ajax { float:left; width:100%; clear:both; }
.averia { float:left; width:100%; padding:15px; }
.sugerencia { float:left; width:100%; padding:15px; }
.top-averia { float:left; width:100%; clear:both;}
.room { float:left; text-align:center; font-size: 14px; color: #000; line-height: 22px; font-weight:700; }
.custName { float:left; font-size: 14px; color: #000; line-height: 22px; margin-left:18px; }
.day { float:right; font-size: 14px; color: #88CDCE; line-height: 22px; margin-right:49px; }
.hour { float:right; font-size: 14px; color: #88CDCE; line-height: 22px; }
.title-averia { float:left; width:100%; clear:both; background: #88CDCE; color:#FFF; font-weight:700; font-size: 14px; letter-spacing: 0px; text-transform:uppercase; text-align:center; padding:15px 0px; border-right: 2px solid #fff;;}
.title-servicio { float:left; width:100%; clear:both; background: #88CDCE; color:#FFF; font-weight:700; font-size: 14px; letter-spacing: 0px; text-transform:uppercase; text-align:center; padding:15px 0px; }
.title-sugerencia { float:left; width:100%; clear:both; background: #88CDCE; color:#FFF; font-weight:700; font-size: 14px; letter-spacing: 0px; text-transform:uppercase; text-align:center; padding:15px 0px; }

.middle-averia { float:left; width:100%; clear:both; font-size: 14px; color: rgba(0,0,0,0.50); line-height: 22px; margin-top:15px; }
.sime-zone { float:left; width:100%; clear:both; text-align:right; color: #88CDCE; }
.middle-averia b { font-size: 14px; color: #rgba(0,0,0,0.50); line-height: 22px; font-weight:700; }
.price-averia { float:left; width:100%; clear:both; margin-top:6px; font-weight:700; }
.mod1 { background: rgba(136, 205, 206, 0.1); }
.mod2 { background: rgba(136, 205, 206, 0.2); }
.modaux1 { background: rgba(136, 205, 206, 0.1); }
.modaux2 { background: rgba(136, 205, 206, 0.2); }
.bottom-averia { float:left; width:100%; clear:both; margin-top:20px; height:39.08px; }
.bottom-averia .estado { float:left; padding:10px 20px; color:#fff; font-weight:700; font-size:14px; margin-left:-15px; margin-bottom:-15px; }
.bottom-averia .btns-status { float:right; display:flex; margin-top:4px; }
.aceptar { background: #000; border-radius: 0; font-weight:700; color:#fff; font-size: 14px; padding:10px 15px; text-transform:uppercase; text-decoration:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.rechazar { background: #000; border-radius: 0; font-weight:700; text-transform:uppercase; font-size: 14px; color: #fff; letter-spacing: 0px; padding:10px 15px; text-decoration:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s;}
.aceptar:hover { opacity:0.8; text-decoration:none; color:#fff; cursor:pointer; }
.rechazar:hover { opacity:0.8; text-decoration:none; color: #fff; cursor:pointer; }

.stado-1 { background: #D0021B; }
.stado-2 { background: #5A9E0C; }
.stado-3 { background: #E28C00; }
.stado-4 { background: #5A9E0C; }
.stado-6 { background: #5A9E0C; }

.filtros1 { text-align:right; }
.filtros2 { text-align:left; }
.filtros1 select { float:right !important; }
.filtros2 select { float:left !important; }
.filtrosAverias select { max-width:290px; }
.filtrosAverias { float:left; width:100%; clear:both; padding-bottom:25px; }

.filtrosSugerencias select { max-width:290px; }
.filtrosSugerencias { float:left; width:100%; clear:both; padding-bottom:25px; }

/**************************/

.padding-bottom-50 { padding-bottom:50px; }



.infoHolder { width: 80%; margin: 0px auto; }
.infoTitle { color: inherit; font-size: 14px; }
.infoTitle strong { color: inherit; font-size: 14px; }
.infoInfo { color: inherit; font-size: 12px; padding: 15px 0px; }
.infoInfo a { color: inherit; font-size: 12px; font-weight: bold; }

.ct_1_1 { width: 980px; margin: 0px auto; clear: both; background-color:#FFF;}
.ct_1_1_left { width: 200px; float: left; margin-right: 20px; padding-top:20px; }
.ct_1_1_right { width: 180px; float: right; margin: 0px; display:none; }
.ct_1_1_center { width: 760px; float: left; padding-top:20px; margin-bottom:20px;} 
.ct_1_1_center_customer {width:100%; float:left; margin-bottom:20px; padding-top:10px;}

.ct_1_1_top { width: 980px; height: 0px;}
.ct_1_1_middle { width: 980px; }
.ct_1_1_bottom { width: 980px; height: 0px; }

/* Caso StrikeGames o EpicaVisual */
.categoryCenterHolder {  width: 740px; margin: 0px auto; background: #fff }
.categoryCenterTop    { width: 740px; height: 0px; }
.categoryCenterMiddle { width: 740px; margin: 0px auto; padding-top: 10px; position: relative; }
.categoryCenterBottom { width: 740px; height: 0px; }

.categoryCenterTable { width: 530px; margin: 0px auto; }
.categoryCenterTable5 { width: 740px; margin: 0px -5px; }
/* --- */

.categoryGenericHolder { width: 740px; margin: 0px auto; }

.categoryGenericTop { width: 740px; height: 35px; line-height: 30px; margin: 0px auto; background-image: url(/images/kernel/bg_category_generic_top.gif); background-repeat: no-repeat; background-position: center center; }
.categoryGenericTop { text-indent: 15px; font-size: 14px; font-weight: bold; color: inherit; }
.categoryGenericTop a { font-size: 14px; font-weight: bold; color: inherit; text-decoration: none; }
.categoryGenericTop a:hover { font-size: 14px; font-weight: bold; color: inherit; text-decoration: none; }

.categoryRSSLink { float:left; }

.categoryGenericMiddle { width: 740px; margin: 0px auto; }
.categoryGenericMiddle table { margin-top: 200px; }
.categoryGenericBottom { width: 740px; height: 8px; margin: 0px auto; background: url(/images/kernel/bg_category_home_bottom.gif) no-repeat; }


.cssHidden { display: none; }
.cssClear { float:left; width:100%; clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.cssClearSemana { float:left; width:100%; clear: both; height: 1px; line-height: 1px; font-size: 1px; background-color:#000; }

.errorText { text-align: left; color: #FF0000; padding: 10px 10px; }
.msgHighlight { text-align: left; color: #477117; padding: 10px 10px; }

/* Header */
.headerHolder { width: 980px; height: 205px; margin: 0px auto; position: relative; }

.headerLanguage { position: absolute; bottom: 2px; right: 5px; width: 70px; height: 25px; line-height: 25px; }
.headerLogo { position: absolute; top: 0px; left: 0px; }

.headerLink { position: absolute; bottom: 11px; left: 0px; width: 700px; height: 34px; line-height: 34px; overflow: hidden; }
.headerLink a { }
.headerLink a:hover img { position: relative; top: -34px; }

/* Product Home */

.ds_43_1 {float:left; cursor:pointer; background:#FFF url(/images/kernel/ds_43_1_bg.gif) no-repeat; width:183px; color:inherit; text-align:center;  font-size:16px; line-height:31px; margin-right:3px; position:relative; bottom:-1px; border-bottom:1px solid #CCC;}
.ds_43_1 a {color:inherit; text-decoration:none; font-size:16px;}
.ds_43_1 a h2 {font-size:14px; height:31px; line-height:31px; cursor:pointer;}
.ds_43_1:hover {background-position:0px -33px; border-bottom:none; height:31px; line-height:31px; border-bottom:1px solid #FFF;}  
.ds_43_1_on {background-position:0px -33px; border-bottom:1px solid #FFF; height:31px; line-height:31px; position:relative; bottom:-1px;}  

.ds_43_1_products {width:760px; border-top:1px solid #CCC; padding-top:20px;}

.dsi_43_1 { width: 170px; height: 330px; float: left; margin: 0px 0px 10px 0px; position: relative; padding-bottom:10px;}

.ds_43_1_left {float:left; margin-bottom:20px;}
.ds_43_1_center { float:left; margin-bottom:20px; margin-left:15px; margin-right:15px;}
.ds_43_1_right { float:left; margin-bottom:20px;}

.dsi_43_1_left .dsi_43_1 {margin-right:10px; }
.dsi_43_1_center .dsi_43_1{margin:0px 10px;}
.dsi_43_1_right .dsi_43_1{margin-left:10px;}
.dsi_43_1_separator {height:1px; width:98%; border-bottom:1px solid #ECECEC; margin-bottom:1px; margin: 0px auto; margin-top:5px; margin-bottom:5px; float:left;}
.dsi_43_1_image { width: 165px; height: 185px; text-align: center; }
.dsi_43_1_image img {margin-top:0px;}
.dsi_43_1 h3 { width: 95%; margin: 0px auto; margin-bottom:1px; text-transform:uppercase; padding-left:5px; font-size:14px; color:inherit; height:35px;}
.dsi_43_1 h3 a {  text-decoration: none; font-weight: normal; color:inherit; font-size:12px; margin-top:10px; font-weight:bold;}
.dsi_43_1 h3 a:hover { text-decoration: none; font-weight: normal; color:inherit; font-size:12px; margin-top:10px; font-weight:bold; }
.dsi_43_1 h4 { width: 95%; margin: 0px auto; margin-bottom:1px; color:inherit; font-size:10px; padding-left:5px; padding-bottom:3px; margin-bottom:5px; line-height:15px;}
.dsi_43_1 h4 a {color:inherit; text-decoration: none; font-weight: normal; }
.dsi_43_1 h4 a:hover {color:inherit; text-decoration: none; font-weight: normal; }
.dsi_43_1_price_reference {color:inherit; width:170px; height:20px; text-indent:10px; float:left; text-align:left;} 
.dsi_43_1_price { float: left; margin-left: 5px; font-size: 18px; color:inherit; /*font-family:Georgia;*/ padding-right:15px; letter-spacing:-1px;}
.dsi_43_1_price span {float:left; font-size:8px; color:inherit; margin-top:10px; margin-right:5px;}
.dsi_43_1_button { float: right; margin-right: 2px; margin-top:-4px;}
.dsi_43_1_new { width: 70px; height: 75px; position: absolute; top: 0px; left: 0px; }
.dsi_43_1_offer { width: 70px; height: 75px; position: absolute; top: 0px; left: 0px; }
.dsi_43_1_selected { width: 70px; height: 75px; position: absolute; top: 0px; left: 0px; }

.dsi_43_1 .productValoration { margin-left:3px;}
.dsi_43_1 .productValorationText {display:none !important;}
.dsi_43_1 .productValorationStars {float:left; }
.dsi_43_1 .productValorationStars img {float:left; margin-right:3px; }
.dsi_43_1 .productValorationButton { display:none !important;}
.dsi_43_1_valoration {display:none;}
.dsi_43_1_valoration span {color:inherit; float:right; font-size:10px; margin-right:3px;}

/* Footer */

.footerHolder { width: 1000px; height: 58px; margin: 0px auto; background-image: url(/images/kernel/bg_page_footer.gif); background-repeat: no-repeat; }

.footerLinks {  height: 20px; margin: 10px 20px;}
.footerLinks a { color: inherit; text-decoration: none; }
.footerLinks a:hover { color: inherit; text-decoration: none; }

.footerBar { margin-top: 10px; float: left;}
.TiendaVirtualAddis {margin-top: 10px; float: right; text-align: right; }
.TiendaVirtualAddis a { /*font-family: arial;*/ color: inherit; text-decoration: none; }
.TiendaVirtualAddis a:hover { color: inherit; text-decoration: none; }
.TiendaVirtualAddis img {vertical-align: middle; margin-left: 5px;}

/* --- */

.searchAdvancedText { padding: 5px 0px; }
.searchAdvancedText a { color: inherit; font-weight: bold; }
.searchAdvancedText a:hover { color: inherit; font-weight: bold; }

.searchAdvancedLabel { text-align: right; padding: 0px 5px; }

.searchAdvancedSubTitle { color: inherit; }

.searchAdvancedSubTitle { width: 100%; margin: 10px auto; text-align: left; border-top: 1px solid #999999; }
.searchAdvancedSubTitle { height: 30px; line-height: 25px; color: inherit; border-bottom: 1px solid #999999; font-weight: bold; font-size: 12px; text-align: center; }

.customerLoginReduced { position: absolute; top: 0px; right: 0px; }



/******************   SIDE: CATEGORY CONTENT PRODUCT  **********************/

/* Category Side */
.categorySideHolder span {display:none;}

.categorySideBottom { height: 20px; }

.categorySideHolder .menu_item, .categorySideHolder .menu_item a { display: block; width: 100%; height: 25px; line-height: 25px; text-indent: 30px; color: inherit; text-decoration: none; font-weight: normal; border-bottom:1px dashed #ccc; cursor: pointer; } 
.categorySideHolder .menu_item:hover, .categorySideHolder .menu_item a:hover { text-decoration: none; border-bottom:1px dashed #ccc;}

.categorySideHolder div .menu_item { background: none !important; }

.categorySideHolder div .menu_item a { background: none !important; color: inherit; font-weight: bold; }

/* --- */

/* Content Side */

.contentSideBottom { height: 20px; }
.contentSideHolder  ul { width: 100%; }
.contentSideHolder  li a { display: block; width: 100%; height: 22px; line-height: 22px; text-indent: 40px; color: inherit; text-decoration: none; background: url(/images/kernel/bg_content_side_item.gif) no-repeat; } 
.contentSideHolder  li a:hover { color: inherit; text-decoration: none; background: url(/images/kernel/bg_content_side_item.gif) no-repeat 0px -22px; }

/* --- */

/* Product Side */
.productSideTop { background-image: url(/images/kernel/bg_product_side_top.gif); background-repeat: no-repeat; height: 35px; }
.productSideTop { font-size: 14px; font-weight: bold; color: inherit; line-height: 30px; text-indent: 10px; }
.productSideMiddle { background-image: url(/images/kernel/bg_product_side_middle.gif); background-repeat: repeat-y; }
.productSideBottom { background-image: url(/images/kernel/bg_product_side_bottom.gif); background-repeat: no-repeat; height: 10px; }

.productSideItemHolder { width: 182px; margin: 0px auto; }

.productSideItem a { display: block; width: 180px; height: 15px; line-height: 15px; color: inherit; text-decoration: none; text-indent: 25px; background: url(/images/kernel/bg_content_side_item_off.gif) no-repeat center center; }
.productSideItem a:hover { color: inherit; text-decoration: none; background: url(/images/kernel/bg_content_side_item_on.gif) no-repeat center center; }

hr { width: 170px; height: 0px; border-top: 1px solid #CCC; }

/* --- */

/* News Side */
.newsHomeTop { background-image: url(/images/kernel/bg_content_side_top.gif); background-repeat: no-repeat; height: 35px; color: inherit; 
               font-size: 14px; font-weight: bold; line-height: 30px; text-indent: 10px; }
.newsHomeMiddle { background-image: url(/images/kernel/bg_content_side_middle.gif); background-repeat: repeat-y; background-position: center center; }
.newsHomeBottom { background-image: url(/images/kernel/bg_content_side_bottom.gif); background-repeat: no-repeat; height: 10px; }

.newsHomeItem { width: 160px; margin: 0px auto; padding: 10px 11px; }
.newsHomeItemDate { color: inherit; font-weight: bold; }
.newsHomeItemResume { color: inherit; font-weight: normal; background: url(/images/kernel/bg_news_home_item.gif) 0px 2px no-repeat; }
.newsHomeItemTitle, .newsHomeItemTitle a { color: inherit; font-weight: bold; text-decoration: none; text-indent: 25px; }

/* --- */

/* Content Home */

.contentHomeHolder { width: 100%; margin: 0px auto; }
.contentHomeCenterItem { text-align: center; }

/* SEARCH */

.searchHolder { width: 230px; height: 34px; position: absolute; bottom: 11px; right: 0px; }
.searchHolder a { color: inherit; }

.searchHolder img { vertical-align: middle; }

.searchImage { float: right; margin-left: 5px; }

.searchByTagTop { background-image: url(/images/kernel/bg_content_side_top.gif); background-repeat: no-repeat; height: 35px; 
                  color: inherit; font-size: 14px; font-weight: bold; line-height: 30px; text-indent: 10px;}
.searchByTagMiddle { background-image: url(/images/kernel/bg_content_side_middle.gif); background-repeat: repeat-y; }
.searchByTagBottom { background-image: url(/images/kernel/bg_content_side_bottom.gif); background-repeat: no-repeat; height: 10px; }

.searchByTypeInput a { color: inherit; margin: 5px 5px; }

.searchByTagTable { width: 90%; margin: 0px auto; }

.searchByTypeCategoryLabel { padding: 5px 0px; font-weight: bold; }
.searchByTypeCategory input { vertical-align: middle; }
.searchByTypeCategory select { vertical-align: middle; color: inherit; }

.attributesHolder { width: 95%; margin: 0px auto; }

.opinionHolder { width: 335px; height: 255px; }

.opinionQuestion { width: 85%; margin: 0px auto; font-weight: bold; padding: 15px 5px; text-align: justify; }
.opinionAnswers { width: 88%; margin: 10px auto; }

.opinionAnswers tr td label { margin-left: 5px; }

.opinionButton { float: left; margin-left: 15px; }
.opinionStats { float: right; margin: 5px 10px 5px 0px; color: inherit; }

/* Suscriber */

.suscriberHolder { width: 195px; height: 135px; background: url(/images/kernel/bg_suscriber.gif) no-repeat; position:relative;}

.suscriberHolder p { width: 90%; margin: 0px auto; color: inherit; color: inherit; width: 90%; margin: 0px auto; margin-top: 15px; margin-bottom: 5px; }

.suscriberHolder input { float: left; margin-left: 15px; display: block; width: 150px; margin: 10px auto; color: inherit; }

.suscriberHolder a { color: inherit; }

.suscriberLegal { color: inherit; }

/* --- */

/* Basket Side */

.basketReducedHolder { width: 175px; height: 110px; padding: 60px 10px 0px 15px; background: url(/images/kernel/bg_basket_reduced.gif) no-repeat; }
.basketReducedInfo { color: inherit; text-align: justify; }
.basketReducedPrice { color: inherit; padding: 15px 0px; }

/* --- */

/* Basket Central */
.basket { width: 100%; margin: 0px auto; }

.basketHeadPrice { width: 100px; color: inherit; height: 25px; vertical-align: middle; text-align: center; font-weight: bold; }

.basketLineImage { text-align: center; }

.basketLineText { width: 250px; font-size: 14px; color: inherit; text-align: center; vertical-align: middle; }
.basketLineText a { font-size: 14px; color: inherit; text-decoration: none; }

.basketQuantity { color: inherit; vertical-align: middle; text-align: center; padding: 5px; }
.basketQuantity input { width: 25px; vertical-align: middle; text-align: right; }
.basketQuantity img { vertical-align: middle; }

.basketPrice, .basketLinePrice { width: 115px; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: center; }

.basketLine { background-color: #fff; }
.basketTotalPrice { height: 20px; vertical-align: middle; font-size: 12px; font-weight: bold; text-align: right; padding-right: 10px; color: inherit; }

.basketTotalSeparator { height: 10px; }

.basketProcess { height: 30px; vertical-align: bottom; text-align: right; }
.basketTotalPriceButton { padding: 10px 5px; }

/* --- */

/* Product Home */
.productHomeHolder { width: 171px; height: 270px; float: left; margin: 10px 0px 10px 10px; position: relative; background-image: url(/images/kernel/bg_product_browsing_item.gif); background-repeat: no-repeat; }
.productHomeImage { width: 155px; height: 155px; margin: 5px auto; line-height: 155px; text-align: center; }
.productHomeImage img { vertical-align: middle; }
.productIcons { margin-right: 5px; width: 130px; height: 35px; float: right; text-align: right; }

.productHomeHolder h3,
.productHomeHolder h4
{ width: 90%; margin: 0px auto; }
.productHomeHolder h3 a,
.productHomeHolder h4 a
{ color: inherit; text-decoration: none; font-weight: normal; }

.productHomePrice { float: left; margin-left: 10px; font-size: 18px; font-weight: bold; color: inherit; }
.productHomeButton { float: right; margin-right: 10px; }
.productHomeNew, .productHomeOffer { width: 70px; height: 75px; position: absolute; top: 0px; left: 0px; }

/* --- */

.categoryHomeProductHolder { width: 565px; margin: 0px auto; }
.categoryHomeProductTop { text-indent: 15px; font-size: 14px; font-weight: bold; color: inherit; line-height: 23px; width: 565px; height: 23px; 
                          margin: 0px auto; background-image: url(/images/kernel/bg_category_generic_top.gif); background-repeat: no-repeat; 
                          background-position: center center; }

.categoryHomeProductTop a { font-size: 14px; font-weight: bold; color: inherit; text-decoration: none; }

.categoryHomeProductMiddle { margin-top: 10px; }
.categoryHomeProductBottom { clear: both; }
/* --- */

/* Category Browsing */
.categoryBrowsingHolder { width: 100%; padding: 10px auto; background-image: url(/images/kernel/bg_category_browsing.gif); background-repeat: repeat-y; background-position: center center;  }
.categoryBrowsingHolder h2 { width: 170px; height: 35px; line-height: 35px; text-align: center; float: left; margin: 10px 0px 0px 12px; background-image: url(/images/kernel/bg_category_browsing_item.gif); background-repeat: no-repeat; background-position: center center;  }
.categoryBrowsingHolder h2 a { color: inherit; text-decoration: none; }

/* --- */

/* Pagination Bar */
.paginationBarHolder { width: 100%; height: 20px; margin: 10px auto !important; background-image: url(/images/kernel/bg_pagination.gif); background-repeat: no-repeat; }
.paginationBarText { width: 45%; float: left; font-size: 10px; color: inherit; margin: 4px 0px 0px 10px; }
.paginationBarResume { width: 50%; float: right; margin: 3px 10px 0px 0px; font-size: 10px; text-align: right; color: inherit; }
.paginationBarResume a { color: inherit; text-decoration: none; }
.paginationBarNumberSelected { font-weight: bold; }
/* --- */

/* Producto Listado */
.productBrowsingHolder { width: 545px; height: 125px; margin: 0px auto; background-image: url(/images/kernel/bg_product_browsing.jpg); background-repeat: no-repeat; }

.productBrowsingImage { width: 130px; height: 125px; float: left; margin: 5px 0px; text-align: center; }
.productBrowsingImage img { border: 1px solid #DEDEDE; padding: 2px; margin-top: 10px; }

.productBrowsingLeft { width: 400px; height: 125px; float: right; position: relative; margin: 5px 0px 0px 0px;  }

.productBrowsingName { color: inherit; font-weight: bold; font-size: 12px; padding: 10px 0px; }
.productBrowsingName a { color: inherit; font-weight: bold; text-decoration: none;  }
.productBrowsingName a:hover { color: inherit; font-weight: bold; text-decoration: none; }
.productBrowsingDescription { color: inherit; }

.productBrowsingInfo { position: absolute; width: 390px; bottom: 15px; right: 10px; }
.productBrowsingPrice { width: 100px; float: left; height: 30px; line-height: 30px; color: inherit; font-weight: bold; font-size: 14px; }
.productBrowsingComparer { width: 130px; height: 30px; line-height: 30px; float: left; text-indent: 25px; background-image: url(/images/kernel/bn_product_browsing_comparer.gif); background-repeat: no-repeat; background-position: left center; }
.productBrowsingComparer a { color: inherit; font-size: 10px; text-decoration: none; }
.productBrowsingButtons { width: 115px; float: left; height: 30px; line-height: 30px; }
/* --- */

.categoryItemListPaginationBar { background-color: #545454; height: 25px; margin: 5px auto; }

/******************   CONTACT CONTENT Y PRODUCT **********************/

/* Contact */
.ct_1_1_center_contact {-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #D8D8D8 #D8D8D8 -moz-use-text-color;
border-image: none;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
margin-bottom: 20px;
padding: 20px;
position: relative;
width: 940px;
border: 1px solid #D8D8D8;
}
.contactTop_link {float:right; text-align:right; }
.contactTop_link a {color: inherit; font-size: 14px; font-weight: normal; text-decoration:none;}
.contactHolder {background-color: #F3F7FA; float:left;
border: 1px solid #FBFBF8;
margin: 20px;
padding: 20px; }
.contactTop { float: left;padding-right: 30px;width: 280px;}
.affiliateTop h1, .contactTop h1, .basket_1_1_title {color: inherit;font-size: 24px;font-weight: bold; margin-bottom:5px;}

.contactTop h2, .contactTop h2 span {
  color: inherit;
  font-size: 14px;
  font-weight: bold;
}

.contactCenter {border-left: 1px solid #CDD9E2;
float: left;
padding-left: 30px;
position: relative;
width: 510px;}

.contactTop .contactTop_link { float:right; height:39px; vertical-align:middle; padding-right:30px;}
.contactTop .contactTop_link a { text-decoration:none; height:39px; text-transform:uppercase; font-size:11px; margin-top:20px;}
.contactTop_link {margin-top:25px;}

.contactButtons { text-align: center; padding: 10px; }
.contactLabel, .contactLabel span {  color: inherit;  font-size: 10px;  text-align: left;  text-transform: uppercase;  vertical-align: middle;}

.contactHolder .style1 {  padding: 10px 0;}

.contactHolder input, .contactHolder select, #txtSpSuscriber, #spHeader_spSearch_txtSpSearch, .customerReducedTextBox input,
#spHeader_spLogin_txtPassword, #spHeader_spCur_ddl_currency,
.affiliateLoginHolder select, .affiliateLoginHolder .affiliateLoginInput input, .affiliateSigninInput input, .affiliateSigninInput select,
input.affiliateSigninInput, #spAffiliateLiquidationCenter_ddDateRange, #spAffiliateChooseExhibitCenter_ddCategory, 
.affiliateRememberInput input  {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #666666 #AAAAAA #AAAAAA #666666;
  border-image: none;
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  /*font-family: 'Droid Sans',Sans;*/
  font-size: 13px;
  font-weight: bold;
  height: 15px;
  margin: 2px auto;
  padding: 8px;
  width: 300px;
}

#txtSpSuscriber, 
#spHeader_spSearch_txtSpSearch,
.customerReducedTextBox input, 
#spHeader_spLogin_txtPassword,
.affiliateLoginHolder select, 
.affiliateLoginHolder .affiliateLoginInput input,
.affiliateSigninInput input, input.affiliateSigninInput, .affiliateRememberInput input  {width:150px; padding:3px 6px;}

#spHeader_spCur_ddl_currency {width:40px;}
#spAffiliateLiquidationCenter_ddDateRange {width:100px;}
#spAffiliateChooseExhibitCenter_ddCategory {width:140px;}
.affiliateSigninInput select, #spHeader_spCur_ddl_currency, #spAffiliateLiquidationCenter_ddDateRange, #spAffiliateChooseExhibitCenter_ddCategory  {padding:0px; height:20px;}

#spContactCenter_txtRemarks  {  color: inherit; font-size: 13px;}

.contactHolder textarea, #spAffiliateChooseExhibitCenter_txtCode {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #666666 #AAAAAA #AAAAAA #666666;
  border-image: none;
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  /*font-family: 'Droid Sans',Sans;*/
  font-size: 10px;
  font-weight: bold;
  height: 100px;
  margin: 2px auto;
  padding: 8px;
  resize: none;
  width: 350px;
}
#spAffiliateChooseExhibitCenter_txtCode {width:950px}
.contactError { margin: 15px 0px; }

.contactMessage { color:inherit; padding-left:10px; font-size:14px; font-weight:bold;}
.contactMessage a { color:inherit; }

.required_contact {outline-color: transparent;border: 1px solid #ff0000 !important;box-shadow: 0px 0px 15px #ff0000!important; }

/* --- */

/* Content */
.contentText { text-align: justify; }
.contentText a { font-weight: bold;  }
.contentText a:hover { font-weight: bold; }
.contentText p { padding: 10px 0px; }

.contentButton { padding: 15px; text-align: right; }
/* --- */

/* Product */
.productHolder h1 { font-size: 12px; font-weight: bold; color: inherit; padding-top: 10px; }
.productHolder h2 { font-weight: normal; color: inherit; padding-top: 10px; }

.productTop { width: 740px; height: 0px; padding-top: 10px; background: url(/images/kernel/bg_product_top.gif) no-repeat; }
.productMiddle { width: 740px; background: url(/images/kernel/bg_product_middle.gif) repeat-y; position: relative; }
.productBottom { width: 740px; height: 5px; background: url(/images/kernel/bg_product_bottom.gif) no-repeat; }

.productImage { margin: 10px 0px; text-align: center; }
.productImageAux { width: 50px; height: 50px;  float: left; text-align: center; margin-left: 10px; }
.productImageAux img { border: 1px solid #CCC; }

.productLeft { width: 230px; min-height: 310px; float: left; margin: 10px 0px 0px 20px; }
.productRight { width: 275px; min-height: 310px; float: right; margin: 10px 20px 0px 0px; }

.productPrice { color: inherit; font-size: 24px; font-weight: bold; }
.productBuy { margin: 20px 20px 0px 0px; text-align: right; } 
.productBuy input { width: 25px; vertical-align: middle; } 
.productBuy img { vertical-align: middle; } 


.productButton { margin: 10px 0px; color: inherit; }
.productButton img { vertical-align: middle; }
.productButton a { color: inherit; text-decoration: none; }
.productButton a:hover { text-decoration: underline; }

.productValoration { width: 250px; height: 50px; position: absolute; bottom: 0px; background: url(/images/kernel/bg_product_valoration.gif) no-repeat; }
.productValorationText { padding: 0px 5px; color: inherit; text-align: center; }
.productValorationButton { padding: 0px 5px; }

.productNew, .productOffer { width: 70px; height: 75px; position: absolute; top: -10px; left: 11px;}

/* --- */

#productReviews { width: 90%; margin: 10px auto;  }
.productReviewTitle { height: 19px; line-height: 19px; font-weight: bold; }
.productReviewTitle table { display: inline; vertical-align: middle; }
.productReviewTitle span { font-weight: normal; }
.productReviewText { font-size: 10px; padding-bottom: 10px; border-bottom: 1px dotted #c5c5c5; margin-bottom: 7px; }

/* PLANTILLA 2: NO HAY DATOS */
.noProductHolder { float:left; position: relative; width: 100%; height: 200px; margin: 0px auto; background-image: url(/images/kernel/bg_error.png); background-repeat: no-repeat; background-position: center center;  }
.noProductTitle { float:left; clear:both; position: relative; width: 70%;  padding-top: 40px; margin-left: 15%; }
.noProductTitle { font-weight: bold; }
.noProductTitle .p1, .noProductTitle .p2 {font-style:normal; font-size:14px; text-align:center; width: 100%;}
.noProductText { float:left; clear:both; text-align:center; position: relative; width: 70%; margin-left: 15%; margin-top:20px; font-style:normal; font-size:12px; color:inherit; }
.noProductText a { color: inherit; }

/********************* AFFILIATE ZONE *******************/

.affiliateZoneLabel, .affiliateZoneLabel a { color: inherit; font-weight: bold; text-decoration: none; }
.affiliateZoneLabel a:hover { text-decoration: underline; }

.affiliateZoneSubTitle, .affiliateZoneSubTitle a { color: inherit; font-weight: bold; text-decoration: underline; }
.affiliateZoneSubTitle a:hover { text-decoration: underline; }

.affiliateZoneLabel2 { padding: 10px 10px; }

.affiliateZoneText { color: inherit; text-align: left;  }
.affiliateZoneText a { color: inherit; font-weight: bold; text-decoration: none; }
.affiliateZoneText  a:hover { text-decoration: underline; }
/* -- */

/* Affiliate Remember Password */
.affiliateRememberText { padding: 5px 0px; }
.affiliateRememberLabel, .affiliateChangePassLabel  { width: 40%; float: left; text-align: right; line-height: 17px; font-weight: bold; }
.affiliateRememberInput, .affiliateChangePassInput  { width: 60%; float: right; text-align: left; }

.affiliateRememberLink, .affiliateChangePassLink  { padding: 10px 0px; color: inherit; font-weight: bold; }
.affiliateRememberLink a, 
.affiliateChangePassLink a,
.affiliateSigninText a
 { color: inherit; font-weight: bold; text-decoration: none; }
 
.affiliateRememberLink a:hover, .affiliateChangePassLink a:hover { text-decoration: underline; }
.affiliateRememberError { padding: 10px 15px; }

/* Affiliate Change Password */
.affiliateChangePassText { padding: 10px 0px; }

.affiliateChangePassError { padding: 10px 15px; }

/* Affiliate Signin */
.affiliateSigninText { color: inherit; }

.affiliateSigninText a:hover { text-decoration: underline; }

.affiliateSigninText2 {padding: 15px 0px; text-align: justify; }
.affiliateSigninText2 a { color: inherit; text-decoration: none; font-weight: bold; }
.affiliateSigninText2 a:hover { text-decoration: underline;}

.affiliateSigninLabel { color: inherit; text-align: right; }
.affiliateSigninLabel a { color: inherit; text-decoration: none; }
.affiliateSigninLabel a:hover { text-decoration: underline; }

.affiliateSigninLabel1, .affiliateSigninLabel4 {  text-align: right; width:145px; }
.affiliateSigninLabel1 a,
.affiliateSigninLabel4 a,
.affiliateSigninLabel2 a,
.affiliateSigninLabel3 a 
 { text-decoration: none; }
 
.affiliateSigninLabel1 a:hover,
.affiliateSigninLabel4 a:hover,
.affiliateSigninLabel2 a:hover,
.affiliateSigninLabel3 a:hover 
{ text-decoration: underline; }

.affiliateSigninLabel2, .affiliateSigninLabel3 { text-align: right; width:105px; padding-left:12px;}

/* Affiliate Login */
.affiliateLoginHolder, .affiliateRegisterHolder { width: 100% !important; margin: 15px auto; }
.affiliateLoginTitle, .affiliateRegisterTitle  { border-bottom: 1px solid #000000; font-weight: bold; text-align: left; }
.affiliateLoginText, .affiliateRegisterText  { padding: 10px 0px; text-align: left; }
.affiliateLoginLabel { text-align: right; }
.affiliateLoginInput { text-align: left; }
.affiliateLoginButton { text-align: center; padding: 15px 0px; }

.affiliateLoginRememberLink { padding: 15px 0px; text-align: center; }
.affiliateLoginRememberLink a,
.affiliateLoginRememberLabel a,
.affiliateLoginLink a 
{ color: inherit; font-weight: bold; }

.affiliateLoginRememberLabel { color: inherit; }

.affiliateLoginLink { padding-top: 50px; }

.affiliateRegisterButton { text-align: right; padding-right: 10px; }


/******************   CUSTOMER ZONE **********************/

.cust_1_1_zone { margin: 0px auto; }
.cust_1_1_zone_top, .cust_1_1_bonus_tag_top { border: 1px solid #e2dccd; background: #dedede; text-indent: 5px; padding: 5px 0px; font-weight: bold; }

.cust_1_1_zone_label { color: inherit; font-weight: bold; text-decoration: none; }
.cust_1_1_zone_label a,
.cust_1_1_zone_text a,
.cust_1_1_bonus_tag_text a
{ color: inherit; font-weight: bold; text-decoration: underline; }

.cust_1_1_zone_text { color: inherit; text-align: left; }

.cust_1_1_wish_list,
.cust_1_1_cupon,
.cust_1_1_invoices,
.cust_1_1_order,
.cust_1_1_ticket,
.cust_1_1_bonus  
 { width: 100%; margin: 0px auto; }
 
.cust_1_1_wish_list_top, 
.cust_1_1_change_password_top,
.cust_1_1_content_review_top,
.cust_1_1_cupon_top,
.cust_1_1_invoices_top,
.cust_1_1_login_top,
.cust_1_1_order_top,
.cust_1_1_remember_password_top,
.cust_1_1_review_top,
.cust_1_1_ticket_top,
.cust_1_1_bonus_top 
 { color: inherit;
font-size: 30px;
font-weight: bold;
margin: 10px 0;}
 
.cust_1_1_wish_list_table,
.cust_1_1_cupon_table,
.cust_1_1_invoices_table,
.cust_1_1_login,
.cust_1_1_login_table,
.cust_1_1_order_table,
.cust_1_1_ticket_table
 {width:100%; margin-bottom:10px;}
 
.cust_1_1_wish_list_text a,
.cust_1_1_cupon_text a,
.cust_1_1_invoices_text a,
.cust_1_1_login_text a,
.cust_1_1_order_text a
 {color:#000000; font-weight:bold;}
 
.cust_1_1_wish_list_link a {text-align:left; font-weight:bold; color:#000000;}

.cust_1_1_bonus_tag_text { color: inherit; text-align: left; }

.cust_1_1_change_password_text { padding: 5px 0px; }
.cust_1_1_change_password_label { width: 40%; text-align: right; line-height: 17px; font-weight: bold; }

.cust_1_1_change_password_button a { display: inline-block; position: relative; height: 20px; line-height: 20px; overflow: hidden; }
 


.cust_1_1_change_password_link,
.cust_1_1_remember_password_link 
{ padding: 10px 0px; color: inherit; font-weight: bold; text-decoration: none; }

.cust_1_1_change_password_link a,
.cust_1_1_remember_password_link a
{ color: inherit; font-weight: bold; text-decoration: none; }

.cust_1_1_change_password_error { padding: 10px 15px; }

.cust_1_1_content_review { width: 100%; margin: 0px auto; }

.cust_1_1_content_review_button {text-align:right;}

.cust_1_1_content_credit_card { width: 100%; margin: 0px auto; }
.cust_1_1_content_credit_card_top { border: 1px solid #e2dccd; background: #dedede; text-indent: 5px; padding: 5px 0px; font-weight: bold; }
.cust_1_1_content_credit_card_button {text-align:right;}
.cust_1_1_content_credit_card_left {float:left; width:50%;}
.cust_1_1_content_credit_card_no_border {border:none; text-align:right; margin-right:40px;}
.cust_1_1_content_credit_card_text { margin-bottom:10px; text-align:left; }
.cust_1_1_content_credit_card_text a { text-align:left; color:#000000; font-weight:bold;}

.cust_1_1_order_button a,
.cust_1_1_review_button a,
.cust_1_1_remember_password_input a,
.os3_1_1_confirm_button a,
.inputNoBorder a 
{ display: inline-block; position: relative; line-height: 20px; overflow: hidden; }



.cust_1_1_remember_password_text { padding: 5px 0px; }
.cust_1_1_remember_password_label { width: 40%; float: left; text-align: right; line-height: 17px; font-weight: bold; }

.cust_1_1_remember_password_button { width: 100%; clear: both; text-align: center; }

.cust_1_1_remember_password_error { padding: 10px 15px; }

.cust_1_1_review_label { font-weight: bold; padding: 10px 0px 0px 0px; }
.cust_1_1_review_input input, .cust_1_1_review_input select { margin-right: 5px; }
.cust_1_1_review_table { width: 99%; margin: 5px auto;  }
.cust_1_1_review_table table { width: 90%; margin: 5px auto;  }

.cust_1_1_review_link a { color:#000000; font-weight:bold; }
.cust_1_1_review_button { text-align: right; padding-right: 42px; }

.cust_1_1_ticket_text a, .cust_1_1_ticket_link a { color: inherit; font-weight: bold; }
.cust_1_1_ticket_button { text-align: right; padding-right: 170px; } 
.cust_1_1_ticket_header { font-weight: bold; }
.cust_1_1_ticket_label { margin-bottom: 5px; }

.cust_1_1_bonus_table { width: 100% }
.cust_1_1_bonus_text a {color:#000; font-weight:bold; text-decoration:underline;}

.bonusList {width:50%; margin-bottom:10px;}
.orderList {margin-left:10px; width:98%;}
.cuponList, .cuponListTop {margin-bottom:10px;}

.cust_1_1_zone .contactTop {width:950px;}

/* Basket Central */
.basket_1_1 { width: 100%; margin: 0px auto; }
.basket_1_1_table { width: 100%; border-collapse:collapse; }
.basket_1_1_title {  float:none; }
.basket_1_1_header {width: 100px; height: 25px; color: inherit; font-weight: bold; text-indent: 15px; text-transform: uppercase; border-bottom: 1px solid #d9d4d4; vertical-align: middle; }

.basket_1_1_line_text { width: 250px; font-size: 14px; color: inherit; text-align: center; vertical-align: middle; }
.basket_1_1_line_text a { font-size: 14px; color: inherit; text-decoration: none; }

.basket_1_1_line_quantity { color: inherit; vertical-align: middle; text-align: center; padding: 5px; }
.basket_1_1_line_quantity input { width: 25px; vertical-align: middle; text-align: right; }
.basket_1_1_line_quantity img { vertical-align: middle; }

.basket_1_1_line_price, .basket_1_1_line_amount { width: 115px; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: right; }

.basket_1_1_button { position: relative; border-top: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; padding-top: 10px ; }



.basket_1_1_total_price { display: inline-block; width: 200px; height: 20px; float: right; vertical-align: middle; font-size: 20px; font-weight: bold; text-align: right; padding-right: 10px; color: inherit; text-decoration: none; }

.basket_1_1_total td { padding: 10px 0px; }

/* --- */

/******************   PASOS DE COMPRA **********************/

.os1_1_1_box { width: 740px; height: 100px; }
.os1_1_1_box_column { width: 33%; }

.os1_1_1_box { margin: 10px auto; width: 100%; height: 110px;  } 

.os1_1_1_box_step1_on, .os1_1_1_box_step1_off,  .os1_1_1_box_step2_on, .os1_1_1_box_step2_off {float: left; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; background-repeat: no-repeat; background-position: center center;}
.os1_1_1_box_step3_on, .os1_1_1_box_step3_off {float: left; border: 1px solid #dedede; background-repeat: no-repeat; background-position: center center;}

.os1_1_1_box_step1_on { background-image: url(/images/kernel/step_1_banner_on.jpg);}
.os1_1_1_box_step1_off { background-image: url(/images/kernel/step_1_banner_off.jpg);}
.os1_1_1_box_step2_on { background-image: url(/images/kernel/step_2_banner_on.jpg);}
.os1_1_1_box_step2_off { background-image: url(/images/kernel/step_2_banner_off.jpg);}
.os1_1_1_box_step3_on { background-image: url(/images/kernel/step_3_banner_on.jpg);}
.os1_1_1_box_step3_off { background-image: url(/images/kernel/step_3_banner_off.jpg);}
.os1_1_1_box_step1_on,  .os1_1_1_box_step1_off, .os1_1_1_box_step2_on, .os1_1_1_box_step2_off, .os1_1_1_box_step3_on, .os1_1_1_box_step3_off {width: 245px; }

.os1_1_1_box_title_on, .os1_1_1_box_title_off, .os1_1_1_box_explain_on, .os1_1_1_box_explain_off {margin: 15px 0px 0px 75px; font-size: 10px; text-align: left; width: 160px; }
.os1_1_1_box_title_on { font-weight: bold; color:#000; text-transform: uppercase; }
.os1_1_1_box_title_off { font-weight: bold; color: inherit; text-transform: uppercase; }
.os1_1_1_box_explain_on { color: inherit; height: 65px; }
.os1_1_1_box_explain_off { color: inherit; height: 65px; }


/* --- */

/* Izq. y Der. */
.os1_1_1 { width: 95%; margin: 0px 5px; }
.os1_1_1_2 { width: 99%; margin: 0px 0px; }
.os1_1_1_top { border: 1px solid #e2dccd; background: #dedede; font-weight: bold; text-transform: uppercase; text-indent: 5px; padding: 5px 0px; }

.os1_1_1_left, .os1_1_1_right {float:left; width:100%; }
.os1_1_1_left table, .os1_1_1_right table { width: 100%; }

/* --- */

/* Caja Login */
.os1_1_1_login { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #bbb; background-color: #fff; }

.os1_1_1_login_title { height: 30px; line-height: 25px; background-color: #ddd; color: inherit; border-bottom: 1px solid #666; font-size: 14px; text-align: center; }
.os1_1_1_login_explain { text-align: center; padding: 10px 0px;}

.os1_1_1_login_label { width: 40%; text-align: right; padding: 0px 5px; font-weight: bold; }

.os1_1_1_login_input { width: 60%; text-align: left; padding: 0px 5px; }
.os1_1_1_login_input input { width: 150px; }

.os1_1_1_login_error { padding: 10px 0px; text-align: center; color: inherit; }

.os1_1_1_login_link { padding: 10px 0px; text-align: center; text-decoration: none; }
.os1_1_1_login_link a { color: inherit; text-decoration: underline; }

.os1_1_1_login_button { padding: 5px; text-align: center; }


.os1_1_1_login_button a:hover img, 
.os1_1_1_register_button a:hover img,
.os2_1_1_button a:hover img,
.os2_1_1_register_button a:hover img,
.os2_1_1_address_button:hover img,
.os3_1_1_confirm_button a:hover img,
.os3_1_1_confirm_button a:hover img,
.cust_1_1_order_button a:hover img, 
.cust_1_1_review_button a:hover img,
.basket_1_1_button a:hover img, 
.basket_1_1_total a:hover img,
.cust_1_1_change_password_button a:hover img,
.cust_1_1_remember_password_input a:hover img,
.inputNoBorder a:hover img 
{ margin-top: -20px !important; }

/* --- */

/* Caja Registro */
.os1_1_1_register_required, .os1_1_1_register_error  { color: inherit; }

.os1_1_1_register { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #bbb; background-color: #fff; }
.os1_1_1_register_title { height: 30px; line-height: 25px; background-color: #ddd; color: inherit; border-bottom: 1px solid #666; font-size: 14px; text-align: center; }

.os1_1_1_register_explain { padding: 10px; text-align: justify; }
.os1_1_1_register_required, .os1_1_1_register_error  { padding: 10px; color: inherit; }

.os1_1_1_register_label { width: 35%; text-align: right; padding: 0px 5px; font-weight: bold; }

.os1_1_1_register_input { width: 65%; text-align: left; } 
.os1_1_1_register_input input { width: 180px !important; } 
.os1_1_1_register_input select { width: 185px !important; } 

.os1_1_1_register_info { padding: 10px 0px; text-align: center; }
.os1_1_1_register_info textarea { width: 400px !important; height: 55px; }

.os1_1_1_register_news { text-align: center; font-weight: bold; } 
.os1_1_1_register_news table { text-align: center; font-weight: normal; padding: 0px;} 

.os1_1_1_register_button { text-align: center; }

.os1_1_1_register_button a,
.os2_1_1_button a,
.os2_1_1_register_button a,
.basket_1_1_button a, 
.basket_1_1_total a,
.os1_1_1_login_button a 
{ display: inline-block; position: relative; height: 20px; line-height: 20px; overflow: hidden; }

.os1_1_1_register_required_info { padding: 5px 0px; text-align: center;  }
/* -- */

/* PASO 2 */

.os2_1_1,
.os3_1_1 
{ width: 100%; margin-top: 0px auto; }

.os2_1_1_top,
.os3_1_1_top
{ /*border: 1px solid #e2dccd; background: #dedede;*/ font-weight: bold; text-transform: uppercase; text-indent: 5px; padding: 5px 0px; }
.os2_1_1_top {display:none;}

.os2_1_1_table { width: 100%; }
.os2_1_1_table tr td { width: 50%; vertical-align: top; }

.os2_1_1_button { text-align: center; margin: 10px 0px; }

.os2_1_1_address { width: 98%; margin-bottom: 10px; text-align: left; /*border: 1px solid #9d9d9d;*/ }
.os2_1_1_address_title,
.os2_1_1_payment_title,
.os2_1_1_ship_title,
.os2_1_1_remark_title,
.os3_1_1_cupon_title   
{ height: 30px; line-height: 25px; /*background-color: #ddd;*/ color: inherit; /*border-bottom: 1px solid #666;*/ font-weight: bold; font-size: 14px; text-align: left; text-indent:7px;border-bottom:1px solid #dcdcdc;} 

.os2_1_1_address_middle { min-height: 160px; height: auto !important; height: 125px; }

.os2_1_1_address_modify { color: inherit; padding: 7px; }
.os2_1_1_address_modify a,
.os2_1_1_ship_middle span a,
.os3_1_1_confirm_title
{ color: inherit; }

.os2_1_1_address_address { width: 100%; margin: 10px 0px; }
.os2_1_1_address_address .os2_1_1_address_label { padding: 0px 5px; text-align: right !important; width: 30% !important; }
.os2_1_1_address_address .os2_1_1_address_input { padding: 0px 5px; text-align: left !important; width: 70% !important;}
.os2_1_1_address_address .os2_1_1_address_input input,
.os2_1_1_address_address .os2_1_1_address_input select
{ text-align: left !important; width: 150px; }

.os2_1_1_address_button { display: block; margin: 10px auto; text-align: center; position: relative; width:50px; height: 20px; line-height: 20px; overflow: hidden; }

#presschange, #presschangeship { text-align: left; padding: 15px 0px 15px 15px; }
/* --- */

.os2_1_1_payment { width: 98%; text-align: left; /*border: 1px solid #9d9d9d;*/ }

.os2_1_1_payment_middle { min-height: 125px; height: auto !important; height: 125px; padding: 5px 0px; }
.os2_1_1_payment_middle input { vertical-align: middle; margin-right: 5px; }
.os2_1_1_payment_middle table { margin-bottom: 10px; }
.os2_1_1_payment_middle table tr td { padding: 0px 10px !important; }

.os2_1_1_payment .orderStepText { display: block; padding: 5px 0px; color: inherit; }

.os2_1_1_payment_button, .os2_1_1_ship_button { width: 95%; margin: 0px auto; padding: 5px 0px; }

.os2_1_1_payment_explain { padding: 5px 15px; color: inherit; }
.os2_1_1_payment_explain a, .os2_1_1_ship_middle a { color: inherit; text-decoration: underline; }

/* --- */

.os2_1_1_ship { width: 98%; text-align: left; /*border: 1px solid #9d9d9d;*/ }

.os2_1_1_ship_explain { display: none; padding: 5px 10px; } 

.os2_1_1_ship_middle { padding: 5px 10px; }
.os2_1_1_ship_middle table { margin-bottom: 10px; }
.os2_1_1_ship_middle input { vertical-align: middle; margin-right: 5px; }

.os2_1_1_ship_middle span { color: inherit }

/* --- */

#presschange, #presschangeship { text-align: left; padding: 15px 0px 15px 15px; min-height: 160px; }

.os2_1_1_remark { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #9d9d9d; }
.os2_1_1_remark tr td { padding: 5px 10px; }

.os2_1_1_remark_label { color: inherit; padding: 5px 0px;  }
.os2_1_1_remark_label b, .os3_1_1_confirm_title b { color: inherit; }

.os2_1_1_remark_schedule_label { text-align: right; }
.os2_1_1_remark_schedule_input { text-align: left; }
.os2_1_1_remark_schedule_input select { width: 55% !important; }
.os2_1_1_remark_schedule_input textarea { width: 100% !important; height: 45px; }

/* END_OK 06-12-07 */

.os3_1_1_title { background-color: #aaa; height: 35px; line-height: 37px; text-indent: 15px; color: inherit; border-bottom: 1px solid #666; font-weight: bold; font-size: 12px; }
.os3_1_1_table { width: 100%; border-collapse: collapse; border-bottom:1px solid #e5e5e5;}
.os3_1_1_table_row {height:28px; vertical-align:top;}

.os3_1_1_middle {width:100%;}

.os3_1_1_button { text-align: center; }

.os3_1_1_confirm { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #bbb; background-color: #fff; }

.os3_1_1_confirm_middle  { width: 95%; margin: 0px auto; }
.os3_1_1_confirm_button { margin: 0px auto; text-align: center; }

.os3_1_1_confirm_title { text-align: justify; padding: 10px 0px; }
.os3_1_1_confirm_title a { color: inherit; font-weight: bold; text-decoration: underline; }

.os3_1_1_cupon { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #9d9d9d; }
.os3_1_1_cupon_title { height: 30px; line-height: 30px; background-color: #ddd; color: inherit; border-bottom: 1px solid #666; font-weight: bold; font-size: 12px; text-align: center; } 
.os3_1_1_cupon_middle { margin: 0px auto; }

.os3_1_1_cupon_label, .os3_1_1_cupon_input { text-align: center; padding: 5px; }

.os3_1_1_link a { color: inherit; text-decoration: none; }
.os3_1_1_link a:hover { text-decoration: underline; }

.os3_1_1_order { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #bbb; background-color: #fff; }
.os3_1_1_order_table { width: 100%; border-bottom: 1px solid #E5E5E5; border-collapse: collapse; }

.os3_1_1_order_header { /*background-color: #e5e5e5;*/ height: 20px; font-weight: bold; }

.os3_1_1_order_header_quantity, 
.os3_1_1_order_header_product, 
.os3_1_1_order_header_price,  
.os3_1_1_order_header_amount { padding: 2px 5px; font-weight: bold; color: inherit; font-size:14px; }

.os3_1_1_order_header_price, .os3_1_1_order_header_amount { text-align: right; }

.os3_1_1_order_line_quantity, .os3_1_1_order_line_product { border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; padding: 5px; }
.os3_1_1_order_line_product a:link, .os3_1_1_order_line_product a:hover { color: inherit; } 

.os3_1_1_order_line_price, .os3_1_1_order_line_amount { border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; padding: 2px 10px 2px 0px; text-align: right; }

.os3_1_1_order_line td { padding: 5px; border: 0px; /*border-bottom: 1px solid #EEE;*/ background: #fff; }
.os3_1_1_order_line a { color: inherit; }

.os3_1_1_order_total { padding: 5px; text-align: right; }
.os3_1_1_order_total_label, .os3_1_1_order_total_value { padding: 2px 5px; }

.os3_1_1_order_amount_label, .os3_1_1_order_amount_value { padding: 2px 5px; text-align: right !important; font-weight: bold; }

/* RSS */

.rss_1_1_contentseparator { height:10px;}
.rss_1_1_contentTitle { width: 585px; font-size: 18px; font-weight: bold; color: inherit; margin: 0px auto; }
.rss_1_1_contentTitle2 { height:12px; font-size:11px; font-weight:bold; color:#126cb3; border-bottom:solid 1px #126cb3; text-align:left; }
.rss_1_1_contentText { text-align: justify; color:#232522; font-size:10px; }
.rss_1_1_infoholder { width:97%; background-color:#FFFFFF; height:100%; padding:10px;}
.rss_1_1_infoTitle { width:100%; font-size:16px; font-weight:bold; color:#666666; }
.rss_1_1_infoimageHolder { width:150px; height:150px; text-align:center; vertical-align:middle;}
.rss_1_1_infotext1 { font-size:11px; color:#000000; }

.rss_1_1_infotext1 a, .rss_1_1_infotext1 a:hover { font-size:11px; color:#f99b39; font-weight:bold; }

.rss_1_1_infotext2 { font-size:11px; font-weight:bold; color:#000000; }
.rss_1_1_infoLink { text-align:center; padding:5px; }

/**** CUSTOMER ZONE ****/

.customer_zone_identify, .customer_zone_identify img { float:left;}
.customer_zone_identify a,
.customer_zone_identify2 a,
.customer_zone_identify3 a 
{ font-weight:bold; color:#000; font-size:13px; margin-top:5px; margin-left:10px; font-style:normal; }
.customer_zone_identify p { margin-left:10px; float:left;  font-style:normal; font-size:11px;}
.customer_zone_identify .identification { padding-top:8px; width:600px;}
.customer_zone_identify .identification2 { padding-top:8px; width:978px; background-color:#f2f2f2; height:41px !important;}

.customer_zone_identify2 { float:left; padding-top:20px;}
.customer_zone_identify2 img, .customer_zone_identify3 img { float:left;}

.customer_zone_identify2 p, .customer_zone_identify3 p { margin-left:10px; width:600px;  font-style:normal; font-size:11px;}

.customer_zone_identify3 { float:left; padding-top:20px;}
.customer_zone_identify3 .identification { padding-top:8px;}
.customer_zone_identify3 .identification2 { padding-top:8px; background-color:#f2f2f2; height:41px !important;}

/* addisblog */

.bcl_item {float:left; width:100%; margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #999;}
.bcl_item .bcl_date {float:left; width:100%; color:#666; font-size:12px;}
.bcl_item h3 {float:left; width:100%; margin-bottom:15px;}
.bcl_item h3 a {color:#000; font-weight:bold; font-size:20px; text-decoration:none;}
.bcl_item h3 a:hover {text-decoration:underline;}
.bcl_item .bcl_info {float:left; width:100%; margin-bottom:15px;}
.bcl_item .bcl_img {float:left; width:100px; height:100px; margin-right:15px; margin-bottom:15px; border:1px solid #ddd;}
.bcl_item .bcl_text {width:100%; font-size:13px; color:#666; text-align:justify;}
.bcl_item .bcl_shared {float:left; width:100%;}
.bcl_item .bcl_shared .bcl_google {float:left;}
.bcl_item .bcl_shared .bcl_twitter {float:left;}
.bcl_item .bcl_shared .bcl_facebook {float:left;}

.bc_item {float:left; width:100%; margin-bottom:30px;}
.bc_item .bc_date {float:left; width:100%; color:#666; font-size:12px;}
.bc_item h1 {float:left; width:100%; margin-bottom:15px; color:#000; font-weight:bold; font-size:20px;}
.bc_item .bc_info {float:left; width:100%; margin-bottom:15px;}
.bc_item .bc_img {float:left; width:250px; height:250px; margin-right:15px; margin-bottom:15px; border:1px solid #ddd;}
.bc_item .bc_text_explain {width:100%; font-size:13px; color:#666; margin-bottom:20px; text-align:justify;}
.bc_item .bc_text_explain p {width:100%; font-size:13px; color:#666; padding:5px; text-align:justify;}
.bc_item .bc_text_explain h2 {width:100%; font-size:18px; color:#333; padding:5px; font-weight:bold;}
.bc_item .bc_text_explain h3 {width:100%; font-size:18px; color:#333; padding:5px; font-weight:bold;}
.bc_item .bc_text_explain strong {color:#666; font-size:13px; font-weight:bold;}
.bc_item .bc_text_explain a {color:#666; font-size:13px; font-weight:bold; text-decoration:underline;}
.bc_item .bc_text_explain a:hover {color:#333;}
.bc_item .bc_text_extended {width:100%; font-size:13px; color:#666; text-align:justify;}
.bc_item .bc_text_extended p {width:100%; font-size:13px; color:#666; padding:5px; text-align:justify;}
.bc_item .bc_text_extended h2 {width:100%; font-size:18px; color:#333; padding:5px; font-weight:bold;}
.bc_item .bc_text_extended h3 {width:100%; font-size:18px; color:#333; padding:5px; font-weight:bold;}
.bc_item .bc_text_extended strong {color:#666; font-size:13px; font-weight:bold;}
.bc_item .bc_text_extended a {color:#666; font-size:13px; font-weight:bold; text-decoration:underline;}
.bc_item .bc_text_extended a:hover {color:#333;}
.bc_item .bc_shared {float:left; width:100%;}
.bc_item .bc_shared .bc_google {float:left;}
.bc_item .bc_shared .bc_twitter {float:left;}
.bc_item .bc_shared .bc_facebook {float:left;}

/**********************/

/*** NO PRODUCT WISHLIST ***/

.noProductHolderWishlist { border:1px solid #cecece; width:740px; height:205px; margin-top:15px; position:relative;}
.noProductTextWishlist { font-style:normal; font-size:13px; text-transform:uppercase; color:#000; position:absolute; top:90px; left:250px;}

/**************************/

.osBonusHolder { border: 1px solid #9D9D9D; margin: 10px auto; text-align: left; width: 100%;}
.osBonusTitle { background-color: #DDDDDD; border-bottom: 1px solid #666666; color: inherit; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; text-align: center;}
.osBonusMiddle { margin: 0 auto;}
.osBonusLabel, .osBonusInput { padding: 5px; text-align: center;}

/* Customer Orders */

.cust_1_1_order_table, .cust_1_1_cupon_table { float:left; margin-top:20px; margin-left:10px; width:99%;}


.orderList, .invoiceList, .cuponList, .bonusList { width: 100% !important; margin: 15px 0px !important; margin-bottom: 10px !important; border-collapse: collapse; }
.orderList tr td, .invoiceList tr td, .cuponList tr td, .bonusList tr td { border : 1px solid #DDD; } 
.orderListTop, .invoiceListTop, .cuponListTop, .bonusListTop { padding: 5px; border-bottom: 1px dashed #666; color: inherit; font-weight: bold; }
.orderListTitle, .invoiceListTitle, .cuponListTitle, .bonusListTitle { background-color: #EEE; padding: 5px; font-weight: bold; }
.orderListLine, .invoiceListLine, .cuponListLine, .bonusListLine { padding: 5px; }
.orderListLine a { color: inherit; font-weight: bold; }

.invoiceListLine a, .cuponListLine a, .bonusListLine a { color: inherit; }
 
.bonusListResumeTitle, .bonusListResumeLine { width: 50%; padding: 3px; text-align: left;  /*font-family:Arial;*/}
.bonusListResumeTitleTotal, .bonusListResumeLineTotal { padding: 3px; font-weight: bold; text-align: left;  /*font-family:Arial;*/}

/* --- */

.customerZone td {padding: 5px;}
.customerZoneTitle, .ct_1_1_center_customer h1 {font-size:30px; margin:10px 0px; color:#333; font-weight:normal;font-weight:bold;}
.customerZoneText, .customer-text{font-size:11px;margin-bottom:10px;}
.customerZone .rowAlignMiddle {text-align:left;}
td.customerZoneSubTitle, .panel-title {text-transform: uppercase; font-weight: bold;float:left;width:100%;margin-bottom:10px;box-sizing:border-box;color:#333;}
.customerZoneTableHolder table {margin:5px;}
.customerZone a {color:#000; text-decoration:none;}
.customerZone a:hover {text-decoration: underline;}
table.customerZone {width: 100%;}

table.cust_1_1_zone_table > tbody > tr > td > div.identification > a {display:block;}
.cust_1_1_zone_table {float:left;}
/***** CUSTOMER_SIGNIN ******/
.msgWarning b {text-decoration:underline; cursor:pointer;}
.fancy_content {padding:15px;}

.lopd_bottom { float:left; width:100%; padding-bottom:30px;border-bottom:1px solid #EFEFEF;}
.lopd_bottom2, .signin_botons { float:right;}
.lopd_bottom .p_suscription { float:left; margin-top:5px; margin-right:15px; }
.lopd_bottom .editCheckBox { float:left; }
.lopd_bottom .editCheckBox td { padding:0px !important; }

.lopd_bottom2 #chkSigninPrivacyPolicy { float:right; margin-top:5px;}
.lopd_bottom2 .msgWarning { float:right; margin-top:7px; margin-left:2px; }

.signin_botons .link_button_login_clear { margin-left:20px;}
.signin_botons .link_button_login_send, .signin_botons .link_button_login_clear { float:right; overflow:hidden;}
.signin_botons .link_button_login_clear input:hover, .signin_botons .link_button_login_send  input:hover { }

.lopd_title { width:99%; background-color: #f0f0f0;text-transform: uppercase; padding-left: 9px; padding-top: 10px; padding-bottom: 9px; font-weight: bold; margin-bottom:15px; }

/*#custSignCenter_ddCProvince, #custSignCenter_ddCCountry { width:155px !important; }*/
/*#custSignCenter_txtCPostalCode, #custSignCenter_txtCLastName, #custSignCenter_txtEmail, .customerZoneText { width:150px !important; }*/

/*
#custSignCenter_txtCFirstName, #custSignCenter_txtCTI, #custSignCenter_txtCAddress, 
#custSignCenter_txtCCity, #custSignCenter_txtCTelephone2, #custSignCenter_txtCTelephone  { width:150px !important; }
*/

.customerZoneText2 { width:895px;}
/***************************/

/* addisblog */

.ct_1_1_right_blog {width: 200px; float: right; margin: 0px 20px 0px 0px;  padding-top: 30px;}
.ct_1_1_center_blog { width: 700px; float: left; margin-left: 20px; position: relative; padding-top: 30px;padding-right: 20px;padding-bottom: 20px;}
.ct_1_1_center_full_blog { width: 920px; float: left; margin-left: 20px; padding-top: 30px;}  

#blog_head { height: 120px;width: 980px; background: #fff url(/images/kernel/blog.jpg) no-repeat center center;margin: 0px auto; }

.blog_last_items > h3 {font-size: 18px; color: inherit; text-indent: 20px; line-height: 25px; height: 25px;margin-bottom: 10px;font-weight: bold; background: url(/images/kernel/blog_last.gif) no-repeat top left;}
.blog_last_items h4 {padding-left: 12px;background: url(/images/kernel/blog_arrow_last.gif) no-repeat top left;}
.blog_last_items h4 a {color: inherit; text-decoration: none;}
.blog_last_items h4 a:hover {text-decoration: underline;}
.blog_last_items > div {padding: 15px 0px;background: url(/images/kernel/blog_dots.gif) repeat-x top center;}

.dsi_addis_blog_1 {margin-bottom: 30px;padding-bottom: 20px;background: url(/images/kernel/blog_dots.gif) repeat-x bottom center;}
.dsi_addis_blog_1_date_raw {margin-bottom: 10px; background: url(/images/kernel/blog_arrow_last.gif) no-repeat top left;padding-left: 12px;color: inherit;font-size: 12px;}
.dsi_addis_blog_1_title h2 a {color: inherit; text-decoration: none; font-size: 22px;line-height: 26px;}
.dsi_addis_blog_1_title h2 a:hover {text-decoration: underline;} 
.dsi_addis_blog_1_img {float: left;margin-bottom: 0px;margin-right: 15px;}
.dsi_addis_blog_1_text {text-align: justify; color: inherit; line-height: 16px; font-size: 13px;}

.white_link { color:white !important; text-decoration:none;}
.nameWeb { color:#35343d !important; text-decoration:none; font-weight:bold; }
.name_newsletter a { text-decoration:none; font-weight:bold; font-size:14px; color:#35343d;}
.name_newsletter a:hover { text-decoration:underline;}

/* buttons */
#suscriber_ok { position:absolute; right:36px; bottom:20px; }
#chkLegal { position:absolute; bottom:20px; left:-2px; }
.suscriberLegal { color: inherit; position:absolute; left:-2px; bottom:10px; }
.welcome a:hover, 
#suscriber_ok a:hover, 
a.basket_button:hover, 
.basket_1_1_total_button a:hover, 
.contentButton a:hover,
a.button:hover,
.os1_1_1_login_button a:hover,
.dsi_43_1_button a:hover,
.productBuy a:hover,
.searchHolder input.button:hover
 {
  background-image: -moz-linear-gradient(center top , #FFFFFF 15%, #F0F0F0 58%,  #E1E1E1 79%);
  background-image: linear-gradient(top, rgb(255,255,255) 15%, rgb(240,240,240) 58%, rgb(225,225,225) 79%);
  background-image: -o-linear-gradient(top, rgb(255,255,255) 15%, rgb(240,240,240) 58%, rgb(225,225,225) 79%);
  background-image : -webkit-linear-gradient(top, rgb(255,255,255) 15%, rgb(240,240,240) 58%, rgb(225,225,225) 79%);
  background-image : -ms-linear-gradient(top, rgb(255,255,255) 15%, rgb(240,240,240) 58%, rgb(225,225,225) 79%);
  text-decoration: none;
}

.welcome a, 
#suscriber_ok a, 
a.basket_button, 
.basket_1_1_total_button a, 
.contentButton a,
a.button,
.os1_1_1_login_button a,
.dsi_43_1_button a,
.productBuy a,
.searchHolder input.button
 {
  background-color: #E1E1E1;
  background-image: -moz-linear-gradient(center top , #E1E1E1 15%, #F0F0F0 58%, #FFFFFF 79%);
  background-image: linear-gradient(top, rgb(225,225,225) 15%, rgb(240,240,240) 58%, rgb(255,255,255) 79%);
  background-image: -o-linear-gradient(top, rgb(225,225,225) 15%, rgb(240,240,240) 58%, rgb(255,255,255) 79%);
  background-image : -webkit-linear-gradient(top, rgb(225,225,225) 15%, rgb(240,240,240) 58%, rgb(255,255,255) 79%);
  background-image : -ms-linear-gradient(top, rgb(225,225,225) 15%, rgb(240,240,240) 58%, rgb(255,255,255) 79%);
  border: 1px solid #E1E1E1 !important;
  border-radius: 4px 4px 4px 4px;
  cursor:pointer;
  color: inherit;  
  font-size: 14px;
  line-height: 14px;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
}

.affiliateSignin {padding-left:50px;}
.affiliateSigninInput2 {width:369px;}
.affiliateZoneHolder table {width:978px;}
#spAffiliateZoneCenter_rowNewOrLogOff .customer_zone_identify2 {padding-left:10px;}
.buttonClearHolder {margin:0px auto; width:168px;}
.buttonClear, .buttonClear2 {float:left; margin:0px 4px;}

/*******/

/*
input {-webkit-appearance:none; border:none;}
input:focus {outline:0px !important;}
*/

.dsi_addis_blog_1_text img {  border: 1px solid #DEDEDE;  box-shadow: 0 0 10px #999999;  float: left;  margin-bottom: 20px;
  margin-right: 20px;  padding: 2px;  width: 300px;}
  
.CustomerZoneBubble { width: 200px; margin-left:20px; border: solid 2px #eaeaea; border-radius:5px; float:left; height:180px; margin-bottom:20px; transition:border .4s;}
.CustomerZoneBubble .logo { width:100%; height:50px; line-height:50px; text-align:center; }
.CustomerZoneBubble .logo img { padding-top:4px; }
.CustomerZoneBubble .link { width:100%; height:40px; background-color:#eaeaea; color:#FFF; line-height:40px; text-align:center;  transition:background-color .4s, color .4s;}
.CustomerZoneBubble .link span { color:#666; text-decoration:none; font-size:14px; font-weight:bold; }
.CustomerZoneBubble .explain { width:180px; padding:10px; color:#ababab; line-height:14px; }

.CustomerZoneBubble:hover { width: 200px; margin-left:20px; border: solid 2px #CCC; border-radius:5px; float:left; height:180px; }
.CustomerZoneBubble:hover .logo { width:100%; height:50px; line-height:50px; text-align:center; }
.CustomerZoneBubble:hover .logo img { padding-top:4px; }
.CustomerZoneBubble:hover .link { width:100%; height:40px; background-color:#CCC; color:#FFF; line-height:40px; text-align:center; }
.CustomerZoneBubble:hover .link a { color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; }
.CustomerZoneBubble:hover .explain { width:180px; padding:10px; color:#ababab; line-height:14px; }

/* customer signin */
.form-control {  background-color: #fff;  background-image: none;  border: 1px solid #ccc;  border-radius: 4px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: inherit;  display: block;  font-size: 14px;  height: 34px;  /*line-height: 1.42857;*/  padding: 0px 12px;  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;  width: 98%;
 box-sizing:border-box;}
.has-feedback .form-control-feedback {  display: block;  height: 34px;  line-height: 34px;  position: absolute;  right: 0;  text-align: center;  top: 25px;  width: 34px;}
.col-sm-6 {  width: 50%;float:left;margin-bottom:20px;position:relative; color:#524b44;}
.glyphicon-asterisk:before {  content: "*";}
.has-feedback .form-control-feedback {  right: 10px;  top: 22px;  font-size:24px;}
.glyphicon {  display: inline-block;  font-family: "Glyphicons Halflings";  font-style: normal;  font-weight: normal;  line-height: 1;  position: relative;  top: 1px;}

.form-group.pull-right {margin-top:10px;}
.col-sm-6.form-group.has-feedback > label {  color: inherit;  margin-bottom: 4px;  display: block;  font-weight:bold;}
.form-group.pull-right > label {  color: inherit;}
.form-control:focus {  border-color: #66afe9;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(1, 59, 96, 0.6);  outline: 0 none;
}
.form-mini-control {width:150px;}
/**********************************************/
.os2_1_1_payment_middle table tr td {
  border-bottom: 1px solid #f5f5f5;
  box-sizing: border-box;
  float: left;
  margin-bottom: 12px;
  padding-bottom: 12px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 0 !important;
  width: 100%;
}
.orderStepText .text {  float: left;  margin-right: 20px;  width: 83%;margin-bottom:12px;}
.orderStepTextHighlight {  font-weight: bold;}







.cookiesPanel { background-color: #F0F0F0; border: 1px solid #999999; bottom: 0; color: #666666; padding: 10px; position: fixed; text-align: center; width: 100%; z-index:9999; }
.cookiesPanel .text { font-family: Arial; font-size: 14px; color: #666666; }
.cookiesPanel .text a {font-family: Arial; font-size: 14px; color: #666666; font-weight:bold; text-decoration:none;}
.cookiesPanel .text a:hover {text-decoration:underline;}
.cookiesPanel .cookiesClose {position:absolute; top:0px; right:25px;}
.cookiesPanel .cookiesClose a {font-family: Arial; font-size: 13px; color: #666666; font-weight:normal; text-decoration:none;}
.cookiesPanel .cookiesClose a:hover {text-decoration:none;}






/***** CANALES TV *****/

.list-ficha-contenido { float:left; width:100%; clear:both; background-color:#FFF; }
.content-text { float:left; width:100%; clear:both; font-size: 14px; color: #000000; line-height: 20px; text-align:center; padding-left:15px; padding-right:15px; margin-top:35px; }
.content-text p { font-size: 14px; color: #000000; line-height: 20px; }
.content-image { float:left; width:100%; clear:both; }


.content-text-description { float:left; width:100%; clear:both; font-size: 14px !important; color: #000000; line-height: 20px; text-align:left; padding-left:15px; padding-right:15px; margin-top:35px; }
.content-text-description p { font-size: 14px !important; color: #000000; line-height: 20px; }
.content-text-description a { font-size: 14px !important; color: #000000; line-height: 20px; font-weight:700; }
.content-text-description b { font-size: 14px !important; color: #000000; line-height: 20px; font-weight:700; }
.content-text-description strong { font-size: 14px !important; color: #000000; line-height: 20px; font-weight:700; }
.content-text-description span { font-size: 14px !important; color: #000000; line-height: 20px; }
.content-text-description span a { font-size: 14px !important; color: #000000; line-height: 20px; font-weight:700;}
.content-text-description span b { font-size: 14px !important; color: #000000; line-height: 20px; font-weight:700;}
.content-text-description span strong { font-size: 14px !important; color: #000000; line-height: 20px; font-weight:700;}

/*********************/


/***** MINI-BAR *****/

.list-ficha-mini-bar { padding-bottom:35px;}
.list-ficha-desc { float:left; width:100%; clear:both; background-color:#FFF; padding-left:15px; padding-right:15px; font-size: 14px; color: #000000; line-height: 20px; text-align:center; padding-top:30px; padding-bottom:30px; }
.list-ficha-desc p { font-size: 14px; color: #000000; line-height: 20px; }
.list-ficha-desc p span { font-size: 14px; color: #000000; line-height: 20px; }
.prod-mini-bar .contenedor { float:left; width:100%; clear:both; border-top:1px solid #979797; }
.info-prod { padding-top:7px; }
.info-prod h2 { float:left; width:100%; font-size: 14px; color: #000; line-height: 30px; }
.info-prod h2 p { float:left; font-size: 14px; color: #000; line-height: 20px; }
.info-prod h2 a { float:left; margin-top:4px; margin-right:10px; }
.info-prod .price { float:left; width:100%; font-weight:700; font-size: 18px; color: #88CDCE; line-height: 30px; }

/*******************/


/***** SERVICIO DE HABITACIONES *****/

.no-margin { margin:0px; }
.button-to-carta { text-align:center; margin-top:30px; margin-bottom:0px; }
.button-to-carta a { float:none; margin:0px auto; display:inline-block; position:relative; font-weight:700; font-size: 18px; color: #FFFFFF; background: #000; border-radius: 0; padding:17px 45px; text-transform:uppercase; text-decoration:none; }

.button-to-orders { text-align:center; margin-top:30px; }
.button-to-orders a { float:none; margin:0px auto; display:inline-block; position:relative; font-weight:700; font-size: 18px; color: #FFFFFF; background: #000; border-radius: 0; padding:17px 45px; text-transform:uppercase; text-decoration:none; }

.bg-fff { background-color:#fff; background-image:none; }
.list-ficha-desc-border { position:relative; border: 1px solid #88CDCE; margin-top:30px; /*margin-bottom:30px;*/ }
.list-ficha-desc-border .myClose { position:absolute; top:-15px; right:-15px; width:50px; height:50px; background: #88CDCE; color:#fff; font-weight:700; font-size: 18px; color: #FFFFFF; line-height: 48px; border-radius:50%; }
.list-servicio-habitaciones { padding-top:40px; }
.finalizar-pedido { background-color:#fff; text-align:center; padding-top:35px; }
.finalizar-pedido a { float:left; width:100%; text-align:center; color:#fff; background: #000; border-radius: 0; font-weight:700; font-size: 18px; color: #FFFFFF; text-transform:uppercase; padding:17px 15px; text-decoration:none; }

.filtros { float:left; width:100%; clear:both; background-color:#fff; }
.filtros select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; margin-top:20px; outline:0px; }
.filtrosAverias select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; margin-top:20px; outline:0px; }
.filtrosSugerencias select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; margin-top:20px; outline:0px; }
.despAnotacion select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; outline:0px; max-width:180px; }

.filtros-cafeteria { float:left; width:100%; clear:both; background-color:#fff; padding-top:20px; }
.filtros-cafeteria select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; margin-top:20px; outline:0px; }

.filtros-cafeteria-precios { float:left; width:100%; clear:both; background-color:#fff; padding-top:20px; }
.filtros-cafeteria-precios select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; margin-top:20px; outline:0px; }

.filtros-animacion { float:left; width:100%; clear:both; background-color:#fff; padding-top:20px; }
.filtros-animacion select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; margin-top:20px; outline:0px; }
#desplegable_tipos { margin-top:0px; margin-bottom:20px; }
.txt-leyenda-animaciones { background-color:#fff; padding-bottom:70px; }


.filtros-servicio-habitaciones { float:left; width:100%; clear:both; background-color:#fff; }
.filtros-servicio-habitaciones select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; margin-top:20px; outline:0px; }


.filtros-spa { float:left; width:100%; clear:both; background-color:#fff; padding-top:20px; padding-bottom:35px; }
.filtros-spa select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; margin-top:20px; outline:0px; }


.add-product-zone { padding-bottom:7px; }
.add-product-zone input { float:left; border: 1px solid #979797; border-radius: 0; width:25%; text-align:center; font-size: 18px; color: #D1D1D1; padding:17px 5px; outline:0px; }
.add-product-zone a { float:right; width:65%; text-align:center; font-weight:700; font-size: 18px; color: #FFFFFF; background: #000; border: 1px solid #000; border-radius: 0; padding:17px 45px; text-transform:uppercase; text-decoration:none; }
.add-product-zone a:hover { cursor:pointer; }

.bg-popup .col-xs-12 { font-size:14px; text-align:center; }
.bg-popup-info .col-xs-12 { font-size:14px; text-align:left; }

/***********************************/


.center_wide { position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:9999; background-color:rgba(0, 0, 0, .5); /*background-color:transparent;*/ }
.filterLoader { position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:9999; background-image:url(/images/ajax-loader.gif); background-repeat:no-repeat; background-position:center center; opacity:1; }



/***** BASKET *****/

.basket-anotation-input textarea { width:100%; }
.basket-anotation-title { font-weight:700; font-size:14px; padding-top:30px !important; padding-bottom:10px !important; }
.col-basket { float:left; width:100%; clear:both; padding-bottom:50px;}
.basket-full { padding-top:40px; min-height:520px;}
.basket-header {color:#333; text-transform: uppercase; vertical-align: middle;}
.basket-line { vertical-align: middle !important; text-align: left;}
.basket-img {width: 10%;}
.basket-text { width: 35%; }
.basket-quantity {width: 15%;}
.basket-price {width: 20%; text-align: right;}
.basket-amount {width: 20%; text-align: right;}
.basket-line-img {}
.basket-line-text { vertical-align: middle !important; padding: 8px 8px !important; text-align: left; color:#999;}
.basket-line-text a {color:#999;}
.basket-line-quantity {vertical-align: middle !important;}
.basket-line-quantity .form-group {margin-bottom: 0px;}
.basket-line-price { vertical-align: middle !important; text-align: right; color:#999;}
.basket-line-amount {vertical-align: middle !important; text-align: right; color:#999;}
.basket-total {font-size: 25px; color: #000; font-weight:700; padding:20px 0px; padding-top:0px; }
.basket-total b {font-size: 25px; color: #000; font-weight:700; }
.basket-total b span {font-size: 25px; color: #000; font-weight:700; }
.basket-reference {width: 10%;}
.basket-discount { text-align: right;}
.basket-subtotal {color:#333;}

.basket-leyenda { text-align:right; font-size:10px; }

/*****************/


/***** HORARIO *****/

.horario { float:left; width:100%; clear:both; position:relative; }
.horario .theInfo { padding:15PX; position:absolute; top:0px; left:0px; width:50%; height:50%; background-color: rgba(201, 230, 231, 0.5); }
.horario .theInfo h1 { font-weight:700; font-size: 20px; color: #000; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #000; width:100%; line-height:25px; margin-top:10px; }
.horario .theInfo h2 { font-size: 14px; color: #000; margin-top:10px; }
.horario .theInfo h2 p { font-size: 14px; color: #000; line-height: 20px; }
.horario .theInfo h2 p b { font-weight:700; font-size: 14px; color: #000; }
.horario .theInfo h2 p strong { font-weight:700; font-size: 14px; color: #000; }
.horario .theInfo h2 b { font-weight:700; font-size: 14px; color: #000; }
.horario .theInfo h2 strong { font-weight:700; font-size: 14px; color: #000; }
.horario .theInfoAux { height:75% !important; }

/******************/

/***** AVERIAS *****/

.averias-content { float:left; width:100%; clear:both; }
.averia-title { font-size: 14px; color: #000000; line-height: 30px; }
.sugerencia-title { font-size: 14px; color: #000000; line-height: 30px; padding-top:45px; }
.textbox-zone { padding-bottom:35px; }
.textbox-zone textarea { padding:15px; }
.button-to { text-align:center; margin-top:30px; margin-bottom:30px; }
.button-to a { float:none; margin:0px auto; width:100%; text-align:center; display:inline-block; position:relative; font-weight:700; font-size: 18px; color: #FFFFFF; background: #000; border-radius: 0;padding:17px 45px; text-transform:uppercase; text-decoration:none; }

/******************/


/***** BROWSING "QUE HACER EN DESTINO" *****/

#browsing_26 .info-zone { font-size: 20px; color: #000; padding: 35px; }
#browsing_26 .info-zone a { font-size: 20px; /*color: #000;*/ color: #fff; }
#categoryPathName_83 { padding-left: 40px; padding-right: 20px; }

/******************************************/


/***** LISTADO SERVICIOS *****/

.list-ficha-servicio { float:left; width:100%; clear:both; background-color:#FFF; }
.prod-servicio { float:left; width:100%; clear:both; }
.image-prod-serv { padding:0px; }
.info-prod-serv { padding:0px; }
.info-prod-serv h2 { font-size: 14px; color: #000; line-height: 18px; padding-top:10px; height:40px; }
.info-prod-serv h3 { font-size: 14px; color: rgba(0,0,0,0.50);; line-height: 18px; padding-bottom:10px; }
.info-prod-serv .price-time .time { font-size: 14px; color: #88CDCE; line-height: 30px; }
.info-prod-serv .price-time .timeAux { font-size: 14px; color: #88CDCE; line-height: 32px; }
.info-prod-serv .price-time .price { font-weight:700; font-size: 18px; color: #88CDCE; line-height: 30px; }
.info-prod-serv .price-time .priceAux { font-weight:700; font-size: 18px; color: #88CDCE; line-height: 18px; }
.info-prod-serv .price-time .priceAux .hora { font-weight:400; font-size: 14px; color: #88CDCE; }
.info-prod-serv .price-time .priceAux .dia { font-weight:400; font-size: 14px; color: #88CDCE; }

.reserve-button-serv { float:left; width:100%; background: #88CDCE; color:#fff; font-weight:700; font-size: 18px; text-transform:uppercase; padding: 12.5px 45px; text-align:center; margin-top:10px; text-decoration:none; }
.reserve-button-serv:hover { color:#fff; font-weight:700; font-size: 18px; text-transform:uppercase; text-decoration:none; }

.cancel-button-serv { float:left; width:100%; background: #88CDCE; color:#fff; font-weight:700; font-size: 18px; text-transform:uppercase; padding: 12.5px 45px; text-align:center; margin-top:10px; text-decoration:none; }
.cancel-button-serv:hover { color:#fff; font-weight:700; font-size: 18px; text-transform:uppercase; text-decoration:none; cursor:pointer; }

/****************************/

.col-menu-movil { float:left; width:100%; clear:both; }
.navbar { position:inherit; margin-bottom:0px; min-height:inherit; }
.navbar-default .navbar-toggle { border:none; }
.navbar-default { background:none; border:none; }
.navbar-toggle{top:4px !important;}
.navbar-toggle .icon-bar{width:25px; height:3px; background-color:#000 !important;}
.navbar-collapse{padding-bottom:15px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:#fff;}
.navbar-default .navbar-nav > li > a{color:#42200a;}
.navbar-collapse{position:absolute;z-index:999;width:100%;}
.navbar-collapse { /*margin-top:120px;*/ margin-top:112px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:inherit !important; }

.zonaAuxiliar { float:left; width:100%; clear:both; background: #fff; text-align:center; position:relative; }

/***** ANOTACIONES *****/

.anotaciones-title { float:left; width:100%; clear:both; padding:20px; background: #88CDCE; text-align:center; color:#fff; font-size: 25px; letter-spacing: 0px; text-transform:uppercase; }
.filtroAnotacion { float:left; width:100%; clear:both; padding:20px; background: #fff; text-align:center; position:relative; }
.filtroAnotacion .container { position:relative; }
.despAnotacion { float:left; width:100%; clear:both; padding:20px; text-align:center; padding-bottom:0px; }
.despAnotacion select { float:none !important; }

.nueva-anotacion { position:absolute; right:20px; top:25px; background: #000; border-radius: 0; font-weight:700; font-size: 14px; color: #FFFFFF; padding:8px 15px; text-transform:uppercase; cursor:pointer; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.nueva-anotacion:hover { opacity:0.8; }

.close { font-size: 30px; color: #000; opacity:1; font-weight:400; outline:0px; }
.modal-content { float:left; width:100%; clear:both; }
.modal-header { float:left; width:100%; clear:both; border:none; }
.modal-body { float:left; width:100%; clear:both; padding-top:0px; }
.modal-footer { float:left; width:100%; clear:both; border:none; }
.title-fany-new-anotacion { float:left; width:100%; clear:both; text-transform:uppercase; font-size: 18px; color: #000; margin-bottom:30px; }
.title-fany-new-family { float:left; width:100%; clear:both; text-transform:uppercase; font-size: 18px; color: #000; margin-bottom:20px; text-align:center; }

.txtRemarkAnotacion textarea { outline:0px; border: 1px solid #979797; border-radius: 0; margin-top:35px; padding:20px; }
.txtRemarkAnotacionEdit textarea { outline:0px; border: 1px solid #979797; border-radius: 0; padding:20px; }

.btn-add-anotacion { float:left; width:100%; clear:both; text-align:center; margin-top:40px; }
.btn-add-anotacion a { display:inline-block; text-transform:uppercase; font-size:14px; font-weight:700; color:#fff; background: #000; border-radius: 0; padding:7px 45px; text-decoration:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btn-add-anotacion a:hover { cursor:pointer; opacity:0.8; }

.btn-edit-anotacion { float:left; width:100%; clear:both; text-align:center; margin-top:40px; }
.btn-edit-anotacion a { display:inline-block; text-transform:uppercase; font-size:14px; font-weight:700; color:#fff; background: #000; border-radius: 0; padding:7px 45px; text-decoration:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btn-edit-anotacion a:hover { cursor:pointer; opacity:0.8; }


.btn-add-family { float:left; width:100%; clear:both; text-align:center; margin-top:40px; }
.btn-add-family a { display:inline-block; text-transform:uppercase; font-size:14px; font-weight:700; color:#fff; background: #000; border-radius: 0; padding:7px 45px; text-decoration:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btn-add-family a:hover { cursor:pointer; opacity:0.8; }

.btn-edit-family { float:left; width:100%; clear:both; text-align:center; margin-top:40px; }
.btn-edit-family a { display:inline-block; text-transform:uppercase; font-size:14px; font-weight:700; color:#fff; background: #000; border-radius: 0; padding:7px 45px; text-decoration:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btn-edit-family a:hover { cursor:pointer; opacity:0.8; }




.btn-add-tratamiento { float:left; width:100%; clear:both; text-align:center; margin-top:40px; }
.btn-add-tratamiento a { display:inline-block; text-transform:uppercase; font-size:14px; font-weight:700; color:#fff; background: #000; border-radius: 0; padding:7px 45px; text-decoration:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btn-add-tratamiento a:hover { cursor:pointer; opacity:0.8; }

.btn-edit-tratamiento { float:left; width:100%; clear:both; text-align:center; margin-top:40px; }
.btn-edit-tratamiento a { display:inline-block; text-transform:uppercase; font-size:14px; font-weight:700; color:#fff; background: #000; border-radius: 0; padding:7px 45px; text-decoration:none; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btn-edit-tratamiento a:hover { cursor:pointer; opacity:0.8; }




.fecha { float:left; width:100%; clear:both; padding:11px 20px; font-weight:700; font-size: 14px; color: #fff; letter-spacing: 0px; background: #88CDCE; margin-top:15px; }
.tratamientos { float:left; width:100%; clear:both; padding-bottom:50px; }
.familias { float:left; width:100%; clear:both; padding-bottom:50px; }
.anotaciones { float:left; width:100%; clear:both; padding-bottom:50px; }
.anotacion { float:left; width:100%; clear:both; padding:15px 0px; }
.anotacion .left { }
.anotacion .right { display:table; text-align:center; padding-top:10px; }
.anotacion .right img { cursor:pointer; }
.anotacion .img-info { float:none; }

.mod-anot-1 { background-color: rgba(136, 205, 206, 0.1); }
.mod-anot-2 { background: rgba(136, 205, 206, 0.2); }
    
/**********************/

.datepicker-zone { height:370px; }
#datepicker { padding-bottom:10px; border-bottom:1px solid rgba(118,168,219,0.2);}
.col-header-right-back { text-align:right !important; margin-top:20px; }

.today { float:left; width:100%; clear:both; margin-top:5px; }
.today-left { text-align:left; font-size: 14px; color: rgba(0,0,0,0.50); }
.today-right { text-align:right; font-size: 14px; color: rgba(0,0,0,0.50); }



/***** AREA PRIVADA *****/

.filtros-familia { text-align:right; }
.filtros-familia select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:10px 20px; font-size: 14px; line-height: 30px; outline:0px; max-width:290px; }

.btns-area-privada .nueva-familia { float:left; margin-top:5px; background: #000; border-radius: 0; font-weight:700; font-size: 14px; color: #FFFFFF; padding:8px 15px; text-transform:uppercase; cursor:pointer; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btns-area-privada .nueva-familia:hover { opacity:0.8; }

.btns-area-privada .nuevo-tratamiento { float:left; margin-top:5px; background: #000; border-radius: 0; font-weight:700; font-size: 14px; color: #FFFFFF; padding:8px 15px; text-transform:uppercase; cursor:pointer; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btns-area-privada .nuevo-tratamiento:hover { opacity:0.8; }

.btns-reserva .nueva-reserva { float:right; margin-top:5px; background: #000; border-radius: 0; font-weight:700; font-size: 14px; color: #FFFFFF; padding:8px 15px; text-transform:uppercase; cursor:pointer; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.btns-reserva .nueva-reserva:hover { opacity:0.8; }

.go-to-actual-day { float:right; margin-top:5px; display:flex; margin-right:10px; }
.go-to-actual-day a { text-decoration:none; background: #000; border-radius: 0; font-weight:700; font-size: 14px; color: #FFFFFF; padding:8px 15px; text-transform:uppercase; cursor:pointer; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.go-to-actual-day a:hover { opacity:0.8; }


.family-name label { float:left; clear:both; font-size: 14px; color: #9B9B9B; font-weight:400; padding-left:14px; }
.family-name input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.family-release label { float:left; clear:both; font-size: 14px; color: #9B9B9B; font-weight:400; padding-left:14px; }
.family-release select { float:left; width:100%; clear:both; color:#000; background: #FFFFFF; border: 1px solid #979797; border-radius: 0; padding:6px 20px; font-size: 14px; line-height: 30px; outline:0px; max-width:290px; }


.head-family-lines { border-bottom: 1px solid #919191; padding-bottom:13px; margin-top:25px; }
.head-family-lines div { font-weight:400; font-size: 14px; color: #919191; }

.horaini-line input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; outline:0px; text-align:center; }
.horafin-line input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; outline:0px; text-align:center; }
.cupo-line input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; outline:0px; text-align:center; }

.quick_line { float:left; width:100%; clear:both; padding:15px 0px; border-bottom:1px solid #979797; }
.cuadricula { position:relative; float:left; width:100%; clear:both; }

.more_button { position:absolute; bottom:25px; right:-15px; }
.more_button_aux { position:absolute; bottom:25px; right:-15px; }

.inputs-day { float:left; width:14.28%; text-align:center; }
.inputs-day label { float:left; clear:both; width:100%; text-align:center; font-weight:400; font-size: 14px; color: #919191; }
.inputs-day input { float:left; clear:both; margin-left:5px; }

.head-family-list { background: #88CDCE; padding-top:12px; padding-bottom:12px; }
.btns-area-privada { text-align:left; }

.head-family-list div { font-weight:700; font-size: 14px; color: #fff; letter-spacing: 0px; text-transform:uppercase; text-align:left; }
.line-family-btns { display: table; text-align: center; padding-top: 8px; }
.line-family-btns img { cursor:pointer; }
.line-family-name { font-weight:400; font-size: 14px; color: #000; line-height: 22px; padding-top:10px; }
.mod-family-1 { background: rgba(136, 205, 206, 0.1); }
.mod-family-2 { background: rgba(136, 205, 206, 0.2); }

.family-list-line { padding-top:10px; padding-bottom:15px; }

/***********************/


/***** NUEVO TRATAMIENTO *****/

.ddlFamily select { border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 20px; margin-top:18px; outline:0px; width:100%; }
.tratamiento-name label { float:left; clear:both; font-size: 14px; color: #9B9B9B; font-weight:400; padding-left:14px; }
.tratamiento-name input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.tratamiento-name label { float:left; clear:both; font-size: 14px; color: #9B9B9B; font-weight:400; padding-left:14px; }
.tratamiento-name input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.second-line-info { margin-top:25px; }

.col-max label { float:left; clear:both; font-size: 14px; color: #9B9B9B; font-weight:400; padding-left:14px; }
.col-max input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.col-duracion label { float:left; clear:both; font-size: 14px; color: #9B9B9B; font-weight:400; padding-left:14px; }
.col-duracion input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.col-precio label { float:left; clear:both; font-size: 14px; color: #9B9B9B; font-weight:400; padding-left:14px; }
.col-precio input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.col-description { margin-top:25px; }
.col-description label { float:left; clear:both; font-size: 14px; color: #9B9B9B; font-weight:400; padding-left:14px; }
.col-description textarea { float:left; width:100%; clear:both; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.col-image { margin-top:25px; } 
.col-imagen-hidden input { border:none; }
.col-imagen-hidden table { width:100%; }
#fuImage1 { width:100%; }

.load-image { background: #F0F0F0; text-align:center; padding-top:25px; padding-bottom:25px; }
.load-image img { float:none; margin:0px auto; }
.load-image-edit { background: #F0F0F0; text-align:center; padding-top:25px; padding-bottom:25px; }
.load-image-edit img { float:none; margin:0px auto; }

.load-input { text-align:left; }
.load-input a { color:#000; }
.load-input a:hover { color:#000; cursor:pointer; }
.load-input input { display:none; }

.load-input-edit { text-align:left; }
.load-input-edit a { color:#000; }
.load-input-edit a:hover { color:#000; cursor:pointer; }
.load-input-edit input { display:none; }

.line-tratamiento-btns { text-align:center;}
.line-tratamiento-btns { cursor:pointer; }
.line-tratamiento-btns a { outline:0px; }
.line-tratamiento-btns img { outline:0px; }

#imgBtnDelImg1 { margin-top:15px; }

/****************************/


/***** CALENDARIOS *****/

.calendar-format-diario .image-mensual { float:left; margin-top:10px; }
.calendar-format-diario .image-mensual .on { display:none; cursor:pointer; }
.calendar-format-diario .image-mensual .off { cursor:pointer; }
.calendar-format-diario .image-mensual:hover .off { display:none; }
.calendar-format-diario .image-mensual:hover .on { display:inherit; }
.calendar-format-diario .image-diario { float:left; margin-left:15px; margin-top:10px; margin-right:30px;  }
.calendar-format-diario .image-diario .off { display:none; }
.calendar-format-diario .image-diario input { display:none; }
.calendar-format-diario .ui-datepicker-trigger { cursor:pointer; }
.calendar-format-diario #ddCFamily { float:left; border-radius:0; padding:5px; margin-top:5px; outline:0px; }

.img-info { float:left; margin-left:10px; margin-top:1px; }

.ver-mas-reservas { float:left; width:100%; clear:both; text-align:left; }
.ver-mas-reservas p { font-weight:700; color:#000; font-size:13px; margin-top:15px; }
.ver-mas-reservas p:hover { text-decoration:underline; cursor:pointer; } 


.calendar-format-mensual .image-mensual { float:left; margin-top:10px; }
.calendar-format-mensual .image-mensual .off { display:none; cursor:pointer; }
.calendar-format-mensual .image-diario { float:left; margin-left:15px; margin-top:10px; }
.calendar-format-mensual .image-diario .on { display:none; }
.calendar-format-mensual .image-diario:hover .on { display:inherit; cursor:pointer; }
.calendar-format-mensual .image-diario:hover .off { display:none; }

.newFault { float:left; width:100%; clear:both; height:35px; }
.newFault-aux { float:left; width:100%; clear:both; height:35px; margin-top:35px; margin-bottom:35px; }

.meses-del-anyo { float:left; width:100%; }
.meses-del-anyo .mes { float:left; width:100%; }
.meses-del-anyo .mes .title { float:left; width:100%; font-weight:400; font-size: 16px; color: #000; letter-spacing: 0px; text-transform:uppercase; text-align:left; padding:10px 0px; border-bottom: 1px solid #88CDCE; }
.meses-del-anyo .mes .title p { float:left; font-weight:400; font-size: 16px; color: #000; letter-spacing: 0px; text-transform:uppercase; text-align:left; }
.meses-del-anyo .mes .title p:hover { cursor:pointer; }
.meses-del-anyo .mes .mes-container { float:left; width:100%; display:block; }
.model-1 {background: rgba(136, 205, 206, 0.1);}
.model-3 {background: rgba(136, 205, 206, 0.1);}

.pasador { float:left; width:100%; border-top: 2px solid #88CDCE; border-bottom: 2px solid #88CDCE; padding:8px 0px; margin-top:16px; }
.pasador-mensual { margin-bottom:16px; }
.pasador-left  { text-align:left; font-weight:400; font-size: 14px; color: #88CDCE; line-height: 22px; margin-top:6px; text-transform:uppercase; }
.pasador-center  { text-align:center; font-weight:700; font-size: 24px; color: #000; letter-spacing: 0px; text-transform:uppercase; }
.pasador-right  { text-align:right; font-weight:400; font-size: 14px; color: #88CDCE; line-height: 22px; margin-top:6px; text-transform:uppercase; }

.pasador-left p { float:left; font-weight:400; font-size: 14px; color: #88CDCE; line-height: 22px; text-transform:uppercase; cursor:pointer; }
.pasador-center p { display:block; text-align:center; font-weight:700; font-size: 24px; color: #000; letter-spacing: 0px; text-transform:uppercase; }
.pasador-right p { float:right; font-weight:400; font-size: 14px; color: #88CDCE; line-height: 22px; text-transform:uppercase; cursor:pointer; }

.ddlDesplegable select { border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 14px; margin-top:7px; outline:0px; width:100%; }
.ddlDesplegable textarea { float:left; width:100%; clear:both; border: 1px solid #979797; border-radius: 10px; padding-left:15px; padding-right:15px; outline:0px; margin-top:8px; }

/****** DESPLEGABLE AUTOCOMPLETABLE *****/
#ddlZonaComun { position:relative; }

.ui-state-active { background-color:#1e90ff !important; color:#fff !important;}

.custom-combobox { float:left; border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 20px; margin-top:7px; outline:0px; width:100%; }
.custom-combobox input { border:none; height:20px; outline:0px; font-size:14px; color:#000; width:260px; }
.custom-combobox input:hover { border:none; height:20px; outline:0px; font-size:14px; color:#000; }
.custom-combobox input:active { outline:0px; font-size:14px !important; color:#000 !important; }
.custom-combobox input:focus { outline:0px; font-size:14px !important; color:#000 !important; }

.ui-menu .ui-menu-item-wrapper { font-size:14px !important; /*color:#000 !important;*/ padding-top:0px !important; padding-bottom:0px !important; /*background-color:#fff !important;*/ line-height:30px !important; }
.ui-menu .ui-menu-item-wrapper:hover { font-size:14px !important; color:#fff !important; padding-top:0px !important; padding-bottom:0px !important;  background-color:#1e90ff !important; line-height:30px !important; }
.ui-menu .ui-menu-item-wrapper:active { font-size:14px !important; color:#000 !important; padding-top:0px !important; padding-bottom:0px !important; }
.ui-menu .ui-menu-item-wrapper:focus { font-size:14px !important; color:#000 !important; padding-top:0px !important; padding-bottom:0px !important; }

.ui-autocomplete { border: 1px solid #1e90ff !important; left:186px !important; top:351px !important; width:325px !important; overflow-y:scroll; overflow-x:hidden; height:200px; }

.ui-menu .ui-menu-item { font-size:14px !important; color:#000 !important; padding-top:0px !important; padding-bottom:0px !important; }
.ui-menu .ui-menu-item:hover { font-size:14px !important; color:#000 !important; padding-top:0px !important; padding-bottom:0px !important; }
.ui-menu .ui-menu-item:active { font-size:14px !important; color:#000 !important; padding-top:0px !important; padding-bottom:0px !important; }
.ui-menu .ui-menu-item:focus { font-size:14px !important; color:#000 !important; padding-top:0px !important; padding-bottom:0px !important; }

.custom-combobox a { float: right; margin: 0px; padding-left: 0px; padding-right: 0px; width: auto; color: #000; padding-top: 14px; outline:0px; }
.custom-combobox a span { color:#000; outline:0px; }
/**************************************/

.ddlTipoCliente select { border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 20px; margin-top:18px; outline:0px; width:100%; }
.ddlRoom { margin-top:15px; }
.ddlRoom select { border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 20px; margin-top:18px; outline:0px; width:100%; }
.ddlRoom input { float:left; width:70%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }
.ddlRoom label { float:left; clear:both; font-size: 14px; color: #000; font-weight:400; padding-left:14px; }

.ddlRoom .names { float:left; width:100%; clear:both; font-size:12px; padding-left:19px; padding-top:5px; text-align:left; }
.comprobar { float:right; width:20%; text-align:center; background: #000; border-radius: 0; font-weight:700; font-size: 14px; color: #FFFFFF; padding:8px 15px; text-transform:uppercase; cursor:pointer; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.comprobar:hover { opacity:0.8; }
@media (max-width: 767px) {
	.ddlRoom input {width: 100%;}
	.comprobar {width: 100%; margin-top: 10px;}
	.ddlFamilia {width: 100%;}
	.ddlServicio {width: 100%;}
	.ddlNumPersonas {width: 100%;}
	.col-nombre-ext {width: 100%;}
	.col-apellidos-ext {width: 100%;}
	.col-telefono-ext {width: 100%;}
	.col-email-ext {width: 100%;}
	.info-reserva-left {width: 100%;}
	.info-reserva-right {width: 100%;}
	.linea_reserva .left {width: 100%;}
	.linea_reserva .right {width: 100%;}
	.linea_reserva .right a {width: 100%;}
}

.ddlFamilia select { border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 20px; margin-top:18px; outline:0px; width:100%; }

.ddlServicio select { border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 20px; margin-top:18px; outline:0px; width:100%; }
.ddlNumPersonas select { border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 20px; margin-top:18px; outline:0px; width:100%; }

.col-nombre-ext { margin-top:15px; }
.col-nombre-ext label { float:left; clear:both; font-size: 14px; color: #000; font-weight:400; padding-left:14px; }
.col-nombre-ext input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.col-apellidos-ext { margin-top:15px; }
.col-apellidos-ext label { float:left; clear:both; font-size: 14px; color: #000; font-weight:400; padding-left:14px; }
.col-apellidos-ext input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.col-telefono-ext { margin-top:15px; }
.col-telefono-ext label { float:left; clear:both; font-size: 14px; color: #000; font-weight:400; padding-left:14px; }
.col-telefono-ext input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.col-email-ext { margin-top:15px; }
.col-email-ext label { float:left; clear:both; font-size: 14px; color: #000; font-weight:400; padding-left:14px; }
.col-email-ext input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.reserva-remark { float:left; width:100%; margin-top:30px; }
.reserva-remark label { float:left; clear:both; font-size: 14px; color: #000; font-weight:400; padding-left:14px; text-transform:uppercase; }
.reserva-remark input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }
.reserva-remark textarea { float:left; width:100%; clear:both; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }

.anotacion-status { float:left; width:100%; margin-top:30px; text-align:left; }
.anotacion-status label { float:left; clear:both; font-size: 14px; color: #000; font-weight:400; padding-left:14px; text-transform:uppercase; }
.anotacion-status input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }
.anotacion-status textarea { float:left; width:100%; clear:both; border: 1px solid #979797; border-radius: 0; padding-left:15px; padding-right:15px; outline:0px; }
.anotacion-status select { float:left; border: 1px solid #979797; border-radius: 0; font-weight:400; font-size: 14px; color: #000000; text-transform:uppercase; padding:6.5px 20px; margin-top:18px; outline:0px; width:100%; }


.col-price { font-weight:400; font-size: 18px; color: #000000; text-align:right; margin-top:50px; }
.col-price span { font-weight:700; font-size: 18px; color: #000000; }

.info-reserva-zone { margin-top:40px; }
.info-reserva-zone .today {}

.datapicker-reserva .ui-datepicker-inline { width:100%; }

.linea_reserva { float:left; width:100%; padding:10px 0px; border-bottom:1px solid #000; }
.linea_reserva .left { font-weight:400; font-size: 14px; color: #333333; margin-top:10px; text-align:left; }
.linea_reserva .right a { text-decoration:none; background: #000; border-radius: 0; font-weight:700; font-size: 14px; color: #FFFFFF; text-transform:uppercase; padding:10px 40px; display:table; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }
.linea_reserva .right a:hover { cursor:pointer; opacity:0.7; }

.head-title { text-align:left; font-weight:700; font-size: 14px; color: #000; letter-spacing: 0px; text-transform:uppercase; border-bottom: 1px solid #88CDCE; padding-bottom:5px; margin-top:25px; }
.head-hour, .line-hour { text-align:center; }
.line-room, .line-name, .line-room, .line-service, .line-people { text-align:left; }
.line-edit { padding-left:0px; padding-right:0px; }

.reserva { float:left; width:100%; padding:10px 0px; }
.reserva-line { border-bottom: 1px solid rgba(0,0,0,0.50); }

.reserva-line div { font-weight:400; font-size: 14px; color: rgba(0,0,0,0.50); line-height: 22px; }
.line-hour { font-weight:700 !important; }
.line-hour, .line-room, .line-name, .line-service, .line-people { padding-top:2px; }

.line-edit img:hover { cursor:pointer; }



.reserva-line-mobile {display: none; border-bottom: 1px solid rgba(0,0,0,0.50); flex-wrap: wrap;}
.reserva-line-mobile div { font-weight: 400; font-size: 14px; color: rgba(0,0,0,0.50); line-height: 22px;}
.reserva-line-mobile .line-hour {-ms-flex: 0 0 115px; flex: 0 0 115px; max-width: 115px; text-align: left;}
.reserva-line-mobile .line-service {-ms-flex: 0 0 calc(100% - 115px); flex: 0 0 calc(100% - 115px); max-width: calc(100% - 115px); text-align: left;}
.reserva-line-mobile .line-room {-ms-flex: 0 0 115px; flex: 0 0 115px; max-width: 115px; text-align: left;}
.reserva-line-mobile .line-name {-ms-flex: 0 0 calc(100% - 115px); flex: 0 0 calc(100% - 115px); max-width: calc(100% - 115px); text-align: left;}
.reserva-line-mobile .line-people {-ms-flex: 0 0 115px; flex: 0 0 115px; max-width: 115px; text-align: left;}
.reserva-line-mobile .line-edit {-ms-flex: 0 0 calc(100% - 115px); flex: 0 0 calc(100% - 115px); max-width: calc(100% - 115px); text-align: right;}
.reserva-line-mobile .line-edit .modalButtonAux {display: inline-block; margin-right: 15px;}
.reserva-line-mobile .line-edit .delete-reserva {display: inline-block;}
@media (max-width: 991px) {
	.reserva-head, .reserva-line {display: none;}
	.reserva-line-mobile {display: flex;}
}
@media (max-width: 767px) {
	.pasador-center p {font-size: 18px;}
}
@media (max-width: 575px) {
	.calendar-format-diario {width: 100%;}
	.calendar-format-diario select {width: 100%; margin-top: 10px !important;}
	.btns-reserva {width: 100%; margin-top: 10px;}
	.btns-reserva .nueva-reserva {width: 100%; margin-top: 0;}
}





.dia-del-mes { padding-left:0px; padding-right:0px; padding-top:35px; padding-bottom:45px; /*height:100vh;*/ }
.dia-left { font-weight:400; font-size: 35px; color: #000; text-align:center; line-height:20px; padding-right:10px; margin-top:10px; }
.dia-left span { font-weight:400; font-size: 14px; color: #000; }
.dia-right { padding-left:10px; }

.hora-reserva { float:left; width:100%; clear:both; font-weight:700; font-size: 14px; color: rgba(0,0,0,0.50); border-bottom: 1px solid #000000; padding-bottom:8px; text-align:left; margin-top:10px; }
.reserva-item { float:left; width:100%; clear:both; margin-top:10px; margin-bottom:10px; }
.reserva-item-room { float:left; width:100%; clear:both; text-align:left; font-weight:400; font-size: 14px; color: rgba(0,0,0,0.50); }
.reserva-item-product { float:left; width:100%; clear:both; text-align:left; font-weight:400; font-size: 14px; color: rgba(0,0,0,0.50); }
.reserva-item-username { float:left; width:100%; clear:both; text-align:left; font-weight:400; font-size: 14px; color: rgba(0,0,0,0.50); }
.reserva-item-people { float:left; width:100%; clear:both; text-align:left; font-weight:400; font-size: 14px; color: rgba(0,0,0,0.50); }
.reserva-item .line-edit { float:left; width:100%; clear:both; margin-top:5px; }
.reserva-item .line-edit a { float:left; margin-right:10px; }
.reserva-item .line-edit img { float:left; width:18px; }
.reserva-item .line-edit .delete-reserva { width:15px; }

.fila { float:left; width:100%; clear:both; position:relative; height:100%; }
.reservas-del-dia { float:left; width:100%; clear:both;  }

/**********************/

.modal-backdrop { position:fixed; }


/***** RESERVAR SERVICIO *****/

.title-reservar { text-align:center; font-weight:700; font-size: 14px; color: #000000; line-height: 30px; margin-top:30px; }
#datepickerReservar { float:left; width:100%; clear:both; margin-top:30px; }
#datepickerReservar .ui-datepicker-inline { width:100%; margin:0px auto; }
.ddlNumPersonasReservar select { }

.botones { margin-top: 30px; }
.botones .linea_reserva .right a { padding:10px 0px; width:100%; text-align:center; }

/****************************/

.panel-default { border:none; }
.table-responsive { border:none; }

#averiasDesp { margin-top:20px; }
.col-input { margin-top:15px; }
.col-input input { float:left; width:100%; clear:both; height:36px; border: 1px solid #979797; border-radius: 10px; padding-left:15px; padding-right:15px; outline:0px; margin-top:8px; }



/***** CARGOS *****/

.cargosList { float:left; width:100%; clear:both; background-color:#fff; }
.cargosListAnimaciones { float:left; width:100%; clear:both; background-color:#fff; }
.cargo { float:left; width:100%; clear:both; border-top: 1px solid #000; border-bottom: 1px solid #000; padding-top:20px; padding-bottom:20px; }
.cargo .fechaCargo { float:left; width:100%; clear:both; font-size:15px; font-weight:400; }
.cargo .conceptoCargo { float:left; width:100%; clear:both; font-size:15px; font-weight:400; }
.cargo .descripcionCargo { float:left; width:100%; clear:both; font-size:15px; font-weight:400; }
.cargo .importeCargo { float:left; width:100%; clear:both; font-size:15px; font-weight:400; }

.cargo .fechaCargo span { font-size:16px; font-weight:700; }
.cargo .conceptoCargo span { font-size:16px; font-weight:700; }
.cargo .descripcionCargo span { font-size:16px; font-weight:700; }
.cargo .importeCargo span { font-size:16px; font-weight:700; }

.totalCargo { font-size:16px; font-weight:700; text-align:right; padding-top:30px; padding-bottom:30px; }
.totalCargo span { font-size:18px; font-weight:700; text-transform:uppercase; }

/*****************/

#header { background-color:#c9e6e7; /*max-width:768px; margin:0px auto;*/ }
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; }
.f-nav-aux{ z-index: 9999; position: fixed; /*left: 0;*/ width: 100%; max-width:768px; }

.content-text-phone { margin-top:45px; }
.content-text-phone p { background-color:#88CDCE; color:#fff; font-size:20px; padding:10px 25px; display:inline-block; border-radius:0; font-weight:700; margin-left:20px; }
.iframeCuest { height:1030px; width:100%; }

.myRes { margin-bottom:25px;}
.codeRes { font-weight:700; font-size:16px; }
.pedido-precio { font-weight:400; font-size:18px; text-align:center; margin-top:-23px; }
.pedido-precio b { font-weight:700; font-size:15px; }

.como-funciona-text { text-align:left; }
.margin-top-30 { margin-top:30px; }



/***** CHAT *****/
.prueba { /*position:absolute;*/ float:left; width:100%; overflow-y: scroll; overflow-x:hidden;  background-color:#fff; }
/*.prueba { float:left; position:relative; width:100%; overflow-y: scroll; overflow-x:hidden; background-color:#fff; }*/

#NewMessageTextBox { position:relative; outline:0px; }
#myBottomHtml {}
#ChatText { float:left; width:100%; clear:both; position:relative; }
#ChatMessageList { float:left; width:100%; clear:both; position:relative; }

.leftChat {
	float: left;
    width: 60%;
    background-color: #F2F2F2;
    border-radius: 0;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
    margin: 10px 10px;
    border-color: #cdecb0;
}

.leftChat::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 10px;
    position: absolute;
    top: 3px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  10px;
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -3px; 
	
	}

.rightChat {
    float: right;
    width: 60%;
    background-color: #dfeecf;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
    margin: 10px 10px;
    border-color: #cdecb0;
}

.rightChat::before {

    float:right;
    background-color: #dfeecf;
    content: "\00a0";
    display: block;
    height: 10px;
    /*position: absolute;*/
	position:relative;
    left: 22px;
	top: -6px;
    transform:             rotate( 205deg ) skew( -35deg );
        -moz-transform:    rotate( 205deg ) skew( -35deg );
        -ms-transform:     rotate( 205deg ) skew( -35deg );
        -o-transform:      rotate( 205deg ) skew( -35deg );
        -webkit-transform: rotate( 205deg ) skew( -35deg );
    width:  10px;
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
     
}

.separatorChat { float:left; width:100%; clear:both; }
.messagesChat { float:left; width:100%; clear:both; }
.buttonsChat { float:left; width:100%; clear:both; padding-top:15px; padding-bottom:20px; background-color:#fff; }

#NewMessageTextBox { float:left; margin-left:10px; width:85%; border-radius:10px; padding:5px; height:34px; border:1px solid #B2B2B2; box-shadow:0 0 6px #B2B2B2; }
#SendButton { float:right; margin-right:10px; width:34px; height:34px; }
#SendButton img { float:right; width:34px; height:34px; }

.chat-list { float:left; width:100%; clear:both; border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:10px; position:relative; }
.chat-list .left img { float:none; width:60px; height:60px; margin:0px auto; border-radius:50%; border:1px solid #000; }
.chat-list .name-chat { font-weight:700; margin-top:9px; }
.chat-list .message-chat { color:#757575; }
.list-fecha-chat { position:absolute; top:15px; right:20px; }
.num-chats-sin-leer { position:absolute; top:35px; right:20px; }

.no-leido .list-fecha-chat { color:#09d262; font-weight:700; }
.no-leido .num-chats-sin-leer { color:#fff; background-color:#09d262; padding-top:8px; border-radius:50%; width:35px; height:35px; text-align:center; font-weight:700; }

/*******/

.info-text-order-receipt { float:left; width:100%; clear:both; padding:15px; color:#000; font-weight:700; }
.navbar-toggle { display:block !important; }

.container { max-width:768px; } 

.back-zone .container { max-width:940px; }
.back-zone .modal-content { float:none; max-width:768px; display:inline-block; }
.back-zone .modal-dialog { max-width:768px; display:inline-block; }
.line-service .img-info { float:none !important; }


@media (min-width: 940px) {
    .container { max-width:768px; }
    .back-zone .container { max-width:940px; }
    
    .buttonsChat { max-width:768px; }
    
}

@media (min-width: 800px) {
    .container { max-width:768px; }
    .back-zone .container { max-width:940px; }
    
    .buttonsChat { max-width:768px; }
}

@media (max-width: 768px) { /*de 0 a 768px*/ 
    .info-prod-serv h2 { padding-top:60px; }
    .cancel-button-serv { padding: 47.5px 45px; }
    
    .buttonsChat { max-width:768px; }
}

@media (max-width: 480px) { /*de 0 a 480px*/ 
    .info-prod-serv h2 { padding-top:10px; }
    /*.info-zone img { max-width:240px; }*/
    .info-zone { padding-top:10px;}
	.info-zone a {font-size: 18px; line-height: normal;}
    .reserve-button-serv { padding: 27.5px 45px; }
    .cancel-button-serv { padding: 24.5px 45px; }
    
    .buttonsChat { max-width:480px; }
}


@media (max-width: 375px) { /*de 0 a 375px*/ 
    /*.info-zone img { max-width:187.5px; }*/
    .reserve-button-serv { padding: 10px 45px; }
    .cancel-button-serv { padding: 7px 45px; }
    /*.info-zone a { line-height:22px; }*/
    #NewMessageTextBox { max-width:305px; }
    
    .buttonsChat { max-width:375px; }
}

@media (max-width: 360px) { /*de 0 a 360px*/ 
    .reserve-button-serv { padding: 7.5px 45px; }
    .cancel-button-serv { padding: 5px 45px; }
    #NewMessageTextBox { max-width:290px; }
    
    .buttonsChat { max-width:360px; }
}

@media (max-width: 320px) { /*de 0 a 320px*/ 
    /*.info-zone img { max-width:160px; padding-bottom:0px; }*/
    .reserve-button-serv { padding: 1px 45px; }
    .cancel-button-serv { padding: 1px 45px; }
    .res-name h2 { padding-top:4px; }
    #NewMessageTextBox { max-width:255px; }
    
    .buttonsChat { max-width:320px; }
}



.ui-datepicker-month {color: #444444 !important;}
.ui-datepicker-year {color: #444444 !important;}
.ui-datepicker th span {color: #444444 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {color: #444444 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #000 !important; color: #fff !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: #444444 !important; color: #fff !important;}


.fancybox-overlay {z-index: 99999 !important;}
.fancybox-opened {z-index: 100009 !important;}