body{  color:#666; line-height: 1.70; font-size:14px; margin:0px; padding:0px; width:100%; font-family: 'Heebo', sans-serif; /*font-family: 'Open Sans', sans-serif;*/ font-weight: 400; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body{ background-color:transparent;}

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

.clear{ display:block; float:none; clear:both;}

table.politica{ border:1px solid #CCC; font-size:11px}
table.politica td{ border:1px solid #CCC; padding:2px}
table.politica tr td:nth-child(1){ background-color:#F3F7F8; font-weight:bold	}

.ownerCustom{
	/*display:none;*/
}

.image {
    position: relative;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    background-image: url(../images/farmaceutica.jpg);
    height: 470px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	top: 20px;
	margin-bottom: 20px;
}

.promo {
    position: absolute;
    color: #1663a0;
    font-size: 34px;
    line-height: 1;
    padding: 25px;
    text-shadow: 1px 1px 3px rgb(255 255 255 / 94%);
    z-index: 2;
    bottom: 0;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
}

h1.titulo { 
    font-size: 20px;
	letter-spacing:-1px;
    color: #6aa2b8;
    font-weight: 700;
    text-align: left;
	text-transform:uppercase;
	margin-top:15px;
}

h3.subtitulo {
    font-style: italic;
    font-size: 30px;
    color: #e5c617;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px; 
}
.wrap-page{ margin:25px 0px;}

.glyphicon-ok{ color:#390 !important}

.stage{ margin:0 auto; max-width:1200px; min-height:500px; background-color:#FFF; box-shadow:0 0 15px 0 rgba(0,0,0,0.1);  box-sizing:border-box; margin-top:15px; display:none  }

.stage.active{ display:block }

.contratar {
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.95);
  width: 250px;
  margin: 0 auto;
  margin-top:10px;
}

.contratar_item {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 12px;
  display:flex;
  flex:1
}

.contratar_item .cprecio{
	position:relative;
	z-index:555;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	border-radius:50%; border:4px solid rgba(255,255,255,0.7);
	background-color:#5fc6e3; color:#FFF;
	height:60px; width:60px; padding:0; margin:0;
	font-size:18px; font-weight:600; line-height:45px;
	text-shadow:none !important;

}

.contratar_item .ctext{
	position:relative;
	z-index:444;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	background-color:#f1c617; color:#333;
	height:43px; width:220px; margin-left:-35px; padding-left:45px; margin-top:6px;
	font-size:15px; font-weight:600; line-height:48px;
	text-shadow:1px 1px 2px rgba(255,255,255,0.7) !important;
}

.contratar_item .cbutton{
	position:relative;
	z-index:444;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	background-color:#0078ab; color:#fff;
	height:43px; width:100px;  margin-top:6px;
	font-size:13px; font-weight:600; line-height:46px;
	text-shadow:none !important;
	cursor:pointer
}

.contratar_item .cbutton:hover{ background-color:#1f90c0}

.subheader{ margin-bottom:10px; margin-top:20px; border-bottom:1px solid #ddd; text-align:center !important; line-height:normal}
.subheader p{ padding:2px; margin:1px; margin-bottom:25PX; }

.nempleados{ padding:7px; width:80px; border-radius:2px; border:1px solid #666; font-size:24px; text-align:center}

.masmenos{ display:inline-block; vertical-align:top }
.masmenos button{ clear:both; width:30px; height:25px; line-height:18px; font-weight:bold; margin:2px; }

#dnis{ min-height:230px}
.dni{ padding:3px; width:150px; border-radius:2px; border:1px solid #666; font-size:14px; text-align:left; margin:4px;}
.dnicontainer{ padding:4px;}
.dniordinal{ display:inline-block; border-radius:50%; width:35px; height:35px; text-align:center; line-height:35px; font-size:14px; background-color:#EEE; color:#666; box-sizing:border-box; vertical-align:middle;}


.list_resume{ width:auto; overflow-y:auto; height:160px;  list-style:none; margin:0; padding:0; box-sizing:border-box; text-align:left; padding-top:15px}
.list_resume li{ margin:0; padding:4px; display:inline-block; width:49%;}

p.intro{ text-align:justify; color:#666;}

.product_info{ padding:6px; text-align:right; font-size:26px; color:#8AA4C4; background-color:#F1F4F5; border-radius:7px; border:1px solid #eee; padding-left:15px; padding-right:15px; }
.product_info small{ font-size:70%; }


.message_info_blue{ padding:6px; text-align:right; font-size:26px; color:#8AA4C4; background-color:#F1F4F5; border-radius:7px; border:1px solid #eee; padding-left:15px; padding-right:15px; }
.message_info_blue small{ font-size:70%; }


.message_info{ padding:6px; text-align:right; font-size:16px; color:#8AA4C4; background-color:#FFF4F0; border-radius:7px; border:1px solid #eee; padding-left:15px; padding-right:15px; margin-top:5px; }

.message_info_green{ padding:6px; font-size:16px; color:#8AA4C4; background-color:#F8FCFA; border-radius:7px; border:1px solid #eee; padding-left:15px; padding-right:15px; margin-top:5px; }

@media (min-width: 768px){ }
 
.ul-separe{ list-style-type:none; margin:0px; padding:0px;}

.ul-separe li{ position:relative; padding-left:55px; margin-bottom:10px;}

.ul-separe li:before {
  background: transparent url("../images/pic/pic-li.png") scroll 0 0 no-repeat;
  content:"";
  width: 40px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 6px;
}

.title-separator {
	width:100%;
    max-width: 1px;
	margin:0px auto;
    height: 50px;
    background-color: #ddd;
    position: relative;
	clear:both;
	float:none;
	display:block;
	margin-top:40px;
	margin-bottom:35px;
	
}

.title-separator:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #f1c617;
    border-radius: 50%;
    bottom: 0;
    left: -4px;
    background-color: #fff;
}


.formfooter{ text-align:center}

.btn_gray_line{ border:1px solid #ddd; text-align:center; cursor:pointer; color:#999; display:inline-block; min-width:250px; padding:5px 5px 3px 5px; margin:5px 15px; display:inline-block }

.btn_full_yellow { cursor:pointer; width:50%; border:1px solid #f1c617; background-color:#f1c617; line-height:50px; font-size:15px; text-align:center; margin-top:5px; color:#fff; font-weight:600; padding-top:5px;letter-spacing:1px; } 

.btn_line_yellow:hover{ background-color:#6aa2b8; color:#fff; border:1px solid #6aa2b8; } 
.btn_full_yellow:hover { background-color:#6aa2b8; color:#fff; border:1px solid #6aa2b8; }




/** FORMULARIOS**************************************************************************************/

/* 1 - DATOS EMPRESA */
.checkout .datos_facturacion{ display:none}



/* general / común */
.checkout .btn_inline{ display:inline-block; width:30%; }
.checkout .btn_gray_inline{ padding:5px 5px 3px 5px;  cursor:default; border:1px solid #ddd; text-align:center;  color:#999; margin:5px 8px;   }

.checkout .btn_gray_inline:hover{border:1px solid #ddd;color:#999; }

.checkout .btn_gray_inline.realizado{ border: 1px solid #6aa2b8; color:#6aa2b8; cursor:pointer; background-color:#EDF0F3 }
.checkout .btn_gray_inline.active{ background-color:#6aa2b8; color:#fff; border: 1px solid #f1c617;   }
.checkout .form-group label{ font-weight:300; color:#6aa2b8; margin-top:20px}

 
.checkout .btn_line_yellow{cursor:pointer; width:100%;max-width:210px; border:1px solid #f1c617; line-height:28px; padding-top:2px; float:left; text-align:center; color:#f1c617;  font-weight:500; letter-spacing:1px;   margin:8px 15px;}

.checkout .btn_full_yellow{cursor:pointer; width:100%; max-width:210px; border:1px solid #f1c617; background-color:#f1c617; line-height:28px;padding-top:2px;  float:right; text-align:center; margin-top:0px; color:#fff; font-weight:500;  letter-spacing:1px;margin:8px 15px;  } 

.checkout .btn_line_yellow:hover{ background-color:#6aa2b8; color:#fff; border:1px solid #6aa2b8; } 
.checkout .btn_full_yellow:hover { background-color:#6aa2b8; color:#fff; border:1px solid #6aa2b8; }




.btn-more{background-color:#6aa2b8; color:#fff; width:100%; max-width:250px; text-align:center; cursor:pointer; margin-top:60px; }
.btn-more:hover{ opacity:0.8}



/** css in index.php *******************************************************************************************************************************************/

#tabla_resumen_contratacion td{ border-bottom:1px dashed #CCC}

#tabla_resumen_contratacion .tableh{ font-weight:600}


#gracias{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background-color:#F4FBF9; z-index:999; min-height:810px; box-sizing:border-box; padding:15px; display:none}
#error_pago{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background-color:#FFF0F0; z-index:999; min-height:810px; box-sizing:border-box; padding:15px; display:none}


#infoPrecioUnitario{ font-size:16px; color:#090 !important}

legend{ font-weight:bold }

.codpromo{ padding:4px; background-color:#F0F8EF; color:#390; font-weight:600; text-align:center; font-size:110%; max-width:1200px; margin:0 auto}

.oldprice{ text-decoration: line-through; color:#93394B}

.escaladoprecios td{ padding:3px; background-color:#FFF; border:4px solid #fafafa; font-size:13px }
.escaladoprecios td.names{ font-weight:600; }


#formulario{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:#FFF; display:none; z-index:98; background-color:#fafafa }
#formulario .row{ padding:5px;}
#formulario .masinfotitle{ background-color:#2876a1; color:#FFF; margin:0PX; font-size:170%; margin-bottom:25px; padding:15px; margin-top:0px; width:100% }

.minbutton{ border: 1px solid #CCC; border-radius:2px; font-size:16px; line-height:26px; width:26px; height:26px; cursor:pointer; margin:2px;}

.dniko{ box-shadow:0 0 7px 0 #F30}


.combofinder{
	isplay: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
.combolist{ display:none; height:200px; overflow-y:scroll; padding:2px;}
.combolistitem{ padding:6px; border-bottom:1px solid #EEE; list-style:none; margin-left:2px; cursor:pointer; font-size:11px}
.combolistitem.hidden{ display:none}
.combolistitem:hover{ background-color:#F1F9FE }

.form-control-nosave{
	isplay: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


#resultpsw{ padding:5px; box-sizing:border-box; display:inline-block; margin:2px;}


#botonpagofinal:disabled{ background-color:#999; color:#666; border:none;}

#loading{ position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); color:#FFF; text-align:center; z-index:9999; display:none} 

#resumenEmpleados{ padding:5px; font-weight:bold; display:none}

#resumenEmpleados .content{ height:200px; overflow-y:scroll; width:320px; margin-top:15px; border:1px solid #DDD; padding:10px; box-sizing:border-box}

#tblempleados td{ border-bottom:1px dotted #CCC}  


.buttonround {
    transition: all linear 0.2s;
}
.buttonround {
    width: 220px;
    height: 220px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 14px solid #2876a130;
    vertical-align: middle;
    display: table-cell;
    margin-top: 15px;
	background-color:#FFF;
}

.buttonround:hover { border-color:#FC0}

.blockinner{padding:25px; background-color:#fafafa; min-height:310px }


#framelopd{ position:absolute; display:none; top:0px; width:100%; height:100%; left:0px; right:0px; bottom:0px; box-sizing:border-box; border:10px solid #666; background-color:#FFF; z-index:9999; }

@media (max-width: 768px){ 
	body{ font-size:13px; line-height:1.2}

	h1{ font-size:22px; font-weight:bold }  
	
	.btn_inline{ font-size:11px; vertical-align:top; height:35px} 
	
	.checkout .btn_line_yellow, .checkout .btn_full_yellow{ width:140px;}
	
	label{ font-weight:normal; font-size:12px}
	
	label br{ display:none}
	
	.imageicon{ width:60px !important}
	
	.blockinner.min{min-height:0px }
	
	.list_resume li{ width:99%}
	
	dnis li{ display:block}
	
	#datos_contratacion p{ margin:2px; } 
}



/** AJUSTES Y RESPONSIVE ********************************************************/
a:hover{ text-decoration:none;}
.escaladoprecios{ margin-bottom:15px}
h4{ margin-top:28px}
.escaladoprecios tr td{ padding:8px 5px;}
.container.stage{ padding-top:15px; padding-bottom:35px}
h1{ font-size:30px; line-height:40px; font-weight:700}
.line_title{ width:100%; max-width:80px; background-color:#f1c617; height:2px; margin:0px auto; margin-top:20px; margin-bottom:5px; }
.nempleados{ border-radius:3px}
 .col_left_contrato{ padding-right:50px}
#tabla_resumen_contratacion td {    border-bottom: 1px solid #e1e1e1; padding:6px 0px}
#tabla_resumen_contratacion thead td { border-bottom: 1px solid #CCC;}
.title_principal{ width:100%; max-width:640px; margin:0px auto}
.wrap_empreados{padding:25px;}
#infoPrecioUnitario{ text-align:center}
 #total_con_iva{ font-weight:700}
@media (max-width: 768px){ 
	 .col_left_contrato{ padding-right:0px} 
	 h1{ font-size:18px; line-height:26px; font-weight:700}
	 .ul-separe li:before { width: 26px; height: 15px; top: 0px;}
	 .ul-separe li {  padding-left: 35px; }
	 .escaladoprecios { margin-bottom: 15px; width: 100%;}
	 .btn_full_yellow { line-height: 38px; font-size: 14px; padding-top: 3px;}
	 .subheader h1{ width:100%; max-width:230px; margin:0px auto; padding-top:20px; line-height:22px; }
	 .subheader p {  margin-bottom: 10px;}
	 .wrap_empreados{padding:10px 25px;}
	 #infoPrecioUnitario small{ float:none; display:block; clear:both; padding-top:4px}
	 .nempleados{ margin-top:8px}
	 .btn_gray_inline { display:table; min-height:40px; }
 	 .btn_gray_inline div { display:table-cell; vertical-align:middle}
	 .blockinner.contenedor_dnis{ min-height:180px}
	 #dnis { min-height: 150px;}
	.btn_gray_inline.realizado .glyphicon { position: relative; top: -4px;}
	#linkborrador .btn_line_yellow{  
		width: 100%;
		max-width: 210px; 
		line-height: 28px;
		padding-top: 2px; 
		letter-spacing: 1px;
		margin: 8px 15px;}
		#datos_contratacion{ margin-top:10px; }
		#datos_contratacion legend{ padding-bottom:7px; margin-bottom:9px }
		#datos_contratacion p{ margin-bottom:6px}
		#aceptar_condiciones_frm legend, #realizar_pago_frm legend{ padding-bottom:7px; margin-bottom:9px}
		
}

@media (max-width: 380px){
	.checkout .btn_line_yellow, .checkout .btn_full_yellow {
		width: 115px;margin: 8px 4px;
	}
	.product_info { padding: 6px; text-align: right;font-size: 22px;}
	.product_info small{ float:none; display:block; clear:both; padding-top:4px}
}